ywana-core8 0.0.73 → 0.0.77

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.73",
+  "version": "0.0.77",
   "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/css/html.css

@@ -30,4 +30,8 @@ body {
 .row {
   display: flex;
   align-items: center;
+}
+
+td.actions {
+  display: flex;
 }

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/domain/TablePage.js

@@ -16,7 +16,7 @@ const http = HTTPClient(window.API || process.env.REACT_APP_API, Session);
 export const TablePage = (props) => {
 
     const site = useContext(SiteContext)
-    const { id = "table", icon, title, name = "table 1", schema, url, field, delay = 1000, actions, editable, canAdd = true, canDelete = true, dev = false, autosave = true, groupBy, validator, scenario, formFilter, tableFilter, tableActions } = props
+    const { id = "table", icon, title, name = "table 1", schema, url, field, delay = 1000, actions, editable, canFilter=false, canAdd = true, canDelete = true, dev = false, autosave = true, groupBy, validator, scenario, formFilter, tableFilter, tableActions } = props
     const [pageContext, setPageContext] = useContext(PageContext)
     const { selected } = pageContext
     const timer = useRef(null)
@@ -46,7 +46,7 @@ export const TablePage = (props) => {
             await pageContext.create(form);
             setPageContext(Object.assign({}, pageContext))
         }
-        site.openDialog(<CreateContentDialog label={`Crear ${name}`} type={schema} onOK={onOK} validator={validator} filter={formFilter}/>);
+        site.openDialog(<CreateContentDialog label={`Crear ${name}`} type={schema} onOK={onOK} validator={validator} filter={formFilter} />);
     }
 
     function change(next) {
@@ -106,11 +106,9 @@ export const TablePage = (props) => {
                 ) : null}
                 {actions}
             </Header>
-            <menu className="table-page">
-                <TableFilters schema={schema} />
-            </menu>
+            {canFilter ? <menu className="table-page"><TableFilters schema={schema} /></menu> : null}
             <main key={id} className="table-page">
-                <TableEditor icon={icon} title={name} schema={schema} delay={delay} editable={editable} groupBy={groupBy} filter={tableFilter} actions={tableActions} canDelete={canDelete}/>
+                <TableEditor icon={icon} title={name} schema={schema} delay={delay} editable={editable} groupBy={groupBy} filter={tableFilter} actions={tableActions} canDelete={canDelete} />
             </main>
             {renderAside()}
         </Fragment>
@@ -241,10 +239,10 @@ const TableEditor = (props) => {
                     }),
                 rows: groups[groupName]
                     .map(item => {
-                        item.actions =  actions ? actions.map(action => {
-                            return action.filter ? 
-                                action.filter(item) ? <Icon icon={action.icon} clickable size="small" action={() => run(action, item) }/> : null
-                                    : <Icon icon={action.icon} clickable size="small" action={() => run(action, item) }/>
+                        item.actions = actions ? actions.map(action => {
+                            return action.filter ?
+                                action.filter(item) ? <Icon icon={action.icon} clickable size="small" action={() => run(action, item)} /> : null
+                                : <Icon icon={action.icon} clickable size="small" action={() => run(action, item)} />
                         }) : []
                         if (canDelete) item.actions.push(<Icon icon="delete" size="small" clickable action={() => remove(item.id)} />)
                         return item
@@ -253,7 +251,7 @@ const TableEditor = (props) => {
 
             table.columns.push({ id: "actions" })
             const groupSize = groups[groupName].length
-            
+
             return (
                 <Fragment key={groupName}>
                     <Header title={groupName} >
@@ -372,7 +370,7 @@ const TableAPI = (url) => {
                     if (typeof (value) === 'boolean') {
                         return query.concat(`${key}=${value}&`)
                     } else if (Array.isArray(value)) {
-                        const param = value.length === 0 ? '' : value.reduce((param,item) => { 
+                        const param = value.length === 0 ? '' : value.reduce((param, item) => {
                             param = param.concat(`${key}=${item}&`)
                             return param
                         }, "")

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, message) => {
+            NotificationManager.info(message, 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
  */