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.modern.js
CHANGED
@@ -1646,19 +1646,13 @@ var DataTableRow = function DataTableRow(props) {
|
|
1646
1646
|
toggleInfo = _useState3[1];
|
1647
1647
|
|
1648
1648
|
var infoIcon = isInfoOpen ? 'expand_more' : 'expand_less';
|
1649
|
-
var style =
|
1649
|
+
var style = isInfoOpen ? "expanded" : "";
|
1650
1650
|
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("tr", {
|
1651
1651
|
className: style + " " + className,
|
1652
1652
|
onClick: function onClick(ev) {
|
1653
1653
|
return onSelect(row, ev);
|
1654
1654
|
}
|
1655
|
-
},
|
1656
|
-
icon: infoIcon,
|
1657
|
-
clickable: true,
|
1658
|
-
action: function action() {
|
1659
|
-
return toggleInfo(!isInfoOpen);
|
1660
|
-
}
|
1661
|
-
})) : /*#__PURE__*/React.createElement("td", null), columns.map(function (column, cindex) {
|
1655
|
+
}, columns.map(function (column, cindex) {
|
1662
1656
|
return /*#__PURE__*/React.createElement(DataTableCell, {
|
1663
1657
|
key: column.id + "_" + cindex,
|
1664
1658
|
index: index,
|
@@ -1667,7 +1661,13 @@ var DataTableRow = function DataTableRow(props) {
|
|
1667
1661
|
cell: row[column.id],
|
1668
1662
|
editable: editable
|
1669
1663
|
});
|
1670
|
-
})
|
1664
|
+
}), row.info ? /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(Icon, {
|
1665
|
+
icon: infoIcon,
|
1666
|
+
clickable: true,
|
1667
|
+
action: function action() {
|
1668
|
+
return toggleInfo(!isInfoOpen);
|
1669
|
+
}
|
1670
|
+
})) : /*#__PURE__*/React.createElement("td", null)), row.info && isInfoOpen ? /*#__PURE__*/React.createElement("tr", {
|
1671
1671
|
className: "table-row-info"
|
1672
1672
|
}, /*#__PURE__*/React.createElement("td", {
|
1673
1673
|
colSpan: columns.length + 1
|
@@ -4142,7 +4142,8 @@ var ContentEditor = function ContentEditor(_ref) {
|
|
4142
4142
|
_ref$outlined = _ref.outlined,
|
4143
4143
|
outlined = _ref$outlined === void 0 ? true : _ref$outlined,
|
4144
4144
|
className = _ref.className,
|
4145
|
-
onChange = _ref.onChange
|
4145
|
+
onChange = _ref.onChange,
|
4146
|
+
onReload = _ref.onReload;
|
4146
4147
|
|
4147
4148
|
function change(id, value) {
|
4148
4149
|
var _Object$assign;
|
@@ -4151,6 +4152,10 @@ var ContentEditor = function ContentEditor(_ref) {
|
|
4151
4152
|
if (onChange) onChange(nextValue);
|
4152
4153
|
}
|
4153
4154
|
|
4155
|
+
function reload() {
|
4156
|
+
if (onReload) onReload();
|
4157
|
+
}
|
4158
|
+
|
4154
4159
|
var sections = content.sections();
|
4155
4160
|
return /*#__PURE__*/React.createElement("div", {
|
4156
4161
|
className: "content-editor " + className
|
@@ -4169,6 +4174,7 @@ var ContentEditor = function ContentEditor(_ref) {
|
|
4169
4174
|
key: field.id,
|
4170
4175
|
field: field,
|
4171
4176
|
onChange: change,
|
4177
|
+
onReload: reload,
|
4172
4178
|
outlined: outlined,
|
4173
4179
|
content: content
|
4174
4180
|
});
|
@@ -4184,7 +4190,8 @@ var TabbedContentEditor = function TabbedContentEditor(_ref2) {
|
|
4184
4190
|
filter = _ref2.filter,
|
4185
4191
|
_ref2$grouped = _ref2.grouped,
|
4186
4192
|
grouped = _ref2$grouped === void 0 ? false : _ref2$grouped,
|
4187
|
-
onChange = _ref2.onChange
|
4193
|
+
onChange = _ref2.onChange,
|
4194
|
+
onReload = _ref2.onReload;
|
4188
4195
|
|
4189
4196
|
var _useState = useState(0),
|
4190
4197
|
tab = _useState[0],
|
@@ -4246,7 +4253,8 @@ var TabbedContentEditor = function TabbedContentEditor(_ref2) {
|
|
4246
4253
|
key: field.id,
|
4247
4254
|
field: field,
|
4248
4255
|
onChange: change,
|
4249
|
-
content: content
|
4256
|
+
content: content,
|
4257
|
+
onReload: onReload
|
4250
4258
|
});
|
4251
4259
|
}));
|
4252
4260
|
}) : fields.filter(function (field) {
|
@@ -4258,7 +4266,8 @@ var TabbedContentEditor = function TabbedContentEditor(_ref2) {
|
|
4258
4266
|
key: field.id,
|
4259
4267
|
field: field,
|
4260
4268
|
onChange: change,
|
4261
|
-
content: content
|
4269
|
+
content: content,
|
4270
|
+
onReload: onReload
|
4262
4271
|
});
|
4263
4272
|
}));
|
4264
4273
|
})));
|
@@ -4326,7 +4335,8 @@ var TreededContentEditor = function TreededContentEditor(_ref3) {
|
|
4326
4335
|
}) : null);
|
4327
4336
|
}))), /*#__PURE__*/React.createElement("div", null, selected ? /*#__PURE__*/React.createElement(TabbedContentEditor, {
|
4328
4337
|
content: selected.item,
|
4329
|
-
onChange: change
|
4338
|
+
onChange: change,
|
4339
|
+
onReload: reload
|
4330
4340
|
}) : "select"));
|
4331
4341
|
};
|
4332
4342
|
/**
|
@@ -4338,7 +4348,8 @@ var FieldEditor = function FieldEditor(_ref4) {
|
|
4338
4348
|
onChange = _ref4.onChange,
|
4339
4349
|
content = _ref4.content,
|
4340
4350
|
_ref4$outlined = _ref4.outlined,
|
4341
|
-
outlined = _ref4$outlined === void 0 ? false : _ref4$outlined
|
4351
|
+
outlined = _ref4$outlined === void 0 ? false : _ref4$outlined,
|
4352
|
+
onReload = _ref4.onReload;
|
4342
4353
|
var id = field.id,
|
4343
4354
|
type = field.type,
|
4344
4355
|
item = field.item,
|
@@ -4351,6 +4362,10 @@ var FieldEditor = function FieldEditor(_ref4) {
|
|
4351
4362
|
if (onChange) onChange(id, value);
|
4352
4363
|
}
|
4353
4364
|
|
4365
|
+
function reload() {
|
4366
|
+
onReload();
|
4367
|
+
}
|
4368
|
+
|
4354
4369
|
function renderField() {
|
4355
4370
|
var value1 = field.value || field.value === "" ? field.value : field["default"];
|
4356
4371
|
var isHidden = CHECK['isFunction'](hidden) ? hidden(field, value1) : hidden;
|
@@ -4405,7 +4420,8 @@ var FieldEditor = function FieldEditor(_ref4) {
|
|
4405
4420
|
}) : /*#__PURE__*/React.createElement(CollectionEditor$1, {
|
4406
4421
|
field: field,
|
4407
4422
|
value: value1,
|
4408
|
-
onChange: change
|
4423
|
+
onChange: change,
|
4424
|
+
onReload: reload
|
4409
4425
|
});
|
4410
4426
|
|
4411
4427
|
default:
|
@@ -4716,7 +4732,8 @@ var CollectionEditor$1 = function CollectionEditor(_ref10) {
|
|
4716
4732
|
var field = _ref10.field,
|
4717
4733
|
_ref10$value = _ref10.value,
|
4718
4734
|
value = _ref10$value === void 0 ? [] : _ref10$value,
|
4719
|
-
onChange = _ref10.onChange
|
4735
|
+
onChange = _ref10.onChange,
|
4736
|
+
onReload = _ref10.onReload;
|
4720
4737
|
var id = field.id,
|
4721
4738
|
item = field.item,
|
4722
4739
|
label = field.label,
|
@@ -4749,6 +4766,10 @@ var CollectionEditor$1 = function CollectionEditor(_ref10) {
|
|
4749
4766
|
}
|
4750
4767
|
}
|
4751
4768
|
|
4769
|
+
function reload() {
|
4770
|
+
if (onReload) onReload();
|
4771
|
+
}
|
4772
|
+
|
4752
4773
|
var columns = Object.values(item).filter(function (field) {
|
4753
4774
|
return field.column === true;
|
4754
4775
|
}).map(function (item) {
|
@@ -4790,7 +4811,8 @@ var CollectionEditor$1 = function CollectionEditor(_ref10) {
|
|
4790
4811
|
canDelete: true,
|
4791
4812
|
remove: remove
|
4792
4813
|
}), /*#__PURE__*/React.createElement("footer", null, Feeder ? /*#__PURE__*/React.createElement(Feeder, {
|
4793
|
-
onAdd: add
|
4814
|
+
onAdd: add,
|
4815
|
+
onReload: reload
|
4794
4816
|
}) : null, Adder ? /*#__PURE__*/React.createElement(CollectionAdder, {
|
4795
4817
|
item: item,
|
4796
4818
|
onAdd: add
|
@@ -5364,7 +5386,8 @@ var CollectionPage = function CollectionPage(props) {
|
|
5364
5386
|
autosave: autosave,
|
5365
5387
|
delay: delay,
|
5366
5388
|
canDelete: canDelete,
|
5367
|
-
canEdit: canEdit
|
5389
|
+
canEdit: canEdit,
|
5390
|
+
onReload: reload
|
5368
5391
|
}), children ? /*#__PURE__*/React.createElement("article", null, children) : null));
|
5369
5392
|
};
|
5370
5393
|
var CollectionFilters = function CollectionFilters(props) {
|
@@ -5664,7 +5687,8 @@ var CollectionEditor = function CollectionEditor(props) {
|
|
5664
5687
|
autosave = _props$autosave2 === void 0 ? false : _props$autosave2,
|
5665
5688
|
_props$delay2 = props.delay,
|
5666
5689
|
delay = _props$delay2 === void 0 ? 1000 : _props$delay2,
|
5667
|
-
canDelete = props.canDelete
|
5690
|
+
canDelete = props.canDelete,
|
5691
|
+
onReload = props.onReload;
|
5668
5692
|
var timer = useRef(null);
|
5669
5693
|
|
5670
5694
|
var _useState4 = useState(selected),
|
@@ -5704,19 +5728,22 @@ var CollectionEditor = function CollectionEditor(props) {
|
|
5704
5728
|
case 'TABBED':
|
5705
5729
|
return /*#__PURE__*/React.createElement(TabbedContentEditor, _extends({}, props, {
|
5706
5730
|
content: content,
|
5707
|
-
onChange: change
|
5731
|
+
onChange: change,
|
5732
|
+
onReload: onReload
|
5708
5733
|
}));
|
5709
5734
|
|
5710
5735
|
case 'TREEDED':
|
5711
5736
|
return /*#__PURE__*/React.createElement(TreededContentEditor, _extends({}, props, {
|
5712
5737
|
content: content,
|
5713
|
-
onChange: change
|
5738
|
+
onChange: change,
|
5739
|
+
onReload: onReload
|
5714
5740
|
}));
|
5715
5741
|
|
5716
5742
|
default:
|
5717
5743
|
return /*#__PURE__*/React.createElement(ContentEditor, _extends({}, props, {
|
5718
5744
|
content: content,
|
5719
|
-
onChange: change
|
5745
|
+
onChange: change,
|
5746
|
+
onReload: onReload
|
5720
5747
|
}));
|
5721
5748
|
}
|
5722
5749
|
}
|