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.modern.js
CHANGED
@@ -71,7 +71,7 @@ var fetchAsync = function fetchAsync(method, URL, body, token, headers) {
|
|
71
71
|
return Promise.resolve(error.json()).then(function (json) {
|
72
72
|
throw {
|
73
73
|
success: false,
|
74
|
-
message: json.message
|
74
|
+
message: json.message || json.err
|
75
75
|
};
|
76
76
|
});
|
77
77
|
}));
|
@@ -5150,6 +5150,130 @@ var TableEditor$3 = function TableEditor(props) {
|
|
5150
5150
|
}, renderGroups()));
|
5151
5151
|
};
|
5152
5152
|
|
5153
|
+
/**
|
5154
|
+
* Content Viewer
|
5155
|
+
*
|
5156
|
+
* @param {*} props
|
5157
|
+
* @returns
|
5158
|
+
*/
|
5159
|
+
|
5160
|
+
var ContentViewer = function ContentViewer(props) {
|
5161
|
+
var content = props.content;
|
5162
|
+
if (!content) return /*#__PURE__*/React.createElement("div", null, "No Content...");
|
5163
|
+
var sections = content.sections();
|
5164
|
+
var value = content.value();
|
5165
|
+
return /*#__PURE__*/React.createElement("div", {
|
5166
|
+
className: "content-viewer"
|
5167
|
+
}, sections.map(function (section) {
|
5168
|
+
var title = section.title,
|
5169
|
+
fields = section.fields;
|
5170
|
+
return /*#__PURE__*/React.createElement("section", {
|
5171
|
+
key: title,
|
5172
|
+
className: "content-viewer"
|
5173
|
+
}, /*#__PURE__*/React.createElement("header", null, title), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
|
5174
|
+
return /*#__PURE__*/React.createElement(FieldViewer, {
|
5175
|
+
key: field.id,
|
5176
|
+
field: field,
|
5177
|
+
value: value[field.id]
|
5178
|
+
});
|
5179
|
+
})));
|
5180
|
+
}));
|
5181
|
+
};
|
5182
|
+
/**
|
5183
|
+
* Field Viewer
|
5184
|
+
*
|
5185
|
+
* @param {} props
|
5186
|
+
* @returns
|
5187
|
+
*/
|
5188
|
+
|
5189
|
+
var FieldViewer = function FieldViewer(props) {
|
5190
|
+
var field = props.field,
|
5191
|
+
value = props.value;
|
5192
|
+
var type = field.type,
|
5193
|
+
item = field.item,
|
5194
|
+
label = field.label,
|
5195
|
+
_field$visible = field.visible,
|
5196
|
+
visible = _field$visible === void 0 ? true : _field$visible,
|
5197
|
+
optional = field.optional;
|
5198
|
+
if (!visible) return null;
|
5199
|
+
if (optional && value === undefined) return null;
|
5200
|
+
|
5201
|
+
switch (type) {
|
5202
|
+
case TYPES.STRING:
|
5203
|
+
return /*#__PURE__*/React.createElement(Property, {
|
5204
|
+
label: label,
|
5205
|
+
value: value,
|
5206
|
+
options: field.options
|
5207
|
+
});
|
5208
|
+
|
5209
|
+
case TYPES.ENTITY:
|
5210
|
+
return /*#__PURE__*/React.createElement(EntityViewer, {
|
5211
|
+
field: field,
|
5212
|
+
value: value
|
5213
|
+
});
|
5214
|
+
|
5215
|
+
case TYPES.ARRAY:
|
5216
|
+
return /*#__PURE__*/React.createElement(ArrayViewer, {
|
5217
|
+
label: label,
|
5218
|
+
item: item,
|
5219
|
+
value: value
|
5220
|
+
});
|
5221
|
+
|
5222
|
+
default:
|
5223
|
+
return /*#__PURE__*/React.createElement("div", null, label);
|
5224
|
+
}
|
5225
|
+
};
|
5226
|
+
/**
|
5227
|
+
* EntityViewer
|
5228
|
+
*/
|
5229
|
+
|
5230
|
+
|
5231
|
+
var EntityViewer = function EntityViewer(props) {
|
5232
|
+
var field = props.field,
|
5233
|
+
value = props.value;
|
5234
|
+
var item = field.item,
|
5235
|
+
label = field.label;
|
5236
|
+
var content = new Content(item, value);
|
5237
|
+
var form = content.form();
|
5238
|
+
var fields = Object.keys(form).map(function (key) {
|
5239
|
+
return form[key];
|
5240
|
+
});
|
5241
|
+
return /*#__PURE__*/React.createElement("div", {
|
5242
|
+
className: "entity-viewer"
|
5243
|
+
}, /*#__PURE__*/React.createElement("header", null, label), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
|
5244
|
+
return /*#__PURE__*/React.createElement(FieldViewer, {
|
5245
|
+
field: field,
|
5246
|
+
value: value[field.id]
|
5247
|
+
});
|
5248
|
+
})));
|
5249
|
+
};
|
5250
|
+
/**
|
5251
|
+
* Array Viewer
|
5252
|
+
*/
|
5253
|
+
|
5254
|
+
|
5255
|
+
var ArrayViewer = function ArrayViewer(props) {
|
5256
|
+
var label = props.label,
|
5257
|
+
item = props.item,
|
5258
|
+
value = props.value;
|
5259
|
+
var columns = Object.keys(item).map(function (key) {
|
5260
|
+
return item[key]["label"];
|
5261
|
+
});
|
5262
|
+
return /*#__PURE__*/React.createElement("div", {
|
5263
|
+
className: "array-viewer"
|
5264
|
+
}, /*#__PURE__*/React.createElement("header", null, label), /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, columns.map(function (column) {
|
5265
|
+
return /*#__PURE__*/React.createElement("th", {
|
5266
|
+
key: column
|
5267
|
+
}, column);
|
5268
|
+
})), /*#__PURE__*/React.createElement("tbody", null, value.map(function (v) {
|
5269
|
+
return /*#__PURE__*/React.createElement("tr", null, Object.keys(item).map(function (key) {
|
5270
|
+
return /*#__PURE__*/React.createElement("td", {
|
5271
|
+
key: v[key]
|
5272
|
+
}, v[key]);
|
5273
|
+
}));
|
5274
|
+
}))));
|
5275
|
+
};
|
5276
|
+
|
5153
5277
|
/**
|
5154
5278
|
* Create Content Dialog
|
5155
5279
|
*/
|
@@ -5741,14 +5865,16 @@ var CollectionTree = function CollectionTree(props) {
|
|
5741
5865
|
open: true
|
5742
5866
|
}, node.nodes ? renderNodes(node.nodes) : node.items.map(function (item) {
|
5743
5867
|
var selected = pageContext.selected && item.id === pageContext.selected.id;
|
5868
|
+
var actions = [];
|
5744
5869
|
return /*#__PURE__*/React.createElement(TreeItem, {
|
5745
5870
|
icon: icon,
|
5746
5871
|
key: item.id,
|
5747
5872
|
id: item.id,
|
5748
5873
|
label: item.name,
|
5749
5874
|
onSelect: select,
|
5750
|
-
selected: selected
|
5751
|
-
|
5875
|
+
selected: selected,
|
5876
|
+
actions: actions
|
5877
|
+
});
|
5752
5878
|
}));
|
5753
5879
|
});
|
5754
5880
|
}
|
@@ -6118,130 +6244,6 @@ var CollectionAPI = function CollectionAPI(url, host) {
|
|
6118
6244
|
};
|
6119
6245
|
};
|
6120
6246
|
|
6121
|
-
/**
|
6122
|
-
* Content Viewer
|
6123
|
-
*
|
6124
|
-
* @param {*} props
|
6125
|
-
* @returns
|
6126
|
-
*/
|
6127
|
-
|
6128
|
-
var ContentViewer = function ContentViewer(props) {
|
6129
|
-
var content = props.content;
|
6130
|
-
if (!content) return /*#__PURE__*/React.createElement("div", null, "No Content...");
|
6131
|
-
var sections = content.sections();
|
6132
|
-
var value = content.value();
|
6133
|
-
return /*#__PURE__*/React.createElement("div", {
|
6134
|
-
className: "content-viewer"
|
6135
|
-
}, sections.map(function (section) {
|
6136
|
-
var title = section.title,
|
6137
|
-
fields = section.fields;
|
6138
|
-
return /*#__PURE__*/React.createElement("section", {
|
6139
|
-
key: title,
|
6140
|
-
className: "content-viewer"
|
6141
|
-
}, /*#__PURE__*/React.createElement("header", null, title), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
|
6142
|
-
return /*#__PURE__*/React.createElement(FieldViewer, {
|
6143
|
-
key: field.id,
|
6144
|
-
field: field,
|
6145
|
-
value: value[field.id]
|
6146
|
-
});
|
6147
|
-
})));
|
6148
|
-
}));
|
6149
|
-
};
|
6150
|
-
/**
|
6151
|
-
* Field Viewer
|
6152
|
-
*
|
6153
|
-
* @param {} props
|
6154
|
-
* @returns
|
6155
|
-
*/
|
6156
|
-
|
6157
|
-
var FieldViewer = function FieldViewer(props) {
|
6158
|
-
var field = props.field,
|
6159
|
-
value = props.value;
|
6160
|
-
var type = field.type,
|
6161
|
-
item = field.item,
|
6162
|
-
label = field.label,
|
6163
|
-
_field$visible = field.visible,
|
6164
|
-
visible = _field$visible === void 0 ? true : _field$visible,
|
6165
|
-
optional = field.optional;
|
6166
|
-
if (!visible) return null;
|
6167
|
-
if (optional && value === undefined) return null;
|
6168
|
-
|
6169
|
-
switch (type) {
|
6170
|
-
case TYPES.STRING:
|
6171
|
-
return /*#__PURE__*/React.createElement(Property, {
|
6172
|
-
label: label,
|
6173
|
-
value: value,
|
6174
|
-
options: field.options
|
6175
|
-
});
|
6176
|
-
|
6177
|
-
case TYPES.ENTITY:
|
6178
|
-
return /*#__PURE__*/React.createElement(EntityViewer, {
|
6179
|
-
field: field,
|
6180
|
-
value: value
|
6181
|
-
});
|
6182
|
-
|
6183
|
-
case TYPES.ARRAY:
|
6184
|
-
return /*#__PURE__*/React.createElement(ArrayViewer, {
|
6185
|
-
label: label,
|
6186
|
-
item: item,
|
6187
|
-
value: value
|
6188
|
-
});
|
6189
|
-
|
6190
|
-
default:
|
6191
|
-
return /*#__PURE__*/React.createElement("div", null, label);
|
6192
|
-
}
|
6193
|
-
};
|
6194
|
-
/**
|
6195
|
-
* EntityViewer
|
6196
|
-
*/
|
6197
|
-
|
6198
|
-
|
6199
|
-
var EntityViewer = function EntityViewer(props) {
|
6200
|
-
var field = props.field,
|
6201
|
-
value = props.value;
|
6202
|
-
var item = field.item,
|
6203
|
-
label = field.label;
|
6204
|
-
var content = new Content(item, value);
|
6205
|
-
var form = content.form();
|
6206
|
-
var fields = Object.keys(form).map(function (key) {
|
6207
|
-
return form[key];
|
6208
|
-
});
|
6209
|
-
return /*#__PURE__*/React.createElement("div", {
|
6210
|
-
className: "entity-viewer"
|
6211
|
-
}, /*#__PURE__*/React.createElement("header", null, label), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
|
6212
|
-
return /*#__PURE__*/React.createElement(FieldViewer, {
|
6213
|
-
field: field,
|
6214
|
-
value: value[field.id]
|
6215
|
-
});
|
6216
|
-
})));
|
6217
|
-
};
|
6218
|
-
/**
|
6219
|
-
* Array Viewer
|
6220
|
-
*/
|
6221
|
-
|
6222
|
-
|
6223
|
-
var ArrayViewer = function ArrayViewer(props) {
|
6224
|
-
var label = props.label,
|
6225
|
-
item = props.item,
|
6226
|
-
value = props.value;
|
6227
|
-
var columns = Object.keys(item).map(function (key) {
|
6228
|
-
return item[key]["label"];
|
6229
|
-
});
|
6230
|
-
return /*#__PURE__*/React.createElement("div", {
|
6231
|
-
className: "array-viewer"
|
6232
|
-
}, /*#__PURE__*/React.createElement("header", null, label), /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, columns.map(function (column) {
|
6233
|
-
return /*#__PURE__*/React.createElement("th", {
|
6234
|
-
key: column
|
6235
|
-
}, column);
|
6236
|
-
})), /*#__PURE__*/React.createElement("tbody", null, value.map(function (v) {
|
6237
|
-
return /*#__PURE__*/React.createElement("tr", null, Object.keys(item).map(function (key) {
|
6238
|
-
return /*#__PURE__*/React.createElement("td", {
|
6239
|
-
key: v[key]
|
6240
|
-
}, v[key]);
|
6241
|
-
}));
|
6242
|
-
}))));
|
6243
|
-
};
|
6244
|
-
|
6245
6247
|
var QUERY = {
|
6246
6248
|
id: {
|
6247
6249
|
id: "id",
|
@@ -6717,7 +6719,7 @@ var TableQueries$2 = function TableQueries(props) {
|
|
6717
6719
|
var TableFilters$2 = function TableFilters(props) {
|
6718
6720
|
var reload = function reload() {
|
6719
6721
|
try {
|
6720
|
-
return Promise.resolve(pageContext.load(form)).then(function () {
|
6722
|
+
return Promise.resolve(pageContext.load(form, likes)).then(function () {
|
6721
6723
|
setPageContext(Object.assign({}, pageContext));
|
6722
6724
|
});
|
6723
6725
|
} catch (e) {
|
@@ -6767,6 +6769,13 @@ var TableFilters$2 = function TableFilters(props) {
|
|
6767
6769
|
delete filterSchema.flows;
|
6768
6770
|
return filterSchema;
|
6769
6771
|
}, [schema]);
|
6772
|
+
var likes = useMemo(function () {
|
6773
|
+
var fields = Object.values(schema);
|
6774
|
+
return fields.reduce(function (likes, field) {
|
6775
|
+
if (field.like === true) likes.push(field.id);
|
6776
|
+
return likes;
|
6777
|
+
}, []);
|
6778
|
+
}, [schema]);
|
6770
6779
|
useEffect(function () {
|
6771
6780
|
if (filters) setForm(filters);
|
6772
6781
|
}, [filters]);
|
@@ -7050,7 +7059,11 @@ var TableContext$2 = function TableContext(url, field, host, urlQuery, params) {
|
|
7050
7059
|
selected: null,
|
7051
7060
|
filters: {},
|
7052
7061
|
queries: [],
|
7053
|
-
load: function load(filter) {
|
7062
|
+
load: function load(filter, like) {
|
7063
|
+
if (like === void 0) {
|
7064
|
+
like = [];
|
7065
|
+
}
|
7066
|
+
|
7054
7067
|
try {
|
7055
7068
|
var _this2 = this;
|
7056
7069
|
|
@@ -7071,7 +7084,7 @@ var TableContext$2 = function TableContext(url, field, host, urlQuery, params) {
|
|
7071
7084
|
|
7072
7085
|
return filters;
|
7073
7086
|
}, {}) : [];
|
7074
|
-
return Promise.resolve(API.all(filters)).then(function (data) {
|
7087
|
+
return Promise.resolve(API.all(filters, like)).then(function (data) {
|
7075
7088
|
_this2.all = field ? data[field] : data;
|
7076
7089
|
});
|
7077
7090
|
}, function (error) {
|
@@ -7231,7 +7244,11 @@ var TableAPI$2 = function TableAPI(url, host, params) {
|
|
7231
7244
|
|
7232
7245
|
var http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
|
7233
7246
|
return {
|
7234
|
-
all: function all(filters) {
|
7247
|
+
all: function all(filters, like) {
|
7248
|
+
if (like === void 0) {
|
7249
|
+
like = [];
|
7250
|
+
}
|
7251
|
+
|
7235
7252
|
var queryParams = "?" + params;
|
7236
7253
|
|
7237
7254
|
if (filters) {
|
@@ -7247,7 +7264,7 @@ var TableAPI$2 = function TableAPI(url, host, params) {
|
|
7247
7264
|
}, "");
|
7248
7265
|
return query.concat(param);
|
7249
7266
|
} else {
|
7250
|
-
return query.concat(key + "=%" + filters[key] + "%&");
|
7267
|
+
return like.includes(key) ? query.concat(key + "=%" + filters[key] + "%&") : query.concat(key + "=" + filters[key] + "&");
|
7251
7268
|
}
|
7252
7269
|
}, "");
|
7253
7270
|
queryParams = queryParams.concat(filterQuery);
|
@@ -9421,5 +9438,5 @@ var isFunction = function isFunction(value) {
|
|
9421
9438
|
return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
|
9422
9439
|
};
|
9423
9440
|
|
9424
|
-
export { Accordion, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionFilters, CollectionPage, CollectionTree, Content, ContentEditor, ContentForm, CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, FileExplorer, FileIconsView, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, UploadIcon, Uploader, View, Viewer, WaitScreen, isFunction };
|
9441
|
+
export { Accordion, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionFilters, CollectionPage, CollectionTree, Content, ContentEditor, ContentForm, ContentViewer, CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, FileExplorer, FileIconsView, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, UploadIcon, Uploader, View, Viewer, WaitScreen, isFunction };
|
9425
9442
|
//# sourceMappingURL=index.modern.js.map
|