ywana-core8 0.0.806 → 0.0.807

package/package.json

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

package/src/domain/ContentEditor.js

@@ -116,7 +116,7 @@ export const TabbedContentEditor = ({ content, filter, grouped = false, onChange
                   fields
                     .filter(field => field.id !== 'id')
                     .filter(field => filter ? filter(field) : true)
-                    .map((field) => <FieldEditor key={field.id} field={field} onChange={change} content={content} onReload={onReload}/>)
+                    .map((field) => <FieldEditor key={field.id} field={field} onChange={change} content={content} onReload={onReload} />)
               }
             </section>
           )
@@ -168,7 +168,7 @@ export const TreededContentEditor = ({ content, filter, onChange }) => {
         </Tree>
       </menu>
       <div>
-        {selected ? <TabbedContentEditor content={selected.item} onChange={change} onReload={reload}/> : "select"}
+        {selected ? <TabbedContentEditor content={selected.item} onChange={change} onReload={reload} /> : "select"}
       </div>
     </div>
   )
@@ -206,7 +206,7 @@ export const FieldEditor = ({ field, onChange, content, outlined = false, onRelo
         case TYPES.ARRAY:
           return item === TYPES.STRING ?
             options ? <MultiSelectionEditor content={content} field={field} value={value1} onChange={change} /> : <ListEditor field={field} value={value1} onChange={change} />
-            : <CollectionEditor field={field} value={value1} onChange={change} onReload={reload}/>
+            : <CollectionEditor field={field} value={value1} onChange={change} onReload={reload} />
         default:
           return <div>{label}</div>
       }
@@ -219,7 +219,7 @@ export const FieldEditor = ({ field, onChange, content, outlined = false, onRelo
  * Entity Editor
  */
 const EntityEditor = ({ field, value = {}, onChange }) => {
-  const { id, item, label, outlined=false } = field
+  const { id, item, label, outlined = false } = field
   const content = new Content(item, value)
 
   function change(fid, value) {
@@ -271,7 +271,7 @@ const EntityEditor = ({ field, value = {}, onChange }) => {
  * String Editor
  */
 export const StringEditor = ({ field, value = '', onChange, content, outlined }) => {
-  const { id, format, options, required=false, editable = true, predictive = false, multivalue = false, freeValue = false, Editor } = field
+  const { id, format, options, required = false, editable = true, predictive = false, multivalue = false, freeValue = false, Editor } = field
 
   function change(id, value) {
     if (onChange) onChange(id, value)
@@ -324,7 +324,7 @@ export const StringEditor = ({ field, value = '', onChange, content, outlined })
  * Number Editor
  */
 const NumberEditor = ({ field, value, onChange, outlined = false }) => {
-  const { id, label, editable = true } = field
+  const { id, label, editable = true, options } = field
 
   function change(id, value) {
     if (onChange) onChange(id, value)
@@ -337,7 +337,11 @@ const NumberEditor = ({ field, value, onChange, outlined = false }) => {
 
   return (
     <div className='field-editor number-editor'>
-      <TextField outlined={outlined} id={id} label={label} type='NUMBER' value={val} max={max} min={min} onChange={change} disabled={disabled} />
+      {options ? (
+        <DropDown outlined={outlined} id={id} label={label} value={val} onChange={change} options={options} disabled={disabled} />
+      ) : (
+        <TextField outlined={outlined} id={id} label={label} type='NUMBER' value={val} max={max} min={min} onChange={change} disabled={disabled} />
+      )}
     </div>
   )
 }
@@ -399,7 +403,7 @@ export const MultiSelectionEditor = ({ field, value = [], content, onChange }) =
  */
 export const CollectionEditor = ({ field, value = [], onChange, onReload }) => {
 
-  const { id, item, label, groupBy="field1", Feeder, Renderer, Adder = true, editable = true } = field
+  const { id, item, label, groupBy = "field1", Feeder, Renderer, Adder = true, editable = true } = field
 
   function add(rows) {
     if (onChange) {
@@ -425,7 +429,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} />
 
       }
       <footer>
@@ -516,7 +520,7 @@ const TableEditor = (props) => {
 
     const groups = items.reduce((groups, item) => {
       let groupName = item[groupBy]
-      if (!groupName) groupName=`NO ${groupBy}`.toUpperCase()
+      if (!groupName) groupName = `NO ${groupBy}`.toUpperCase()
       if (groupName === false) groupName = `NO ${groupBy}`.toUpperCase()
       if (groupName === true) groupName = `SI ${groupBy}`.toUpperCase()
       const group = groups[groupName]