ywana-core8 0.0.860 → 0.0.862

package/package.json

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

package/src/domain/ContentType.js

@@ -18,6 +18,7 @@ export const FORMATS = {
     DATE: 'date',
     DATERANGE: 'DATERANGE',
     TIME: 'time',
+    DATETIME: 'datetime',
     EMAIL: 'email',
     HTML: 'HTML',
     URL: 'URL',

package/src/domain2/FORMATS.js

@@ -6,6 +6,7 @@ export const FORMATS = {
     DATE: 'date',
     DATERANGE: 'DATERANGE',
     TIME: 'time',   
+    DATETIME: 'datetime',
     EMAIL: 'email',
     HTML: 'HTML',
     URL: 'URL',

package/src/html/index.js

@@ -17,7 +17,7 @@ export { Text, TEXTFORMATS } from './text'
 export { TextField, DropDown, TextArea, DateRange, PasswordField } from './textfield'
 export { TokenField } from './tokenfield'
 export { Tree, TreeNode, TreeItem } from './tree'
-export { Switch } from './switch'
+export { Switch, Switch2 } from './switch'
 export { Tooltip } from './tooltip'
 export { Thumbnail } from './thumbnail'
 export { ColorField } from './color'

package/src/html/section.js

@@ -16,7 +16,7 @@ export const Section = (props) => {
     }, [open])
 
     const toggle = () => {
-        setOpen(!open)
+        setOpen(!isOpen)
     }
 
     return (

package/src/html/switch.js

@@ -1,5 +1,6 @@
 import React from 'react'
 import RSwitch from 'react-switch'
+import { Icon } from './icon'
 
 export const Switch = (props) => {
 
@@ -20,4 +21,20 @@ export const Switch = (props) => {
             className="react-switch"
         />
     )
+}
+
+export const Switch2 = (props) => {
+
+    const { checked, onChange } = props
+
+    function toggle() {
+        onChange(!checked)
+    }
+
+    const icon = checked ? "toggle_on" : "toggle_off"
+    return (
+        <div className="switch">
+            <Icon icon={icon} clickable action={toggle} />
+        </div>
+    )
 }

package/src/html/table.js

@@ -242,6 +242,9 @@ const EntityCellViewer = ({ id, item, value }) => {
                 case FORMATS.TIME:
                     text = new Date(text).toLocaleString(locale, { year: 'hour', month: 'minute', day: 'second' });
                     break;
+                case FORMATS.DATETIME:
+                    text = new Date(text).toLocaleString(locale, { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric' });
+                    break;
             }
         }