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.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,9 +4303,15 @@ var TableFilters = function TableFilters(props) {
|
|
4304
4303
|
|
4305
4304
|
|
4306
4305
|
var TableEditor = function TableEditor(props) {
|
4307
|
-
var check = function check(
|
4308
|
-
|
4309
|
-
|
4306
|
+
var check = function check(id, value) {
|
4307
|
+
try {
|
4308
|
+
var ids = Array.isArray(id) ? id : [id];
|
4309
|
+
pageContext.check(ids, value);
|
4310
|
+
setPageContext(Object.assign({}, pageContext));
|
4311
|
+
return Promise.resolve();
|
4312
|
+
} catch (e) {
|
4313
|
+
return Promise.reject(e);
|
4314
|
+
}
|
4310
4315
|
};
|
4311
4316
|
|
4312
4317
|
var select = function select(row, event) {
|
@@ -4406,7 +4411,9 @@ var TableEditor = function TableEditor(props) {
|
|
4406
4411
|
id: field.id,
|
4407
4412
|
label: field.label,
|
4408
4413
|
type: field.type,
|
4409
|
-
onChange: field.editable ? change : null,
|
4414
|
+
onChange: field.editable ? change : field.id === "checked" ? check : null,
|
4415
|
+
|
4416
|
+
/* checked has it´s own handler */
|
4410
4417
|
options: options
|
4411
4418
|
};
|
4412
4419
|
}),
|
@@ -4468,6 +4475,7 @@ var TableEditor = function TableEditor(props) {
|
|
4468
4475
|
});
|
4469
4476
|
}
|
4470
4477
|
|
4478
|
+
console.log('table page checked', pageContext.checked);
|
4471
4479
|
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
|
4472
4480
|
icon: icon,
|
4473
4481
|
title: /*#__PURE__*/React__default["default"].createElement(Text, null, title)
|
@@ -4490,6 +4498,7 @@ var TableContext = function TableContext(url, field) {
|
|
4490
4498
|
var API = TableAPI(url);
|
4491
4499
|
return {
|
4492
4500
|
all: [],
|
4501
|
+
checked: new Set(),
|
4493
4502
|
selected: null,
|
4494
4503
|
filters: {},
|
4495
4504
|
load: function load(filter) {
|
@@ -4514,6 +4523,23 @@ var TableContext = function TableContext(url, field) {
|
|
4514
4523
|
return Promise.reject(e);
|
4515
4524
|
}
|
4516
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
|
+
},
|
4517
4543
|
select: function select(id) {
|
4518
4544
|
var result = this.all.find(function (item) {
|
4519
4545
|
return item.id === id;
|
@@ -4525,11 +4551,11 @@ var TableContext = function TableContext(url, field) {
|
|
4525
4551
|
},
|
4526
4552
|
create: function create(form) {
|
4527
4553
|
try {
|
4528
|
-
var
|
4554
|
+
var _this5 = this;
|
4529
4555
|
|
4530
4556
|
var _temp4 = _catch(function () {
|
4531
4557
|
return Promise.resolve(API.create(form)).then(function () {
|
4532
|
-
return Promise.resolve(
|
4558
|
+
return Promise.resolve(_this5.load()).then(function () {});
|
4533
4559
|
});
|
4534
4560
|
}, function (error) {
|
4535
4561
|
console.log(error);
|
@@ -4542,11 +4568,11 @@ var TableContext = function TableContext(url, field) {
|
|
4542
4568
|
},
|
4543
4569
|
update: function update(form) {
|
4544
4570
|
try {
|
4545
|
-
var
|
4571
|
+
var _this7 = this;
|
4546
4572
|
|
4547
4573
|
var _temp6 = _catch(function () {
|
4548
4574
|
return Promise.resolve(API.update(form)).then(function () {
|
4549
|
-
return Promise.resolve(
|
4575
|
+
return Promise.resolve(_this7.load()).then(function () {});
|
4550
4576
|
});
|
4551
4577
|
}, function (error) {
|
4552
4578
|
console.log(error);
|
@@ -4559,11 +4585,11 @@ var TableContext = function TableContext(url, field) {
|
|
4559
4585
|
},
|
4560
4586
|
remove: function remove(id) {
|
4561
4587
|
try {
|
4562
|
-
var
|
4588
|
+
var _this9 = this;
|
4563
4589
|
|
4564
4590
|
var _temp8 = _catch(function () {
|
4565
4591
|
return Promise.resolve(API.remove(id)).then(function () {
|
4566
|
-
return Promise.resolve(
|
4592
|
+
return Promise.resolve(_this9.load()).then(function () {});
|
4567
4593
|
});
|
4568
4594
|
}, function (error) {
|
4569
4595
|
console.log(error);
|