ywana-core8 0.0.489 → 0.0.492
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 +33 -33
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +2 -1
- package/dist/index.css.map +1 -1
- package/dist/index.modern.js +38 -38
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +33 -33
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/domain/CollectionPage.js +2 -2
- package/src/html/table.css +2 -1
- package/src/html/table.test.js +2 -2
package/dist/index.modern.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import 'material-design-icons-iconfont/dist/material-design-icons.css';
|
2
|
-
import React, { useContext, useState, useEffect, Fragment, useMemo
|
2
|
+
import React, { useContext, useState, useEffect, Fragment, useMemo, useRef, Children } from 'react';
|
3
3
|
import RSwitch from 'react-switch';
|
4
4
|
import moment from 'moment';
|
5
5
|
import { extendMoment } from 'moment-range';
|
@@ -921,7 +921,7 @@ var Stack = function Stack(props) {
|
|
921
921
|
/**
|
922
922
|
* TYPES
|
923
923
|
*/
|
924
|
-
var TYPES
|
924
|
+
var TYPES = {
|
925
925
|
STRING: 'String',
|
926
926
|
NUMBER: 'Number',
|
927
927
|
BOOLEAN: 'Boolean',
|
@@ -949,7 +949,7 @@ var FORMATS = {
|
|
949
949
|
* CHECK
|
950
950
|
*/
|
951
951
|
|
952
|
-
var CHECK = Object.values(TYPES
|
952
|
+
var CHECK = Object.values(TYPES).reduce(function (obj, name) {
|
953
953
|
obj['is' + name] = function (x) {
|
954
954
|
return toString.call(x) == '[object ' + name + ']';
|
955
955
|
};
|
@@ -977,19 +977,19 @@ var ContentType = /*#__PURE__*/function () {
|
|
977
977
|
var child = new ContentType(item);
|
978
978
|
|
979
979
|
switch (type) {
|
980
|
-
case TYPES
|
980
|
+
case TYPES.ARRAY:
|
981
981
|
valid = CHECK['is' + type](data);
|
982
982
|
validChildren = data.every(function (element) {
|
983
983
|
return child.validate(element);
|
984
984
|
});
|
985
985
|
break;
|
986
986
|
|
987
|
-
case TYPES
|
987
|
+
case TYPES.ENTITY:
|
988
988
|
valid = CHECK['is' + type](data);
|
989
989
|
validChildren = child.validate(data);
|
990
990
|
break;
|
991
991
|
|
992
|
-
case TYPES
|
992
|
+
case TYPES.NUMBER:
|
993
993
|
valid = CHECK['is' + type](data.value);
|
994
994
|
validChildren = true;
|
995
995
|
break;
|
@@ -1075,27 +1075,27 @@ var ContentType = /*#__PURE__*/function () {
|
|
1075
1075
|
var entryData = data ? data[name] : null;
|
1076
1076
|
|
1077
1077
|
switch (type) {
|
1078
|
-
case TYPES
|
1078
|
+
case TYPES.STRING:
|
1079
1079
|
next[name] = entryData || field["default"];
|
1080
1080
|
break;
|
1081
1081
|
|
1082
|
-
case TYPES
|
1082
|
+
case TYPES.NUMBER:
|
1083
1083
|
next[name] = entryData || field["default"];
|
1084
1084
|
break;
|
1085
1085
|
|
1086
|
-
case TYPES
|
1086
|
+
case TYPES.BOOLEAN:
|
1087
1087
|
next[name] = entryData || field["default"];
|
1088
1088
|
break;
|
1089
1089
|
|
1090
|
-
case TYPES
|
1090
|
+
case TYPES.ENTITY:
|
1091
1091
|
if (optional === true) console.log('OPTIONAL', field, !entryData);
|
1092
1092
|
if (optional === true && !entryData) break;
|
1093
1093
|
var child1 = new ContentType(item);
|
1094
1094
|
next[name] = child1.value(entryData);
|
1095
1095
|
break;
|
1096
1096
|
|
1097
|
-
case TYPES
|
1098
|
-
if (item === TYPES
|
1097
|
+
case TYPES.ARRAY:
|
1098
|
+
if (item === TYPES.STRING) {
|
1099
1099
|
next[name] = entryData ? entryData : [];
|
1100
1100
|
} else {
|
1101
1101
|
var child2 = new ContentType(item);
|
@@ -1567,7 +1567,7 @@ var DataTable = function DataTable(props) {
|
|
1567
1567
|
item = _ref.item,
|
1568
1568
|
sortable = _ref.sortable;
|
1569
1569
|
|
1570
|
-
var _ref2 = type === TYPES
|
1570
|
+
var _ref2 = type === TYPES.ENTITY ? [1, Object.values(item).filter(function (v) {
|
1571
1571
|
return v.column === true;
|
1572
1572
|
}).length] : [2, 1],
|
1573
1573
|
rowspan = _ref2[0],
|
@@ -1595,7 +1595,7 @@ var DataTable = function DataTable(props) {
|
|
1595
1595
|
colSpan: 1
|
1596
1596
|
})), /*#__PURE__*/React.createElement("tr", null, columns.filter(function (_ref3) {
|
1597
1597
|
var type = _ref3.type;
|
1598
|
-
return type === TYPES
|
1598
|
+
return type === TYPES.ENTITY;
|
1599
1599
|
}).map(function (column) {
|
1600
1600
|
var item = column.item;
|
1601
1601
|
var fields = item ? Object.values(item) : [];
|
@@ -1808,7 +1808,7 @@ var DataTableCell = function DataTableCell(_ref4) {
|
|
1808
1808
|
}
|
1809
1809
|
};
|
1810
1810
|
|
1811
|
-
return column.type === TYPES
|
1811
|
+
return column.type === TYPES.ENTITY ? /*#__PURE__*/React.createElement(EntityCellViewer, {
|
1812
1812
|
id: column.id,
|
1813
1813
|
item: column.item,
|
1814
1814
|
value: cell
|
@@ -2613,7 +2613,7 @@ var Planner = function Planner(_ref) {
|
|
2613
2613
|
if (onSelectCell) onSelectCell(lane, date);
|
2614
2614
|
}
|
2615
2615
|
|
2616
|
-
var period = useMemo
|
2616
|
+
var period = useMemo(function () {
|
2617
2617
|
var start = ranges(from, "YYYY-MM-DD");
|
2618
2618
|
var end = ranges(to, "YYYY-MM-DD");
|
2619
2619
|
var range = ranges.range(start, end);
|
@@ -2964,7 +2964,7 @@ var Uploader = function Uploader(_ref) {
|
|
2964
2964
|
onSuccess = _ref.onSuccess,
|
2965
2965
|
onError = _ref.onError,
|
2966
2966
|
onComplete = _ref.onComplete;
|
2967
|
-
var resumable = useMemo
|
2967
|
+
var resumable = useMemo(function () {
|
2968
2968
|
var config = {
|
2969
2969
|
target: target,
|
2970
2970
|
chunkSize: 1 * 1024 * 1024,
|
@@ -3706,12 +3706,12 @@ var ContentFormField = function ContentFormField(props) {
|
|
3706
3706
|
var type = props.type;
|
3707
3707
|
|
3708
3708
|
switch (type) {
|
3709
|
-
case TYPES
|
3709
|
+
case TYPES.BOOLEAN:
|
3710
3710
|
return /*#__PURE__*/React.createElement(CheckBox, _extends({
|
3711
3711
|
key: props.id
|
3712
3712
|
}, props));
|
3713
3713
|
|
3714
|
-
case TYPES
|
3714
|
+
case TYPES.NUMBER:
|
3715
3715
|
return /*#__PURE__*/React.createElement(NumberField, _extends({
|
3716
3716
|
key: props.id
|
3717
3717
|
}, props));
|
@@ -3740,7 +3740,7 @@ var StringField = function StringField(_ref2) {
|
|
3740
3740
|
value = _ref2.value,
|
3741
3741
|
onChange = _ref2.onChange,
|
3742
3742
|
outlined = _ref2.outlined;
|
3743
|
-
var fieldTypes = (_fieldTypes = {}, _fieldTypes[TYPES
|
3743
|
+
var fieldTypes = (_fieldTypes = {}, _fieldTypes[TYPES.NUMBER] = 'number', _fieldTypes[TYPES.DATE] = 'date', _fieldTypes);
|
3744
3744
|
|
3745
3745
|
function buildOptions() {
|
3746
3746
|
var opts = typeof options === 'function' ? options() : options;
|
@@ -3973,7 +3973,7 @@ var TreededContentEditor = function TreededContentEditor(_ref3) {
|
|
3973
3973
|
onChange = _ref3.onChange;
|
3974
3974
|
var value = content.value();
|
3975
3975
|
var nodes = Object.values(content.type).filter(function (field) {
|
3976
|
-
return field.type === TYPES
|
3976
|
+
return field.type === TYPES.ARRAY;
|
3977
3977
|
});
|
3978
3978
|
|
3979
3979
|
var _useState2 = useState(),
|
@@ -4060,14 +4060,14 @@ var FieldEditor = function FieldEditor(_ref4) {
|
|
4060
4060
|
return null;
|
4061
4061
|
} else {
|
4062
4062
|
switch (type) {
|
4063
|
-
case TYPES
|
4063
|
+
case TYPES.ENTITY:
|
4064
4064
|
return /*#__PURE__*/React.createElement(EntityEditor, {
|
4065
4065
|
field: field,
|
4066
4066
|
value: value1,
|
4067
4067
|
onChange: change
|
4068
4068
|
});
|
4069
4069
|
|
4070
|
-
case TYPES
|
4070
|
+
case TYPES.STRING:
|
4071
4071
|
return /*#__PURE__*/React.createElement(StringEditor, {
|
4072
4072
|
outlined: outlined,
|
4073
4073
|
field: field,
|
@@ -4076,7 +4076,7 @@ var FieldEditor = function FieldEditor(_ref4) {
|
|
4076
4076
|
content: content
|
4077
4077
|
});
|
4078
4078
|
|
4079
|
-
case TYPES
|
4079
|
+
case TYPES.BOOLEAN:
|
4080
4080
|
return /*#__PURE__*/React.createElement(CheckBox, {
|
4081
4081
|
outlined: true,
|
4082
4082
|
id: id,
|
@@ -4085,7 +4085,7 @@ var FieldEditor = function FieldEditor(_ref4) {
|
|
4085
4085
|
onChange: change
|
4086
4086
|
});
|
4087
4087
|
|
4088
|
-
case TYPES
|
4088
|
+
case TYPES.NUMBER:
|
4089
4089
|
return /*#__PURE__*/React.createElement(NumberEditor, {
|
4090
4090
|
outlined: outlined,
|
4091
4091
|
field: field,
|
@@ -4093,8 +4093,8 @@ var FieldEditor = function FieldEditor(_ref4) {
|
|
4093
4093
|
onChange: change
|
4094
4094
|
});
|
4095
4095
|
|
4096
|
-
case TYPES
|
4097
|
-
return item === TYPES
|
4096
|
+
case TYPES.ARRAY:
|
4097
|
+
return item === TYPES.STRING ? options ? /*#__PURE__*/React.createElement(MultiSelectionEditor, {
|
4098
4098
|
content: content,
|
4099
4099
|
field: field,
|
4100
4100
|
value: value1,
|
@@ -5444,19 +5444,19 @@ var FieldViewer = function FieldViewer(props) {
|
|
5444
5444
|
if (optional && value === undefined) return null;
|
5445
5445
|
|
5446
5446
|
switch (type) {
|
5447
|
-
case TYPES
|
5447
|
+
case TYPES.STRING:
|
5448
5448
|
return /*#__PURE__*/React.createElement(Property, {
|
5449
5449
|
label: label,
|
5450
5450
|
value: value
|
5451
5451
|
});
|
5452
5452
|
|
5453
|
-
case TYPES
|
5453
|
+
case TYPES.ENTITY:
|
5454
5454
|
return /*#__PURE__*/React.createElement(EntityViewer, {
|
5455
5455
|
field: field,
|
5456
5456
|
value: value
|
5457
5457
|
});
|
5458
5458
|
|
5459
|
-
case TYPES
|
5459
|
+
case TYPES.ARRAY:
|
5460
5460
|
return /*#__PURE__*/React.createElement(ArrayViewer, {
|
5461
5461
|
label: label,
|
5462
5462
|
item: item,
|
@@ -5521,12 +5521,12 @@ var ArrayViewer = function ArrayViewer(props) {
|
|
5521
5521
|
var QUERY = {
|
5522
5522
|
id: {
|
5523
5523
|
id: "id",
|
5524
|
-
type: TYPES
|
5524
|
+
type: TYPES.STRING,
|
5525
5525
|
editable: false
|
5526
5526
|
},
|
5527
5527
|
name: {
|
5528
5528
|
id: "name",
|
5529
|
-
type: TYPES
|
5529
|
+
type: TYPES.STRING,
|
5530
5530
|
required: true,
|
5531
5531
|
label: "Name"
|
5532
5532
|
}
|
@@ -6019,14 +6019,14 @@ var TableFilters$1 = function TableFilters(props) {
|
|
6019
6019
|
form = _useState3[0],
|
6020
6020
|
setForm = _useState3[1];
|
6021
6021
|
|
6022
|
-
var filterSchema = useMemo
|
6022
|
+
var filterSchema = useMemo(function () {
|
6023
6023
|
var filterSchema = Object.assign({}, schema);
|
6024
6024
|
|
6025
6025
|
for (var key in filterSchema) {
|
6026
6026
|
if (filterSchema[key].filter === false) {
|
6027
6027
|
delete filterSchema[key];
|
6028
6028
|
} else {
|
6029
|
-
if (filterSchema[key].type === TYPES
|
6029
|
+
if (filterSchema[key].type === TYPES.ENTITY) {
|
6030
6030
|
var fs = filterSchema[key].item;
|
6031
6031
|
|
6032
6032
|
for (var key in fs) {
|
@@ -7087,14 +7087,14 @@ var TableFilters = function TableFilters(props) {
|
|
7087
7087
|
form = _useState4[0],
|
7088
7088
|
setForm = _useState4[1];
|
7089
7089
|
|
7090
|
-
var filterSchema = useMemo
|
7090
|
+
var filterSchema = useMemo(function () {
|
7091
7091
|
var filterSchema = Object.assign({}, schema);
|
7092
7092
|
|
7093
7093
|
for (var key in filterSchema) {
|
7094
7094
|
if (filterSchema[key].filter === false) {
|
7095
7095
|
delete filterSchema[key];
|
7096
7096
|
} else {
|
7097
|
-
if (filterSchema[key].type === TYPES
|
7097
|
+
if (filterSchema[key].type === TYPES.ENTITY) {
|
7098
7098
|
var fs = filterSchema[key].item;
|
7099
7099
|
|
7100
7100
|
for (var key in fs) {
|
@@ -7108,7 +7108,7 @@ var TableFilters = function TableFilters(props) {
|
|
7108
7108
|
delete filterSchema.flows;
|
7109
7109
|
return filterSchema;
|
7110
7110
|
}, [schema]);
|
7111
|
-
var likes = useMemo
|
7111
|
+
var likes = useMemo(function () {
|
7112
7112
|
var fields = Object.values(schema);
|
7113
7113
|
return fields.reduce(function (likes, field) {
|
7114
7114
|
if (field.like === true) likes.push(field.id);
|
@@ -7645,5 +7645,5 @@ var isFunction = function isFunction(value) {
|
|
7645
7645
|
return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
|
7646
7646
|
};
|
7647
7647
|
|
7648
|
-
export { Avatar, Button, 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
|
7648
|
+
export { Avatar, Button, 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, TableEditor$1 as TableEditor, TablePage, Tabs, Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, UploadIcon, Uploader, View, Viewer, WaitScreen, isFunction };
|
7649
7649
|
//# sourceMappingURL=index.modern.js.map
|