ywana-core8 0.0.95 → 0.0.99

package/dist/index.modern.js

@@ -476,10 +476,6 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function _readOnlyError(name) {
-  throw new TypeError("\"" + name + "\" is read-only");
-}
-
 /**
  * List
  */
@@ -993,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;
 
@@ -1048,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
@@ -1132,7 +1139,15 @@ var DataTableCell = function DataTableCell(_ref2) {
         _onChange = column.onChange,
         options = column.options;
 
-    if (_readOnlyError("id")) ; else 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, {
@@ -4282,6 +4297,19 @@ var TableFilters = function TableFilters(props) {
 
 
 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 +4452,8 @@ var TableEditor = function TableEditor(props) {
         className: "size"
       }, groupSize)), /*#__PURE__*/React.createElement(DataTable, _extends({}, table, {
         onRowSelection: select,
-        editable: editable
+        editable: editable,
+        onCheckAll: check
       })));
     });
   }