ywana-core8 0.0.96 → 0.0.100

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, {
+        onChange: 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 (id === "checked") ; else 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, {
@@ -4282,6 +4301,19 @@
 
 
   var TableEditor = function TableEditor(props) {
+    var check = function check(ids) {
+      if (ids === void 0) {
+        ids = [];
+      }
+
+      try {
+        console.log("check: ", ids);
+        return Promise.resolve();
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+
     var select = function select(row, event) {
       try {
         clear();
@@ -4424,7 +4456,8 @@
           className: "size"
         }, groupSize)), /*#__PURE__*/React__default["default"].createElement(DataTable, _extends({}, table, {
           onRowSelection: select,
-          editable: editable
+          editable: editable,
+          onCheckAll: check
         })));
       });
     }