ywana-core8 0.0.98 → 0.0.102
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +45 -19
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +45 -19
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +45 -19
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/domain/TablePage.js +17 -3
- package/src/html/table.js +8 -6
package/dist/index.umd.js
CHANGED
@@ -982,10 +982,14 @@
|
|
982
982
|
}) : null)) : null);
|
983
983
|
};
|
984
984
|
|
985
|
+
var isFunction$1 = function isFunction(value) {
|
986
|
+
return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
|
987
|
+
};
|
985
988
|
/**
|
986
989
|
* DataTable
|
987
990
|
*/
|
988
991
|
|
992
|
+
|
989
993
|
var DataTable = function DataTable(props) {
|
990
994
|
var _props$columns = props.columns,
|
991
995
|
columns = _props$columns === void 0 ? [] : _props$columns,
|
@@ -1049,11 +1053,11 @@
|
|
1049
1053
|
if (onSort) onSort(dragged, dropped);
|
1050
1054
|
}
|
1051
1055
|
|
1052
|
-
function checkAll() {
|
1056
|
+
function checkAll(id, value) {
|
1053
1057
|
var ids = rows.map(function (row) {
|
1054
1058
|
return row.id;
|
1055
1059
|
});
|
1056
|
-
if (onCheckAll) onCheckAll(ids);
|
1060
|
+
if (onCheckAll) onCheckAll(ids, value);
|
1057
1061
|
}
|
1058
1062
|
|
1059
1063
|
var style = outlined ? "outlined" : "";
|
@@ -1064,7 +1068,7 @@
|
|
1064
1068
|
label = _ref.label,
|
1065
1069
|
sortable = _ref.sortable;
|
1066
1070
|
return /*#__PURE__*/React__default["default"].createElement("th", null, id === "checked" ? /*#__PURE__*/React__default["default"].createElement(CheckBox, {
|
1067
|
-
|
1071
|
+
onChange: checkAll
|
1068
1072
|
}) : /*#__PURE__*/React__default["default"].createElement(Text, null, label), sortable ? /*#__PURE__*/React__default["default"].createElement(Icon, {
|
1069
1073
|
icon: "arrow_up",
|
1070
1074
|
size: "small",
|
@@ -1097,11 +1101,6 @@
|
|
1097
1101
|
toggleInfo = _useState2[1];
|
1098
1102
|
|
1099
1103
|
var infoIcon = isInfoOpen ? 'expand_more' : 'expand_less';
|
1100
|
-
|
1101
|
-
var isFunction = function isFunction(value) {
|
1102
|
-
return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
|
1103
|
-
};
|
1104
|
-
|
1105
1104
|
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("tr", {
|
1106
1105
|
onClick: function onClick(ev) {
|
1107
1106
|
return onSelect(row, ev);
|
@@ -1121,7 +1120,7 @@
|
|
1121
1120
|
}
|
1122
1121
|
}) : null), row.info && isInfoOpen ? /*#__PURE__*/React__default["default"].createElement("tr", {
|
1123
1122
|
className: "table-row-info"
|
1124
|
-
}, isFunction(row.info) ? row.info() : row.info) : null);
|
1123
|
+
}, isFunction$1(row.info) ? row.info() : row.info) : null);
|
1125
1124
|
};
|
1126
1125
|
/**
|
1127
1126
|
* DataTable Cell
|
@@ -4301,9 +4300,15 @@
|
|
4301
4300
|
|
4302
4301
|
|
4303
4302
|
var TableEditor = function TableEditor(props) {
|
4304
|
-
var check = function check(
|
4305
|
-
|
4306
|
-
|
4303
|
+
var check = function check(id, value) {
|
4304
|
+
try {
|
4305
|
+
var ids = Array.isArray(id) ? id : [id];
|
4306
|
+
pageContext.check(ids, value);
|
4307
|
+
setPageContext(Object.assign({}, pageContext));
|
4308
|
+
return Promise.resolve();
|
4309
|
+
} catch (e) {
|
4310
|
+
return Promise.reject(e);
|
4311
|
+
}
|
4307
4312
|
};
|
4308
4313
|
|
4309
4314
|
var select = function select(row, event) {
|
@@ -4403,7 +4408,9 @@
|
|
4403
4408
|
id: field.id,
|
4404
4409
|
label: field.label,
|
4405
4410
|
type: field.type,
|
4406
|
-
onChange: field.editable ? change : null,
|
4411
|
+
onChange: field.editable ? change : field.id === "checked" ? check : null,
|
4412
|
+
|
4413
|
+
/* checked has it´s own handler */
|
4407
4414
|
options: options
|
4408
4415
|
};
|
4409
4416
|
}),
|
@@ -4465,6 +4472,7 @@
|
|
4465
4472
|
});
|
4466
4473
|
}
|
4467
4474
|
|
4475
|
+
console.log('table page checked', pageContext.checked);
|
4468
4476
|
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
|
4469
4477
|
icon: icon,
|
4470
4478
|
title: /*#__PURE__*/React__default["default"].createElement(Text, null, title)
|
@@ -4487,6 +4495,7 @@
|
|
4487
4495
|
var API = TableAPI(url);
|
4488
4496
|
return {
|
4489
4497
|
all: [],
|
4498
|
+
checked: new Set(),
|
4490
4499
|
selected: null,
|
4491
4500
|
filters: {},
|
4492
4501
|
load: function load(filter) {
|
@@ -4511,6 +4520,23 @@
|
|
4511
4520
|
return Promise.reject(e);
|
4512
4521
|
}
|
4513
4522
|
},
|
4523
|
+
check: function check(ids, isChecked) {
|
4524
|
+
var _this3 = this;
|
4525
|
+
|
4526
|
+
if (isChecked === void 0) {
|
4527
|
+
isChecked = true;
|
4528
|
+
}
|
4529
|
+
|
4530
|
+
if (isChecked) {
|
4531
|
+
ids.forEach(function (id) {
|
4532
|
+
return _this3.checked.add(id);
|
4533
|
+
});
|
4534
|
+
} else {
|
4535
|
+
ids.forEach(function (id) {
|
4536
|
+
return _this3.checked["delete"](id);
|
4537
|
+
});
|
4538
|
+
}
|
4539
|
+
},
|
4514
4540
|
select: function select(id) {
|
4515
4541
|
var result = this.all.find(function (item) {
|
4516
4542
|
return item.id === id;
|
@@ -4522,11 +4548,11 @@
|
|
4522
4548
|
},
|
4523
4549
|
create: function create(form) {
|
4524
4550
|
try {
|
4525
|
-
var
|
4551
|
+
var _this5 = this;
|
4526
4552
|
|
4527
4553
|
var _temp4 = _catch(function () {
|
4528
4554
|
return Promise.resolve(API.create(form)).then(function () {
|
4529
|
-
return Promise.resolve(
|
4555
|
+
return Promise.resolve(_this5.load()).then(function () {});
|
4530
4556
|
});
|
4531
4557
|
}, function (error) {
|
4532
4558
|
console.log(error);
|
@@ -4539,11 +4565,11 @@
|
|
4539
4565
|
},
|
4540
4566
|
update: function update(form) {
|
4541
4567
|
try {
|
4542
|
-
var
|
4568
|
+
var _this7 = this;
|
4543
4569
|
|
4544
4570
|
var _temp6 = _catch(function () {
|
4545
4571
|
return Promise.resolve(API.update(form)).then(function () {
|
4546
|
-
return Promise.resolve(
|
4572
|
+
return Promise.resolve(_this7.load()).then(function () {});
|
4547
4573
|
});
|
4548
4574
|
}, function (error) {
|
4549
4575
|
console.log(error);
|
@@ -4556,11 +4582,11 @@
|
|
4556
4582
|
},
|
4557
4583
|
remove: function remove(id) {
|
4558
4584
|
try {
|
4559
|
-
var
|
4585
|
+
var _this9 = this;
|
4560
4586
|
|
4561
4587
|
var _temp8 = _catch(function () {
|
4562
4588
|
return Promise.resolve(API.remove(id)).then(function () {
|
4563
|
-
return Promise.resolve(
|
4589
|
+
return Promise.resolve(_this9.load()).then(function () {});
|
4564
4590
|
});
|
4565
4591
|
}, function (error) {
|
4566
4592
|
console.log(error);
|