ywana-core8 0.0.100 → 0.0.104
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 +40 -21
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +40 -21
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +40 -21
- 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 +7 -5
package/dist/index.cjs
CHANGED
@@ -985,10 +985,14 @@ var DropDown = function DropDown(props) {
|
|
985
985
|
}) : null)) : null);
|
986
986
|
};
|
987
987
|
|
988
|
+
var isFunction$1 = function isFunction(value) {
|
989
|
+
return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
|
990
|
+
};
|
988
991
|
/**
|
989
992
|
* DataTable
|
990
993
|
*/
|
991
994
|
|
995
|
+
|
992
996
|
var DataTable = function DataTable(props) {
|
993
997
|
var _props$columns = props.columns,
|
994
998
|
columns = _props$columns === void 0 ? [] : _props$columns,
|
@@ -1052,11 +1056,11 @@ var DataTable = function DataTable(props) {
|
|
1052
1056
|
if (onSort) onSort(dragged, dropped);
|
1053
1057
|
}
|
1054
1058
|
|
1055
|
-
function checkAll() {
|
1059
|
+
function checkAll(id, value) {
|
1056
1060
|
var ids = rows.map(function (row) {
|
1057
1061
|
return row.id;
|
1058
1062
|
});
|
1059
|
-
if (onCheckAll) onCheckAll(ids);
|
1063
|
+
if (onCheckAll) onCheckAll(ids, value);
|
1060
1064
|
}
|
1061
1065
|
|
1062
1066
|
var style = outlined ? "outlined" : "";
|
@@ -1100,11 +1104,6 @@ var DataTableRow = function DataTableRow(props) {
|
|
1100
1104
|
toggleInfo = _useState2[1];
|
1101
1105
|
|
1102
1106
|
var infoIcon = isInfoOpen ? 'expand_more' : 'expand_less';
|
1103
|
-
|
1104
|
-
var isFunction = function isFunction(value) {
|
1105
|
-
return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
|
1106
|
-
};
|
1107
|
-
|
1108
1107
|
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("tr", {
|
1109
1108
|
onClick: function onClick(ev) {
|
1110
1109
|
return onSelect(row, ev);
|
@@ -1124,7 +1123,7 @@ var DataTableRow = function DataTableRow(props) {
|
|
1124
1123
|
}
|
1125
1124
|
}) : null), row.info && isInfoOpen ? /*#__PURE__*/React__default["default"].createElement("tr", {
|
1126
1125
|
className: "table-row-info"
|
1127
|
-
}, isFunction(row.info) ? row.info() : row.info) : null);
|
1126
|
+
}, isFunction$1(row.info) ? row.info() : row.info) : null);
|
1128
1127
|
};
|
1129
1128
|
/**
|
1130
1129
|
* DataTable Cell
|
@@ -4304,13 +4303,11 @@ var TableFilters = function TableFilters(props) {
|
|
4304
4303
|
|
4305
4304
|
|
4306
4305
|
var TableEditor = function TableEditor(props) {
|
4307
|
-
var check = function check(
|
4308
|
-
if (ids === void 0) {
|
4309
|
-
ids = [];
|
4310
|
-
}
|
4311
|
-
|
4306
|
+
var check = function check(id, value) {
|
4312
4307
|
try {
|
4313
|
-
|
4308
|
+
var ids = Array.isArray(id) ? id : [id];
|
4309
|
+
pageContext.check(ids, value);
|
4310
|
+
setPageContext(Object.assign({}, pageContext));
|
4314
4311
|
return Promise.resolve();
|
4315
4312
|
} catch (e) {
|
4316
4313
|
return Promise.reject(e);
|
@@ -4414,11 +4411,14 @@ var TableEditor = function TableEditor(props) {
|
|
4414
4411
|
id: field.id,
|
4415
4412
|
label: field.label,
|
4416
4413
|
type: field.type,
|
4417
|
-
onChange: field.editable ? change : null,
|
4414
|
+
onChange: field.id === "checked" ? check : field.editable ? change : null,
|
4415
|
+
|
4416
|
+
/* checked has it´s own handler */
|
4418
4417
|
options: options
|
4419
4418
|
};
|
4420
4419
|
}),
|
4421
4420
|
rows: groups[groupName].map(function (item) {
|
4421
|
+
item.checked = pageContext.checked.has(item.id);
|
4422
4422
|
item.actions = actions ? actions.map(function (_action) {
|
4423
4423
|
return _action.filter ? _action.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon, {
|
4424
4424
|
icon: _action.icon,
|
@@ -4476,6 +4476,7 @@ var TableEditor = function TableEditor(props) {
|
|
4476
4476
|
});
|
4477
4477
|
}
|
4478
4478
|
|
4479
|
+
console.log('table page checked', pageContext.checked);
|
4479
4480
|
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
|
4480
4481
|
icon: icon,
|
4481
4482
|
title: /*#__PURE__*/React__default["default"].createElement(Text, null, title)
|
@@ -4498,6 +4499,7 @@ var TableContext = function TableContext(url, field) {
|
|
4498
4499
|
var API = TableAPI(url);
|
4499
4500
|
return {
|
4500
4501
|
all: [],
|
4502
|
+
checked: new Set(),
|
4501
4503
|
selected: null,
|
4502
4504
|
filters: {},
|
4503
4505
|
load: function load(filter) {
|
@@ -4522,6 +4524,23 @@ var TableContext = function TableContext(url, field) {
|
|
4522
4524
|
return Promise.reject(e);
|
4523
4525
|
}
|
4524
4526
|
},
|
4527
|
+
check: function check(ids, isChecked) {
|
4528
|
+
var _this3 = this;
|
4529
|
+
|
4530
|
+
if (isChecked === void 0) {
|
4531
|
+
isChecked = true;
|
4532
|
+
}
|
4533
|
+
|
4534
|
+
if (isChecked) {
|
4535
|
+
ids.forEach(function (id) {
|
4536
|
+
return _this3.checked.add(id);
|
4537
|
+
});
|
4538
|
+
} else {
|
4539
|
+
ids.forEach(function (id) {
|
4540
|
+
return _this3.checked["delete"](id);
|
4541
|
+
});
|
4542
|
+
}
|
4543
|
+
},
|
4525
4544
|
select: function select(id) {
|
4526
4545
|
var result = this.all.find(function (item) {
|
4527
4546
|
return item.id === id;
|
@@ -4533,11 +4552,11 @@ var TableContext = function TableContext(url, field) {
|
|
4533
4552
|
},
|
4534
4553
|
create: function create(form) {
|
4535
4554
|
try {
|
4536
|
-
var
|
4555
|
+
var _this5 = this;
|
4537
4556
|
|
4538
4557
|
var _temp4 = _catch(function () {
|
4539
4558
|
return Promise.resolve(API.create(form)).then(function () {
|
4540
|
-
return Promise.resolve(
|
4559
|
+
return Promise.resolve(_this5.load()).then(function () {});
|
4541
4560
|
});
|
4542
4561
|
}, function (error) {
|
4543
4562
|
console.log(error);
|
@@ -4550,11 +4569,11 @@ var TableContext = function TableContext(url, field) {
|
|
4550
4569
|
},
|
4551
4570
|
update: function update(form) {
|
4552
4571
|
try {
|
4553
|
-
var
|
4572
|
+
var _this7 = this;
|
4554
4573
|
|
4555
4574
|
var _temp6 = _catch(function () {
|
4556
4575
|
return Promise.resolve(API.update(form)).then(function () {
|
4557
|
-
return Promise.resolve(
|
4576
|
+
return Promise.resolve(_this7.load()).then(function () {});
|
4558
4577
|
});
|
4559
4578
|
}, function (error) {
|
4560
4579
|
console.log(error);
|
@@ -4567,11 +4586,11 @@ var TableContext = function TableContext(url, field) {
|
|
4567
4586
|
},
|
4568
4587
|
remove: function remove(id) {
|
4569
4588
|
try {
|
4570
|
-
var
|
4589
|
+
var _this9 = this;
|
4571
4590
|
|
4572
4591
|
var _temp8 = _catch(function () {
|
4573
4592
|
return Promise.resolve(API.remove(id)).then(function () {
|
4574
|
-
return Promise.resolve(
|
4593
|
+
return Promise.resolve(_this9.load()).then(function () {});
|
4575
4594
|
});
|
4576
4595
|
}, function (error) {
|
4577
4596
|
console.log(error);
|