ywana-core8 0.0.581 → 0.0.582
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 +129 -126
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +23 -23
- package/dist/index.css.map +1 -1
- package/dist/index.modern.js +129 -127
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +129 -126
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/domain/CollectionPage.js +2 -1
- package/src/domain/index.js +1 -0
package/dist/index.modern.js
CHANGED
@@ -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",
|
@@ -9421,5 +9423,5 @@ var isFunction = function isFunction(value) {
|
|
9421
9423
|
return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
|
9422
9424
|
};
|
9423
9425
|
|
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 };
|
9426
|
+
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
9427
|
//# sourceMappingURL=index.modern.js.map
|