ywana-core8 0.0.807 → 0.0.808

package/package.json

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

package/src/domain/CollectionPage.js

@@ -23,7 +23,7 @@ export const CollectionPage = (props) => {
         canFilter = false, canAdd = false, canDelete = false, searchBy, addValidator,
         autosave = false, delay = 1000, patch = false, versioning = false,
         groupBy, levels, sorter, namer,
-        editor, editorTitle, editorActions,
+        editor, editorTitle, editorActions, editValidator,
         listItemRenderer,
         filters,
         footer,
@@ -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} autosave={autosave} delay={delay} canDelete={canDelete} onReload={reloadSelection} patch={patch} onChange={onChange} actions={editorActions} title={editorTitle} />
+                <CollectionEditor icon={icon} schema={schema} layout={editor} autosave={autosave} delay={delay} canDelete={canDelete} onReload={reloadSelection} patch={patch} onChange={onChange} 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 } = props
+    const { icon, title, schema, layout, autosave = false, delay = 1000, canDelete, onReload, onChange, patch = false, actions, validator } = props
     const timer = useRef(null)
     const [form, setForm] = useState(selected)
 
@@ -392,8 +392,9 @@ const CollectionEditor = (props) => {
     }
 
     function canSave() {
-        const can = !equal(form, selected)
-        return can
+        const hasChanged = !equal(form, selected)
+        const isValid = validator ? validator(form) : true
+        return hasChanged && isValid
     }
 
     async function save() {