ywana-core8 0.0.581 → 0.0.584
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 +150 -132
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +27 -23
- package/dist/index.css.map +1 -1
- package/dist/index.modern.js +150 -133
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +150 -132
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/domain/CollectionPage.js +2 -1
- package/src/domain/TablePage.js +13 -6
- package/src/domain/index.js +1 -0
- package/src/html/accordion.css +4 -0
- package/src/html/accordion.js +0 -1
- package/src/http/client.js +1 -1
package/dist/index.cjs
CHANGED
@@ -79,7 +79,7 @@ var fetchAsync = function fetchAsync(method, URL, body, token, headers) {
|
|
79
79
|
return Promise.resolve(error.json()).then(function (json) {
|
80
80
|
throw {
|
81
81
|
success: false,
|
82
|
-
message: json.message
|
82
|
+
message: json.message || json.err
|
83
83
|
};
|
84
84
|
});
|
85
85
|
}));
|
@@ -5158,6 +5158,130 @@ var TableEditor$3 = function TableEditor(props) {
|
|
5158
5158
|
}, renderGroups()));
|
5159
5159
|
};
|
5160
5160
|
|
5161
|
+
/**
|
5162
|
+
* Content Viewer
|
5163
|
+
*
|
5164
|
+
* @param {*} props
|
5165
|
+
* @returns
|
5166
|
+
*/
|
5167
|
+
|
5168
|
+
var ContentViewer = function ContentViewer(props) {
|
5169
|
+
var content = props.content;
|
5170
|
+
if (!content) return /*#__PURE__*/React__default["default"].createElement("div", null, "No Content...");
|
5171
|
+
var sections = content.sections();
|
5172
|
+
var value = content.value();
|
5173
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
5174
|
+
className: "content-viewer"
|
5175
|
+
}, sections.map(function (section) {
|
5176
|
+
var title = section.title,
|
5177
|
+
fields = section.fields;
|
5178
|
+
return /*#__PURE__*/React__default["default"].createElement("section", {
|
5179
|
+
key: title,
|
5180
|
+
className: "content-viewer"
|
5181
|
+
}, /*#__PURE__*/React__default["default"].createElement("header", null, title), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
|
5182
|
+
return /*#__PURE__*/React__default["default"].createElement(FieldViewer, {
|
5183
|
+
key: field.id,
|
5184
|
+
field: field,
|
5185
|
+
value: value[field.id]
|
5186
|
+
});
|
5187
|
+
})));
|
5188
|
+
}));
|
5189
|
+
};
|
5190
|
+
/**
|
5191
|
+
* Field Viewer
|
5192
|
+
*
|
5193
|
+
* @param {} props
|
5194
|
+
* @returns
|
5195
|
+
*/
|
5196
|
+
|
5197
|
+
var FieldViewer = function FieldViewer(props) {
|
5198
|
+
var field = props.field,
|
5199
|
+
value = props.value;
|
5200
|
+
var type = field.type,
|
5201
|
+
item = field.item,
|
5202
|
+
label = field.label,
|
5203
|
+
_field$visible = field.visible,
|
5204
|
+
visible = _field$visible === void 0 ? true : _field$visible,
|
5205
|
+
optional = field.optional;
|
5206
|
+
if (!visible) return null;
|
5207
|
+
if (optional && value === undefined) return null;
|
5208
|
+
|
5209
|
+
switch (type) {
|
5210
|
+
case TYPES.STRING:
|
5211
|
+
return /*#__PURE__*/React__default["default"].createElement(Property, {
|
5212
|
+
label: label,
|
5213
|
+
value: value,
|
5214
|
+
options: field.options
|
5215
|
+
});
|
5216
|
+
|
5217
|
+
case TYPES.ENTITY:
|
5218
|
+
return /*#__PURE__*/React__default["default"].createElement(EntityViewer, {
|
5219
|
+
field: field,
|
5220
|
+
value: value
|
5221
|
+
});
|
5222
|
+
|
5223
|
+
case TYPES.ARRAY:
|
5224
|
+
return /*#__PURE__*/React__default["default"].createElement(ArrayViewer, {
|
5225
|
+
label: label,
|
5226
|
+
item: item,
|
5227
|
+
value: value
|
5228
|
+
});
|
5229
|
+
|
5230
|
+
default:
|
5231
|
+
return /*#__PURE__*/React__default["default"].createElement("div", null, label);
|
5232
|
+
}
|
5233
|
+
};
|
5234
|
+
/**
|
5235
|
+
* EntityViewer
|
5236
|
+
*/
|
5237
|
+
|
5238
|
+
|
5239
|
+
var EntityViewer = function EntityViewer(props) {
|
5240
|
+
var field = props.field,
|
5241
|
+
value = props.value;
|
5242
|
+
var item = field.item,
|
5243
|
+
label = field.label;
|
5244
|
+
var content = new Content(item, value);
|
5245
|
+
var form = content.form();
|
5246
|
+
var fields = Object.keys(form).map(function (key) {
|
5247
|
+
return form[key];
|
5248
|
+
});
|
5249
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
5250
|
+
className: "entity-viewer"
|
5251
|
+
}, /*#__PURE__*/React__default["default"].createElement("header", null, label), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
|
5252
|
+
return /*#__PURE__*/React__default["default"].createElement(FieldViewer, {
|
5253
|
+
field: field,
|
5254
|
+
value: value[field.id]
|
5255
|
+
});
|
5256
|
+
})));
|
5257
|
+
};
|
5258
|
+
/**
|
5259
|
+
* Array Viewer
|
5260
|
+
*/
|
5261
|
+
|
5262
|
+
|
5263
|
+
var ArrayViewer = function ArrayViewer(props) {
|
5264
|
+
var label = props.label,
|
5265
|
+
item = props.item,
|
5266
|
+
value = props.value;
|
5267
|
+
var columns = Object.keys(item).map(function (key) {
|
5268
|
+
return item[key]["label"];
|
5269
|
+
});
|
5270
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
5271
|
+
className: "array-viewer"
|
5272
|
+
}, /*#__PURE__*/React__default["default"].createElement("header", null, label), /*#__PURE__*/React__default["default"].createElement("table", null, /*#__PURE__*/React__default["default"].createElement("thead", null, columns.map(function (column) {
|
5273
|
+
return /*#__PURE__*/React__default["default"].createElement("th", {
|
5274
|
+
key: column
|
5275
|
+
}, column);
|
5276
|
+
})), /*#__PURE__*/React__default["default"].createElement("tbody", null, value.map(function (v) {
|
5277
|
+
return /*#__PURE__*/React__default["default"].createElement("tr", null, Object.keys(item).map(function (key) {
|
5278
|
+
return /*#__PURE__*/React__default["default"].createElement("td", {
|
5279
|
+
key: v[key]
|
5280
|
+
}, v[key]);
|
5281
|
+
}));
|
5282
|
+
}))));
|
5283
|
+
};
|
5284
|
+
|
5161
5285
|
/**
|
5162
5286
|
* Create Content Dialog
|
5163
5287
|
*/
|
@@ -5749,14 +5873,16 @@ var CollectionTree = function CollectionTree(props) {
|
|
5749
5873
|
open: true
|
5750
5874
|
}, node.nodes ? renderNodes(node.nodes) : node.items.map(function (item) {
|
5751
5875
|
var selected = pageContext.selected && item.id === pageContext.selected.id;
|
5876
|
+
var actions = [];
|
5752
5877
|
return /*#__PURE__*/React__default["default"].createElement(TreeItem, {
|
5753
5878
|
icon: icon,
|
5754
5879
|
key: item.id,
|
5755
5880
|
id: item.id,
|
5756
5881
|
label: item.name,
|
5757
5882
|
onSelect: select,
|
5758
|
-
selected: selected
|
5759
|
-
|
5883
|
+
selected: selected,
|
5884
|
+
actions: actions
|
5885
|
+
});
|
5760
5886
|
}));
|
5761
5887
|
});
|
5762
5888
|
}
|
@@ -6126,130 +6252,6 @@ var CollectionAPI = function CollectionAPI(url, host) {
|
|
6126
6252
|
};
|
6127
6253
|
};
|
6128
6254
|
|
6129
|
-
/**
|
6130
|
-
* Content Viewer
|
6131
|
-
*
|
6132
|
-
* @param {*} props
|
6133
|
-
* @returns
|
6134
|
-
*/
|
6135
|
-
|
6136
|
-
var ContentViewer = function ContentViewer(props) {
|
6137
|
-
var content = props.content;
|
6138
|
-
if (!content) return /*#__PURE__*/React__default["default"].createElement("div", null, "No Content...");
|
6139
|
-
var sections = content.sections();
|
6140
|
-
var value = content.value();
|
6141
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
6142
|
-
className: "content-viewer"
|
6143
|
-
}, sections.map(function (section) {
|
6144
|
-
var title = section.title,
|
6145
|
-
fields = section.fields;
|
6146
|
-
return /*#__PURE__*/React__default["default"].createElement("section", {
|
6147
|
-
key: title,
|
6148
|
-
className: "content-viewer"
|
6149
|
-
}, /*#__PURE__*/React__default["default"].createElement("header", null, title), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
|
6150
|
-
return /*#__PURE__*/React__default["default"].createElement(FieldViewer, {
|
6151
|
-
key: field.id,
|
6152
|
-
field: field,
|
6153
|
-
value: value[field.id]
|
6154
|
-
});
|
6155
|
-
})));
|
6156
|
-
}));
|
6157
|
-
};
|
6158
|
-
/**
|
6159
|
-
* Field Viewer
|
6160
|
-
*
|
6161
|
-
* @param {} props
|
6162
|
-
* @returns
|
6163
|
-
*/
|
6164
|
-
|
6165
|
-
var FieldViewer = function FieldViewer(props) {
|
6166
|
-
var field = props.field,
|
6167
|
-
value = props.value;
|
6168
|
-
var type = field.type,
|
6169
|
-
item = field.item,
|
6170
|
-
label = field.label,
|
6171
|
-
_field$visible = field.visible,
|
6172
|
-
visible = _field$visible === void 0 ? true : _field$visible,
|
6173
|
-
optional = field.optional;
|
6174
|
-
if (!visible) return null;
|
6175
|
-
if (optional && value === undefined) return null;
|
6176
|
-
|
6177
|
-
switch (type) {
|
6178
|
-
case TYPES.STRING:
|
6179
|
-
return /*#__PURE__*/React__default["default"].createElement(Property, {
|
6180
|
-
label: label,
|
6181
|
-
value: value,
|
6182
|
-
options: field.options
|
6183
|
-
});
|
6184
|
-
|
6185
|
-
case TYPES.ENTITY:
|
6186
|
-
return /*#__PURE__*/React__default["default"].createElement(EntityViewer, {
|
6187
|
-
field: field,
|
6188
|
-
value: value
|
6189
|
-
});
|
6190
|
-
|
6191
|
-
case TYPES.ARRAY:
|
6192
|
-
return /*#__PURE__*/React__default["default"].createElement(ArrayViewer, {
|
6193
|
-
label: label,
|
6194
|
-
item: item,
|
6195
|
-
value: value
|
6196
|
-
});
|
6197
|
-
|
6198
|
-
default:
|
6199
|
-
return /*#__PURE__*/React__default["default"].createElement("div", null, label);
|
6200
|
-
}
|
6201
|
-
};
|
6202
|
-
/**
|
6203
|
-
* EntityViewer
|
6204
|
-
*/
|
6205
|
-
|
6206
|
-
|
6207
|
-
var EntityViewer = function EntityViewer(props) {
|
6208
|
-
var field = props.field,
|
6209
|
-
value = props.value;
|
6210
|
-
var item = field.item,
|
6211
|
-
label = field.label;
|
6212
|
-
var content = new Content(item, value);
|
6213
|
-
var form = content.form();
|
6214
|
-
var fields = Object.keys(form).map(function (key) {
|
6215
|
-
return form[key];
|
6216
|
-
});
|
6217
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
6218
|
-
className: "entity-viewer"
|
6219
|
-
}, /*#__PURE__*/React__default["default"].createElement("header", null, label), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
|
6220
|
-
return /*#__PURE__*/React__default["default"].createElement(FieldViewer, {
|
6221
|
-
field: field,
|
6222
|
-
value: value[field.id]
|
6223
|
-
});
|
6224
|
-
})));
|
6225
|
-
};
|
6226
|
-
/**
|
6227
|
-
* Array Viewer
|
6228
|
-
*/
|
6229
|
-
|
6230
|
-
|
6231
|
-
var ArrayViewer = function ArrayViewer(props) {
|
6232
|
-
var label = props.label,
|
6233
|
-
item = props.item,
|
6234
|
-
value = props.value;
|
6235
|
-
var columns = Object.keys(item).map(function (key) {
|
6236
|
-
return item[key]["label"];
|
6237
|
-
});
|
6238
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
6239
|
-
className: "array-viewer"
|
6240
|
-
}, /*#__PURE__*/React__default["default"].createElement("header", null, label), /*#__PURE__*/React__default["default"].createElement("table", null, /*#__PURE__*/React__default["default"].createElement("thead", null, columns.map(function (column) {
|
6241
|
-
return /*#__PURE__*/React__default["default"].createElement("th", {
|
6242
|
-
key: column
|
6243
|
-
}, column);
|
6244
|
-
})), /*#__PURE__*/React__default["default"].createElement("tbody", null, value.map(function (v) {
|
6245
|
-
return /*#__PURE__*/React__default["default"].createElement("tr", null, Object.keys(item).map(function (key) {
|
6246
|
-
return /*#__PURE__*/React__default["default"].createElement("td", {
|
6247
|
-
key: v[key]
|
6248
|
-
}, v[key]);
|
6249
|
-
}));
|
6250
|
-
}))));
|
6251
|
-
};
|
6252
|
-
|
6253
6255
|
var QUERY = {
|
6254
6256
|
id: {
|
6255
6257
|
id: "id",
|
@@ -6725,7 +6727,7 @@ var TableQueries$2 = function TableQueries(props) {
|
|
6725
6727
|
var TableFilters$2 = function TableFilters(props) {
|
6726
6728
|
var reload = function reload() {
|
6727
6729
|
try {
|
6728
|
-
return Promise.resolve(pageContext.load(form)).then(function () {
|
6730
|
+
return Promise.resolve(pageContext.load(form, likes)).then(function () {
|
6729
6731
|
setPageContext(Object.assign({}, pageContext));
|
6730
6732
|
});
|
6731
6733
|
} catch (e) {
|
@@ -6775,6 +6777,13 @@ var TableFilters$2 = function TableFilters(props) {
|
|
6775
6777
|
delete filterSchema.flows;
|
6776
6778
|
return filterSchema;
|
6777
6779
|
}, [schema]);
|
6780
|
+
var likes = React.useMemo(function () {
|
6781
|
+
var fields = Object.values(schema);
|
6782
|
+
return fields.reduce(function (likes, field) {
|
6783
|
+
if (field.like === true) likes.push(field.id);
|
6784
|
+
return likes;
|
6785
|
+
}, []);
|
6786
|
+
}, [schema]);
|
6778
6787
|
React.useEffect(function () {
|
6779
6788
|
if (filters) setForm(filters);
|
6780
6789
|
}, [filters]);
|
@@ -7058,7 +7067,11 @@ var TableContext$2 = function TableContext(url, field, host, urlQuery, params) {
|
|
7058
7067
|
selected: null,
|
7059
7068
|
filters: {},
|
7060
7069
|
queries: [],
|
7061
|
-
load: function load(filter) {
|
7070
|
+
load: function load(filter, like) {
|
7071
|
+
if (like === void 0) {
|
7072
|
+
like = [];
|
7073
|
+
}
|
7074
|
+
|
7062
7075
|
try {
|
7063
7076
|
var _this2 = this;
|
7064
7077
|
|
@@ -7079,7 +7092,7 @@ var TableContext$2 = function TableContext(url, field, host, urlQuery, params) {
|
|
7079
7092
|
|
7080
7093
|
return filters;
|
7081
7094
|
}, {}) : [];
|
7082
|
-
return Promise.resolve(API.all(filters)).then(function (data) {
|
7095
|
+
return Promise.resolve(API.all(filters, like)).then(function (data) {
|
7083
7096
|
_this2.all = field ? data[field] : data;
|
7084
7097
|
});
|
7085
7098
|
}, function (error) {
|
@@ -7239,7 +7252,11 @@ var TableAPI$2 = function TableAPI(url, host, params) {
|
|
7239
7252
|
|
7240
7253
|
var http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
|
7241
7254
|
return {
|
7242
|
-
all: function all(filters) {
|
7255
|
+
all: function all(filters, like) {
|
7256
|
+
if (like === void 0) {
|
7257
|
+
like = [];
|
7258
|
+
}
|
7259
|
+
|
7243
7260
|
var queryParams = "?" + params;
|
7244
7261
|
|
7245
7262
|
if (filters) {
|
@@ -7255,7 +7272,7 @@ var TableAPI$2 = function TableAPI(url, host, params) {
|
|
7255
7272
|
}, "");
|
7256
7273
|
return query.concat(param);
|
7257
7274
|
} else {
|
7258
|
-
return query.concat(key + "=%" + filters[key] + "%&");
|
7275
|
+
return like.includes(key) ? query.concat(key + "=%" + filters[key] + "%&") : query.concat(key + "=" + filters[key] + "&");
|
7259
7276
|
}
|
7260
7277
|
}, "");
|
7261
7278
|
queryParams = queryParams.concat(filterQuery);
|
@@ -9445,6 +9462,7 @@ exports.CollectionTree = CollectionTree;
|
|
9445
9462
|
exports.Content = Content;
|
9446
9463
|
exports.ContentEditor = ContentEditor;
|
9447
9464
|
exports.ContentForm = ContentForm;
|
9465
|
+
exports.ContentViewer = ContentViewer;
|
9448
9466
|
exports.CreateContentDialog = CreateContentDialog;
|
9449
9467
|
exports.DataTable = DataTable;
|
9450
9468
|
exports.Dialog = Dialog;
|