ywana-core8 0.0.939 → 0.0.941

package/package.json

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

package/src/domain/CollectionPage.js

@@ -84,7 +84,7 @@ export const CollectionPage = (props) => {
                 {levels ? <CollectionTree schema={schema} icon={icon} levels={levels} onSelect={onSelect} sorter={sorter} searchBy={searchBy} namer={namer} /> : <CollectionList groupBy={groupBy} onSelect={onSelect} searchBy={searchBy} itemRenderer={listItemRenderer} sorter={sorter} />}
             </menu>
             <main key={id} className={`collection-page ${className}`}>
-                <CollectionEditor icon={icon} schema={schema} layout={editor} grouped={grouped} autosave={autosave} delay={delay} canDelete={canDelete} onReload={reloadSelection} patch={patch} onChange={onChange} actions={editorActions} title={editorTitle} validator={editValidator} />
+                <CollectionEditor icon={icon} schema={schema} layout={editor} grouped={grouped} autosave={autosave} delay={delay} canDelete={canDelete} onReload={reloadSelection} patch={patch} onChange={onChange} onClose={() => onSelect(null)} actions={editorActions} title={editorTitle} validator={editValidator} />
                 {children ? <article>{children}</article> : null}
                 <footer>
                     {footer}
@@ -356,7 +356,7 @@ const CollectionEditor = (props) => {
     const site = useContext(SiteContext)
     const [pageContext, setPageContext] = useContext(PageContext)
     const { selected } = pageContext
-    const { icon, title, schema, layout, autosave = false, delay = 1000, canDelete, onReload, onChange, patch = false, actions, validator } = props
+    const { icon, title, schema, layout, autosave = false, delay = 1000, canDelete, onReload, onChange, onClose, patch = false, actions, validator } = props
     const timer = useRef(null)
     const [form, setForm] = useState(selected)
 
@@ -376,6 +376,7 @@ const CollectionEditor = (props) => {
     function clear() {
         pageContext.clear()
         setPageContext(Object.assign({}, pageContext))
+        if (onClose) onClose()
     }
 
     async function remove() {

package/src/html/textfield.js

@@ -118,7 +118,7 @@ export const TextArea = (props) => {
 export const DropDown = (props) => {
 
     const site = useContext(SiteContext)
-    const { id, options = [], value, onChange, predictive = false, readOnly = false, verbose = true, editable = false, onBlur, position="bottom"} = props
+    const { id, options = [], value, onChange, predictive = false, readOnly = false, verbose = true, editable = false, onBlur, position="bottom", className} = props
     const [open, setOpen] = useState(false)
     const [label, setLabel] = useState()
 
@@ -193,7 +193,7 @@ export const DropDown = (props) => {
 
     const title = editable ? <div className='row'>{props.label}<Icon className="decorator" icon="edit" size="small" /></div> : props.label
     return (
-        <div className="dropdown">
+        <div className={`dropdown ${className}`}>
             <TextField {...props} label={title} onClick={onFocus} value={label} onChange={change} onBlur={blur} readOnly={!predictive && !editable} />
             {!readOnly ? <Icon icon="expand_more" clickable size="small" action={toggle} /> : null}
             {renderOptions()}