ywana-core8 0.0.75 → 0.0.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.75",
+  "version": "0.0.79",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",
@@ -29,6 +29,7 @@
     "deep-equal": "^2.0.5",
     "material-design-icons-iconfont": "^6.1.1",
     "react-datepicker": "^4.6.0",
+    "react-notifications": "^1.7.3",
     "resumablejs": "^1.1.0"
   }
 }

package/src/domain/ContentEditor.js

@@ -2,7 +2,7 @@ import React, { Fragment, useState } from 'react';
 import { Button, CheckBox, DataTable, DropDown, Icon, Stack, Tab, Tabs, Text, TextField, Tree, TreeNode, TreeItem, TokenField, Property } from '../html';
 import { Content, TYPES } from './ContentType';
 import './ContentEditor.css';
-import { FORMATS } from '.';
+import { FORMATS } from './ContentType';
 
 /**
  * Content Editor

package/src/domain/ContentForm.js

@@ -8,14 +8,11 @@ import { TextField, CheckBox, DropDown, Form } from '../html';
 export const ContentForm = ({ content, columns = 1, filter, rules, onChange }) => {
 
     const form = content.form()
-    console.log(form)
 
     const fields = Object.keys(form)
         .map(key => form[key])
         .filter( field => filter ? filter(field) : true)
 
-    console.log(fields)
-    
     return (
         <Form className="content-form" columns={columns} outlined={true} onChange={onChange}>
             { fields.map(field => <ContentFormField key={field.id} {...field} />)}

package/src/html/textfield.js

@@ -41,7 +41,7 @@ export const TextField = (props) => {
     const labelTxt = <Text>{label}</Text>
     return (
         <div className={`${style}`} onClick={onClick}>
-            <input id={id} type={type} placeholder={placeholder} value={value} required onChange={change} onKeyDown={onKeyPress} onFocus={focus} readOnly={readOnly}/>
+            <input id={id} type={type} placeholder={placeholder} value={value} required onChange={change} onKeyDown={onKeyPress} onFocus={focus} readOnly={readOnly} onfocus="(this.type='date')" onfocusout="(this.type='text')"/>
             <span className="bar"></span>
             { label ? <label>{labelTxt}</label> : null }
         </div>

package/src/site/site.js

@@ -3,9 +3,10 @@ import { Icon } from '../html/icon'
 import { Tabs, Tab } from '../html/tab'
 import { Header } from '../html/header'
 import { Page } from './page'
-import './site.css'
 import { SiteContext } from './siteContext'
-
+import { NotificationContainer, NotificationManager} from 'react-notifications'
+import './site.css'
+import 'react-notifications/lib/notifications.css';
 
 
 /**
@@ -64,8 +65,13 @@ export const SiteProvider = ({ children, siteLang, siteDictionary, showConsole }
 
         preview,
         openPreview: (preview) => { setPreview(preview) },
-        closePreview: () => { setPreview(null) }
+        closePreview: () => { setPreview(null) },
 
+        confirm: (message) => window.confirm(message),
+
+        notify: ({title, body}) => {
+            NotificationManager.info(body, title)
+        }
     }
 
     return (
@@ -93,11 +99,18 @@ export const Site = ({ icon, logo, title, toolbar, children, init, min, lang, di
                 <SiteConsole />
                 <SiteDialog />
                 <SitePreview />
+                <SiteNotifications />
             </div>
         </SiteProvider>
     )
 }
 
+const SiteNotifications = () => {
+    return (
+        <NotificationContainer />
+    )
+}
+
 /**
  * Site Header
  */