ywana-core8 0.0.153 → 0.0.157

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.153",
+  "version": "0.0.157",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",

package/src/domain/ContentEditor.js

@@ -229,7 +229,7 @@ const EntityEditor = ({ field, value = {}, onChange }) => {
  * String Editor
  */
 export const StringEditor = ({ field, value = '', onChange, content, outlined }) => {
-  const { id, format, label, options, editable = true, filter } = field
+  const { id, format, label, options, editable = true } = field
 
   function change(id, value) {
     if (onChange) onChange(id, value)
@@ -244,7 +244,7 @@ export const StringEditor = ({ field, value = '', onChange, content, outlined })
     <div className='field-editor string-editor'>
       {
         format === FORMATS.DATE ? <TextField outlined={outlined} id={id} type="date" label={label} value={value} onChange={change} readOnly={!editable} /> :
-          options ? <DropDown outlined={outlined} id={id} label={label} value={value} onChange={change} options={buildOptions()} readOnly={!editable} canFilter={true}/> :
+          options ? <DropDown outlined={outlined} id={id} label={label} value={value} onChange={change} options={buildOptions()} readOnly={!editable} canFilter={false}/> :
             <TextField outlined={outlined} id={id} label={label} value={value} onChange={change} readOnly={!editable} />
       }
     </div>

package/src/domain/TablePage.js

@@ -23,7 +23,7 @@ export const TablePage = (props) => {
         editable, canFilter = false, canQuery = false, canAdd = true, canDelete = true,
         autosave = true, delay = 1000,
         groupBy, validator, scenario,
-        formFilter, tableFilter, editorFilter
+        formFilter, tableFilter, editorFilter = false
     } = props
 
     const [pageContext, setPageContext] = useContext(PageContext)
@@ -92,11 +92,11 @@ export const TablePage = (props) => {
     function renderAside() {
         const rowSelected = selected && form
         const rowChecked = pageContext.checked && pageContext.checked.size > 0
-        if (rowSelected || rowChecked) {
+        if (rowSelected || rowChecked) {
             return (
                 <aside className="table-page">
-                    { rowSelected ? <TableRowEditor content={new Content(schema, form)} filter={editorFilter} onChange={change} onClose={closeAside} /> : null }
-                    { rowChecked ? <TableSelector schema={schema} actions={selectionActions} /> : null }
+                    {rowSelected ? <TableRowEditor content={new Content(schema, form)} filter={editorFilter} onChange={change} onClose={closeAside} /> : null}
+                    {rowChecked ? <TableSelector schema={schema} actions={selectionActions} /> : null}
                 </aside>
             )
         }
@@ -148,20 +148,20 @@ const TableRowEditor = (props) => {
  */
 const TableSelector = (props) => {
 
-    const { schema, actions = []} = props
+    const { schema, actions = [] } = props
     const [pageContext, setPageContext] = useContext(PageContext)
-    const { all, checked} = pageContext
+    const { all, checked } = pageContext
 
     const count = `${checked.size}/${all.length}`
     const rows = all.filter(item => checked.has(item.id))
     const table = {
         columns: [
-            { id:"idMatricula", label: "ID Matricula" }
+            { id: "idMatricula", label: "ID Matricula" }
         ],
         rows: rows || []
     }
-    const buttons = actions.map(({label, action }) => {
-        return <Button label={label} raised action={() => action(rows)} />
+    const buttons = actions.map(({ label, action }) => {
+        return <Button label={label} raised action={() => action(checked)} />
     })
 
     return (
@@ -173,7 +173,7 @@ const TableSelector = (props) => {
                 <DataTable {...table} />
             </main>
             <footer>
-                { buttons }
+                {buttons}
             </footer>
         </div>
     )

package/src/html/textfield.js

@@ -56,7 +56,7 @@ export const TextField = (props) => {
 export const DropDown = (props) => {
 
     const site = useContext(SiteContext)
-    const { id, options = [], value, onChange, canFilter = false } = props
+    const { id, options = [], value, onChange, canFilter = false, readOnly = false } = props
     const [open, setOpen] = useState(false)
     const [label, setLabel] = useState()
 
@@ -84,7 +84,7 @@ export const DropDown = (props) => {
                 }
             })
         }
-        setOpen(!open)
+        if (!readOnly) setOpen(!open)
     }
 
     function select(event) {
@@ -111,7 +111,7 @@ export const DropDown = (props) => {
     return (
         <div className="dropdown">
             <TextField {...props} onClick={toggle} value={label} onChange={change} />
-            <Icon icon="expand_more" clickable size="small" action={toggle} />
+            {!readOnly ? <Icon icon="expand_more" clickable size="small" action={toggle} /> : null }
             {renderOptions()}
         </div>
     )