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.modern.js
CHANGED
@@ -978,10 +978,14 @@ var DropDown = function DropDown(props) {
|
|
978
978
|
}) : null)) : null);
|
979
979
|
};
|
980
980
|
|
981
|
+
var isFunction$1 = function isFunction(value) {
|
982
|
+
return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
|
983
|
+
};
|
981
984
|
/**
|
982
985
|
* DataTable
|
983
986
|
*/
|
984
987
|
|
988
|
+
|
985
989
|
var DataTable = function DataTable(props) {
|
986
990
|
var _props$columns = props.columns,
|
987
991
|
columns = _props$columns === void 0 ? [] : _props$columns,
|
@@ -1045,11 +1049,11 @@ var DataTable = function DataTable(props) {
|
|
1045
1049
|
if (onSort) onSort(dragged, dropped);
|
1046
1050
|
}
|
1047
1051
|
|
1048
|
-
function checkAll() {
|
1052
|
+
function checkAll(id, value) {
|
1049
1053
|
var ids = rows.map(function (row) {
|
1050
1054
|
return row.id;
|
1051
1055
|
});
|
1052
|
-
if (onCheckAll) onCheckAll(ids);
|
1056
|
+
if (onCheckAll) onCheckAll(ids, value);
|
1053
1057
|
}
|
1054
1058
|
|
1055
1059
|
var style = outlined ? "outlined" : "";
|
@@ -1060,7 +1064,7 @@ var DataTable = function DataTable(props) {
|
|
1060
1064
|
label = _ref.label,
|
1061
1065
|
sortable = _ref.sortable;
|
1062
1066
|
return /*#__PURE__*/React.createElement("th", null, id === "checked" ? /*#__PURE__*/React.createElement(CheckBox, {
|
1063
|
-
|
1067
|
+
onChange: checkAll
|
1064
1068
|
}) : /*#__PURE__*/React.createElement(Text, null, label), sortable ? /*#__PURE__*/React.createElement(Icon, {
|
1065
1069
|
icon: "arrow_up",
|
1066
1070
|
size: "small",
|
@@ -1093,11 +1097,6 @@ var DataTableRow = function DataTableRow(props) {
|
|
1093
1097
|
toggleInfo = _useState2[1];
|
1094
1098
|
|
1095
1099
|
var infoIcon = isInfoOpen ? 'expand_more' : 'expand_less';
|
1096
|
-
|
1097
|
-
var isFunction = function isFunction(value) {
|
1098
|
-
return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
|
1099
|
-
};
|
1100
|
-
|
1101
1100
|
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("tr", {
|
1102
1101
|
onClick: function onClick(ev) {
|
1103
1102
|
return onSelect(row, ev);
|
@@ -1117,7 +1116,7 @@ var DataTableRow = function DataTableRow(props) {
|
|
1117
1116
|
}
|
1118
1117
|
}) : null), row.info && isInfoOpen ? /*#__PURE__*/React.createElement("tr", {
|
1119
1118
|
className: "table-row-info"
|
1120
|
-
}, isFunction(row.info) ? row.info() : row.info) : null);
|
1119
|
+
}, isFunction$1(row.info) ? row.info() : row.info) : null);
|
1121
1120
|
};
|
1122
1121
|
/**
|
1123
1122
|
* DataTable Cell
|
@@ -4297,9 +4296,15 @@ var TableFilters = function TableFilters(props) {
|
|
4297
4296
|
|
4298
4297
|
|
4299
4298
|
var TableEditor = function TableEditor(props) {
|
4300
|
-
var check = function check(
|
4301
|
-
|
4302
|
-
|
4299
|
+
var check = function check(id, value) {
|
4300
|
+
try {
|
4301
|
+
var ids = Array.isArray(id) ? id : [id];
|
4302
|
+
pageContext.check(ids, value);
|
4303
|
+
setPageContext(Object.assign({}, pageContext));
|
4304
|
+
return Promise.resolve();
|
4305
|
+
} catch (e) {
|
4306
|
+
return Promise.reject(e);
|
4307
|
+
}
|
4303
4308
|
};
|
4304
4309
|
|
4305
4310
|
var select = function select(row, event) {
|
@@ -4399,7 +4404,9 @@ var TableEditor = function TableEditor(props) {
|
|
4399
4404
|
id: field.id,
|
4400
4405
|
label: field.label,
|
4401
4406
|
type: field.type,
|
4402
|
-
onChange: field.editable ? change : null,
|
4407
|
+
onChange: field.editable ? change : field.id === "checked" ? check : null,
|
4408
|
+
|
4409
|
+
/* checked has it´s own handler */
|
4403
4410
|
options: options
|
4404
4411
|
};
|
4405
4412
|
}),
|
@@ -4461,6 +4468,7 @@ var TableEditor = function TableEditor(props) {
|
|
4461
4468
|
});
|
4462
4469
|
}
|
4463
4470
|
|
4471
|
+
console.log('table page checked', pageContext.checked);
|
4464
4472
|
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
4465
4473
|
icon: icon,
|
4466
4474
|
title: /*#__PURE__*/React.createElement(Text, null, title)
|
@@ -4483,6 +4491,7 @@ var TableContext = function TableContext(url, field) {
|
|
4483
4491
|
var API = TableAPI(url);
|
4484
4492
|
return {
|
4485
4493
|
all: [],
|
4494
|
+
checked: new Set(),
|
4486
4495
|
selected: null,
|
4487
4496
|
filters: {},
|
4488
4497
|
load: function load(filter) {
|
@@ -4507,6 +4516,23 @@ var TableContext = function TableContext(url, field) {
|
|
4507
4516
|
return Promise.reject(e);
|
4508
4517
|
}
|
4509
4518
|
},
|
4519
|
+
check: function check(ids, isChecked) {
|
4520
|
+
var _this3 = this;
|
4521
|
+
|
4522
|
+
if (isChecked === void 0) {
|
4523
|
+
isChecked = true;
|
4524
|
+
}
|
4525
|
+
|
4526
|
+
if (isChecked) {
|
4527
|
+
ids.forEach(function (id) {
|
4528
|
+
return _this3.checked.add(id);
|
4529
|
+
});
|
4530
|
+
} else {
|
4531
|
+
ids.forEach(function (id) {
|
4532
|
+
return _this3.checked["delete"](id);
|
4533
|
+
});
|
4534
|
+
}
|
4535
|
+
},
|
4510
4536
|
select: function select(id) {
|
4511
4537
|
var result = this.all.find(function (item) {
|
4512
4538
|
return item.id === id;
|
@@ -4518,11 +4544,11 @@ var TableContext = function TableContext(url, field) {
|
|
4518
4544
|
},
|
4519
4545
|
create: function create(form) {
|
4520
4546
|
try {
|
4521
|
-
var
|
4547
|
+
var _this5 = this;
|
4522
4548
|
|
4523
4549
|
var _temp4 = _catch(function () {
|
4524
4550
|
return Promise.resolve(API.create(form)).then(function () {
|
4525
|
-
return Promise.resolve(
|
4551
|
+
return Promise.resolve(_this5.load()).then(function () {});
|
4526
4552
|
});
|
4527
4553
|
}, function (error) {
|
4528
4554
|
console.log(error);
|
@@ -4535,11 +4561,11 @@ var TableContext = function TableContext(url, field) {
|
|
4535
4561
|
},
|
4536
4562
|
update: function update(form) {
|
4537
4563
|
try {
|
4538
|
-
var
|
4564
|
+
var _this7 = this;
|
4539
4565
|
|
4540
4566
|
var _temp6 = _catch(function () {
|
4541
4567
|
return Promise.resolve(API.update(form)).then(function () {
|
4542
|
-
return Promise.resolve(
|
4568
|
+
return Promise.resolve(_this7.load()).then(function () {});
|
4543
4569
|
});
|
4544
4570
|
}, function (error) {
|
4545
4571
|
console.log(error);
|
@@ -4552,11 +4578,11 @@ var TableContext = function TableContext(url, field) {
|
|
4552
4578
|
},
|
4553
4579
|
remove: function remove(id) {
|
4554
4580
|
try {
|
4555
|
-
var
|
4581
|
+
var _this9 = this;
|
4556
4582
|
|
4557
4583
|
var _temp8 = _catch(function () {
|
4558
4584
|
return Promise.resolve(API.remove(id)).then(function () {
|
4559
|
-
return Promise.resolve(
|
4585
|
+
return Promise.resolve(_this9.load()).then(function () {});
|
4560
4586
|
});
|
4561
4587
|
}, function (error) {
|
4562
4588
|
console.log(error);
|