ywana-core8 0.0.99 → 0.0.103

package/dist/index.modern.js

@@ -978,10 +978,14 @@ var DropDown = function DropDown(props) {
   }) : null)) : null);
 };
 
+var isFunction$1 = function isFunction(value) {
+  return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
+};
 /**
  * DataTable
  */
 
+
 var DataTable = function DataTable(props) {
   var _props$columns = props.columns,
       columns = _props$columns === void 0 ? [] : _props$columns,
@@ -1045,11 +1049,11 @@ var DataTable = function DataTable(props) {
     if (onSort) onSort(dragged, dropped);
   }
 
-  function checkAll() {
+  function checkAll(id, value) {
     var ids = rows.map(function (row) {
       return row.id;
     });
-    if (onCheckAll) onCheckAll(ids);
+    if (onCheckAll) onCheckAll(ids, value);
   }
 
   var style = outlined ? "outlined" : "";
@@ -1060,7 +1064,7 @@ var DataTable = function DataTable(props) {
         label = _ref.label,
         sortable = _ref.sortable;
     return /*#__PURE__*/React.createElement("th", null, id === "checked" ? /*#__PURE__*/React.createElement(CheckBox, {
-      action: checkAll
+      onChange: checkAll
     }) : /*#__PURE__*/React.createElement(Text, null, label), sortable ? /*#__PURE__*/React.createElement(Icon, {
       icon: "arrow_up",
       size: "small",
@@ -1093,11 +1097,6 @@ var DataTableRow = function DataTableRow(props) {
       toggleInfo = _useState2[1];
 
   var infoIcon = isInfoOpen ? 'expand_more' : 'expand_less';
-
-  var isFunction = function isFunction(value) {
-    return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
-  };
-
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("tr", {
     onClick: function onClick(ev) {
       return onSelect(row, ev);
@@ -1117,7 +1116,7 @@ var DataTableRow = function DataTableRow(props) {
     }
   }) : null), row.info && isInfoOpen ? /*#__PURE__*/React.createElement("tr", {
     className: "table-row-info"
-  }, isFunction(row.info) ? row.info() : row.info) : null);
+  }, isFunction$1(row.info) ? row.info() : row.info) : null);
 };
 /**
  * DataTable Cell
@@ -4297,13 +4296,11 @@ var TableFilters = function TableFilters(props) {
 
 
 var TableEditor = function TableEditor(props) {
-  var check = function check(ids) {
-    if (ids === void 0) {
-      ids = [];
-    }
-
+  var check = function check(id, value) {
     try {
-      console.log("check: ", ids);
+      var ids = Array.isArray(id) ? id : [id];
+      pageContext.check(ids, value);
+      setPageContext(Object.assign({}, pageContext));
       return Promise.resolve();
     } catch (e) {
       return Promise.reject(e);
@@ -4407,11 +4404,16 @@ var TableEditor = function TableEditor(props) {
             id: field.id,
             label: field.label,
             type: field.type,
-            onChange: field.editable ? change : null,
+            onChange: field.id === "checked" ? check : field.editable ? change : null,
+
+            /* checked has it´s own handler */
             options: options
           };
         }),
         rows: groups[groupName].map(function (item) {
+          item.checked = pageContext.checked.some(function (id) {
+            return id === item.id;
+          });
           item.actions = actions ? actions.map(function (_action) {
             return _action.filter ? _action.filter(item) ? /*#__PURE__*/React.createElement(Icon, {
               icon: _action.icon,
@@ -4469,6 +4471,7 @@ var TableEditor = function TableEditor(props) {
     });
   }
 
+  console.log('table page checked', pageContext.checked);
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     icon: icon,
     title: /*#__PURE__*/React.createElement(Text, null, title)
@@ -4491,6 +4494,7 @@ var TableContext = function TableContext(url, field) {
   var API = TableAPI(url);
   return {
     all: [],
+    checked: new Set(),
     selected: null,
     filters: {},
     load: function load(filter) {
@@ -4515,6 +4519,23 @@ var TableContext = function TableContext(url, field) {
         return Promise.reject(e);
       }
     },
+    check: function check(ids, isChecked) {
+      var _this3 = this;
+
+      if (isChecked === void 0) {
+        isChecked = true;
+      }
+
+      if (isChecked) {
+        ids.forEach(function (id) {
+          return _this3.checked.add(id);
+        });
+      } else {
+        ids.forEach(function (id) {
+          return _this3.checked["delete"](id);
+        });
+      }
+    },
     select: function select(id) {
       var result = this.all.find(function (item) {
         return item.id === id;
@@ -4526,11 +4547,11 @@ var TableContext = function TableContext(url, field) {
     },
     create: function create(form) {
       try {
-        var _this4 = this;
+        var _this5 = this;
 
         var _temp4 = _catch(function () {
           return Promise.resolve(API.create(form)).then(function () {
-            return Promise.resolve(_this4.load()).then(function () {});
+            return Promise.resolve(_this5.load()).then(function () {});
           });
         }, function (error) {
           console.log(error);
@@ -4543,11 +4564,11 @@ var TableContext = function TableContext(url, field) {
     },
     update: function update(form) {
       try {
-        var _this6 = this;
+        var _this7 = this;
 
         var _temp6 = _catch(function () {
           return Promise.resolve(API.update(form)).then(function () {
-            return Promise.resolve(_this6.load()).then(function () {});
+            return Promise.resolve(_this7.load()).then(function () {});
           });
         }, function (error) {
           console.log(error);
@@ -4560,11 +4581,11 @@ var TableContext = function TableContext(url, field) {
     },
     remove: function remove(id) {
       try {
-        var _this8 = this;
+        var _this9 = this;
 
         var _temp8 = _catch(function () {
           return Promise.resolve(API.remove(id)).then(function () {
-            return Promise.resolve(_this8.load()).then(function () {});
+            return Promise.resolve(_this9.load()).then(function () {});
           });
         }, function (error) {
           console.log(error);