ywana-core8 0.0.99 → 0.0.103
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 +43 -22
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +43 -22
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +43 -22
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/domain/TablePage.js +17 -4
- 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,13 +4300,11 @@
|
|
4301
4300
|
|
4302
4301
|
|
4303
4302
|
var TableEditor = function TableEditor(props) {
|
4304
|
-
var check = function check(
|
4305
|
-
if (ids === void 0) {
|
4306
|
-
ids = [];
|
4307
|
-
}
|
4308
|
-
|
4303
|
+
var check = function check(id, value) {
|
4309
4304
|
try {
|
4310
|
-
|
4305
|
+
var ids = Array.isArray(id) ? id : [id];
|
4306
|
+
pageContext.check(ids, value);
|
4307
|
+
setPageContext(Object.assign({}, pageContext));
|
4311
4308
|
return Promise.resolve();
|
4312
4309
|
} catch (e) {
|
4313
4310
|
return Promise.reject(e);
|
@@ -4411,11 +4408,16 @@
|
|
4411
4408
|
id: field.id,
|
4412
4409
|
label: field.label,
|
4413
4410
|
type: field.type,
|
4414
|
-
onChange: field.editable ? change : null,
|
4411
|
+
onChange: field.id === "checked" ? check : field.editable ? change : null,
|
4412
|
+
|
4413
|
+
/* checked has it´s own handler */
|
4415
4414
|
options: options
|
4416
4415
|
};
|
4417
4416
|
}),
|
4418
4417
|
rows: groups[groupName].map(function (item) {
|
4418
|
+
item.checked = pageContext.checked.some(function (id) {
|
4419
|
+
return id === item.id;
|
4420
|
+
});
|
4419
4421
|
item.actions = actions ? actions.map(function (_action) {
|
4420
4422
|
return _action.filter ? _action.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon, {
|
4421
4423
|
icon: _action.icon,
|
@@ -4473,6 +4475,7 @@
|
|
4473
4475
|
});
|
4474
4476
|
}
|
4475
4477
|
|
4478
|
+
console.log('table page checked', pageContext.checked);
|
4476
4479
|
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
|
4477
4480
|
icon: icon,
|
4478
4481
|
title: /*#__PURE__*/React__default["default"].createElement(Text, null, title)
|
@@ -4495,6 +4498,7 @@
|
|
4495
4498
|
var API = TableAPI(url);
|
4496
4499
|
return {
|
4497
4500
|
all: [],
|
4501
|
+
checked: new Set(),
|
4498
4502
|
selected: null,
|
4499
4503
|
filters: {},
|
4500
4504
|
load: function load(filter) {
|
@@ -4519,6 +4523,23 @@
|
|
4519
4523
|
return Promise.reject(e);
|
4520
4524
|
}
|
4521
4525
|
},
|
4526
|
+
check: function check(ids, isChecked) {
|
4527
|
+
var _this3 = this;
|
4528
|
+
|
4529
|
+
if (isChecked === void 0) {
|
4530
|
+
isChecked = true;
|
4531
|
+
}
|
4532
|
+
|
4533
|
+
if (isChecked) {
|
4534
|
+
ids.forEach(function (id) {
|
4535
|
+
return _this3.checked.add(id);
|
4536
|
+
});
|
4537
|
+
} else {
|
4538
|
+
ids.forEach(function (id) {
|
4539
|
+
return _this3.checked["delete"](id);
|
4540
|
+
});
|
4541
|
+
}
|
4542
|
+
},
|
4522
4543
|
select: function select(id) {
|
4523
4544
|
var result = this.all.find(function (item) {
|
4524
4545
|
return item.id === id;
|
@@ -4530,11 +4551,11 @@
|
|
4530
4551
|
},
|
4531
4552
|
create: function create(form) {
|
4532
4553
|
try {
|
4533
|
-
var
|
4554
|
+
var _this5 = this;
|
4534
4555
|
|
4535
4556
|
var _temp4 = _catch(function () {
|
4536
4557
|
return Promise.resolve(API.create(form)).then(function () {
|
4537
|
-
return Promise.resolve(
|
4558
|
+
return Promise.resolve(_this5.load()).then(function () {});
|
4538
4559
|
});
|
4539
4560
|
}, function (error) {
|
4540
4561
|
console.log(error);
|
@@ -4547,11 +4568,11 @@
|
|
4547
4568
|
},
|
4548
4569
|
update: function update(form) {
|
4549
4570
|
try {
|
4550
|
-
var
|
4571
|
+
var _this7 = this;
|
4551
4572
|
|
4552
4573
|
var _temp6 = _catch(function () {
|
4553
4574
|
return Promise.resolve(API.update(form)).then(function () {
|
4554
|
-
return Promise.resolve(
|
4575
|
+
return Promise.resolve(_this7.load()).then(function () {});
|
4555
4576
|
});
|
4556
4577
|
}, function (error) {
|
4557
4578
|
console.log(error);
|
@@ -4564,11 +4585,11 @@
|
|
4564
4585
|
},
|
4565
4586
|
remove: function remove(id) {
|
4566
4587
|
try {
|
4567
|
-
var
|
4588
|
+
var _this9 = this;
|
4568
4589
|
|
4569
4590
|
var _temp8 = _catch(function () {
|
4570
4591
|
return Promise.resolve(API.remove(id)).then(function () {
|
4571
|
-
return Promise.resolve(
|
4592
|
+
return Promise.resolve(_this9.load()).then(function () {});
|
4572
4593
|
});
|
4573
4594
|
}, function (error) {
|
4574
4595
|
console.log(error);
|