@allthings/structured-ticket-form 3.0.2 → 4.0.0
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/lib/assets/svg/VectorIcon.d.ts +2 -3
- package/lib/assets/svg/VectorIcon.js +13 -10
- package/lib/assets/svg/VectorIcon.js.map +1 -1
- package/lib/components/atoms/ErrorMessage.js +20 -52
- package/lib/components/atoms/ErrorMessage.js.map +1 -1
- package/lib/components/atoms/LanguageSelector.js +49 -131
- package/lib/components/atoms/LanguageSelector.js.map +1 -1
- package/lib/components/atoms/SchemaHeader.js +28 -70
- package/lib/components/atoms/SchemaHeader.js.map +1 -1
- package/lib/components/molecules/CustomForm.d.ts +2 -3
- package/lib/components/molecules/CustomForm.js +54 -51
- package/lib/components/molecules/CustomForm.js.map +1 -1
- package/lib/components/molecules/SchemaEditor.js +40 -29
- package/lib/components/molecules/SchemaEditor.js.map +1 -1
- package/lib/components/organism/StructuredTicketEditor.js +55 -59
- package/lib/components/organism/StructuredTicketEditor.js.map +1 -1
- package/package.json +10 -8
- package/coverage/clover.xml +0 -142
- package/coverage/coverage-final.json +0 -3
- package/coverage/lcov-report/base.css +0 -224
- package/coverage/lcov-report/block-navigation.js +0 -87
- package/coverage/lcov-report/favicon.png +0 -0
- package/coverage/lcov-report/jsonFormUtils.ts.html +0 -988
- package/coverage/lcov-report/prettify.css +0 -1
- package/coverage/lcov-report/prettify.js +0 -2
- package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
- package/coverage/lcov-report/sorter.js +0 -196
- package/coverage/lcov-report/translator.tsx.html +0 -427
- package/coverage/lcov.info +0 -383
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
2
6
|
var __assign = (this && this.__assign) || function () {
|
|
3
7
|
__assign = Object.assign || function(t) {
|
|
4
8
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -10,6 +14,29 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
14
|
};
|
|
11
15
|
return __assign.apply(this, arguments);
|
|
12
16
|
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
13
40
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
41
|
var t = {};
|
|
15
42
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -21,31 +48,19 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
48
|
}
|
|
22
49
|
return t;
|
|
23
50
|
};
|
|
51
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
|
+
};
|
|
24
54
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
55
|
exports.CustomForm = void 0;
|
|
26
|
-
|
|
27
|
-
var react_1 = require("@emotion/react");
|
|
28
|
-
var styles_1 = require("@mui/material/styles");
|
|
56
|
+
var styles_1 = require("@material-ui/core/styles");
|
|
29
57
|
var core_1 = require("@rjsf/core");
|
|
30
|
-
var
|
|
31
|
-
var
|
|
58
|
+
var material_ui_1 = require("@rjsf/material-ui");
|
|
59
|
+
var react_1 = __importStar(require("react"));
|
|
60
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
32
61
|
var translator_1 = require("../../translator");
|
|
33
|
-
var
|
|
34
|
-
|
|
35
|
-
display: 'flex',
|
|
36
|
-
flexDirection: 'column',
|
|
37
|
-
width: '100%',
|
|
38
|
-
height: '100%',
|
|
39
|
-
marginTop: '10px',
|
|
40
|
-
padding: 0,
|
|
41
|
-
overflowY: 'auto',
|
|
42
|
-
overflowX: 'hidden',
|
|
43
|
-
}),
|
|
44
|
-
hiddenButton: (0, react_1.css)({
|
|
45
|
-
visibility: 'hidden',
|
|
46
|
-
opacity: 0,
|
|
47
|
-
}),
|
|
48
|
-
};
|
|
62
|
+
var FormContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n margin-top: 10px;\n padding: 0;\n overflow-y: auto;\n overflow-x: hidden;\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n margin-top: 10px;\n padding: 0;\n overflow-y: auto;\n overflow-x: hidden;\n"])));
|
|
63
|
+
var HiddenButton = styled_components_1.default.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n visibility: false;\n opacity: 0;\n"], ["\n visibility: false;\n opacity: 0;\n"])));
|
|
49
64
|
var theme = (0, styles_1.createTheme)({
|
|
50
65
|
typography: {
|
|
51
66
|
h5: {
|
|
@@ -53,54 +68,42 @@ var theme = (0, styles_1.createTheme)({
|
|
|
53
68
|
},
|
|
54
69
|
fontSize: 14,
|
|
55
70
|
},
|
|
56
|
-
|
|
71
|
+
overrides: {
|
|
57
72
|
MuiFormControl: {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
overflow: 'hidden',
|
|
61
|
-
},
|
|
73
|
+
root: {
|
|
74
|
+
overflow: 'hidden',
|
|
62
75
|
},
|
|
63
76
|
},
|
|
64
77
|
MuiFormLabel: {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
fontSize: 14,
|
|
68
|
-
},
|
|
78
|
+
root: {
|
|
79
|
+
fontSize: 14,
|
|
69
80
|
},
|
|
70
81
|
},
|
|
71
82
|
MuiDivider: {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
height: 0,
|
|
76
|
-
},
|
|
83
|
+
root: {
|
|
84
|
+
visibility: 'hidden',
|
|
85
|
+
height: 0,
|
|
77
86
|
},
|
|
78
87
|
},
|
|
79
88
|
MuiInputLabel: {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
position: 'static',
|
|
83
|
-
},
|
|
84
|
-
},
|
|
85
|
-
},
|
|
86
|
-
MuiTextField: {
|
|
87
|
-
defaultProps: {
|
|
88
|
-
variant: 'standard',
|
|
89
|
+
formControl: {
|
|
90
|
+
position: 'static',
|
|
89
91
|
},
|
|
90
92
|
},
|
|
91
93
|
},
|
|
92
94
|
});
|
|
93
|
-
var Form = (0, core_1.withTheme)(
|
|
95
|
+
var Form = (0, core_1.withTheme)(material_ui_1.Theme);
|
|
94
96
|
function CustomForm(props) {
|
|
95
97
|
var schema = props.schema, languageSchema = props.languageSchema, currentLanguage = props.currentLanguage, restProps = __rest(props, ["schema", "languageSchema", "currentLanguage"]);
|
|
96
|
-
var _a = (0,
|
|
97
|
-
(0,
|
|
98
|
+
var _a = (0, react_1.useState)((0, translator_1.translateSchema)(schema, currentLanguage, languageSchema)), translatedSchema = _a[0], setTranslatedSchema = _a[1];
|
|
99
|
+
(0, react_1.useEffect)(function () {
|
|
98
100
|
setTranslatedSchema((0, translator_1.translateSchema)(schema, currentLanguage, languageSchema));
|
|
99
101
|
}, [languageSchema, schema, currentLanguage]);
|
|
100
|
-
return (
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
102
|
+
return (react_1.default.createElement(FormContainer, null,
|
|
103
|
+
react_1.default.createElement(styles_1.ThemeProvider, { theme: theme },
|
|
104
|
+
react_1.default.createElement(Form, __assign({ schema: translatedSchema }, restProps),
|
|
105
|
+
react_1.default.createElement(HiddenButton, { disabled: true, type: "submit" })))));
|
|
104
106
|
}
|
|
105
107
|
exports.CustomForm = CustomForm;
|
|
108
|
+
var templateObject_1, templateObject_2;
|
|
106
109
|
//# sourceMappingURL=CustomForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomForm.js","sourceRoot":"","sources":["../../../src/components/molecules/CustomForm.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CustomForm.js","sourceRoot":"","sources":["../../../src/components/molecules/CustomForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAqE;AACrE,mCAAsC;AACtC,iDAA4D;AAE5D,6CAA2D;AAC3D,wEAAsC;AAEtC,+CAA8C;AAE9C,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,qOAAA,kKAS/B,IAAA,CAAA;AAED,IAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,4GAAA,yCAGjC,IAAA,CAAA;AAED,IAAM,KAAK,GAAG,IAAA,oBAAW,EAAC;IACxB,UAAU,EAAE;QACV,EAAE,EAAE;YACF,QAAQ,EAAE,EAAE;SACb;QACD,QAAQ,EAAE,EAAE;KACb;IACD,SAAS,EAAE;QACT,cAAc,EAAE;YACd,IAAI,EAAE;gBACJ,QAAQ,EAAE,QAAQ;aACnB;SACF;QACD,YAAY,EAAE;YACZ,IAAI,EAAE;gBACJ,QAAQ,EAAE,EAAE;aACb;SACF;QACD,UAAU,EAAE;YACV,IAAI,EAAE;gBACJ,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,CAAC;aACV;SACF;QACD,aAAa,EAAE;YACb,WAAW,EAAE;gBACX,QAAQ,EAAE,QAAQ;aACnB;SACF;KACF;CACF,CAAC,CAAA;AAEF,IAAM,IAAI,GAAG,IAAA,gBAAS,EAAC,mBAAe,CAAC,CAAA;AAEvC,SAAgB,UAAU,CAAI,KAAyB;IAC7C,IAAA,MAAM,GAAoD,KAAK,OAAzD,EAAE,cAAc,GAAoC,KAAK,eAAzC,EAAE,eAAe,GAAmB,KAAK,gBAAxB,EAAK,SAAS,UAAK,KAAK,EAAjE,+CAAyD,CAAF,CAAU;IACjE,IAAA,KAA0C,IAAA,gBAAQ,EACtD,IAAA,4BAAe,EAAC,MAAM,EAAE,eAAe,EAAE,cAAc,CAAC,CACzD,EAFM,gBAAgB,QAAA,EAAE,mBAAmB,QAE3C,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,mBAAmB,CACjB,IAAA,4BAAe,EAAC,MAAM,EAAE,eAAe,EAAE,cAAc,CAAC,CACzD,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,eAAe,CAAC,CAAC,CAAA;IAE7C,OAAO,CACL,8BAAC,aAAa;QACZ,8BAAC,sBAAa,IAAC,KAAK,EAAE,KAAK;YACzB,8BAAC,IAAI,aAAC,MAAM,EAAE,gBAAgB,IAAM,SAAS;gBAC3C,8BAAC,YAAY,IAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,GAAG,CACzC,CACO,CACF,CACjB,CAAA;AACH,CAAC;AArBD,gCAqBC"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
2
6
|
var __assign = (this && this.__assign) || function () {
|
|
3
7
|
__assign = Object.assign || function(t) {
|
|
4
8
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -10,40 +14,46 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
14
|
};
|
|
11
15
|
return __assign.apply(this, arguments);
|
|
12
16
|
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
13
40
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
41
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
42
|
};
|
|
16
43
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
44
|
exports.SchemaEditor = void 0;
|
|
18
|
-
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var react_3 = require("react");
|
|
45
|
+
var react_1 = __importDefault(require("@monaco-editor/react"));
|
|
46
|
+
var react_2 = __importStar(require("react"));
|
|
47
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
22
48
|
var components_1 = require("..");
|
|
23
49
|
var models_1 = require("../../models");
|
|
24
50
|
var style_1 = require("../../style");
|
|
25
|
-
var
|
|
26
|
-
|
|
27
|
-
display: 'flex',
|
|
28
|
-
flex: 1,
|
|
29
|
-
flexDirection: 'column',
|
|
30
|
-
height: '100%',
|
|
31
|
-
position: 'relative',
|
|
32
|
-
}),
|
|
33
|
-
schemaField: (0, react_1.css)({
|
|
34
|
-
display: 'flex',
|
|
35
|
-
flexDirection: 'column',
|
|
36
|
-
height: '100%',
|
|
37
|
-
border: '1px solid',
|
|
38
|
-
borderBottomLeftRadius: '5px',
|
|
39
|
-
borderBottomRightRadius: '5px',
|
|
40
|
-
borderColor: "".concat(style_1.colors.borderSchema, "1"),
|
|
41
|
-
}),
|
|
42
|
-
};
|
|
51
|
+
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n flex-direction: column;\n height: 100%;\n position: relative;\n"], ["\n display: flex;\n flex: 1;\n flex-direction: column;\n height: 100%;\n position: relative;\n"])));
|
|
52
|
+
var SchemaField = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n border: 1px solid;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n border-color: ", "1;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n border: 1px solid;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n border-color: ", "1;\n"])), style_1.colors.borderSchema);
|
|
43
53
|
var bJSON = function (o) { return JSON.stringify(o, null, 4); };
|
|
44
54
|
var SchemaEditor = function (_a) {
|
|
45
55
|
var fullFormSchema = _a.fullFormSchema, activeTab = _a.activeTab, setActiveTab = _a.setActiveTab, currentEditorValue = _a.currentEditorValue, setCurrentEditorValue = _a.setCurrentEditorValue, buttonValidateText = _a.buttonValidateText, buttonTranslatorText = _a.buttonTranslatorText, onValidate = _a.onValidate;
|
|
46
|
-
(0,
|
|
56
|
+
(0, react_2.useEffect)(function () {
|
|
47
57
|
var _a;
|
|
48
58
|
setCurrentEditorValue((_a = {},
|
|
49
59
|
_a[models_1.EditorTab.JSON] = bJSON(fullFormSchema.JSON),
|
|
@@ -51,12 +61,12 @@ var SchemaEditor = function (_a) {
|
|
|
51
61
|
_a[models_1.EditorTab.UI] = bJSON(fullFormSchema.UI),
|
|
52
62
|
_a));
|
|
53
63
|
}, [fullFormSchema]);
|
|
54
|
-
return (
|
|
55
|
-
|
|
64
|
+
return (react_2.default.createElement(Container, null,
|
|
65
|
+
react_2.default.createElement(components_1.SchemaHeader, { activeTab: activeTab, buttonTranslatorText: buttonTranslatorText, buttonValidateText: buttonValidateText, onValidate: function () {
|
|
56
66
|
onValidate();
|
|
57
67
|
}, setActiveTab: setActiveTab }),
|
|
58
|
-
activeTab === models_1.EditorTab.JSON && (
|
|
59
|
-
(
|
|
68
|
+
activeTab === models_1.EditorTab.JSON && (react_2.default.createElement(SchemaField, null,
|
|
69
|
+
react_2.default.createElement(react_1.default, { defaultLanguage: "json", defaultValue: '{}', height: "100%", onChange: function (v) {
|
|
60
70
|
return setCurrentEditorValue(function (old) {
|
|
61
71
|
var _a;
|
|
62
72
|
return (__assign(__assign({}, old), (_a = {}, _a[activeTab] = v || '', _a)));
|
|
@@ -66,8 +76,8 @@ var SchemaEditor = function (_a) {
|
|
|
66
76
|
enabled: false,
|
|
67
77
|
},
|
|
68
78
|
}, value: currentEditorValue[activeTab] }))),
|
|
69
|
-
activeTab === models_1.EditorTab.TRANSLATION && (
|
|
70
|
-
(
|
|
79
|
+
activeTab === models_1.EditorTab.TRANSLATION && (react_2.default.createElement(SchemaField, null,
|
|
80
|
+
react_2.default.createElement(react_1.default, { defaultLanguage: "json", defaultValue: '{}', onChange: function (v) {
|
|
71
81
|
return setCurrentEditorValue(function (old) {
|
|
72
82
|
var _a;
|
|
73
83
|
return (__assign(__assign({}, old), (_a = {}, _a[activeTab] = v || '', _a)));
|
|
@@ -79,4 +89,5 @@ var SchemaEditor = function (_a) {
|
|
|
79
89
|
}, value: currentEditorValue[activeTab] })))));
|
|
80
90
|
};
|
|
81
91
|
exports.SchemaEditor = SchemaEditor;
|
|
92
|
+
var templateObject_1, templateObject_2;
|
|
82
93
|
//# sourceMappingURL=SchemaEditor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SchemaEditor.js","sourceRoot":"","sources":["../../../src/components/molecules/SchemaEditor.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SchemaEditor.js","sourceRoot":"","sources":["../../../src/components/molecules/SchemaEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+DAAyC;AACzC,6CAAwC;AACxC,wEAAsC;AACtC,iCAA2C;AAC3C,uCAA0D;AAC1D,qCAAgC;AAEhC,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,wKAAA,qGAM3B,IAAA,CAAA;AAED,IAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,0PAAA,+KAOZ,EAAmB,MACpC,KADiB,cAAM,CAAC,YAAY,CACpC,CAAA;AAED,IAAM,KAAK,GAAG,UAAC,CAAM,IAAK,OAAA,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAA1B,CAA0B,CAAA;AAE7C,IAAM,YAAY,GAAmC,UAAC,EAS5D;QARC,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,kBAAkB,wBAAA,EAClB,qBAAqB,2BAAA,EACrB,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA,EACpB,UAAU,gBAAA;IAEV,IAAA,iBAAS,EAAC;;QACR,qBAAqB;YACnB,GAAC,kBAAS,CAAC,IAAI,IAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;YAC5C,GAAC,kBAAS,CAAC,WAAW,IAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;YAC1D,GAAC,kBAAS,CAAC,EAAE,IAAG,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC;gBACxC,CAAA;IACJ,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,yBAAY,IACX,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAAE,oBAAoB,EAC1C,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE;gBACV,UAAU,EAAE,CAAA;YACd,CAAC,EACD,YAAY,EAAE,YAAY,GAC1B;QACD,SAAS,KAAK,kBAAS,CAAC,IAAI,IAAI,CAC/B,8BAAC,WAAW;YACV,8BAAC,eAAM,IACL,eAAe,EAAC,MAAM,EACtB,YAAY,EAAE,IAAc,EAC5B,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,qBAAqB,CAAC,UAAC,GAAG;;wBAAK,OAAA,uBAC1B,GAAG,gBACL,SAAS,IAAG,CAAC,IAAI,EAAE,OACpB;oBAH6B,CAG7B,CAAC;gBAHH,CAGG,EAEL,OAAO,EAAE;oBACP,OAAO,EAAE;wBACP,OAAO,EAAE,KAAK;qBACf;iBACF,EACD,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,GACpC,CACU,CACf;QACA,SAAS,KAAK,kBAAS,CAAC,WAAW,IAAI,CACtC,8BAAC,WAAW;YACV,8BAAC,eAAM,IACL,eAAe,EAAC,MAAM,EACtB,YAAY,EAAE,IAAc,EAC5B,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,qBAAqB,CAAC,UAAC,GAAG;;wBAAK,OAAA,uBAC1B,GAAG,gBACL,SAAS,IAAG,CAAC,IAAI,EAAE,OACpB;oBAH6B,CAG7B,CAAC;gBAHH,CAGG,EAEL,OAAO,EAAE;oBACP,OAAO,EAAE;wBACP,OAAO,EAAE,KAAK;qBACf;iBACF,EACD,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,GACpC,CACU,CACf,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAxEY,QAAA,YAAY,gBAwExB"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
2
6
|
var __assign = (this && this.__assign) || function () {
|
|
3
7
|
__assign = Object.assign || function(t) {
|
|
4
8
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -10,76 +14,67 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
14
|
};
|
|
11
15
|
return __assign.apply(this, arguments);
|
|
12
16
|
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
13
40
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
41
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
42
|
};
|
|
16
43
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
44
|
exports.StructuredTicketEditor = void 0;
|
|
18
|
-
|
|
19
|
-
var
|
|
20
|
-
var validator_ajv8_1 = __importDefault(require("@rjsf/validator-ajv8"));
|
|
21
|
-
var react_2 = require("react");
|
|
45
|
+
var react_1 = __importStar(require("react"));
|
|
46
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
22
47
|
var components_1 = require("..");
|
|
23
48
|
var models_1 = require("../../models");
|
|
24
49
|
var colors_1 = require("../../style/colors");
|
|
25
|
-
var
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
height: '100%',
|
|
30
|
-
width: '100%',
|
|
31
|
-
position: 'relative',
|
|
32
|
-
}),
|
|
33
|
-
schemaEditorContainer: (0, react_1.css)({
|
|
34
|
-
width: '55%',
|
|
35
|
-
}),
|
|
36
|
-
customFormContainer: (0, react_1.css)({
|
|
37
|
-
display: 'flex',
|
|
38
|
-
flexDirection: 'column',
|
|
39
|
-
width: '45%',
|
|
40
|
-
marginLeft: '20px',
|
|
41
|
-
}),
|
|
42
|
-
errorRefreshContainer: (0, react_1.css)({
|
|
43
|
-
position: 'absolute',
|
|
44
|
-
left: '50%',
|
|
45
|
-
top: '50%',
|
|
46
|
-
transform: 'translate(-50%, -50%)',
|
|
47
|
-
textAlign: 'center',
|
|
48
|
-
zIndex: 100,
|
|
49
|
-
fontSize: '20px',
|
|
50
|
-
fontWeight: 'bold',
|
|
51
|
-
color: "".concat(colors_1.colors.lightGray, "1"),
|
|
52
|
-
transition: 'ease-in 2s',
|
|
53
|
-
backgroundColor: colors_1.colors.whiteIntense,
|
|
54
|
-
borderRadius: '10px',
|
|
55
|
-
border: '2px solid white',
|
|
56
|
-
boxShadow: '25px 28px 66px #bec3c7',
|
|
57
|
-
}),
|
|
58
|
-
};
|
|
50
|
+
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n height: 100%;\n width: 100%;\n position: relative;\n"], ["\n display: flex;\n flex-direction: row;\n height: 100%;\n width: 100%;\n position: relative;\n"])));
|
|
51
|
+
var SchemaEditorContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 55%;\n"], ["\n width: 55%;\n"])));
|
|
52
|
+
var CustomFormContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 45%;\n margin-left: 20px;\n"], ["\n display: flex;\n flex-direction: column;\n width: 45%;\n margin-left: 20px;\n"])));
|
|
53
|
+
var ErrorRefreshContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n z-index: 100;\n font-size: 20px;\n font-weight: bold;\n color: ", "1;\n transition: ease-in 2s;\n background-color: ", ";\n border-radius: 10px;\n border: 2px solid white;\n box-shadow: 25px 28px 66px #bec3c7;\n"], ["\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n z-index: 100;\n font-size: 20px;\n font-weight: bold;\n color: ", "1;\n transition: ease-in 2s;\n background-color: ", ";\n border-radius: 10px;\n border: 2px solid white;\n box-shadow: 25px 28px 66px #bec3c7;\n"])), colors_1.colors.lightGray, colors_1.colors.whiteIntense);
|
|
59
54
|
var bJSON = function (o) { return JSON.stringify(o, null, 4); };
|
|
60
55
|
var languages = ['de_DE', 'en_US', 'fr_FR', 'it_IT', 'nl_NL', 'pt_PT'];
|
|
61
56
|
var StructuredTicketEditor = function (_a) {
|
|
62
57
|
var _b, _c;
|
|
63
58
|
var fullFormSchema = _a.fullFormSchema, languageDisplay = _a.languageDisplay, onSaveButton = _a.onSaveButton, buttonSaveText = _a.buttonSaveText, isValidate = _a.isValidate, setIsValidate = _a.setIsValidate, setChangedSchema = _a.setChangedSchema, errorTextJson = _a.errorTextJson, errorTextButton = _a.errorTextButton, errorTextHead = _a.errorTextHead, errorTextTranslator = _a.errorTextTranslator, multiErrorText = _a.multiErrorText, headerLanguageSelectorText = _a.headerLanguageSelectorText, buttonValidateText = _a.buttonValidateText, buttonTranslatorText = _a.buttonTranslatorText;
|
|
64
|
-
var _d = (0,
|
|
65
|
-
var _e = (0,
|
|
66
|
-
var _f = (0,
|
|
59
|
+
var _d = (0, react_1.useState)(models_1.EditorTab.JSON), activeTab = _d[0], setActiveTab = _d[1];
|
|
60
|
+
var _e = (0, react_1.useState)(languageDisplay.display), currentLanguage = _e[0], setCurrentLanguage = _e[1];
|
|
61
|
+
var _f = (0, react_1.useState)((_b = {},
|
|
67
62
|
_b[models_1.EditorTab.JSON] = fullFormSchema.JSON,
|
|
68
63
|
_b[models_1.EditorTab.TRANSLATION] = fullFormSchema.TRANSLATION,
|
|
69
64
|
_b[models_1.EditorTab.UI] = fullFormSchema.UI,
|
|
70
65
|
_b)), currentEditorSchema = _f[0], setCurrentEditorSchema = _f[1];
|
|
71
|
-
var _g = (0,
|
|
66
|
+
var _g = (0, react_1.useState)((_c = {},
|
|
72
67
|
_c[models_1.EditorTab.JSON] = bJSON(fullFormSchema.JSON),
|
|
73
68
|
_c[models_1.EditorTab.TRANSLATION] = bJSON(fullFormSchema.TRANSLATION),
|
|
74
69
|
_c[models_1.EditorTab.UI] = bJSON(fullFormSchema.UI),
|
|
75
70
|
_c)), currentEditorValue = _g[0], setCurrentEditorValue = _g[1];
|
|
76
|
-
var _h = (0,
|
|
77
|
-
var _j = (0,
|
|
71
|
+
var _h = (0, react_1.useState)(false), isAddedNewTranslations = _h[0], setIsAddedNewTranslations = _h[1];
|
|
72
|
+
var _j = (0, react_1.useState)({
|
|
78
73
|
errorTextButton: errorTextButton || 'OK',
|
|
79
74
|
errorTextHead: errorTextHead || 'Error',
|
|
80
75
|
errorText: 'Syntax Error',
|
|
81
76
|
}), ErrorMessages = _j[0], setErrorMessages = _j[1];
|
|
82
|
-
var _k = (0,
|
|
77
|
+
var _k = (0, react_1.useState)([]), errorValidateStatus = _k[0], setErrorValidateStatus = _k[1];
|
|
83
78
|
var ParseToJSON = function () {
|
|
84
79
|
var _a;
|
|
85
80
|
setCurrentEditorSchema(__assign(__assign({}, currentEditorSchema), (_a = {}, _a[models_1.EditorTab.JSON] = JSON.parse(currentEditorValue[models_1.EditorTab.JSON]), _a[models_1.EditorTab.UI] = JSON.parse(currentEditorValue[models_1.EditorTab.UI]), _a)));
|
|
@@ -158,12 +153,12 @@ var StructuredTicketEditor = function (_a) {
|
|
|
158
153
|
}
|
|
159
154
|
}
|
|
160
155
|
};
|
|
161
|
-
(0,
|
|
156
|
+
(0, react_1.useEffect)(function () {
|
|
162
157
|
if (isValidate) {
|
|
163
158
|
addNewTranslations();
|
|
164
159
|
}
|
|
165
160
|
}, [isValidate]);
|
|
166
|
-
(0,
|
|
161
|
+
(0, react_1.useEffect)(function () {
|
|
167
162
|
var _a;
|
|
168
163
|
if (currentEditorSchema.JSON.properties) {
|
|
169
164
|
var objectKey = Object.keys(currentEditorSchema.JSON.properties);
|
|
@@ -188,7 +183,7 @@ var StructuredTicketEditor = function (_a) {
|
|
|
188
183
|
setCurrentEditorSchema(newStructuredFormState_1);
|
|
189
184
|
}
|
|
190
185
|
}, [currentEditorSchema]);
|
|
191
|
-
(0,
|
|
186
|
+
(0, react_1.useEffect)(function () {
|
|
192
187
|
if (!isAddedNewTranslations) {
|
|
193
188
|
setIsValidate(false);
|
|
194
189
|
try {
|
|
@@ -201,7 +196,7 @@ var StructuredTicketEditor = function (_a) {
|
|
|
201
196
|
}
|
|
202
197
|
setIsAddedNewTranslations(false);
|
|
203
198
|
}, [currentEditorValue, fullFormSchema]);
|
|
204
|
-
(0,
|
|
199
|
+
(0, react_1.useEffect)(function () {
|
|
205
200
|
if (currentEditorSchema) {
|
|
206
201
|
var jsonStringSchema = bJSON(fullFormSchema.JSON);
|
|
207
202
|
var translationString = bJSON(fullFormSchema.TRANSLATION);
|
|
@@ -215,7 +210,7 @@ var StructuredTicketEditor = function (_a) {
|
|
|
215
210
|
}
|
|
216
211
|
}
|
|
217
212
|
}, [currentEditorValue, currentEditorSchema]);
|
|
218
|
-
(0,
|
|
213
|
+
(0, react_1.useEffect)(function () {
|
|
219
214
|
if (errorValidateStatus.length > 0) {
|
|
220
215
|
var errorJson = errorValidateStatus.find(function (v) { return v === 'JSON'; });
|
|
221
216
|
var errorTranslator = errorValidateStatus.find(function (v) { return v === 'Translator'; });
|
|
@@ -230,19 +225,20 @@ var StructuredTicketEditor = function (_a) {
|
|
|
230
225
|
}
|
|
231
226
|
}
|
|
232
227
|
}, [errorValidateStatus]);
|
|
233
|
-
(0,
|
|
228
|
+
(0, react_1.useEffect)(function () {
|
|
234
229
|
onValidateSchema();
|
|
235
230
|
}, []);
|
|
236
|
-
return (
|
|
237
|
-
errorValidateStatus.length > 0 && (
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
231
|
+
return (react_1.default.createElement(Container, null,
|
|
232
|
+
errorValidateStatus.length > 0 && (react_1.default.createElement(ErrorRefreshContainer, null,
|
|
233
|
+
react_1.default.createElement(components_1.ErrorMessage, { errorText: ErrorMessages.errorText, errorTextButton: ErrorMessages.errorTextButton, errorTextHead: ErrorMessages.errorTextHead, onClick: function () { return setErrorValidateStatus([]); } }))),
|
|
234
|
+
react_1.default.createElement(SchemaEditorContainer, null,
|
|
235
|
+
react_1.default.createElement(components_1.SchemaEditor, { activeTab: activeTab, buttonTranslatorText: buttonTranslatorText, buttonValidateText: buttonValidateText, currentEditorValue: currentEditorValue, fullFormSchema: fullFormSchema, onValidate: function () { return onValidateSchema(); }, setActiveTab: setActiveTab, setCurrentEditorSchema: function (jsonSchema) { return setCurrentEditorSchema(jsonSchema); }, setCurrentEditorValue: function (val) {
|
|
241
236
|
return setCurrentEditorValue(val);
|
|
242
237
|
} })),
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
238
|
+
react_1.default.createElement(CustomFormContainer, null,
|
|
239
|
+
react_1.default.createElement(components_1.LanguageSelector, { buttonSaveText: buttonSaveText, headerLanguageSelectorText: headerLanguageSelectorText, isActive: isValidate, languageDisplay: languageDisplay, onClickButton: onSaveSchema, onSelectLanguage: setCurrentLanguage, selectedLanguage: currentLanguage }),
|
|
240
|
+
react_1.default.createElement(components_1.CustomForm, { currentLanguage: currentLanguage.key, languageSchema: currentEditorSchema[models_1.EditorTab.TRANSLATION], schema: currentEditorSchema[models_1.EditorTab.JSON] }))));
|
|
246
241
|
};
|
|
247
242
|
exports.StructuredTicketEditor = StructuredTicketEditor;
|
|
243
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
248
244
|
//# sourceMappingURL=StructuredTicketEditor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StructuredTicketEditor.js","sourceRoot":"","sources":["../../../src/components/organism/StructuredTicketEditor.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StructuredTicketEditor.js","sourceRoot":"","sources":["../../../src/components/organism/StructuredTicketEditor.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@allthings/structured-ticket-form",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"description": "Simple component to create and edit jsonSchemaForm with possibility to adding translated fields and custom UISchema.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"private": false,
|
|
@@ -38,7 +38,6 @@
|
|
|
38
38
|
"@types/react": "17.0.65",
|
|
39
39
|
"@types/react-dom": "17.0.20",
|
|
40
40
|
"@types/react-jsonschema-form": "1.7.9",
|
|
41
|
-
"@types/styled-components": "5.1.28",
|
|
42
41
|
"@typescript-eslint/eslint-plugin": "5.62.0",
|
|
43
42
|
"@typescript-eslint/parser": "5.62.0",
|
|
44
43
|
"eslint": "7.32.0",
|
|
@@ -68,15 +67,18 @@
|
|
|
68
67
|
"react-dom": "^16.8 || ^17"
|
|
69
68
|
},
|
|
70
69
|
"dependencies": {
|
|
71
|
-
"@
|
|
72
|
-
"@
|
|
70
|
+
"@emotion/react": "^11.11.1",
|
|
71
|
+
"@emotion/styled": "^11.11.0",
|
|
73
72
|
"@monaco-editor/react": "^4.4.5",
|
|
74
|
-
"@
|
|
75
|
-
"@
|
|
73
|
+
"@mui/icons-material": "^5.14.7",
|
|
74
|
+
"@mui/material": "^5.14.7",
|
|
75
|
+
"@rjsf/core": "^5.12.1",
|
|
76
|
+
"@rjsf/mui": "^5.12.1",
|
|
77
|
+
"@rjsf/utils": "^5.12.1",
|
|
78
|
+
"@rjsf/validator-ajv8": "^5.12.1",
|
|
76
79
|
"json-schema": "^0.4.0",
|
|
77
80
|
"lodash": "^4.17.21",
|
|
78
|
-
"react-jsonschema-form": "^1.8.1"
|
|
79
|
-
"styled-components": "^5.3.5"
|
|
81
|
+
"react-jsonschema-form": "^1.8.1"
|
|
80
82
|
},
|
|
81
83
|
"commitlint": {
|
|
82
84
|
"extends": [
|