ywana-core8 0.0.867 → 0.0.869

package/package.json

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

package/src/domain/ContentEditor.js

@@ -369,7 +369,7 @@ export const ListEditor = ({ field, value = [], onChange }) => {
  */
 export const MultiSelectionEditor = ({ field, value = [], content, onChange }) => {
 
-  const { id, label, options } = field
+  const { id, label, options, format = FORMATS.CHECKBOX } = field
 
   function change(v) {
     const index = value.indexOf(v)
@@ -386,12 +386,24 @@ export const MultiSelectionEditor = ({ field, value = [], content, onChange }) =
     return opts
   }
 
+  function renderFormat(format, options) {
+    switch (format) {
+      case FORMATS.CHECKBOX: return <CheckBoxGroup options={options} value={value} onChange={change} />
+      case FORMATS.RADIO: return <RadioGroup options={options} value={value} onChange={change} />
+      default: return <CheckBoxGroup options={options} value={value} onChange={change} />
+    }
+  }
+
   return (
     <div className="multiselection-editor">
       <label>{label}</label>
       {buildOptions().map(option => {
         const checked = value.includes(option.value)
-        return <CheckBox value={checked} label={option.label} onChange={() => change(option.value)} />
+        switch (format) {
+          case FORMATS.CHECKBOX: return <CheckBox value={checked} label={option.label} onChange={() => change(option.value)} />
+          case FORMATS.RADIO: return <RadioButton value={checked} label={option.label} onChange={() => change(option.value)} />
+          default: return <CheckBox value={checked} label={option.label} onChange={() => change(option.value)} />
+        }
       })}
     </div>
   )

package/src/domain/ContentType.js

@@ -26,6 +26,8 @@ export const FORMATS = {
     COLOR: 'COLOR',
     TOKENS: 'TOKENS',
     PASSWORD: 'PASSWORD',
+    RADIO: 'RADIO',
+    CHECKBOX: 'CHECKBOX',
 }
 
 

package/src/domain/ContentViewer.js

@@ -111,6 +111,14 @@ const StringViewer = (props) => {
                     <img src={value} />
                 </div>
             )
+
+        case FORMATS.TOKENS:
+            return (
+                <div className='tokens-field'>
+                    <TokenField id={id} label={label} tokens={value} readOnly={true} />
+                </div>
+            )
+            
         default:
             return <Property label={label} value={value} options={options} />
     }

package/src/html/table.js

@@ -151,7 +151,7 @@ const DataTableFiltersRow = ({ columns }) => {
             {columns.map(({ id, filterable, onFilter }) => {
                 return (
                     <td className='filter-cell'>
-                        {filterable ? <TextField id={id} onChange={onFilter} /> : null}
+                        {filterable ? <TextField id={id} onChange={onFilter} outlined /> : null}
                     </td>
                 )
             })}

package/src/incubator/task.js

@@ -184,10 +184,10 @@ export const TaskMonitor = (props) => {
 
     const table = {
         columns: [
-            { id: "state", label: "Estado" },
-            { id: "init", label: "Inicio", type: TYPES.STRING, format: FORMATS.DATE },
-            { id: "end", label: "Fin", type: TYPES.STRING, format: FORMATS.DATE },
-            { id: "description", label: "Descripcion" },
+            { id: "state", label: "State" },
+            { id: "init", label: "Init Date", type: TYPES.STRING, format: FORMATS.DATE },
+            { id: "end", label: "End Date", type: TYPES.STRING, format: FORMATS.DATE },
+            { id: "description", label: "Description" },
             { id: "progress", label: "%" },
             { id: "percentage", label: "" },
             //            { id: "resourceID", label: "Recurso" },