ywana-core8 0.0.96 → 0.0.100

package/dist/index.cjs

@@ -996,6 +996,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;
 
@@ -1051,13 +1052,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__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
@@ -1135,7 +1146,15 @@ var DataTableCell = function DataTableCell(_ref2) {
         _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, {
@@ -4285,6 +4304,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();
@@ -4427,7 +4459,8 @@ var TableEditor = function TableEditor(props) {
         className: "size"
       }, groupSize)), /*#__PURE__*/React__default["default"].createElement(DataTable, _extends({}, table, {
         onRowSelection: select,
-        editable: editable
+        editable: editable,
+        onCheckAll: check
       })));
     });
   }