ywana-core8 0.0.229 → 0.0.233

package/package.json

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

package/src/domain/ContentEditor.js

@@ -248,16 +248,22 @@ export const StringEditor = ({ field, value = '', onChange, content, outlined })
     return opts
   }
 
+  function renderFormat(format, options) {
+    switch (format) {
+      case FORMATS.HTML: return <Editor id={id} value={value} onChange={change} content={content} />
+      case FORMATS.DATE: return <TextField outlined={outlined} id={id} type="date" label={label} value={value} onChange={change} readOnly={!editable} />
+      default:
+        return options ? (
+          <DropDown outlined={outlined} id={id} label={label} value={value} onChange={change} options={buildOptions()} readOnly={!editable} canFilter={predictive} />
+        ) : (
+          <TextField outlined={outlined} id={id} label={label} value={value} onChange={change} readOnly={!editable} />
+        )
+    }
+  }
+
   return (
     <div className='field-editor string-editor'>
-
-      { format === FORMATS.HTML ? <Editor id={id} value={value} onChange={change} content={content}/> : null }
-
-      {
-        format === FORMATS.DATE ? <TextField outlined={outlined} id={id} type="date" label={label} value={value} onChange={change} readOnly={!editable} /> :
-          options ? <DropDown outlined={outlined} id={id} label={label} value={value} onChange={change} options={buildOptions()} readOnly={!editable} canFilter={predictive} /> :
-            <TextField outlined={outlined} id={id} label={label} value={value} onChange={change} readOnly={!editable} />
-      }
+      {renderFormat(format, options)}
     </div>
   )
 }
@@ -272,12 +278,12 @@ const NumberEditor = ({ field, value, onChange, outlined = false }) => {
     if (onChange) onChange(id, value)
   }
 
-  const val = value || value ==="" ? value : field.default
+  const val = value || value === "" ? value : field.default
   const min = field.min
   const max = field.max
   const disabled = !editable
 
-  console.log('NumberEditor: ', label, val, value )
+  console.log('NumberEditor: ', label, val, value)
 
   return (
     <div className='field-editor number-editor'>

package/src/domain/ContentType.js

@@ -16,6 +16,7 @@ export const TYPES = {
 export const FORMATS = {
     NONE: '',
     DATE: 'date',
+    TIME: 'time',
     EMAIL: 'email',
     HTML: 'HTML',
     URL: 'URL'

package/src/domain/TablePage.js

@@ -310,15 +310,26 @@ const TableEditor = (props) => {
         })
     }
 
+    function renderGroupLabel(groupName) {
+        const grouper = schema[groupBy]
+        if (grouper.options) {
+            const options = CHECK['isFunction'](grouper.options) ? grouper.options() : grouper.options
+            const option = options.find(option => option.value === groupName)
+            return option.label
+        } else {
+            return groupName
+        }
+    }
+
     function renderGroups() {
 
         const items = filter ? filter(all) : all
 
-        const groups = items.reduce((groups, filter) => {
-            const groupName = filter[groupBy]
+        const groups = items.reduce((groups, item) => {
+            const groupName = item[groupBy]
             const group = groups[groupName]
             if (!group) groups[groupName] = []
-            groups[groupName].push(filter)
+            groups[groupName].push(item)
             return groups
         }, {})
 
@@ -361,6 +372,7 @@ const TableEditor = (props) => {
             return (
                 <Fragment key={groupName}>
                     <Header title={groupName} >
+                        {renderGroupLabel(groupName)}
                         <span className="size">{groupSize}</span>
                     </Header>
                     <DataTable {...table} onRowSelection={select} editable={editable} onCheckAll={check} />

package/src/html/table.js

@@ -203,8 +203,18 @@ const BooleanCellViewer = ({ id, value = false }) => {
 const StringCellViewer = ({ id, value, format, options }) => {
     const option = options ? options.find(o => o.value === value) : null
     let text = option ? option.label : value
+    const  locale = window.navigator.userLanguage || window.navigator.language;
     switch (format) {
-        case FORMATS.DATE: text = new Date(text).toLocaleString(); break;
+        case FORMATS.DATE: text = new Date(text).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;
     }
     return (<div className="field-editor string-viewer">{text}</div>)
 }

package/src/widgets/index.js

@@ -2,4 +2,5 @@ export * from './login/LoginBox'
 export * from './login/ResetPasswordBox'
 export * from './viewer/Viewer'
 export * from './kanban/Kanban'
-export * from './avatar/avatar'
+export * from './avatar/avatar'
+export * from './waiter'

package/src/widgets/waiter/index.js

@@ -0,0 +1 @@
+export * from './waiter'

package/src/widgets/waiter/waiter.css

@@ -0,0 +1,11 @@
+.wait-screen {
+    position:absolute;
+    top:0px;
+    left:0px;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(200,200,200,.5);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}

package/src/widgets/waiter/waiter.js

@@ -0,0 +1,11 @@
+import React from 'react'
+import { CircularProgress } from '../../html'
+import './waiter.css'
+
+export const WaitScreen = () => {
+    return (
+        <div className="wait-screen">
+            <CircularProgress size="large"/>
+        </div>
+    )
+}