ywana-core8 0.1.72 → 0.1.73

package/package.json

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

package/src/domain/ContentEditor.js

@@ -430,6 +430,12 @@ export const CollectionEditor = ({ field, value = [], onChange, onReload }) => {
     }
   }
 
+  function changeItem(index, fieldID, newValue) {
+      const next = value.slice()
+      next[index][fieldID] = newValue
+      onChange(id, next)
+  }
+
   function reload() {
     if (onReload) onReload()
   }
@@ -440,7 +446,7 @@ export const CollectionEditor = ({ field, value = [], onChange, onReload }) => {
         Renderer ?
           <Renderer field={field} value={value} onRemove={remove} onChange={onChange} onReload={reload} />
           // : <DataTable {...table} editable={editable} />
-          : <TableEditor icon={"info"} title={label} data={value} schema={item} groupBy={groupBy} canDelete={true} remove={remove} />
+          : <TableEditor icon={"info"} title={label} data={value} schema={item} groupBy={groupBy} canDelete={true} remove={remove} onChange={changeItem} />
 
       }
       <footer>
@@ -496,9 +502,13 @@ const CollectionAdder = ({ item, onAdd }) => {
  */
 const TableEditor = (props) => {
 
-  const { data = [], icon, title, schema, editable, canDelete, remove, filter, actions, className } = props
+  const { data = [], icon, title, schema, editable, canDelete, remove, filter, actions, className, onChange } = props
   const [groupBy, setGroupBy] = useState(props.groupBy)
 
+  function change(rowID,fieldID,value) {
+    if (onChange) onChange(rowID, fieldID, value)
+  }
+
   function changeGroup(id, value) {
     setGroupBy(value)
   }
@@ -562,13 +572,15 @@ const TableEditor = (props) => {
           }),
         rows: groups[groupName]
           .map((item, index) => {
-            item.actions = actions ? actions.map(action => {
+            const row = Object.assign({}, item)
+            if (!row.id) row.id = index
+            row.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(index)} />)
-            return item
+            if (canDelete) row.actions.push(<Icon icon="delete" size="small" clickable action={() => remove(index)} />)
+            return row
           })
       }
       table.columns.push({ id: "actions" })

package/src/domain/ContentEditor.test.js

@@ -10,6 +10,10 @@ function buildTokenOptions() {
         {label: "Thressse", value: 3 },
     ]
 }
+export const OPTION = {
+    label     : { id: "label"     , required: true , type: TYPES.STRING, column: true, label: "Label"  },
+    value     : { id: "value"     , required: true , type: TYPES.STRING, column: true, label: "Value", editable: true },
+}
 
 const schema = {
     name  : { id: "name"  , type: TYPES.STRING, format: FORMATS.NONE  , required: true, editable: false, label: "Name"  , defValue: "John"                                               },
@@ -19,11 +23,16 @@ const schema = {
     field4: { id: "field4", type: TYPES.STRING, format: FORMATS.COLOR , required: true, editable: true , label: "Color"                                                                  },
     field5: { id: "field5", type: TYPES.STRING, format: FORMATS.TOKENS, required: true, editable: true , label: "field5"                  , multivalue: true                 },
     field6: { id: "field6", type: TYPES.STRING, format: FORMATS.PASSWORD, required: true, editable: true , label: "Password" },
+    options   : { id: "options"   , editable: false, type: TYPES.ARRAY , item: OPTION , label: "Options"       },
 
 }
 
 const value = {
-    
+    options: [
+        { label: "One", value: 1 },
+        { label: "Two", value: 2 },
+        { label: "Thressse", value: 3 },
+    ],
 }
 
 const ContentEditorTest = (prop) => {