ywana-core8 0.0.115 → 0.0.119

package/package.json

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

package/src/domain/TablePage.css

@@ -6,9 +6,6 @@ menu.table-page>header {
     padding-right: .5rem;
 }
 
-menu.table-page>main {
-}
-
 main.table-page {
     display: flex;
     flex-direction: column;

package/src/domain/TablePage.js

@@ -90,14 +90,12 @@ export const TablePage = (props) => {
     }
 
     function renderAside() {
-        if (selected && form) {
+        if ((selected && form) ||(pageContext.checked && pageContext.checked.length > 0)) {
             const content = new Content(schema, form)
             return (
                 <aside className="table-page">
-                    <Header icon="local_offer" title={selected.name || "Propiedades"}>
-                        <Icon icon="close" clickable action={closeAside} />
-                    </Header>
-                    <ContentEditor content={content} onChange={change} filter={editorFilter}/>
+                    <TableRowEditor content={content} filter={editorFilter} onChange={change} onClose={closeAside} />
+                    <TableSelector onClose={closeAside} />
                 </aside>
             )
         }
@@ -127,6 +125,39 @@ export const TablePage = (props) => {
     )
 }
 
+/**
+ * TableRowEditor
+ */
+const TableRowEditor = (props) => {
+    const { name, content, filter, 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} />
+            </main>
+        </div>
+    )
+}
+
+/**
+ * Table Selector
+ */
+const TableSelector = (props) => {
+    return (
+        <div className="table-selector">
+            <Header title="Selection">
+
+            </Header>
+            <main>
+                ...
+            </main>
+        </div>
+    )
+}
+
 /**
  * Table Queries
  */
@@ -325,7 +356,7 @@ const TableContext = (url, field) => {
     return {
 
         all: [],
-        checked: new Set(),
+        checked: new Set([]),
         selected: null,
         filters: {},