ywana-core8 0.0.94 → 0.0.98

package/dist/index.modern.js

@@ -989,6 +989,7 @@ var DataTable = function DataTable(props) {
       rows = _props$rows === void 0 ? [] : _props$rows,
       onRowSelection = props.onRowSelection,
       onSort = props.onSort,
+      onCheckAll = props.onCheckAll,
       editable = props.editable,
       outlined = props.outlined;
 
@@ -1044,13 +1045,23 @@ var DataTable = function DataTable(props) {
     if (onSort) onSort(dragged, dropped);
   }
 
+  function checkAll() {
+    var ids = rows.map(function (row) {
+      return row.id;
+    });
+    if (onCheckAll) onCheckAll(ids);
+  }
+
   var style = outlined ? "outlined" : "";
   return /*#__PURE__*/React.createElement("div", {
     className: "datatable8 " + style
   }, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, columns.map(function (_ref) {
-    var label = _ref.label,
+    var id = _ref.id,
+        label = _ref.label,
         sortable = _ref.sortable;
-    return /*#__PURE__*/React.createElement("th", null, /*#__PURE__*/React.createElement(Text, null, label), sortable ? /*#__PURE__*/React.createElement(Icon, {
+    return /*#__PURE__*/React.createElement("th", null, id === "checked" ? /*#__PURE__*/React.createElement(CheckBox, {
+      action: checkAll
+    }) : /*#__PURE__*/React.createElement(Text, null, label), sortable ? /*#__PURE__*/React.createElement(Icon, {
       icon: "arrow_up",
       size: "small",
       clickable: true
@@ -1128,7 +1139,15 @@ var DataTableCell = function DataTableCell(_ref2) {
         _onChange = column.onChange,
         options = column.options;
 
-    if (editable && _onChange) {
+    if (id === "checked") {
+      return /*#__PURE__*/React.createElement(CheckBox, {
+        id: id,
+        value: cell,
+        onChange: function onChange(id, value) {
+          return _onChange(row.id, id, value);
+        }
+      });
+    } else if (editable && _onChange) {
       switch (type) {
         case "ICON":
           return /*#__PURE__*/React.createElement(Icon, {
@@ -4051,31 +4070,32 @@ var TablePage = function TablePage(props) {
       id = _props$id === void 0 ? "table" : _props$id,
       icon = props.icon,
       title = props.title,
-      _props$name = props.name,
-      name = _props$name === void 0 ? "table 1" : _props$name,
+      name = props.name,
       schema = props.schema,
       url = props.url,
       field = props.field,
-      _props$delay = props.delay,
-      delay = _props$delay === void 0 ? 1000 : _props$delay,
       actions = props.actions,
+      _props$dev = props.dev,
+      dev = _props$dev === void 0 ? false : _props$dev,
+      tableActions = props.tableActions,
       editable = props.editable,
       _props$canFilter = props.canFilter,
       canFilter = _props$canFilter === void 0 ? false : _props$canFilter,
+      _props$canQuery = props.canQuery,
+      canQuery = _props$canQuery === void 0 ? false : _props$canQuery,
       _props$canAdd = props.canAdd,
       canAdd = _props$canAdd === void 0 ? true : _props$canAdd,
       _props$canDelete = props.canDelete,
       canDelete = _props$canDelete === void 0 ? true : _props$canDelete,
-      _props$dev = props.dev,
-      dev = _props$dev === void 0 ? false : _props$dev,
       _props$autosave = props.autosave,
       autosave = _props$autosave === void 0 ? true : _props$autosave,
+      _props$delay = props.delay,
+      delay = _props$delay === void 0 ? 1000 : _props$delay,
       groupBy = props.groupBy,
       validator = props.validator,
       scenario = props.scenario,
       formFilter = props.formFilter,
-      tableFilter = props.tableFilter,
-      tableActions = props.tableActions;
+      tableFilter = props.tableFilter;
 
   var _useContext = useContext(PageContext),
       pageContext = _useContext[0],
@@ -4178,11 +4198,13 @@ var TablePage = function TablePage(props) {
   }, /*#__PURE__*/React.createElement(MenuItem, {
     label: "Cargar Escenario 1",
     onSelect: playScenario
-  })) : null, actions), canFilter ? /*#__PURE__*/React.createElement("menu", {
+  })) : null, actions), /*#__PURE__*/React.createElement("menu", {
     className: "table-page"
-  }, /*#__PURE__*/React.createElement(TableFilters, {
+  }, canQuery ? /*#__PURE__*/React.createElement(TableQueries, {
     schema: schema
-  })) : null, /*#__PURE__*/React.createElement("main", {
+  }) : null, canFilter ? /*#__PURE__*/React.createElement(TableFilters, {
+    schema: schema
+  }) : null), /*#__PURE__*/React.createElement("main", {
     key: id,
     className: "table-page"
   }, /*#__PURE__*/React.createElement(TableEditor, {
@@ -4197,10 +4219,23 @@ var TablePage = function TablePage(props) {
     canDelete: canDelete
   })), renderAside());
 };
+/**
+ * Table Queries
+ */
+
+var TableQueries = function TableQueries(props) {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
+    className: "table-queries",
+    title: /*#__PURE__*/React.createElement(Text, null, "Queries")
+  }), /*#__PURE__*/React.createElement("main", {
+    className: "table-queries"
+  }, "..."));
+};
 /**
  * Table Filters
  */
 
+
 var TableFilters = function TableFilters(props) {
   var change = function change(next) {
     try {
@@ -4238,17 +4273,20 @@ var TableFilters = function TableFilters(props) {
   }, [schema]);
 
   function clear() {
-    setForm({});
+    change({});
   }
 
   var content = new Content(filterSchema, form);
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
-    title: /*#__PURE__*/React.createElement(Text, null, "Filtros")
+    className: "table-filters",
+    title: /*#__PURE__*/React.createElement(Text, null, "Filters")
   }, /*#__PURE__*/React.createElement(Button$1, {
     icon: "filter_list_off",
-    label: "Limpiar",
+    label: "Clean",
     action: clear
-  })), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(ContentEditor, {
+  })), /*#__PURE__*/React.createElement("main", {
+    className: "table-filters"
+  }, /*#__PURE__*/React.createElement(ContentEditor, {
     content: content,
     onChange: change
   })));
@@ -4259,6 +4297,11 @@ var TableFilters = function TableFilters(props) {
 
 
 var TableEditor = function TableEditor(props) {
+  var check = function check(ids) {
+
+    return Promise.resolve();
+  };
+
   var select = function select(row, event) {
     try {
       clear();
@@ -4401,7 +4444,8 @@ var TableEditor = function TableEditor(props) {
         className: "size"
       }, groupSize)), /*#__PURE__*/React.createElement(DataTable, _extends({}, table, {
         onRowSelection: select,
-        editable: editable
+        editable: editable,
+        onCheckAll: check
       })));
     });
   }