ywana-core8 0.0.94 → 0.0.98

package/dist/index.umd.js

@@ -993,6 +993,7 @@
         rows = _props$rows === void 0 ? [] : _props$rows,
         onRowSelection = props.onRowSelection,
         onSort = props.onSort,
+        onCheckAll = props.onCheckAll,
         editable = props.editable,
         outlined = props.outlined;
 
@@ -1048,13 +1049,23 @@
       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__default["default"].createElement("div", {
       className: "datatable8 " + style
     }, /*#__PURE__*/React__default["default"].createElement("table", null, /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", null, columns.map(function (_ref) {
-      var label = _ref.label,
+      var id = _ref.id,
+          label = _ref.label,
           sortable = _ref.sortable;
-      return /*#__PURE__*/React__default["default"].createElement("th", null, /*#__PURE__*/React__default["default"].createElement(Text, null, label), sortable ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      return /*#__PURE__*/React__default["default"].createElement("th", null, id === "checked" ? /*#__PURE__*/React__default["default"].createElement(CheckBox, {
+        action: checkAll
+      }) : /*#__PURE__*/React__default["default"].createElement(Text, null, label), sortable ? /*#__PURE__*/React__default["default"].createElement(Icon, {
         icon: "arrow_up",
         size: "small",
         clickable: true
@@ -1132,7 +1143,15 @@
           _onChange = column.onChange,
           options = column.options;
 
-      if (editable && _onChange) {
+      if (id === "checked") {
+        return /*#__PURE__*/React__default["default"].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__default["default"].createElement(Icon, {
@@ -4055,31 +4074,32 @@
         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 = React.useContext(PageContext),
         pageContext = _useContext[0],
@@ -4182,11 +4202,13 @@
     }, /*#__PURE__*/React__default["default"].createElement(MenuItem, {
       label: "Cargar Escenario 1",
       onSelect: playScenario
-    })) : null, actions), canFilter ? /*#__PURE__*/React__default["default"].createElement("menu", {
+    })) : null, actions), /*#__PURE__*/React__default["default"].createElement("menu", {
       className: "table-page"
-    }, /*#__PURE__*/React__default["default"].createElement(TableFilters, {
+    }, canQuery ? /*#__PURE__*/React__default["default"].createElement(TableQueries, {
       schema: schema
-    })) : null, /*#__PURE__*/React__default["default"].createElement("main", {
+    }) : null, canFilter ? /*#__PURE__*/React__default["default"].createElement(TableFilters, {
+      schema: schema
+    }) : null), /*#__PURE__*/React__default["default"].createElement("main", {
       key: id,
       className: "table-page"
     }, /*#__PURE__*/React__default["default"].createElement(TableEditor, {
@@ -4201,10 +4223,23 @@
       canDelete: canDelete
     })), renderAside());
   };
+  /**
+   * 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",
+      title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Queries")
+    }), /*#__PURE__*/React__default["default"].createElement("main", {
+      className: "table-queries"
+    }, "..."));
+  };
   /**
    * Table Filters
    */
 
+
   var TableFilters = function TableFilters(props) {
     var change = function change(next) {
       try {
@@ -4242,17 +4277,20 @@
     }, [schema]);
 
     function clear() {
-      setForm({});
+      change({});
     }
 
     var content = new Content(filterSchema, form);
     return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
-      title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Filtros")
+      className: "table-filters",
+      title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Filters")
     }, /*#__PURE__*/React__default["default"].createElement(Button$1, {
       icon: "filter_list_off",
-      label: "Limpiar",
+      label: "Clean",
       action: clear
-    })), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(ContentEditor, {
+    })), /*#__PURE__*/React__default["default"].createElement("main", {
+      className: "table-filters"
+    }, /*#__PURE__*/React__default["default"].createElement(ContentEditor, {
       content: content,
       onChange: change
     })));
@@ -4263,6 +4301,11 @@
 
 
   var TableEditor = function TableEditor(props) {
+    var check = function check(ids) {
+
+      return Promise.resolve();
+    };
+
     var select = function select(row, event) {
       try {
         clear();
@@ -4405,7 +4448,8 @@
           className: "size"
         }, groupSize)), /*#__PURE__*/React__default["default"].createElement(DataTable, _extends({}, table, {
           onRowSelection: select,
-          editable: editable
+          editable: editable,
+          onCheckAll: check
         })));
       });
     }