ywana-core8 0.0.187 → 0.0.191

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.187",
+  "version": "0.0.191",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",
@@ -15,6 +15,9 @@
   "bugs": {
     "url": "https://github.com/ywana/ywana-core8/issues"
   },
+  "resolutions": {
+    "react-error-overlay": "6.0.9"
+  },
   "peerDependencies": {
     "react": "17.x",
     "react-dom": "17.x"
@@ -29,6 +32,7 @@
     "deep-equal": "^2.0.5",
     "material-design-icons-iconfont": "^6.1.1",
     "react-datepicker": "^4.6.0",
+    "react-error-overlay": "^6.0.10",
     "react-notifications": "^1.7.3",
     "react-switch": "^6.0.0",
     "resumablejs": "^1.1.0"

package/src/css/theme.css

@@ -31,7 +31,7 @@
 
   --page-aside-width: 100%;
   --page-aside-color: #111;
-  --page-aside-bgcolor: #EEE;
+  --page-aside-bgcolor: #FFF;
 
   --page-footer-height: 3rem;
 

package/src/domain/ContentEditor.js

@@ -70,8 +70,6 @@ export const TabbedContentEditor = ({ content, filter, grouped = false, onChange
 
   const sections = content.sections()
 
-  console.log("TabbedContentEditor",sections)
-
   return (
     <div className='content-editor tabbed'>
       <Tabs selected={tab} onChange={changeTab}>
@@ -253,7 +251,7 @@ export const StringEditor = ({ field, value = '', onChange, content, outlined })
   return (
     <div className='field-editor string-editor'>
 
-      { format === FORMATS.HTML ? <Editor id={id} value={value} onChange={change}/> : null}
+      { format === FORMATS.HTML ? <Editor id={id} value={value} onChange={change} content={content}/> : null }
 
       {
         format === FORMATS.DATE ? <TextField outlined={outlined} id={id} type="date" label={label} value={value} onChange={change} readOnly={!editable} /> :

package/src/domain/ContentType.js

@@ -17,7 +17,8 @@ export const FORMATS = {
     NONE: '',
     DATE: 'date',
     EMAIL: 'email',
-    HTML: 'HTML'
+    HTML: 'HTML',
+    URL: 'URL'
 }
 
 /**

package/src/domain/TablePage.js

@@ -95,7 +95,7 @@ export const TablePage = (props) => {
         if (rowSelected || rowChecked) {
             return (
                 <aside className="table-page">
-                    {rowSelected ? <TableRowEditor content={new Content(schema, form)} filter={editorFilter} onChange={change} onClose={closeAside} /> : null}
+                    {rowSelected ? <TableRowEditor content={new Content(schema, form)} filter={editorFilter} onChange={change} onClose={closeAside} editable={editable}/> : null}
                     {rowChecked ? <TableSelector schema={schema} actions={selectionActions} /> : null}
                 </aside>
             )
@@ -138,14 +138,14 @@ export const TablePage = (props) => {
  * TableRowEditor
  */
 const TableRowEditor = (props) => {
-    const { name, content, filter, onChange, onClose } = props
+    const { name, content, filter, editable, onChange, onClose } = props
     return (
         <div className="table-row-editor">
             <Header icon="local_offer" title={name || "Propiedades"}>
                 <Icon icon="close" clickable action={onClose} />
             </Header>
             <main>
-                <ContentEditor content={content} onChange={onChange} filter={filter} />
+                { editable ? <ContentEditor content={content} onChange={onChange} filter={filter} /> : <ContentViewer content={content} />
             </main>
         </div>
     )

package/src/html/textfield.js

@@ -49,7 +49,7 @@ export const TextField = (props) => {
     return (
         <div className={`${style}`} onClick={onClick}>
             <input id={id} type={type} placeholder={placeholder} value={value} required onChange={change} onKeyDown={onKeyPress} onFocus={focus} readOnly={readOnly} />
-            {canClear && value && value.length > 0 ? <Icon icon="close" clickable size="small" action={clear} /> : null }
+            {!readOnly && canClear && value && value.length > 0 ? <Icon icon="close" clickable size="small" action={clear} /> : null }
             <span className="bar"></span>
             {label ? <label>{labelTxt}</label> : null}
         </div>