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.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" : "";
|
@@ -1067,7 +1071,7 @@ var DataTable = function DataTable(props) {
|
|
1067
1071
|
label = _ref.label,
|
1068
1072
|
sortable = _ref.sortable;
|
1069
1073
|
return /*#__PURE__*/React__default["default"].createElement("th", null, id === "checked" ? /*#__PURE__*/React__default["default"].createElement(CheckBox, {
|
1070
|
-
|
1074
|
+
onChange: checkAll
|
1071
1075
|
}) : /*#__PURE__*/React__default["default"].createElement(Text, null, label), sortable ? /*#__PURE__*/React__default["default"].createElement(Icon, {
|
1072
1076
|
icon: "arrow_up",
|
1073
1077
|
size: "small",
|
@@ -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,16 @@ 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.some(function (id) {
|
4422
|
+
return id === item.id;
|
4423
|
+
});
|
4422
4424
|
item.actions = actions ? actions.map(function (_action) {
|
4423
4425
|
return _action.filter ? _action.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon, {
|
4424
4426
|
icon: _action.icon,
|
@@ -4476,6 +4478,7 @@ var TableEditor = function TableEditor(props) {
|
|
4476
4478
|
});
|
4477
4479
|
}
|
4478
4480
|
|
4481
|
+
console.log('table page checked', pageContext.checked);
|
4479
4482
|
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
|
4480
4483
|
icon: icon,
|
4481
4484
|
title: /*#__PURE__*/React__default["default"].createElement(Text, null, title)
|
@@ -4498,6 +4501,7 @@ var TableContext = function TableContext(url, field) {
|
|
4498
4501
|
var API = TableAPI(url);
|
4499
4502
|
return {
|
4500
4503
|
all: [],
|
4504
|
+
checked: new Set(),
|
4501
4505
|
selected: null,
|
4502
4506
|
filters: {},
|
4503
4507
|
load: function load(filter) {
|
@@ -4522,6 +4526,23 @@ var TableContext = function TableContext(url, field) {
|
|
4522
4526
|
return Promise.reject(e);
|
4523
4527
|
}
|
4524
4528
|
},
|
4529
|
+
check: function check(ids, isChecked) {
|
4530
|
+
var _this3 = this;
|
4531
|
+
|
4532
|
+
if (isChecked === void 0) {
|
4533
|
+
isChecked = true;
|
4534
|
+
}
|
4535
|
+
|
4536
|
+
if (isChecked) {
|
4537
|
+
ids.forEach(function (id) {
|
4538
|
+
return _this3.checked.add(id);
|
4539
|
+
});
|
4540
|
+
} else {
|
4541
|
+
ids.forEach(function (id) {
|
4542
|
+
return _this3.checked["delete"](id);
|
4543
|
+
});
|
4544
|
+
}
|
4545
|
+
},
|
4525
4546
|
select: function select(id) {
|
4526
4547
|
var result = this.all.find(function (item) {
|
4527
4548
|
return item.id === id;
|
@@ -4533,11 +4554,11 @@ var TableContext = function TableContext(url, field) {
|
|
4533
4554
|
},
|
4534
4555
|
create: function create(form) {
|
4535
4556
|
try {
|
4536
|
-
var
|
4557
|
+
var _this5 = this;
|
4537
4558
|
|
4538
4559
|
var _temp4 = _catch(function () {
|
4539
4560
|
return Promise.resolve(API.create(form)).then(function () {
|
4540
|
-
return Promise.resolve(
|
4561
|
+
return Promise.resolve(_this5.load()).then(function () {});
|
4541
4562
|
});
|
4542
4563
|
}, function (error) {
|
4543
4564
|
console.log(error);
|
@@ -4550,11 +4571,11 @@ var TableContext = function TableContext(url, field) {
|
|
4550
4571
|
},
|
4551
4572
|
update: function update(form) {
|
4552
4573
|
try {
|
4553
|
-
var
|
4574
|
+
var _this7 = this;
|
4554
4575
|
|
4555
4576
|
var _temp6 = _catch(function () {
|
4556
4577
|
return Promise.resolve(API.update(form)).then(function () {
|
4557
|
-
return Promise.resolve(
|
4578
|
+
return Promise.resolve(_this7.load()).then(function () {});
|
4558
4579
|
});
|
4559
4580
|
}, function (error) {
|
4560
4581
|
console.log(error);
|
@@ -4567,11 +4588,11 @@ var TableContext = function TableContext(url, field) {
|
|
4567
4588
|
},
|
4568
4589
|
remove: function remove(id) {
|
4569
4590
|
try {
|
4570
|
-
var
|
4591
|
+
var _this9 = this;
|
4571
4592
|
|
4572
4593
|
var _temp8 = _catch(function () {
|
4573
4594
|
return Promise.resolve(API.remove(id)).then(function () {
|
4574
|
-
return Promise.resolve(
|
4595
|
+
return Promise.resolve(_this9.load()).then(function () {});
|
4575
4596
|
});
|
4576
4597
|
}, function (error) {
|
4577
4598
|
console.log(error);
|