ywana-core8 0.0.114 → 0.0.118

package/dist/index.cjs

@@ -1123,7 +1123,9 @@ var DataTableRow = function DataTableRow(props) {
     }
   })) : /*#__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
@@ -4172,21 +4174,17 @@ var TablePage = function TablePage(props) {
   }
 
   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
       }));
     }
 
@@ -4227,10 +4225,48 @@ var TablePage = function TablePage(props) {
     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",