ywana-core8 0.0.559 → 0.0.562
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 +50 -23
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +50 -23
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +50 -23
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/domain/CollectionPage.js +5 -5
- package/src/domain/ContentEditor.js +22 -10
- package/src/html/table.js +2 -3
package/dist/index.cjs
CHANGED
@@ -1654,19 +1654,13 @@ var DataTableRow = function DataTableRow(props) {
|
|
1654
1654
|
toggleInfo = _useState3[1];
|
1655
1655
|
|
1656
1656
|
var infoIcon = isInfoOpen ? 'expand_more' : 'expand_less';
|
1657
|
-
var style =
|
1657
|
+
var style = isInfoOpen ? "expanded" : "";
|
1658
1658
|
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("tr", {
|
1659
1659
|
className: style + " " + className,
|
1660
1660
|
onClick: function onClick(ev) {
|
1661
1661
|
return onSelect(row, ev);
|
1662
1662
|
}
|
1663
|
-
},
|
1664
|
-
icon: infoIcon,
|
1665
|
-
clickable: true,
|
1666
|
-
action: function action() {
|
1667
|
-
return toggleInfo(!isInfoOpen);
|
1668
|
-
}
|
1669
|
-
})) : /*#__PURE__*/React__default["default"].createElement("td", null), columns.map(function (column, cindex) {
|
1663
|
+
}, columns.map(function (column, cindex) {
|
1670
1664
|
return /*#__PURE__*/React__default["default"].createElement(DataTableCell, {
|
1671
1665
|
key: column.id + "_" + cindex,
|
1672
1666
|
index: index,
|
@@ -1675,7 +1669,13 @@ var DataTableRow = function DataTableRow(props) {
|
|
1675
1669
|
cell: row[column.id],
|
1676
1670
|
editable: editable
|
1677
1671
|
});
|
1678
|
-
})
|
1672
|
+
}), row.info ? /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
|
1673
|
+
icon: infoIcon,
|
1674
|
+
clickable: true,
|
1675
|
+
action: function action() {
|
1676
|
+
return toggleInfo(!isInfoOpen);
|
1677
|
+
}
|
1678
|
+
})) : /*#__PURE__*/React__default["default"].createElement("td", null)), row.info && isInfoOpen ? /*#__PURE__*/React__default["default"].createElement("tr", {
|
1679
1679
|
className: "table-row-info"
|
1680
1680
|
}, /*#__PURE__*/React__default["default"].createElement("td", {
|
1681
1681
|
colSpan: columns.length + 1
|
@@ -4150,7 +4150,8 @@ var ContentEditor = function ContentEditor(_ref) {
|
|
4150
4150
|
_ref$outlined = _ref.outlined,
|
4151
4151
|
outlined = _ref$outlined === void 0 ? true : _ref$outlined,
|
4152
4152
|
className = _ref.className,
|
4153
|
-
onChange = _ref.onChange
|
4153
|
+
onChange = _ref.onChange,
|
4154
|
+
onReload = _ref.onReload;
|
4154
4155
|
|
4155
4156
|
function change(id, value) {
|
4156
4157
|
var _Object$assign;
|
@@ -4159,6 +4160,10 @@ var ContentEditor = function ContentEditor(_ref) {
|
|
4159
4160
|
if (onChange) onChange(nextValue);
|
4160
4161
|
}
|
4161
4162
|
|
4163
|
+
function reload() {
|
4164
|
+
if (onReload) onReload();
|
4165
|
+
}
|
4166
|
+
|
4162
4167
|
var sections = content.sections();
|
4163
4168
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
4164
4169
|
className: "content-editor " + className
|
@@ -4177,6 +4182,7 @@ var ContentEditor = function ContentEditor(_ref) {
|
|
4177
4182
|
key: field.id,
|
4178
4183
|
field: field,
|
4179
4184
|
onChange: change,
|
4185
|
+
onReload: reload,
|
4180
4186
|
outlined: outlined,
|
4181
4187
|
content: content
|
4182
4188
|
});
|
@@ -4192,7 +4198,8 @@ var TabbedContentEditor = function TabbedContentEditor(_ref2) {
|
|
4192
4198
|
filter = _ref2.filter,
|
4193
4199
|
_ref2$grouped = _ref2.grouped,
|
4194
4200
|
grouped = _ref2$grouped === void 0 ? false : _ref2$grouped,
|
4195
|
-
onChange = _ref2.onChange
|
4201
|
+
onChange = _ref2.onChange,
|
4202
|
+
onReload = _ref2.onReload;
|
4196
4203
|
|
4197
4204
|
var _useState = React.useState(0),
|
4198
4205
|
tab = _useState[0],
|
@@ -4254,7 +4261,8 @@ var TabbedContentEditor = function TabbedContentEditor(_ref2) {
|
|
4254
4261
|
key: field.id,
|
4255
4262
|
field: field,
|
4256
4263
|
onChange: change,
|
4257
|
-
content: content
|
4264
|
+
content: content,
|
4265
|
+
onReload: onReload
|
4258
4266
|
});
|
4259
4267
|
}));
|
4260
4268
|
}) : fields.filter(function (field) {
|
@@ -4266,7 +4274,8 @@ var TabbedContentEditor = function TabbedContentEditor(_ref2) {
|
|
4266
4274
|
key: field.id,
|
4267
4275
|
field: field,
|
4268
4276
|
onChange: change,
|
4269
|
-
content: content
|
4277
|
+
content: content,
|
4278
|
+
onReload: onReload
|
4270
4279
|
});
|
4271
4280
|
}));
|
4272
4281
|
})));
|
@@ -4334,7 +4343,8 @@ var TreededContentEditor = function TreededContentEditor(_ref3) {
|
|
4334
4343
|
}) : null);
|
4335
4344
|
}))), /*#__PURE__*/React__default["default"].createElement("div", null, selected ? /*#__PURE__*/React__default["default"].createElement(TabbedContentEditor, {
|
4336
4345
|
content: selected.item,
|
4337
|
-
onChange: change
|
4346
|
+
onChange: change,
|
4347
|
+
onReload: reload
|
4338
4348
|
}) : "select"));
|
4339
4349
|
};
|
4340
4350
|
/**
|
@@ -4346,7 +4356,8 @@ var FieldEditor = function FieldEditor(_ref4) {
|
|
4346
4356
|
onChange = _ref4.onChange,
|
4347
4357
|
content = _ref4.content,
|
4348
4358
|
_ref4$outlined = _ref4.outlined,
|
4349
|
-
outlined = _ref4$outlined === void 0 ? false : _ref4$outlined
|
4359
|
+
outlined = _ref4$outlined === void 0 ? false : _ref4$outlined,
|
4360
|
+
onReload = _ref4.onReload;
|
4350
4361
|
var id = field.id,
|
4351
4362
|
type = field.type,
|
4352
4363
|
item = field.item,
|
@@ -4359,6 +4370,10 @@ var FieldEditor = function FieldEditor(_ref4) {
|
|
4359
4370
|
if (onChange) onChange(id, value);
|
4360
4371
|
}
|
4361
4372
|
|
4373
|
+
function reload() {
|
4374
|
+
onReload();
|
4375
|
+
}
|
4376
|
+
|
4362
4377
|
function renderField() {
|
4363
4378
|
var value1 = field.value || field.value === "" ? field.value : field["default"];
|
4364
4379
|
var isHidden = CHECK['isFunction'](hidden) ? hidden(field, value1) : hidden;
|
@@ -4413,7 +4428,8 @@ var FieldEditor = function FieldEditor(_ref4) {
|
|
4413
4428
|
}) : /*#__PURE__*/React__default["default"].createElement(CollectionEditor$1, {
|
4414
4429
|
field: field,
|
4415
4430
|
value: value1,
|
4416
|
-
onChange: change
|
4431
|
+
onChange: change,
|
4432
|
+
onReload: reload
|
4417
4433
|
});
|
4418
4434
|
|
4419
4435
|
default:
|
@@ -4724,7 +4740,8 @@ var CollectionEditor$1 = function CollectionEditor(_ref10) {
|
|
4724
4740
|
var field = _ref10.field,
|
4725
4741
|
_ref10$value = _ref10.value,
|
4726
4742
|
value = _ref10$value === void 0 ? [] : _ref10$value,
|
4727
|
-
onChange = _ref10.onChange
|
4743
|
+
onChange = _ref10.onChange,
|
4744
|
+
onReload = _ref10.onReload;
|
4728
4745
|
var id = field.id,
|
4729
4746
|
item = field.item,
|
4730
4747
|
label = field.label,
|
@@ -4757,6 +4774,10 @@ var CollectionEditor$1 = function CollectionEditor(_ref10) {
|
|
4757
4774
|
}
|
4758
4775
|
}
|
4759
4776
|
|
4777
|
+
function reload() {
|
4778
|
+
if (onReload) onReload();
|
4779
|
+
}
|
4780
|
+
|
4760
4781
|
var columns = Object.values(item).filter(function (field) {
|
4761
4782
|
return field.column === true;
|
4762
4783
|
}).map(function (item) {
|
@@ -4798,7 +4819,8 @@ var CollectionEditor$1 = function CollectionEditor(_ref10) {
|
|
4798
4819
|
canDelete: true,
|
4799
4820
|
remove: remove
|
4800
4821
|
}), /*#__PURE__*/React__default["default"].createElement("footer", null, Feeder ? /*#__PURE__*/React__default["default"].createElement(Feeder, {
|
4801
|
-
onAdd: add
|
4822
|
+
onAdd: add,
|
4823
|
+
onReload: reload
|
4802
4824
|
}) : null, Adder ? /*#__PURE__*/React__default["default"].createElement(CollectionAdder, {
|
4803
4825
|
item: item,
|
4804
4826
|
onAdd: add
|
@@ -5372,7 +5394,8 @@ var CollectionPage = function CollectionPage(props) {
|
|
5372
5394
|
autosave: autosave,
|
5373
5395
|
delay: delay,
|
5374
5396
|
canDelete: canDelete,
|
5375
|
-
canEdit: canEdit
|
5397
|
+
canEdit: canEdit,
|
5398
|
+
onReload: reload
|
5376
5399
|
}), children ? /*#__PURE__*/React__default["default"].createElement("article", null, children) : null));
|
5377
5400
|
};
|
5378
5401
|
var CollectionFilters = function CollectionFilters(props) {
|
@@ -5672,7 +5695,8 @@ var CollectionEditor = function CollectionEditor(props) {
|
|
5672
5695
|
autosave = _props$autosave2 === void 0 ? false : _props$autosave2,
|
5673
5696
|
_props$delay2 = props.delay,
|
5674
5697
|
delay = _props$delay2 === void 0 ? 1000 : _props$delay2,
|
5675
|
-
canDelete = props.canDelete
|
5698
|
+
canDelete = props.canDelete,
|
5699
|
+
onReload = props.onReload;
|
5676
5700
|
var timer = React.useRef(null);
|
5677
5701
|
|
5678
5702
|
var _useState4 = React.useState(selected),
|
@@ -5712,19 +5736,22 @@ var CollectionEditor = function CollectionEditor(props) {
|
|
5712
5736
|
case 'TABBED':
|
5713
5737
|
return /*#__PURE__*/React__default["default"].createElement(TabbedContentEditor, _extends({}, props, {
|
5714
5738
|
content: content,
|
5715
|
-
onChange: change
|
5739
|
+
onChange: change,
|
5740
|
+
onReload: onReload
|
5716
5741
|
}));
|
5717
5742
|
|
5718
5743
|
case 'TREEDED':
|
5719
5744
|
return /*#__PURE__*/React__default["default"].createElement(TreededContentEditor, _extends({}, props, {
|
5720
5745
|
content: content,
|
5721
|
-
onChange: change
|
5746
|
+
onChange: change,
|
5747
|
+
onReload: onReload
|
5722
5748
|
}));
|
5723
5749
|
|
5724
5750
|
default:
|
5725
5751
|
return /*#__PURE__*/React__default["default"].createElement(ContentEditor, _extends({}, props, {
|
5726
5752
|
content: content,
|
5727
|
-
onChange: change
|
5753
|
+
onChange: change,
|
5754
|
+
onReload: onReload
|
5728
5755
|
}));
|
5729
5756
|
}
|
5730
5757
|
}
|