ywana-core8 0.0.868 → 0.0.870

package/package.json

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

package/src/domain/ContentEditor.js

@@ -1,5 +1,5 @@
 import React, { Fragment, useState } from 'react';
-import { Button, CheckBox, DataTable, DropDown, Icon, Stack, Tab, Tabs, Text, TextField, PasswordField, Tree, TreeNode, TreeItem, TokenField, Header, Accordion } from '../html';
+import { Button, CheckBox, DataTable, DropDown, Icon, Stack, Tab, Tabs, Text, TextField, PasswordField, Tree, TreeNode, TreeItem, TokenField, Header, Accordion, RadioButton } from '../html';
 import { CHECK, Content, TYPES, FORMATS } from './ContentType';
 import { DateRange } from '../html/textfield';
 import { ColorField } from '../html/color';
@@ -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',
 }