ywana-core8 0.0.702 → 0.0.704
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 +651 -73
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +100 -0
- package/dist/index.css.map +1 -1
- package/dist/index.modern.js +681 -105
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +651 -73
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/domain2/CollectionFilters.js +3 -2
- package/src/domain2/CollectionPage.test.js +14 -11
- package/src/domain2/DynamicForm.js +2 -1
- package/src/domain2/index.js +2 -1
package/dist/index.cjs
CHANGED
@@ -52,7 +52,7 @@ function isEmpty(obj) {
|
|
52
52
|
return false;
|
53
53
|
}
|
54
54
|
|
55
|
-
function _catch$
|
55
|
+
function _catch$6(body, recover) {
|
56
56
|
try {
|
57
57
|
var result = body();
|
58
58
|
} catch (e) {
|
@@ -84,7 +84,7 @@ var fetchAsync = function fetchAsync(method, URL, body, token, headers) {
|
|
84
84
|
body: body
|
85
85
|
};
|
86
86
|
if (headers) request.headers = request.headers;
|
87
|
-
return Promise.resolve(_catch$
|
87
|
+
return Promise.resolve(_catch$6(function () {
|
88
88
|
return Promise.resolve(fetch(URL, request)).then(function (response) {
|
89
89
|
var _exit;
|
90
90
|
|
@@ -1095,7 +1095,7 @@ var TYPES = {
|
|
1095
1095
|
* FORMATS
|
1096
1096
|
*/
|
1097
1097
|
|
1098
|
-
var FORMATS = {
|
1098
|
+
var FORMATS$1 = {
|
1099
1099
|
NONE: '',
|
1100
1100
|
DATE: 'date',
|
1101
1101
|
DATERANGE: 'DATERANGE',
|
@@ -2035,14 +2035,14 @@ var EntityCellViewer = function EntityCellViewer(_ref5) {
|
|
2035
2035
|
|
2036
2036
|
if (field.format) {
|
2037
2037
|
switch (field.format) {
|
2038
|
-
case FORMATS.COLOR:
|
2038
|
+
case FORMATS$1.COLOR:
|
2039
2039
|
text = /*#__PURE__*/React__default["default"].createElement("input", {
|
2040
2040
|
type: "color",
|
2041
2041
|
value: text,
|
2042
2042
|
disabled: true
|
2043
2043
|
});
|
2044
2044
|
|
2045
|
-
case FORMATS.URL:
|
2045
|
+
case FORMATS$1.URL:
|
2046
2046
|
text = /*#__PURE__*/React__default["default"].createElement("a", {
|
2047
2047
|
href: text,
|
2048
2048
|
target: "download",
|
@@ -2050,13 +2050,13 @@ var EntityCellViewer = function EntityCellViewer(_ref5) {
|
|
2050
2050
|
}, text);
|
2051
2051
|
break;
|
2052
2052
|
|
2053
|
-
case FORMATS.IMG:
|
2053
|
+
case FORMATS$1.IMG:
|
2054
2054
|
text = /*#__PURE__*/React__default["default"].createElement("img", {
|
2055
2055
|
src: text
|
2056
2056
|
});
|
2057
2057
|
break;
|
2058
2058
|
|
2059
|
-
case FORMATS.DATE:
|
2059
|
+
case FORMATS$1.DATE:
|
2060
2060
|
var fecha = new Date(text);
|
2061
2061
|
fecha.setMinutes(fecha.getMinutes() + fecha.getTimezoneOffset() + 1);
|
2062
2062
|
text = fecha.toLocaleString(locale, {
|
@@ -2066,7 +2066,7 @@ var EntityCellViewer = function EntityCellViewer(_ref5) {
|
|
2066
2066
|
});
|
2067
2067
|
break;
|
2068
2068
|
|
2069
|
-
case FORMATS.TIME:
|
2069
|
+
case FORMATS$1.TIME:
|
2070
2070
|
text = new Date(text).toLocaleString(locale, {
|
2071
2071
|
year: 'hour',
|
2072
2072
|
month: 'minute',
|
@@ -2117,14 +2117,14 @@ var StringCellViewer = function StringCellViewer(_ref7) {
|
|
2117
2117
|
var locale = window.navigator.userLanguage || window.navigator.language;
|
2118
2118
|
|
2119
2119
|
switch (format) {
|
2120
|
-
case FORMATS.COLOR:
|
2120
|
+
case FORMATS$1.COLOR:
|
2121
2121
|
text = /*#__PURE__*/React__default["default"].createElement("input", {
|
2122
2122
|
type: "color",
|
2123
2123
|
value: text,
|
2124
2124
|
disabled: true
|
2125
2125
|
});
|
2126
2126
|
|
2127
|
-
case FORMATS.URL:
|
2127
|
+
case FORMATS$1.URL:
|
2128
2128
|
text = /*#__PURE__*/React__default["default"].createElement("a", {
|
2129
2129
|
href: text,
|
2130
2130
|
target: "download",
|
@@ -2132,13 +2132,13 @@ var StringCellViewer = function StringCellViewer(_ref7) {
|
|
2132
2132
|
}, text);
|
2133
2133
|
break;
|
2134
2134
|
|
2135
|
-
case FORMATS.IMG:
|
2135
|
+
case FORMATS$1.IMG:
|
2136
2136
|
text = /*#__PURE__*/React__default["default"].createElement("img", {
|
2137
2137
|
src: text
|
2138
2138
|
});
|
2139
2139
|
break;
|
2140
2140
|
|
2141
|
-
case FORMATS.DATE:
|
2141
|
+
case FORMATS$1.DATE:
|
2142
2142
|
var fecha = new Date(text);
|
2143
2143
|
fecha.setMinutes(fecha.getMinutes() + fecha.getTimezoneOffset() + 1);
|
2144
2144
|
text = fecha.toLocaleString(locale, {
|
@@ -2148,7 +2148,7 @@ var StringCellViewer = function StringCellViewer(_ref7) {
|
|
2148
2148
|
});
|
2149
2149
|
break;
|
2150
2150
|
|
2151
|
-
case FORMATS.TIME:
|
2151
|
+
case FORMATS$1.TIME:
|
2152
2152
|
text = new Date(text).toLocaleString(locale, {
|
2153
2153
|
year: 'hour',
|
2154
2154
|
month: 'minute',
|
@@ -4645,7 +4645,7 @@ var FieldEditor = function FieldEditor(_ref5) {
|
|
4645
4645
|
field: field,
|
4646
4646
|
value: value1,
|
4647
4647
|
onChange: change
|
4648
|
-
}) : /*#__PURE__*/React__default["default"].createElement(CollectionEditor$
|
4648
|
+
}) : /*#__PURE__*/React__default["default"].createElement(CollectionEditor$2, {
|
4649
4649
|
field: field,
|
4650
4650
|
value: value1,
|
4651
4651
|
onChange: change,
|
@@ -4763,7 +4763,7 @@ var StringEditor = function StringEditor(_ref7) {
|
|
4763
4763
|
var label = required ? field.label + " *" : field.label;
|
4764
4764
|
|
4765
4765
|
switch (format) {
|
4766
|
-
case FORMATS.IMG:
|
4766
|
+
case FORMATS$1.IMG:
|
4767
4767
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
4768
4768
|
className: "img-field"
|
4769
4769
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
@@ -4777,14 +4777,14 @@ var StringEditor = function StringEditor(_ref7) {
|
|
4777
4777
|
readOnly: !editable
|
4778
4778
|
}));
|
4779
4779
|
|
4780
|
-
case FORMATS.COLOR:
|
4780
|
+
case FORMATS$1.COLOR:
|
4781
4781
|
return /*#__PURE__*/React__default["default"].createElement(ColorField, {
|
4782
4782
|
id: id,
|
4783
4783
|
onChange: change,
|
4784
4784
|
value: value
|
4785
4785
|
});
|
4786
4786
|
|
4787
|
-
case FORMATS.HTML:
|
4787
|
+
case FORMATS$1.HTML:
|
4788
4788
|
return /*#__PURE__*/React__default["default"].createElement(Editor, {
|
4789
4789
|
id: id,
|
4790
4790
|
value: value,
|
@@ -4792,7 +4792,7 @@ var StringEditor = function StringEditor(_ref7) {
|
|
4792
4792
|
content: content
|
4793
4793
|
});
|
4794
4794
|
|
4795
|
-
case FORMATS.DATE:
|
4795
|
+
case FORMATS$1.DATE:
|
4796
4796
|
return /*#__PURE__*/React__default["default"].createElement(TextField, {
|
4797
4797
|
outlined: outlined,
|
4798
4798
|
id: id,
|
@@ -4803,7 +4803,7 @@ var StringEditor = function StringEditor(_ref7) {
|
|
4803
4803
|
readOnly: !editable
|
4804
4804
|
});
|
4805
4805
|
|
4806
|
-
case FORMATS.DATERANGE:
|
4806
|
+
case FORMATS$1.DATERANGE:
|
4807
4807
|
return /*#__PURE__*/React__default["default"].createElement(DateRange, {
|
4808
4808
|
id: id,
|
4809
4809
|
label: label,
|
@@ -4812,7 +4812,7 @@ var StringEditor = function StringEditor(_ref7) {
|
|
4812
4812
|
readOnly: !editable
|
4813
4813
|
});
|
4814
4814
|
|
4815
|
-
case FORMATS.TOKENS:
|
4815
|
+
case FORMATS$1.TOKENS:
|
4816
4816
|
return /*#__PURE__*/React__default["default"].createElement(TokenField, {
|
4817
4817
|
id: id,
|
4818
4818
|
label: label,
|
@@ -4962,7 +4962,7 @@ var MultiSelectionEditor = function MultiSelectionEditor(_ref10) {
|
|
4962
4962
|
* Collection Editor
|
4963
4963
|
*/
|
4964
4964
|
|
4965
|
-
var CollectionEditor$
|
4965
|
+
var CollectionEditor$2 = function CollectionEditor(_ref11) {
|
4966
4966
|
var field = _ref11.field,
|
4967
4967
|
_ref11$value = _ref11.value,
|
4968
4968
|
value = _ref11$value === void 0 ? [] : _ref11$value,
|
@@ -5401,7 +5401,7 @@ var StringViewer = function StringViewer(props) {
|
|
5401
5401
|
options = field.options;
|
5402
5402
|
|
5403
5403
|
switch (format) {
|
5404
|
-
case FORMATS.IMG:
|
5404
|
+
case FORMATS$1.IMG:
|
5405
5405
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
5406
5406
|
className: "img-field"
|
5407
5407
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
@@ -5651,7 +5651,7 @@ var EditContentDialog = function EditContentDialog(_ref) {
|
|
5651
5651
|
* Collection API
|
5652
5652
|
*/
|
5653
5653
|
|
5654
|
-
var CollectionAPI = function CollectionAPI(url, host) {
|
5654
|
+
var CollectionAPI$1 = function CollectionAPI(url, host) {
|
5655
5655
|
var http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
|
5656
5656
|
/**
|
5657
5657
|
* objectToQueryParamString
|
@@ -5731,7 +5731,7 @@ var CollectionAPI = function CollectionAPI(url, host) {
|
|
5731
5731
|
* Collection Page
|
5732
5732
|
*/
|
5733
5733
|
|
5734
|
-
function _catch$
|
5734
|
+
function _catch$5(body, recover) {
|
5735
5735
|
try {
|
5736
5736
|
var result = body();
|
5737
5737
|
} catch (e) {
|
@@ -5749,7 +5749,7 @@ function _catch$4(body, recover) {
|
|
5749
5749
|
*/
|
5750
5750
|
|
5751
5751
|
|
5752
|
-
var CollectionPage = function CollectionPage(props) {
|
5752
|
+
var CollectionPage$1 = function CollectionPage(props) {
|
5753
5753
|
var reloadSelection = function reloadSelection() {
|
5754
5754
|
try {
|
5755
5755
|
return Promise.resolve(pageContext.reloadSelection()).then(function () {
|
@@ -5815,7 +5815,7 @@ var CollectionPage = function CollectionPage(props) {
|
|
5815
5815
|
filters = props.filters,
|
5816
5816
|
footer = props.footer,
|
5817
5817
|
children = props.children;
|
5818
|
-
var context = CollectionContext(url, field, host, page, fetching, versioning);
|
5818
|
+
var context = CollectionContext$1(url, field, host, page, fetching, versioning);
|
5819
5819
|
|
5820
5820
|
var _useContext = React.useContext(PageContext),
|
5821
5821
|
pageContext = _useContext[0],
|
@@ -5883,7 +5883,7 @@ var CollectionPage = function CollectionPage(props) {
|
|
5883
5883
|
action: reload
|
5884
5884
|
}), renderActions()), /*#__PURE__*/React__default["default"].createElement("menu", {
|
5885
5885
|
className: "collection-page " + className + " " + hiddenStyle
|
5886
|
-
}, canFilter ? /*#__PURE__*/React__default["default"].createElement(CollectionFilters, {
|
5886
|
+
}, canFilter ? /*#__PURE__*/React__default["default"].createElement(CollectionFilters$1, {
|
5887
5887
|
schema: schema,
|
5888
5888
|
initial: filters
|
5889
5889
|
}) : null, levels ? /*#__PURE__*/React__default["default"].createElement(CollectionTree, {
|
@@ -5894,14 +5894,14 @@ var CollectionPage = function CollectionPage(props) {
|
|
5894
5894
|
sorter: sorter,
|
5895
5895
|
searchBy: searchBy,
|
5896
5896
|
namer: namer
|
5897
|
-
}) : /*#__PURE__*/React__default["default"].createElement(CollectionList, {
|
5897
|
+
}) : /*#__PURE__*/React__default["default"].createElement(CollectionList$1, {
|
5898
5898
|
groupBy: groupBy,
|
5899
5899
|
onSelect: onSelect,
|
5900
5900
|
searchBy: searchBy
|
5901
5901
|
})), /*#__PURE__*/React__default["default"].createElement("main", {
|
5902
5902
|
key: id,
|
5903
5903
|
className: "collection-page " + className
|
5904
|
-
}, /*#__PURE__*/React__default["default"].createElement(CollectionEditor, {
|
5904
|
+
}, /*#__PURE__*/React__default["default"].createElement(CollectionEditor$1, {
|
5905
5905
|
icon: icon,
|
5906
5906
|
schema: schema,
|
5907
5907
|
layout: editor,
|
@@ -5915,7 +5915,7 @@ var CollectionPage = function CollectionPage(props) {
|
|
5915
5915
|
title: editorTitle
|
5916
5916
|
}), children ? /*#__PURE__*/React__default["default"].createElement("article", null, children) : null, /*#__PURE__*/React__default["default"].createElement("footer", null, footer)));
|
5917
5917
|
};
|
5918
|
-
var CollectionFilters = function CollectionFilters(props) {
|
5918
|
+
var CollectionFilters$1 = function CollectionFilters(props) {
|
5919
5919
|
var change = function change(next) {
|
5920
5920
|
try {
|
5921
5921
|
setForm(next);
|
@@ -6030,7 +6030,7 @@ var FilterResume = function FilterResume(props) {
|
|
6030
6030
|
*/
|
6031
6031
|
|
6032
6032
|
|
6033
|
-
var CollectionList = function CollectionList(props) {
|
6033
|
+
var CollectionList$1 = function CollectionList(props) {
|
6034
6034
|
var select = function select(id) {
|
6035
6035
|
try {
|
6036
6036
|
clear();
|
@@ -6243,7 +6243,7 @@ var CollectionTree = function CollectionTree(props) {
|
|
6243
6243
|
* Collection Editor
|
6244
6244
|
*/
|
6245
6245
|
|
6246
|
-
var CollectionEditor = function CollectionEditor(props) {
|
6246
|
+
var CollectionEditor$1 = function CollectionEditor(props) {
|
6247
6247
|
var save = function save() {
|
6248
6248
|
try {
|
6249
6249
|
var _temp3 = function _temp3() {
|
@@ -6403,12 +6403,12 @@ var CollectionEditor = function CollectionEditor(props) {
|
|
6403
6403
|
*/
|
6404
6404
|
|
6405
6405
|
|
6406
|
-
var CollectionContext = function CollectionContext(url, field, host, page, fetching, versioning) {
|
6406
|
+
var CollectionContext$1 = function CollectionContext(url, field, host, page, fetching, versioning) {
|
6407
6407
|
if (versioning === void 0) {
|
6408
6408
|
versioning = false;
|
6409
6409
|
}
|
6410
6410
|
|
6411
|
-
var API = CollectionAPI(url, host);
|
6411
|
+
var API = CollectionAPI$1(url, host);
|
6412
6412
|
return {
|
6413
6413
|
all: [],
|
6414
6414
|
filters: {},
|
@@ -6420,7 +6420,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
|
|
6420
6420
|
try {
|
6421
6421
|
var _this2 = this;
|
6422
6422
|
|
6423
|
-
var _temp6 = _catch$
|
6423
|
+
var _temp6 = _catch$5(function () {
|
6424
6424
|
return Promise.resolve(API.all(null, page)).then(function (data) {
|
6425
6425
|
_this2.all = field ? data[field] : data;
|
6426
6426
|
});
|
@@ -6469,7 +6469,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
|
|
6469
6469
|
},
|
6470
6470
|
fetch: function fetch(id) {
|
6471
6471
|
try {
|
6472
|
-
return Promise.resolve(_catch$
|
6472
|
+
return Promise.resolve(_catch$5(function () {
|
6473
6473
|
return Promise.resolve(API.find(id));
|
6474
6474
|
}, function (error) {
|
6475
6475
|
console.log(error);
|
@@ -6485,7 +6485,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
|
|
6485
6485
|
try {
|
6486
6486
|
var _this8 = this;
|
6487
6487
|
|
6488
|
-
var _temp10 = _catch$
|
6488
|
+
var _temp10 = _catch$5(function () {
|
6489
6489
|
if (versioning) form.version = 1;
|
6490
6490
|
return Promise.resolve(API.create(form)).then(function () {
|
6491
6491
|
return Promise.resolve(_this8.load()).then(function () {});
|
@@ -6503,7 +6503,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
|
|
6503
6503
|
try {
|
6504
6504
|
var _this10 = this;
|
6505
6505
|
|
6506
|
-
var _temp12 = _catch$
|
6506
|
+
var _temp12 = _catch$5(function () {
|
6507
6507
|
if (versioning) form.version = form.version ? form.version + 1 : 1;
|
6508
6508
|
return Promise.resolve(API.update(form)).then(function () {
|
6509
6509
|
return Promise.resolve(_this10.load()).then(function () {});
|
@@ -6521,7 +6521,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
|
|
6521
6521
|
try {
|
6522
6522
|
var _this12 = this;
|
6523
6523
|
|
6524
|
-
var _temp14 = _catch$
|
6524
|
+
var _temp14 = _catch$5(function () {
|
6525
6525
|
if (versioning) form.version = form.version ? form.version + 1 : 1;
|
6526
6526
|
return Promise.resolve(API.patch(id, form)).then(function () {
|
6527
6527
|
return Promise.resolve(_this12.load()).then(function () {});
|
@@ -6539,7 +6539,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
|
|
6539
6539
|
try {
|
6540
6540
|
var _this14 = this;
|
6541
6541
|
|
6542
|
-
var _temp16 = _catch$
|
6542
|
+
var _temp16 = _catch$5(function () {
|
6543
6543
|
return Promise.resolve(API.updateProperty(id, propertyName, form)).then(function () {
|
6544
6544
|
return Promise.resolve(_this14.load()).then(function () {});
|
6545
6545
|
});
|
@@ -6556,7 +6556,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
|
|
6556
6556
|
try {
|
6557
6557
|
var _this16 = this;
|
6558
6558
|
|
6559
|
-
var _temp18 = _catch$
|
6559
|
+
var _temp18 = _catch$5(function () {
|
6560
6560
|
return Promise.resolve(API.remove(id)).then(function () {
|
6561
6561
|
return Promise.resolve(_this16.load()).then(function () {});
|
6562
6562
|
});
|
@@ -6590,7 +6590,7 @@ var QUERY = {
|
|
6590
6590
|
* Table Page
|
6591
6591
|
*/
|
6592
6592
|
|
6593
|
-
function _catch$
|
6593
|
+
function _catch$4(body, recover) {
|
6594
6594
|
try {
|
6595
6595
|
var result = body();
|
6596
6596
|
} catch (e) {
|
@@ -7403,7 +7403,7 @@ var TableContext$2 = function TableContext(url, field, host, urlQuery, params) {
|
|
7403
7403
|
try {
|
7404
7404
|
var _this2 = this;
|
7405
7405
|
|
7406
|
-
var _temp5 = _catch$
|
7406
|
+
var _temp5 = _catch$4(function () {
|
7407
7407
|
var filters = filter ? Object.keys(filter).reduce(function (filters, key) {
|
7408
7408
|
var field = filter[key];
|
7409
7409
|
|
@@ -7465,7 +7465,7 @@ var TableContext$2 = function TableContext(url, field, host, urlQuery, params) {
|
|
7465
7465
|
try {
|
7466
7466
|
var _this5 = this;
|
7467
7467
|
|
7468
|
-
var _temp7 = _catch$
|
7468
|
+
var _temp7 = _catch$4(function () {
|
7469
7469
|
return Promise.resolve(API.create(form)).then(function () {
|
7470
7470
|
return Promise.resolve(_this5.load()).then(function () {});
|
7471
7471
|
});
|
@@ -7482,7 +7482,7 @@ var TableContext$2 = function TableContext(url, field, host, urlQuery, params) {
|
|
7482
7482
|
try {
|
7483
7483
|
var _this7 = this;
|
7484
7484
|
|
7485
|
-
var _temp9 = _catch$
|
7485
|
+
var _temp9 = _catch$4(function () {
|
7486
7486
|
return Promise.resolve(API.update(form)).then(function () {
|
7487
7487
|
return Promise.resolve(_this7.load()).then(function () {});
|
7488
7488
|
});
|
@@ -7499,7 +7499,7 @@ var TableContext$2 = function TableContext(url, field, host, urlQuery, params) {
|
|
7499
7499
|
try {
|
7500
7500
|
var _this9 = this;
|
7501
7501
|
|
7502
|
-
var _temp11 = _catch$
|
7502
|
+
var _temp11 = _catch$4(function () {
|
7503
7503
|
return Promise.resolve(API.remove(id)).then(function () {
|
7504
7504
|
return Promise.resolve(_this9.load()).then(function () {});
|
7505
7505
|
});
|
@@ -7519,7 +7519,7 @@ var TableContext$2 = function TableContext(url, field, host, urlQuery, params) {
|
|
7519
7519
|
try {
|
7520
7520
|
var _this11 = this;
|
7521
7521
|
|
7522
|
-
var _temp13 = _catch$
|
7522
|
+
var _temp13 = _catch$4(function () {
|
7523
7523
|
return Promise.resolve(API.queries(user, urlQuery)).then(function (_API$queries) {
|
7524
7524
|
_this11.queries = _API$queries;
|
7525
7525
|
});
|
@@ -7536,7 +7536,7 @@ var TableContext$2 = function TableContext(url, field, host, urlQuery, params) {
|
|
7536
7536
|
try {
|
7537
7537
|
var _this13 = this;
|
7538
7538
|
|
7539
|
-
var _temp15 = _catch$
|
7539
|
+
var _temp15 = _catch$4(function () {
|
7540
7540
|
return Promise.resolve(API.createQuery(query, urlQuery)).then(function () {
|
7541
7541
|
return Promise.resolve(_this13.loadQueries(user)).then(function () {});
|
7542
7542
|
});
|
@@ -7553,7 +7553,7 @@ var TableContext$2 = function TableContext(url, field, host, urlQuery, params) {
|
|
7553
7553
|
try {
|
7554
7554
|
var _this15 = this;
|
7555
7555
|
|
7556
|
-
var _temp17 = _catch$
|
7556
|
+
var _temp17 = _catch$4(function () {
|
7557
7557
|
return Promise.resolve(API.removeQuery(id, urlQuery)).then(function () {
|
7558
7558
|
return Promise.resolve(_this15.loadQueries(user)).then(function () {});
|
7559
7559
|
});
|
@@ -7644,7 +7644,7 @@ var TableAPI$2 = function TableAPI(url, host, params) {
|
|
7644
7644
|
* Table Page
|
7645
7645
|
*/
|
7646
7646
|
|
7647
|
-
function _catch$
|
7647
|
+
function _catch$3(body, recover) {
|
7648
7648
|
try {
|
7649
7649
|
var result = body();
|
7650
7650
|
} catch (e) {
|
@@ -8442,7 +8442,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
|
|
8442
8442
|
try {
|
8443
8443
|
var _this2 = this;
|
8444
8444
|
|
8445
|
-
var _temp9 = _catch$
|
8445
|
+
var _temp9 = _catch$3(function () {
|
8446
8446
|
var filters = filter ? Object.keys(filter).reduce(function (filters, key) {
|
8447
8447
|
var field = filter[key];
|
8448
8448
|
|
@@ -8501,7 +8501,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
|
|
8501
8501
|
try {
|
8502
8502
|
var _this5 = this;
|
8503
8503
|
|
8504
|
-
var _temp11 = _catch$
|
8504
|
+
var _temp11 = _catch$3(function () {
|
8505
8505
|
return Promise.resolve(API.create(form)).then(function () {
|
8506
8506
|
return Promise.resolve(_this5.load()).then(function () {});
|
8507
8507
|
});
|
@@ -8518,7 +8518,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
|
|
8518
8518
|
try {
|
8519
8519
|
var _this7 = this;
|
8520
8520
|
|
8521
|
-
var _temp13 = _catch$
|
8521
|
+
var _temp13 = _catch$3(function () {
|
8522
8522
|
return Promise.resolve(API.update(form)).then(function () {
|
8523
8523
|
return Promise.resolve(_this7.load()).then(function () {});
|
8524
8524
|
});
|
@@ -8535,7 +8535,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
|
|
8535
8535
|
try {
|
8536
8536
|
var _this9 = this;
|
8537
8537
|
|
8538
|
-
var _temp15 = _catch$
|
8538
|
+
var _temp15 = _catch$3(function () {
|
8539
8539
|
return Promise.resolve(API.remove(id)).then(function () {
|
8540
8540
|
return Promise.resolve(_this9.load()).then(function () {});
|
8541
8541
|
});
|
@@ -8555,7 +8555,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
|
|
8555
8555
|
try {
|
8556
8556
|
var _this11 = this;
|
8557
8557
|
|
8558
|
-
var _temp17 = _catch$
|
8558
|
+
var _temp17 = _catch$3(function () {
|
8559
8559
|
return Promise.resolve(API.queries(user, urlQuery)).then(function (_API$queries) {
|
8560
8560
|
_this11.queries = _API$queries;
|
8561
8561
|
});
|
@@ -8572,7 +8572,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
|
|
8572
8572
|
try {
|
8573
8573
|
var _this13 = this;
|
8574
8574
|
|
8575
|
-
var _temp19 = _catch$
|
8575
|
+
var _temp19 = _catch$3(function () {
|
8576
8576
|
return Promise.resolve(API.createQuery(query, urlQuery)).then(function () {
|
8577
8577
|
return Promise.resolve(_this13.loadQueries(user)).then(function () {});
|
8578
8578
|
});
|
@@ -8589,7 +8589,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
|
|
8589
8589
|
try {
|
8590
8590
|
var _this15 = this;
|
8591
8591
|
|
8592
|
-
var _temp21 = _catch$
|
8592
|
+
var _temp21 = _catch$3(function () {
|
8593
8593
|
return Promise.resolve(API.removeQuery(id, urlQuery)).then(function () {
|
8594
8594
|
return Promise.resolve(_this15.loadQueries(user)).then(function () {});
|
8595
8595
|
});
|
@@ -8676,7 +8676,7 @@ var TableAPI$1 = function TableAPI(url, host, params) {
|
|
8676
8676
|
* Tabbed Table Page
|
8677
8677
|
*/
|
8678
8678
|
|
8679
|
-
function _catch$
|
8679
|
+
function _catch$2(body, recover) {
|
8680
8680
|
try {
|
8681
8681
|
var result = body();
|
8682
8682
|
} catch (e) {
|
@@ -9538,7 +9538,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
|
|
9538
9538
|
try {
|
9539
9539
|
var _this2 = this;
|
9540
9540
|
|
9541
|
-
var _temp9 = _catch$
|
9541
|
+
var _temp9 = _catch$2(function () {
|
9542
9542
|
var filters = filter ? Object.keys(filter).reduce(function (filters, key) {
|
9543
9543
|
var field = filter[key];
|
9544
9544
|
|
@@ -9605,7 +9605,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
|
|
9605
9605
|
try {
|
9606
9606
|
var _this5 = this;
|
9607
9607
|
|
9608
|
-
var _temp11 = _catch$
|
9608
|
+
var _temp11 = _catch$2(function () {
|
9609
9609
|
return Promise.resolve(API.create(form)).then(function () {
|
9610
9610
|
return Promise.resolve(_this5.load({}, [])).then(function () {});
|
9611
9611
|
});
|
@@ -9622,7 +9622,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
|
|
9622
9622
|
try {
|
9623
9623
|
var _this7 = this;
|
9624
9624
|
|
9625
|
-
var _temp13 = _catch$
|
9625
|
+
var _temp13 = _catch$2(function () {
|
9626
9626
|
return Promise.resolve(API.update(form)).then(function () {
|
9627
9627
|
return Promise.resolve(_this7.load()).then(function () {});
|
9628
9628
|
});
|
@@ -9639,7 +9639,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
|
|
9639
9639
|
try {
|
9640
9640
|
var _this9 = this;
|
9641
9641
|
|
9642
|
-
var _temp15 = _catch$
|
9642
|
+
var _temp15 = _catch$2(function () {
|
9643
9643
|
return Promise.resolve(API.remove(id)).then(function () {
|
9644
9644
|
return Promise.resolve(_this9.load()).then(function () {});
|
9645
9645
|
});
|
@@ -9659,7 +9659,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
|
|
9659
9659
|
try {
|
9660
9660
|
var _this11 = this;
|
9661
9661
|
|
9662
|
-
var _temp17 = _catch$
|
9662
|
+
var _temp17 = _catch$2(function () {
|
9663
9663
|
return Promise.resolve(API.queries(user, urlQuery)).then(function (_API$queries) {
|
9664
9664
|
_this11.queries = _API$queries;
|
9665
9665
|
});
|
@@ -9676,7 +9676,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
|
|
9676
9676
|
try {
|
9677
9677
|
var _this13 = this;
|
9678
9678
|
|
9679
|
-
var _temp19 = _catch$
|
9679
|
+
var _temp19 = _catch$2(function () {
|
9680
9680
|
return Promise.resolve(API.createQuery(query, urlQuery)).then(function () {
|
9681
9681
|
return Promise.resolve(_this13.loadQueries(user)).then(function () {});
|
9682
9682
|
});
|
@@ -9693,7 +9693,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
|
|
9693
9693
|
try {
|
9694
9694
|
var _this15 = this;
|
9695
9695
|
|
9696
|
-
var _temp21 = _catch$
|
9696
|
+
var _temp21 = _catch$2(function () {
|
9697
9697
|
return Promise.resolve(API.removeQuery(id, urlQuery)).then(function () {
|
9698
9698
|
return Promise.resolve(_this15.loadQueries(user)).then(function () {});
|
9699
9699
|
});
|
@@ -9776,6 +9776,582 @@ var TableAPI = function TableAPI(url, host) {
|
|
9776
9776
|
};
|
9777
9777
|
};
|
9778
9778
|
|
9779
|
+
/**
|
9780
|
+
* Collection API
|
9781
|
+
*/
|
9782
|
+
|
9783
|
+
var CollectionAPI = function CollectionAPI(url, host) {
|
9784
|
+
var http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
|
9785
|
+
/**
|
9786
|
+
* objectToQueryParamString
|
9787
|
+
*
|
9788
|
+
* @param {*} obj
|
9789
|
+
* @returns
|
9790
|
+
*/
|
9791
|
+
|
9792
|
+
function objectToQueryParamString(obj, likes) {
|
9793
|
+
if (isEmpty(obj)) {
|
9794
|
+
return "";
|
9795
|
+
}
|
9796
|
+
|
9797
|
+
var notEmptyFields = Object.keys(obj).filter(function (key) {
|
9798
|
+
return !isEmpty(obj[key]);
|
9799
|
+
});
|
9800
|
+
var paramString = notEmptyFields.reduce(function (query, key) {
|
9801
|
+
var value = obj[key];
|
9802
|
+
var like = likes.includes(key) ? '%' : '';
|
9803
|
+
|
9804
|
+
if (Array.isArray(value)) {
|
9805
|
+
var values = value.map(function (v) {
|
9806
|
+
return key + "=" + like + v + like;
|
9807
|
+
}).join("&");
|
9808
|
+
return "" + query + values + "&";
|
9809
|
+
} else if (typeof value === "object") {
|
9810
|
+
var params = objectToQueryParamString(value, likes);
|
9811
|
+
params.split("&").forEach(function (param) {
|
9812
|
+
query = query.concat(key + "." + param + "&");
|
9813
|
+
});
|
9814
|
+
return query;
|
9815
|
+
} else {
|
9816
|
+
return "" + query + key + "=" + like + value + like + "&";
|
9817
|
+
}
|
9818
|
+
}, "");
|
9819
|
+
return paramString;
|
9820
|
+
}
|
9821
|
+
|
9822
|
+
return {
|
9823
|
+
all: function all(filters, likes, page) {
|
9824
|
+
if (likes === void 0) {
|
9825
|
+
likes = [];
|
9826
|
+
}
|
9827
|
+
|
9828
|
+
var queryParams = page ? "?page=" + page + "&" : "?";
|
9829
|
+
var filterQuery = objectToQueryParamString(filters, likes);
|
9830
|
+
queryParams = "" + queryParams + filterQuery;
|
9831
|
+
queryParams = queryParams.substring(0, queryParams.length - 1);
|
9832
|
+
return http.GET("" + url + queryParams);
|
9833
|
+
},
|
9834
|
+
find: function find(id) {
|
9835
|
+
return http.GET(url + "/" + id);
|
9836
|
+
},
|
9837
|
+
create: function create(form) {
|
9838
|
+
var body = JSON.stringify(form);
|
9839
|
+
return http.POST(url, body);
|
9840
|
+
},
|
9841
|
+
update: function update(form) {
|
9842
|
+
var body = JSON.stringify(form);
|
9843
|
+
return http.PUT(url + "/" + form.id, body);
|
9844
|
+
},
|
9845
|
+
updateProperty: function updateProperty(id, propertyName, form) {
|
9846
|
+
var body = JSON.stringify(form);
|
9847
|
+
return http.PUT(url + "/" + id + "/" + propertyName, body);
|
9848
|
+
},
|
9849
|
+
patch: function patch(id, form) {
|
9850
|
+
var body = JSON.stringify(form);
|
9851
|
+
return http.PATCH(url + "/" + id, body);
|
9852
|
+
},
|
9853
|
+
remove: function remove(id) {
|
9854
|
+
return http.DELETE(url + "/" + id);
|
9855
|
+
}
|
9856
|
+
};
|
9857
|
+
};
|
9858
|
+
|
9859
|
+
function _catch$1(body, recover) {
|
9860
|
+
try {
|
9861
|
+
var result = body();
|
9862
|
+
} catch (e) {
|
9863
|
+
return recover(e);
|
9864
|
+
}
|
9865
|
+
|
9866
|
+
if (result && result.then) {
|
9867
|
+
return result.then(void 0, recover);
|
9868
|
+
}
|
9869
|
+
|
9870
|
+
return result;
|
9871
|
+
}
|
9872
|
+
/**
|
9873
|
+
* Collection Context
|
9874
|
+
*/
|
9875
|
+
|
9876
|
+
|
9877
|
+
var CollectionContext = React__default["default"].createContext();
|
9878
|
+
var CollectionContextProvider = function CollectionContextProvider(props) {
|
9879
|
+
var select = function select(id) {
|
9880
|
+
try {
|
9881
|
+
var _this2 = this;
|
9882
|
+
|
9883
|
+
var _temp2 = function () {
|
9884
|
+
if (fetching) {
|
9885
|
+
return Promise.resolve(_this2.fetch(id)).then(function (result) {
|
9886
|
+
setSelected(result);
|
9887
|
+
});
|
9888
|
+
} else {
|
9889
|
+
var result = _this2.all.find(function (item) {
|
9890
|
+
return item.id === id;
|
9891
|
+
});
|
9892
|
+
|
9893
|
+
setSelected(result);
|
9894
|
+
}
|
9895
|
+
}();
|
9896
|
+
|
9897
|
+
return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
|
9898
|
+
} catch (e) {
|
9899
|
+
return Promise.reject(e);
|
9900
|
+
}
|
9901
|
+
};
|
9902
|
+
|
9903
|
+
var load = function load() {
|
9904
|
+
try {
|
9905
|
+
var runCustomFilters = function runCustomFilters(all) {
|
9906
|
+
var cfs = Object.values(customFilters);
|
9907
|
+
var data = cfs.length ? cfs.reduce(function (acc, filter) {
|
9908
|
+
return filter(acc);
|
9909
|
+
}, all) : all;
|
9910
|
+
return data;
|
9911
|
+
};
|
9912
|
+
|
9913
|
+
var _temp4 = _catch$1(function () {
|
9914
|
+
return Promise.resolve(API.all(filters, likes, page)).then(function (response) {
|
9915
|
+
var next = field ? response[field] : response;
|
9916
|
+
var data = runCustomFilters(next);
|
9917
|
+
setAll(data);
|
9918
|
+
});
|
9919
|
+
}, function (error) {
|
9920
|
+
console.log(error);
|
9921
|
+
});
|
9922
|
+
|
9923
|
+
return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
|
9924
|
+
} catch (e) {
|
9925
|
+
return Promise.reject(e);
|
9926
|
+
}
|
9927
|
+
};
|
9928
|
+
|
9929
|
+
var host = props.host,
|
9930
|
+
url = props.url,
|
9931
|
+
page = props.page,
|
9932
|
+
_props$fetching = props.fetching,
|
9933
|
+
fetching = _props$fetching === void 0 ? true : _props$fetching,
|
9934
|
+
field = props.field,
|
9935
|
+
children = props.children;
|
9936
|
+
var API = CollectionAPI(url, host);
|
9937
|
+
|
9938
|
+
var _useState = React.useState([]),
|
9939
|
+
all = _useState[0],
|
9940
|
+
setAll = _useState[1];
|
9941
|
+
|
9942
|
+
var _useState2 = React.useState({}),
|
9943
|
+
filters = _useState2[0],
|
9944
|
+
setFilters = _useState2[1];
|
9945
|
+
|
9946
|
+
var _useState3 = React.useState([]),
|
9947
|
+
likes = _useState3[0],
|
9948
|
+
setLikes = _useState3[1];
|
9949
|
+
|
9950
|
+
var _useState4 = React.useState({}),
|
9951
|
+
customFilters = _useState4[0],
|
9952
|
+
setCustomFilters = _useState4[1];
|
9953
|
+
|
9954
|
+
var _useState5 = React.useState([]),
|
9955
|
+
queries = _useState5[0],
|
9956
|
+
setQueries = _useState5[1];
|
9957
|
+
|
9958
|
+
var _useState6 = React.useState(null),
|
9959
|
+
selected = _useState6[0],
|
9960
|
+
setSelected = _useState6[1];
|
9961
|
+
|
9962
|
+
function addCustomFilter(id, filter) {
|
9963
|
+
var _extends2;
|
9964
|
+
|
9965
|
+
setCustomFilters(_extends({}, customFilters, (_extends2 = {}, _extends2[id] = filter, _extends2)));
|
9966
|
+
}
|
9967
|
+
|
9968
|
+
function removeCustomFilter(id) {
|
9969
|
+
var next = _extends({}, customFilters);
|
9970
|
+
|
9971
|
+
delete next[id];
|
9972
|
+
setCustomFilters(next);
|
9973
|
+
}
|
9974
|
+
/*
|
9975
|
+
async function reloadSelection() {
|
9976
|
+
const result = await this.fetch(this.selected.id)
|
9977
|
+
this.selected = result
|
9978
|
+
}
|
9979
|
+
|
9980
|
+
async function fetch(id) {
|
9981
|
+
try {
|
9982
|
+
const result = await API.find(id)
|
9983
|
+
return result
|
9984
|
+
} catch (error) {
|
9985
|
+
console.log(error)
|
9986
|
+
}
|
9987
|
+
}
|
9988
|
+
|
9989
|
+
function clear() {
|
9990
|
+
this.selected = null
|
9991
|
+
}
|
9992
|
+
|
9993
|
+
async function create(form) {
|
9994
|
+
try {
|
9995
|
+
if (versioning) form.version = 1
|
9996
|
+
await API.create(form);
|
9997
|
+
await this.load();
|
9998
|
+
} catch (error) {
|
9999
|
+
console.log(error)
|
10000
|
+
}
|
10001
|
+
return
|
10002
|
+
}
|
10003
|
+
|
10004
|
+
async function update(form) {
|
10005
|
+
try {
|
10006
|
+
if (versioning) form.version = form.version ? form.version + 1 : 1
|
10007
|
+
await API.update(form)
|
10008
|
+
await this.load()
|
10009
|
+
} catch (error) {
|
10010
|
+
console.log(error)
|
10011
|
+
}
|
10012
|
+
return
|
10013
|
+
}
|
10014
|
+
|
10015
|
+
async function patch(id, form) {
|
10016
|
+
try {
|
10017
|
+
if (versioning) form.version = form.version ? form.version + 1 : 1
|
10018
|
+
await API.patch(id, form)
|
10019
|
+
await this.load()
|
10020
|
+
} catch (error) {
|
10021
|
+
console.log(error)
|
10022
|
+
}
|
10023
|
+
return
|
10024
|
+
}
|
10025
|
+
|
10026
|
+
async function updateProperty(id, propertyName, form) {
|
10027
|
+
try {
|
10028
|
+
await API.updateProperty(id, propertyName, form)
|
10029
|
+
await this.load()
|
10030
|
+
} catch (error) {
|
10031
|
+
console.log(error)
|
10032
|
+
}
|
10033
|
+
return
|
10034
|
+
}
|
10035
|
+
|
10036
|
+
async function remove(id) {
|
10037
|
+
try {
|
10038
|
+
await API.remove(id)
|
10039
|
+
await this.load()
|
10040
|
+
} catch (error) {
|
10041
|
+
console.log(error)
|
10042
|
+
}
|
10043
|
+
return
|
10044
|
+
}
|
10045
|
+
|
10046
|
+
*/
|
10047
|
+
|
10048
|
+
|
10049
|
+
var value = {
|
10050
|
+
all: all,
|
10051
|
+
load: load,
|
10052
|
+
selected: selected,
|
10053
|
+
select: select,
|
10054
|
+
filters: filters,
|
10055
|
+
setFilters: setFilters,
|
10056
|
+
setLikes: setLikes,
|
10057
|
+
customFilters: customFilters,
|
10058
|
+
addCustomFilter: addCustomFilter,
|
10059
|
+
removeCustomFilter: removeCustomFilter,
|
10060
|
+
queries: queries,
|
10061
|
+
setQueries: setQueries
|
10062
|
+
};
|
10063
|
+
return /*#__PURE__*/React__default["default"].createElement(CollectionContext.Provider, {
|
10064
|
+
value: value
|
10065
|
+
}, children);
|
10066
|
+
};
|
10067
|
+
|
10068
|
+
/**
|
10069
|
+
* FORMATS
|
10070
|
+
*/
|
10071
|
+
var FORMATS = {
|
10072
|
+
NONE: '',
|
10073
|
+
DATE: 'date',
|
10074
|
+
DATERANGE: 'DATERANGE',
|
10075
|
+
TIME: 'time',
|
10076
|
+
EMAIL: 'email',
|
10077
|
+
HTML: 'HTML',
|
10078
|
+
URL: 'URL',
|
10079
|
+
IMG: 'IMG',
|
10080
|
+
COLOR: 'COLOR',
|
10081
|
+
TOKENS: 'TOKENS'
|
10082
|
+
};
|
10083
|
+
|
10084
|
+
/**
|
10085
|
+
* Dynamic Form
|
10086
|
+
*/
|
10087
|
+
|
10088
|
+
var DynamicForm = function DynamicForm(props) {
|
10089
|
+
var schema = props.schema,
|
10090
|
+
values = props.values,
|
10091
|
+
onChange = props.onChange;
|
10092
|
+
|
10093
|
+
function change(id, value) {
|
10094
|
+
if (onChange) onChange(id, value);
|
10095
|
+
}
|
10096
|
+
|
10097
|
+
var fields = Object.values(schema);
|
10098
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
10099
|
+
className: "dynamic-form"
|
10100
|
+
}, fields.map(function (field) {
|
10101
|
+
var id = field.id;
|
10102
|
+
return /*#__PURE__*/React__default["default"].createElement(DynamicFormField, {
|
10103
|
+
key: id,
|
10104
|
+
field: field,
|
10105
|
+
value: values[id],
|
10106
|
+
onChange: change
|
10107
|
+
});
|
10108
|
+
}));
|
10109
|
+
};
|
10110
|
+
/**
|
10111
|
+
* Dynamic Form Field
|
10112
|
+
*/
|
10113
|
+
|
10114
|
+
var DynamicFormField = function DynamicFormField(props) {
|
10115
|
+
var field = props.field,
|
10116
|
+
value = props.value,
|
10117
|
+
onChange = props.onChange;
|
10118
|
+
var id = field.id,
|
10119
|
+
type = field.type,
|
10120
|
+
format = field.format,
|
10121
|
+
options = field.options,
|
10122
|
+
required = field.required;
|
10123
|
+
|
10124
|
+
function change(id, value) {
|
10125
|
+
if (onChange) onChange(id, value);
|
10126
|
+
}
|
10127
|
+
|
10128
|
+
function buildOptions() {
|
10129
|
+
if (typeof options === "function") {
|
10130
|
+
return options();
|
10131
|
+
}
|
10132
|
+
|
10133
|
+
return options;
|
10134
|
+
}
|
10135
|
+
|
10136
|
+
function renderByFormat() {
|
10137
|
+
var label = required ? field.label + " *" : field.label;
|
10138
|
+
|
10139
|
+
switch (format) {
|
10140
|
+
case FORMATS.DATE:
|
10141
|
+
return /*#__PURE__*/React__default["default"].createElement(TextField, {
|
10142
|
+
id: id,
|
10143
|
+
label: label,
|
10144
|
+
type: "date",
|
10145
|
+
value: value,
|
10146
|
+
onChange: change,
|
10147
|
+
outlined: true
|
10148
|
+
});
|
10149
|
+
|
10150
|
+
case FORMATS.TIME:
|
10151
|
+
return /*#__PURE__*/React__default["default"].createElement(TextField, {
|
10152
|
+
id: id,
|
10153
|
+
label: label,
|
10154
|
+
type: "time",
|
10155
|
+
value: value,
|
10156
|
+
onChange: change,
|
10157
|
+
outlined: true
|
10158
|
+
});
|
10159
|
+
|
10160
|
+
case FORMATS.DATERANGE:
|
10161
|
+
return /*#__PURE__*/React__default["default"].createElement(DateRange, {
|
10162
|
+
id: id,
|
10163
|
+
label: label,
|
10164
|
+
value: value,
|
10165
|
+
onChange: change
|
10166
|
+
});
|
10167
|
+
|
10168
|
+
case FORMATS.TOKENS:
|
10169
|
+
return /*#__PURE__*/React__default["default"].createElement(TokenField, {
|
10170
|
+
id: id,
|
10171
|
+
label: label,
|
10172
|
+
onChange: change,
|
10173
|
+
options: buildOptions(),
|
10174
|
+
tokens: value
|
10175
|
+
});
|
10176
|
+
|
10177
|
+
case FORMATS.COLOR:
|
10178
|
+
return /*#__PURE__*/React__default["default"].createElement(ColorField, {
|
10179
|
+
id: id,
|
10180
|
+
onChange: change,
|
10181
|
+
value: value
|
10182
|
+
});
|
10183
|
+
|
10184
|
+
default:
|
10185
|
+
return options ? /*#__PURE__*/React__default["default"].createElement(DropDown, {
|
10186
|
+
id: id,
|
10187
|
+
label: label,
|
10188
|
+
value: value,
|
10189
|
+
onChange: change,
|
10190
|
+
options: options,
|
10191
|
+
outlined: true
|
10192
|
+
}) : /*#__PURE__*/React__default["default"].createElement(TextField, {
|
10193
|
+
id: id,
|
10194
|
+
label: label,
|
10195
|
+
value: value,
|
10196
|
+
onChange: change,
|
10197
|
+
outlined: true
|
10198
|
+
});
|
10199
|
+
}
|
10200
|
+
}
|
10201
|
+
|
10202
|
+
function renderByType() {
|
10203
|
+
switch (type) {
|
10204
|
+
case "boolean":
|
10205
|
+
return /*#__PURE__*/React__default["default"].createElement(CheckBox, {
|
10206
|
+
id: id,
|
10207
|
+
label: field.label,
|
10208
|
+
value: value,
|
10209
|
+
onChange: change
|
10210
|
+
});
|
10211
|
+
|
10212
|
+
default:
|
10213
|
+
return renderByFormat();
|
10214
|
+
}
|
10215
|
+
}
|
10216
|
+
|
10217
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
10218
|
+
className: "dynamic-form-field"
|
10219
|
+
}, renderByType());
|
10220
|
+
};
|
10221
|
+
|
10222
|
+
/*.
|
10223
|
+
* Collection Filters
|
10224
|
+
*/
|
10225
|
+
|
10226
|
+
var CollectionFilters = function CollectionFilters(props) {
|
10227
|
+
var schema = props.schema,
|
10228
|
+
children = props.children;
|
10229
|
+
var context = React.useContext(CollectionContext);
|
10230
|
+
var filters = context.filters;
|
10231
|
+
|
10232
|
+
var _useState = React.useState(false),
|
10233
|
+
open = _useState[0],
|
10234
|
+
setOpen = _useState[1];
|
10235
|
+
|
10236
|
+
React.useEffect(function () {
|
10237
|
+
var likes = Object.keys(schema).filter(function (id) {
|
10238
|
+
return schema[id].filter === true;
|
10239
|
+
});
|
10240
|
+
context.setLikes(likes);
|
10241
|
+
}, [schema]);
|
10242
|
+
|
10243
|
+
function change(id, value) {
|
10244
|
+
var _extends2;
|
10245
|
+
|
10246
|
+
context.setFilters(_extends({}, filters, (_extends2 = {}, _extends2[id] = value, _extends2)));
|
10247
|
+
}
|
10248
|
+
|
10249
|
+
function toggle() {
|
10250
|
+
setOpen(!open);
|
10251
|
+
}
|
10252
|
+
|
10253
|
+
var toggleIcon = open ? "expand_less" : "expand_more";
|
10254
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
10255
|
+
className: "collection-filters"
|
10256
|
+
}, /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
10257
|
+
className: "custom-filters"
|
10258
|
+
}, children), /*#__PURE__*/React__default["default"].createElement(CollectionFiltersResume, {
|
10259
|
+
schema: schema
|
10260
|
+
}), /*#__PURE__*/React__default["default"].createElement(Icon, {
|
10261
|
+
icon: toggleIcon,
|
10262
|
+
clickable: true,
|
10263
|
+
action: toggle
|
10264
|
+
})), open ? /*#__PURE__*/React__default["default"].createElement("div", {
|
10265
|
+
className: "dynamic-filters"
|
10266
|
+
}, /*#__PURE__*/React__default["default"].createElement(DynamicForm, {
|
10267
|
+
schema: schema,
|
10268
|
+
values: filters,
|
10269
|
+
onChange: change
|
10270
|
+
})) : null);
|
10271
|
+
};
|
10272
|
+
|
10273
|
+
var CollectionFiltersResume = function CollectionFiltersResume(props) {
|
10274
|
+
var schema = props.schema;
|
10275
|
+
var context = React.useContext(CollectionContext);
|
10276
|
+
var filters = context.filters;
|
10277
|
+
var fields = Object.keys(filters);
|
10278
|
+
if (!fields.length) return null;
|
10279
|
+
return /*#__PURE__*/React__default["default"].createElement(Fragment, null, fields.filter(function (id) {
|
10280
|
+
return filters[id] !== undefined && filters[id] !== null && filters[id] !== "";
|
10281
|
+
}).map(function (id) {
|
10282
|
+
var field = schema[id];
|
10283
|
+
var value = filters[id];
|
10284
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
10285
|
+
className: "collection-filter-resume"
|
10286
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
10287
|
+
className: "collection-filter-resume-label"
|
10288
|
+
}, field.label, ":"), /*#__PURE__*/React__default["default"].createElement("span", {
|
10289
|
+
className: "collection-filter-resume-value"
|
10290
|
+
}, value));
|
10291
|
+
}));
|
10292
|
+
};
|
10293
|
+
|
10294
|
+
/**
|
10295
|
+
* Collection List
|
10296
|
+
*/
|
10297
|
+
|
10298
|
+
var CollectionList = function CollectionList(props) {
|
10299
|
+
var context = React.useContext(CollectionContext);
|
10300
|
+
var _context$all = context.all,
|
10301
|
+
all = _context$all === void 0 ? [] : _context$all,
|
10302
|
+
filters = context.filters,
|
10303
|
+
customFilters = context.customFilters;
|
10304
|
+
React.useEffect(function () {
|
10305
|
+
context.load();
|
10306
|
+
}, [filters, customFilters]);
|
10307
|
+
var items = all.map(function (item) {
|
10308
|
+
return {
|
10309
|
+
icon: "folder",
|
10310
|
+
line1: item.name,
|
10311
|
+
meta: item.state
|
10312
|
+
};
|
10313
|
+
});
|
10314
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
10315
|
+
className: "collection-list"
|
10316
|
+
}, /*#__PURE__*/React__default["default"].createElement(List, {
|
10317
|
+
items: items
|
10318
|
+
}));
|
10319
|
+
};
|
10320
|
+
|
10321
|
+
/**
|
10322
|
+
* Collection Editor
|
10323
|
+
*/
|
10324
|
+
|
10325
|
+
var CollectionEditor = function CollectionEditor(props) {
|
10326
|
+
React.useContext(CollectionContext);
|
10327
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
10328
|
+
className: "collection-editor"
|
10329
|
+
}, "editor");
|
10330
|
+
};
|
10331
|
+
|
10332
|
+
/**
|
10333
|
+
* Collection Page
|
10334
|
+
*/
|
10335
|
+
|
10336
|
+
var CollectionPage = function CollectionPage(props) {
|
10337
|
+
var host = props.host,
|
10338
|
+
url = props.url,
|
10339
|
+
schema = props.schema,
|
10340
|
+
layout = props.layout,
|
10341
|
+
canFilter = props.canFilter,
|
10342
|
+
customFilters = props.customFilters;
|
10343
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
10344
|
+
className: "collection-page " + layout
|
10345
|
+
}, /*#__PURE__*/React__default["default"].createElement(CollectionContextProvider, {
|
10346
|
+
host: host,
|
10347
|
+
url: url
|
10348
|
+
}, /*#__PURE__*/React__default["default"].createElement(Header, {
|
10349
|
+
title: "CollectionPage"
|
10350
|
+
}), canFilter ? /*#__PURE__*/React__default["default"].createElement(CollectionFilters, {
|
10351
|
+
schema: schema
|
10352
|
+
}, customFilters) : null, /*#__PURE__*/React__default["default"].createElement(CollectionList, null), /*#__PURE__*/React__default["default"].createElement(CollectionEditor, null)));
|
10353
|
+
};
|
10354
|
+
|
9779
10355
|
/**
|
9780
10356
|
* Wizard Context
|
9781
10357
|
*/
|
@@ -9973,7 +10549,7 @@ var TaskContextProvider = function TaskContextProvider(props) {
|
|
9973
10549
|
_props$frequency = props.frequency,
|
9974
10550
|
frequency = _props$frequency === void 0 ? 5000 : _props$frequency,
|
9975
10551
|
children = props.children;
|
9976
|
-
var API = CollectionAPI(url, host);
|
10552
|
+
var API = CollectionAPI$1(url, host);
|
9977
10553
|
var listeners = [];
|
9978
10554
|
|
9979
10555
|
function addListener(taskId, listener) {
|
@@ -10133,12 +10709,12 @@ var TaskMonitor = function TaskMonitor(props) {
|
|
10133
10709
|
id: "init",
|
10134
10710
|
label: "Inicio",
|
10135
10711
|
type: TYPES.STRING,
|
10136
|
-
format: FORMATS.DATE
|
10712
|
+
format: FORMATS$1.DATE
|
10137
10713
|
}, {
|
10138
10714
|
id: "end",
|
10139
10715
|
label: "Fin",
|
10140
10716
|
type: TYPES.STRING,
|
10141
|
-
format: FORMATS.DATE
|
10717
|
+
format: FORMATS$1.DATE
|
10142
10718
|
}, {
|
10143
10719
|
id: "resourceID",
|
10144
10720
|
label: "Recurso"
|
@@ -10193,10 +10769,12 @@ exports.CheckBox = CheckBox;
|
|
10193
10769
|
exports.Chip = Chip;
|
10194
10770
|
exports.Chips = Chips;
|
10195
10771
|
exports.CircularProgress = CircularProgress;
|
10196
|
-
exports.CollectionContext = CollectionContext;
|
10197
|
-
exports.
|
10198
|
-
exports.
|
10199
|
-
exports.
|
10772
|
+
exports.CollectionContext = CollectionContext$1;
|
10773
|
+
exports.CollectionContext2 = CollectionContext;
|
10774
|
+
exports.CollectionEditor = CollectionEditor$2;
|
10775
|
+
exports.CollectionFilters = CollectionFilters$1;
|
10776
|
+
exports.CollectionPage = CollectionPage$1;
|
10777
|
+
exports.CollectionPage2 = CollectionPage;
|
10200
10778
|
exports.CollectionTree = CollectionTree;
|
10201
10779
|
exports.ColorField = ColorField;
|
10202
10780
|
exports.Content = Content;
|
@@ -10210,7 +10788,7 @@ exports.Dialog = Dialog;
|
|
10210
10788
|
exports.DropDown = DropDown;
|
10211
10789
|
exports.EditContentDialog = EditContentDialog;
|
10212
10790
|
exports.EmptyMessage = EmptyMessage;
|
10213
|
-
exports.FORMATS = FORMATS;
|
10791
|
+
exports.FORMATS = FORMATS$1;
|
10214
10792
|
exports.FieldEditor = FieldEditor;
|
10215
10793
|
exports.FileExplorer = FileExplorer;
|
10216
10794
|
exports.FilesGrid = FilesGrid;
|