ywana-core8 0.0.114 → 0.0.118

package/dist/index.umd.js

@@ -1120,7 +1120,9 @@
       }
     })) : /*#__PURE__*/React__default["default"].createElement("td", null)), row.info && isInfoOpen ? /*#__PURE__*/React__default["default"].createElement("tr", {
       className: "table-row-info"
-    }, isFunction$1(row.info) ? row.info() : row.info) : null);
+    }, /*#__PURE__*/React__default["default"].createElement("td", {
+      colSpan: columns.length + 1
+    }, isFunction$1(row.info) ? row.info() : row.info)) : null);
   };
   /**
    * DataTable Cell
@@ -4169,21 +4171,17 @@
     }
 
     function renderAside() {
-      if (selected && form) {
+      if (selected && form || pageContext.checked.length > 0) {
         var content = new Content(schema, form);
         return /*#__PURE__*/React__default["default"].createElement("aside", {
           className: "table-page"
-        }, /*#__PURE__*/React__default["default"].createElement(Header, {
-          icon: "local_offer",
-          title: selected.name || "Propiedades"
-        }, /*#__PURE__*/React__default["default"].createElement(Icon, {
-          icon: "close",
-          clickable: true,
-          action: closeAside
-        })), /*#__PURE__*/React__default["default"].createElement(ContentEditor, {
+        }, /*#__PURE__*/React__default["default"].createElement(TableRowEditor, {
           content: content,
+          filter: editorFilter,
           onChange: change,
-          filter: editorFilter
+          onClose: closeAside
+        }), /*#__PURE__*/React__default["default"].createElement(TableSelector, {
+          onClose: closeAside
         }));
       }
 
@@ -4224,10 +4222,48 @@
       canDelete: canDelete
     })), renderAside());
   };
+  /**
+   * TableRowEditor
+   */
+
+  var TableRowEditor = function TableRowEditor(props) {
+    var name = props.name,
+        content = props.content,
+        filter = props.filter,
+        onChange = props.onChange,
+        onClose = props.onClose;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "table-row-editor"
+    }, /*#__PURE__*/React__default["default"].createElement(Header, {
+      icon: "local_offer",
+      title: name || "Propiedades"
+    }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: "close",
+      clickable: true,
+      action: onClose
+    })), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(ContentEditor, {
+      content: content,
+      onChange: onChange,
+      filter: filter
+    })));
+  };
+  /**
+   * Table Selector
+   */
+
+
+  var TableSelector = function TableSelector(props) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "table-selector"
+    }, /*#__PURE__*/React__default["default"].createElement(Header, {
+      title: "Selection"
+    }), /*#__PURE__*/React__default["default"].createElement("main", null, "..."));
+  };
   /**
    * Table Queries
    */
 
+
   var TableQueries = function TableQueries(props) {
     return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
       className: "table-queries",