ywana-core8 0.0.193 → 0.0.197
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 +41 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +41 -2
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +41 -2
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/domain/ContentViewer.css +8 -0
- package/src/domain/ContentViewer.js +36 -6
package/dist/index.modern.js
CHANGED
@@ -4075,22 +4075,31 @@ var ContentViewer = function ContentViewer(props) {
|
|
4075
4075
|
var content = props.content;
|
4076
4076
|
if (!content) return /*#__PURE__*/React.createElement("div", null, "No Content...");
|
4077
4077
|
var sections = content.sections();
|
4078
|
+
var value = content.value();
|
4079
|
+
console.log(value);
|
4078
4080
|
return /*#__PURE__*/React.createElement("div", {
|
4079
4081
|
className: "content-viewer"
|
4080
4082
|
}, sections.map(function (section) {
|
4081
4083
|
var title = section.title,
|
4082
4084
|
fields = section.fields;
|
4083
4085
|
return /*#__PURE__*/React.createElement("section", {
|
4084
|
-
key: title
|
4086
|
+
key: title,
|
4087
|
+
className: "content-viewer"
|
4085
4088
|
}, /*#__PURE__*/React.createElement("header", null, title), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
|
4086
4089
|
return /*#__PURE__*/React.createElement(FieldViewer, {
|
4087
4090
|
key: field.id,
|
4088
4091
|
field: field,
|
4089
|
-
value:
|
4092
|
+
value: value[field.id]
|
4090
4093
|
});
|
4091
4094
|
})));
|
4092
4095
|
}));
|
4093
4096
|
};
|
4097
|
+
/**
|
4098
|
+
* Field Viewer
|
4099
|
+
*
|
4100
|
+
* @param {} props
|
4101
|
+
* @returns
|
4102
|
+
*/
|
4094
4103
|
|
4095
4104
|
var FieldViewer = function FieldViewer(props) {
|
4096
4105
|
var field = props.field,
|
@@ -4106,10 +4115,40 @@ var FieldViewer = function FieldViewer(props) {
|
|
4106
4115
|
value: value
|
4107
4116
|
});
|
4108
4117
|
|
4118
|
+
case TYPES.ENTITY:
|
4119
|
+
return /*#__PURE__*/React.createElement(EntityViewer, {
|
4120
|
+
field: field,
|
4121
|
+
value: value
|
4122
|
+
});
|
4123
|
+
|
4109
4124
|
default:
|
4110
4125
|
return /*#__PURE__*/React.createElement("div", null, label);
|
4111
4126
|
}
|
4112
4127
|
};
|
4128
|
+
/**
|
4129
|
+
* EntityViewer
|
4130
|
+
*/
|
4131
|
+
|
4132
|
+
|
4133
|
+
var EntityViewer = function EntityViewer(props) {
|
4134
|
+
var field = props.field,
|
4135
|
+
value = props.value;
|
4136
|
+
var item = field.item,
|
4137
|
+
label = field.label;
|
4138
|
+
var content = new Content(item, value);
|
4139
|
+
var form = content.form();
|
4140
|
+
var fields = Object.keys(form).map(function (key) {
|
4141
|
+
return form[key];
|
4142
|
+
});
|
4143
|
+
return /*#__PURE__*/React.createElement("div", {
|
4144
|
+
className: "entity-viewer"
|
4145
|
+
}, /*#__PURE__*/React.createElement("header", null, label), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
|
4146
|
+
return /*#__PURE__*/React.createElement(FieldViewer, {
|
4147
|
+
field: field,
|
4148
|
+
value: value[field.id]
|
4149
|
+
});
|
4150
|
+
})));
|
4151
|
+
};
|
4113
4152
|
|
4114
4153
|
function _catch(body, recover) {
|
4115
4154
|
try {
|