@allthings/structured-ticket-form 3.0.2 → 4.0.0-dev.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.js +1 -1
- package/lib/assets/svg/VectorIcon.js.map +1 -1
- package/lib/components/atoms/ErrorMessage.d.ts +2 -2
- package/lib/components/atoms/ErrorMessage.js +27 -27
- package/lib/components/atoms/ErrorMessage.js.map +1 -1
- package/lib/components/atoms/LanguageSelector.d.ts +2 -2
- package/lib/components/atoms/LanguageSelector.js +82 -82
- package/lib/components/atoms/LanguageSelector.js.map +1 -1
- package/lib/components/atoms/SchemaHeader.d.ts +2 -2
- package/lib/components/atoms/SchemaHeader.js +34 -33
- package/lib/components/atoms/SchemaHeader.js.map +1 -1
- package/lib/components/atoms/index.d.ts +1 -1
- package/lib/components/atoms/index.js +1 -1
- package/lib/components/atoms/index.js.map +1 -1
- package/lib/components/molecules/CustomForm.d.ts +2 -2
- package/lib/components/molecules/CustomForm.js +20 -20
- package/lib/components/molecules/CustomForm.js.map +1 -1
- package/lib/components/molecules/SchemaEditor.d.ts +2 -2
- package/lib/components/molecules/SchemaEditor.js +4 -4
- package/lib/components/molecules/SchemaEditor.js.map +1 -1
- package/lib/components/molecules/index.d.ts +1 -1
- package/lib/components/molecules/index.js +1 -1
- package/lib/components/molecules/index.js.map +1 -1
- package/lib/components/organism/StructuredTicketEditor.d.ts +2 -2
- package/lib/components/organism/StructuredTicketEditor.js +83 -49
- package/lib/components/organism/StructuredTicketEditor.js.map +1 -1
- package/lib/hooks/index.d.ts +1 -1
- package/lib/hooks/index.js +4 -3
- package/lib/hooks/index.js.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/jsonFormUtils.d.ts +3 -3
- package/lib/jsonFormUtils.js +59 -55
- package/lib/jsonFormUtils.js.map +1 -1
- package/lib/jsonFormUtils.test.js +1 -0
- package/lib/jsonFormUtils.test.js.map +1 -1
- package/lib/models.d.ts +31 -31
- package/lib/models.js +1 -1
- package/lib/models.js.map +1 -1
- package/lib/style/colors.d.ts +10 -10
- package/lib/style/colors.js +10 -10
- package/lib/style/colors.js.map +1 -1
- package/lib/translator.js +9 -8
- package/lib/translator.js.map +1 -1
- package/package.json +102 -105
- 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
|
@@ -5,8 +5,8 @@ exports.VectorIcon = void 0;
|
|
|
5
5
|
var react_1 = require("@emotion/react");
|
|
6
6
|
var styles = {
|
|
7
7
|
svg: (0, react_1.css)({
|
|
8
|
-
width: '12px',
|
|
9
8
|
height: '8px',
|
|
9
|
+
width: '12px',
|
|
10
10
|
}),
|
|
11
11
|
};
|
|
12
12
|
var VectorIcon = function () { return ((0, react_1.jsx)("svg", { css: styles.svg, fill: "none", viewBox: "0 0 12 8", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VectorIcon.js","sourceRoot":"","sources":["../../../src/assets/svg/VectorIcon.tsx"],"names":[],"mappings":";;;AAAA,eAAe;AACf,wCAAyC;AAEzC,IAAM,MAAM,GAAG;IACb,GAAG,EAAE,IAAA,WAAG,EAAC;QACP,
|
|
1
|
+
{"version":3,"file":"VectorIcon.js","sourceRoot":"","sources":["../../../src/assets/svg/VectorIcon.tsx"],"names":[],"mappings":";;;AAAA,eAAe;AACf,wCAAyC;AAEzC,IAAM,MAAM,GAAG;IACb,GAAG,EAAE,IAAA,WAAG,EAAC;QACP,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,MAAM;KACd,CAAC;CACH,CAAA;AAEM,IAAM,UAAU,GAAG,cAAM,OAAA,CAC9B,0BACE,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,4BAA4B;IAElC,2BACE,CAAC,EAAC,yCAAyC,EAC3C,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,gBAAgB,EAAC,IAAI,GACrB,CACE,CACP,EAf+B,CAe/B,CAAA;AAfY,QAAA,UAAU,cAetB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export declare const ErrorMessage: React.FC<
|
|
2
|
+
import { IErrorMessageProperties } from "../../models";
|
|
3
|
+
export declare const ErrorMessage: React.FC<IErrorMessageProperties>;
|
|
@@ -5,48 +5,48 @@ exports.ErrorMessage = void 0;
|
|
|
5
5
|
var react_1 = require("@emotion/react");
|
|
6
6
|
var style_1 = require("../../style");
|
|
7
7
|
var styles = {
|
|
8
|
+
button: (0, react_1.css)({
|
|
9
|
+
alignItems: 'center',
|
|
10
|
+
backgroundColor: "".concat(style_1.colors.redMid),
|
|
11
|
+
borderRadius: '8px',
|
|
12
|
+
boxShadow: "-1px -1px 6px ".concat(style_1.colors.boxShadowGray, ", 1.5px 1.5px 3px ").concat(style_1.colors.boxShadowDark),
|
|
13
|
+
color: 'white',
|
|
14
|
+
cursor: 'pointer',
|
|
15
|
+
display: 'flex',
|
|
16
|
+
fontFamily: 'Roboto',
|
|
17
|
+
fontSize: '18px',
|
|
18
|
+
fontStyle: 'normal',
|
|
19
|
+
fontWeight: 500,
|
|
20
|
+
justifyContent: 'center',
|
|
21
|
+
padding: '8px',
|
|
22
|
+
width: '30%',
|
|
23
|
+
}),
|
|
8
24
|
container: (0, react_1.css)({
|
|
25
|
+
alignItems: 'center',
|
|
9
26
|
display: 'flex',
|
|
10
27
|
flexDirection: 'column',
|
|
11
|
-
alignItems: 'center',
|
|
12
28
|
margin: '5px',
|
|
13
29
|
}),
|
|
30
|
+
errorText: (0, react_1.css)({
|
|
31
|
+
color: "".concat(style_1.colors.darkBlueIntense, "1"),
|
|
32
|
+
fontFamily: 'Roboto',
|
|
33
|
+
fontSize: '18px',
|
|
34
|
+
fontStyle: 'normal',
|
|
35
|
+
fontWeight: 'normal',
|
|
36
|
+
}),
|
|
14
37
|
errorTextHead: (0, react_1.css)({
|
|
15
38
|
color: "".concat(style_1.colors.redMid),
|
|
16
39
|
fontFamily: 'Roboto',
|
|
40
|
+
fontSize: '18px',
|
|
17
41
|
fontStyle: 'normal',
|
|
18
42
|
fontWeight: 'bold',
|
|
19
|
-
fontSize: '18px',
|
|
20
43
|
textAlign: 'center',
|
|
21
44
|
}),
|
|
22
|
-
errorText: (0, react_1.css)({
|
|
23
|
-
fontFamily: 'Roboto',
|
|
24
|
-
fontStyle: 'normal',
|
|
25
|
-
fontWeight: 'normal',
|
|
26
|
-
fontSize: '18px',
|
|
27
|
-
color: "".concat(style_1.colors.darkBlueIntense, "1"),
|
|
28
|
-
}),
|
|
29
45
|
line: (0, react_1.css)({
|
|
30
|
-
|
|
46
|
+
backgroundColor: "".concat(style_1.colors.lineGray),
|
|
31
47
|
height: '1px',
|
|
32
48
|
marginBottom: '10px',
|
|
33
|
-
|
|
34
|
-
}),
|
|
35
|
-
button: (0, react_1.css)({
|
|
36
|
-
display: 'flex',
|
|
37
|
-
justifyContent: 'center',
|
|
38
|
-
alignItems: 'center',
|
|
39
|
-
boxShadow: "-1px -1px 6px ".concat(style_1.colors.boxShadowGray, ", 1.5px 1.5px 3px ").concat(style_1.colors.boxShadowDark),
|
|
40
|
-
backgroundColor: "".concat(style_1.colors.redMid),
|
|
41
|
-
color: 'white',
|
|
42
|
-
width: '30%',
|
|
43
|
-
borderRadius: '8px',
|
|
44
|
-
fontFamily: 'Roboto',
|
|
45
|
-
fontStyle: 'normal',
|
|
46
|
-
fontWeight: 500,
|
|
47
|
-
fontSize: '18px',
|
|
48
|
-
padding: '8px',
|
|
49
|
-
cursor: 'pointer',
|
|
49
|
+
width: '95%',
|
|
50
50
|
}),
|
|
51
51
|
};
|
|
52
52
|
var ErrorMessage = function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../src/components/atoms/ErrorMessage.tsx"],"names":[],"mappings":";;;AAAA,eAAe;AACf,wCAAyC;
|
|
1
|
+
{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../src/components/atoms/ErrorMessage.tsx"],"names":[],"mappings":";;;AAAA,eAAe;AACf,wCAAyC;AAIzC,qCAAgC;AAEhC,IAAM,MAAM,GAAG;IACb,MAAM,EAAE,IAAA,WAAG,EAAC;QACV,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,UAAG,cAAM,CAAC,MAAM,CAAE;QACnC,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,wBAAiB,cAAM,CAAC,aAAa,+BAAqB,cAAM,CAAC,aAAa,CAAE;QAC3F,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,GAAG;QACf,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,KAAK;KACb,CAAC;IACF,SAAS,EAAE,IAAA,WAAG,EAAC;QACb,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,KAAK;KACd,CAAC;IACF,SAAS,EAAE,IAAA,WAAG,EAAC;QACb,KAAK,EAAE,UAAG,cAAM,CAAC,eAAe,MAAG;QACnC,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,QAAQ;KACrB,CAAC;IACF,aAAa,EAAE,IAAA,WAAG,EAAC;QACjB,KAAK,EAAE,UAAG,cAAM,CAAC,MAAM,CAAE;QACzB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,QAAQ;KACpB,CAAC;IACF,IAAI,EAAE,IAAA,WAAG,EAAC;QACR,eAAe,EAAE,UAAG,cAAM,CAAC,QAAQ,CAAE;QACrC,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,MAAM;QACpB,KAAK,EAAE,KAAK;KACb,CAAC;CACH,CAAA;AAEM,IAAM,YAAY,GAAsC,UAAC,EAK/D;QAJC,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,OAAO,aAAA;IACH,OAAA,CACJ,0BAAK,GAAG,EAAE,MAAM,CAAC,SAAS;QACxB,yBAAI,GAAG,EAAE,MAAM,CAAC,aAAa,IAAG,aAAa,CAAM;QACnD,wBAAG,GAAG,EAAE,MAAM,CAAC,SAAS,IAAG,SAAS,CAAK;QACzC,2BAAM,GAAG,EAAE,MAAM,CAAC,IAAI,GAAI;QAC1B,0BAAK,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,IACtC,eAAe,CACZ,CACF,CACP;AATK,CASL,CAAA;AAdY,QAAA,YAAY,gBAcxB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export declare const LanguageSelector: React.FC<
|
|
2
|
+
import { ILanguageSelectorProperties } from "../../models";
|
|
3
|
+
export declare const LanguageSelector: React.FC<ILanguageSelectorProperties>;
|
|
@@ -32,87 +32,95 @@ var assets_1 = require("../../assets");
|
|
|
32
32
|
var hooks_1 = require("../../hooks");
|
|
33
33
|
var style_1 = require("../../style");
|
|
34
34
|
var styles = {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
35
|
+
button: function (isActive) {
|
|
36
|
+
return (0, react_1.css)({
|
|
37
|
+
':hover': {
|
|
38
|
+
backgroundColor: isActive
|
|
39
|
+
? "".concat(style_1.colors.midBlue, "ff")
|
|
40
|
+
: style_1.colors.deactiveButtonColor,
|
|
41
|
+
},
|
|
42
|
+
backgroundColor: isActive
|
|
43
|
+
? style_1.colors.activeButtonColor
|
|
44
|
+
: style_1.colors.deactiveButtonColor,
|
|
45
|
+
border: 'none',
|
|
46
|
+
borderRadius: '2px',
|
|
47
|
+
color: isActive ? 'white' : style_1.colors.dark,
|
|
48
|
+
cursor: 'pointer',
|
|
49
|
+
fontSize: '12px',
|
|
50
|
+
padding: '10px',
|
|
51
|
+
});
|
|
52
|
+
},
|
|
48
53
|
h4: (0, react_1.css)({
|
|
54
|
+
color: style_1.colors.lightBlack,
|
|
49
55
|
display: 'flex',
|
|
50
56
|
fontFamily: 'Open Sans',
|
|
57
|
+
fontSize: '14px',
|
|
51
58
|
fontStyle: 'normal',
|
|
52
59
|
fontWeight: 600,
|
|
53
|
-
fontSize: '14px',
|
|
54
|
-
color: style_1.colors.lightBlack,
|
|
55
60
|
}),
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
alignItems: 'center',
|
|
62
|
-
justifyContent: 'space-between',
|
|
63
|
-
border: 'medium none',
|
|
64
|
-
backgroundColor: 'rgb(255, 255, 255)',
|
|
65
|
-
boxShadow: isActive ? 'rgba(29, 29, 29, 0.125) 1px 1px 3px' : 'none',
|
|
66
|
-
padding: '0px 5px 0px 5px',
|
|
67
|
-
position: 'relative',
|
|
68
|
-
margin: '0px 20px 0px 20px',
|
|
69
|
-
});
|
|
70
|
-
},
|
|
71
|
-
selectContainer: (0, react_1.css)({
|
|
72
|
-
display: 'flex',
|
|
73
|
-
flexDirection: 'column',
|
|
74
|
-
position: 'absolute',
|
|
75
|
-
top: '60%',
|
|
76
|
-
right: 0,
|
|
77
|
-
width: '100%',
|
|
78
|
-
cursor: 'pointer',
|
|
61
|
+
languageContainer: (0, react_1.css)({
|
|
62
|
+
height: '36px',
|
|
63
|
+
marginLeft: '20px',
|
|
64
|
+
marginTop: '3px',
|
|
65
|
+
padding: 0,
|
|
79
66
|
}),
|
|
80
67
|
languageItem: (0, react_1.css)({
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
68
|
+
':hover': {
|
|
69
|
+
backgroundColor: 'rgb(249, 250, 251)',
|
|
70
|
+
},
|
|
84
71
|
alignItems: 'center',
|
|
85
|
-
|
|
86
|
-
padding: '10px 5px 10px 5px',
|
|
72
|
+
backgroundColor: 'rgb(255, 255, 255)',
|
|
87
73
|
boxShadow: 'rgba(29, 29, 29, 0.125) 1px 1px 3px',
|
|
88
74
|
color: style_1.colors.lightBlack,
|
|
75
|
+
cursor: 'pointer',
|
|
76
|
+
display: 'flex',
|
|
77
|
+
flex: 1,
|
|
78
|
+
flexDirection: 'column',
|
|
89
79
|
fontFamily: 'Open Sans',
|
|
80
|
+
fontSize: '13px',
|
|
90
81
|
fontStyle: 'normal',
|
|
91
82
|
fontWeight: 'normal',
|
|
92
|
-
|
|
93
|
-
|
|
83
|
+
justifyContent: 'center',
|
|
84
|
+
padding: '10px 5px 10px 5px',
|
|
94
85
|
zIndex: 10,
|
|
95
|
-
cursor: 'pointer',
|
|
96
|
-
':hover': {
|
|
97
|
-
backgroundColor: 'rgb(249, 250, 251)',
|
|
98
|
-
},
|
|
99
86
|
}),
|
|
100
87
|
languageWrapper: (0, react_1.css)({
|
|
101
|
-
display: 'flex',
|
|
102
|
-
flex: 1,
|
|
103
|
-
justifyContent: 'center',
|
|
104
|
-
cursor: 'pointer',
|
|
105
88
|
'& p': {
|
|
106
89
|
fontFamily: 'Open Sans',
|
|
90
|
+
fontSize: '13px',
|
|
107
91
|
fontStyle: 'normal',
|
|
108
92
|
fontWeight: 'normal',
|
|
109
|
-
fontSize: '13px',
|
|
110
93
|
textAlign: 'center',
|
|
111
94
|
},
|
|
95
|
+
cursor: 'pointer',
|
|
96
|
+
display: 'flex',
|
|
97
|
+
flex: 1,
|
|
98
|
+
justifyContent: 'center',
|
|
112
99
|
}),
|
|
113
|
-
|
|
114
|
-
|
|
100
|
+
selectContainer: (0, react_1.css)({
|
|
101
|
+
cursor: 'pointer',
|
|
102
|
+
display: 'flex',
|
|
103
|
+
flexDirection: 'column',
|
|
104
|
+
position: 'absolute',
|
|
105
|
+
right: 0,
|
|
106
|
+
top: '60%',
|
|
107
|
+
width: '100%',
|
|
115
108
|
}),
|
|
109
|
+
selectorWrapper: function (isActive) {
|
|
110
|
+
return (0, react_1.css)({
|
|
111
|
+
alignItems: 'center',
|
|
112
|
+
backgroundColor: 'rgb(255, 255, 255)',
|
|
113
|
+
border: 'medium none',
|
|
114
|
+
boxShadow: isActive ? 'rgba(29, 29, 29, 0.125) 1px 1px 3px' : 'none',
|
|
115
|
+
display: 'flex',
|
|
116
|
+
flex: 1,
|
|
117
|
+
flexDirection: 'row',
|
|
118
|
+
justifyContent: 'space-between',
|
|
119
|
+
margin: '0px 20px 0px 20px',
|
|
120
|
+
padding: '0px 5px 0px 5px',
|
|
121
|
+
position: 'relative',
|
|
122
|
+
});
|
|
123
|
+
},
|
|
116
124
|
vectorContainer: (0, react_1.css)({
|
|
117
125
|
cursor: 'pointer',
|
|
118
126
|
}),
|
|
@@ -120,30 +128,22 @@ var styles = {
|
|
|
120
128
|
transform: 'rotate(180deg)',
|
|
121
129
|
transition: 'transform 0.2s ease-out',
|
|
122
130
|
}),
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
cursor: 'pointer',
|
|
134
|
-
':hover': {
|
|
135
|
-
backgroundColor: isActive
|
|
136
|
-
? "".concat(style_1.colors.midBlue, "ff")
|
|
137
|
-
: style_1.colors.deactiveButtonColor,
|
|
138
|
-
},
|
|
139
|
-
});
|
|
140
|
-
},
|
|
131
|
+
vectorWrapper: (0, react_1.css)({
|
|
132
|
+
width: '15px',
|
|
133
|
+
}),
|
|
134
|
+
wrapper: (0, react_1.css)({
|
|
135
|
+
alignItems: 'center',
|
|
136
|
+
display: 'flex',
|
|
137
|
+
flexDirection: 'row',
|
|
138
|
+
height: '36px',
|
|
139
|
+
justifyContent: 'space-around',
|
|
140
|
+
}),
|
|
141
141
|
};
|
|
142
142
|
var LanguageSelector = function (_a) {
|
|
143
143
|
var languageDisplay = _a.languageDisplay, selectedLanguage = _a.selectedLanguage, onSelectLanguage = _a.onSelectLanguage, isActive = _a.isActive, buttonSaveText = _a.buttonSaveText, onClickButton = _a.onClickButton, headerLanguageSelectorText = _a.headerLanguageSelectorText;
|
|
144
144
|
var _b = (0, react_2.useState)(false), open = _b[0], setOpen = _b[1];
|
|
145
|
-
var
|
|
146
|
-
(0, hooks_1.useOnClickOutside)(
|
|
145
|
+
var selectReference = (0, react_2.useRef)(null);
|
|
146
|
+
(0, hooks_1.useOnClickOutside)(selectReference, function () {
|
|
147
147
|
setOpen(false);
|
|
148
148
|
});
|
|
149
149
|
var onValidateRefresh = (0, react_2.useCallback)(function () {
|
|
@@ -157,17 +157,17 @@ var LanguageSelector = function (_a) {
|
|
|
157
157
|
return ((0, react_1.jsx)("div", { css: styles.languageContainer },
|
|
158
158
|
(0, react_1.jsx)("div", { css: styles.wrapper },
|
|
159
159
|
(0, react_1.jsx)("h4", { css: styles.h4 }, headerLanguageSelectorText || 'Preview Language: '),
|
|
160
|
-
(0, react_1.jsx)("div", { css: styles.selectorWrapper(open), onClick: handleOpen, ref:
|
|
160
|
+
(0, react_1.jsx)("div", { css: styles.selectorWrapper(open), onClick: handleOpen, ref: selectReference },
|
|
161
161
|
(0, react_1.jsx)("div", { css: styles.vectorWrapper }),
|
|
162
162
|
(0, react_1.jsx)("div", { css: styles.languageWrapper },
|
|
163
163
|
(0, react_1.jsx)("p", null, selectedLanguage.value)),
|
|
164
|
-
(0, react_1.jsx)("div", { css: styles.vectorWrapper },
|
|
165
|
-
(0, react_1.jsx)(assets_1.VectorIcon, null))) : ((0, react_1.jsx)("div", { css: styles.
|
|
164
|
+
(0, react_1.jsx)("div", { css: styles.vectorWrapper }, open ? ((0, react_1.jsx)("div", { css: styles.vectorIconRotated },
|
|
165
|
+
(0, react_1.jsx)(assets_1.VectorIcon, null))) : ((0, react_1.jsx)("div", { css: styles.vectorContainer },
|
|
166
166
|
(0, react_1.jsx)(assets_1.VectorIcon, null)))),
|
|
167
|
-
(0, react_1.jsx)(react_2.default.Fragment, null, open && ((0, react_1.jsx)("ul", { css: styles.selectContainer }, languageDisplay.language.map(function (
|
|
167
|
+
(0, react_1.jsx)(react_2.default.Fragment, null, open && ((0, react_1.jsx)("ul", { css: styles.selectContainer }, languageDisplay.language.map(function (language) { return ((0, react_1.jsx)("li", { css: styles.languageItem, key: language.key, onClick: function () {
|
|
168
168
|
setOpen(false);
|
|
169
|
-
onSelectLanguage(
|
|
170
|
-
} },
|
|
169
|
+
onSelectLanguage(language);
|
|
170
|
+
} }, language.value)); }))))),
|
|
171
171
|
(0, react_1.jsx)("button", { css: styles.button(isActive), onClick: onValidateRefresh }, buttonSaveText))));
|
|
172
172
|
};
|
|
173
173
|
exports.LanguageSelector = LanguageSelector;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSelector.js","sourceRoot":"","sources":["../../../src/components/atoms/LanguageSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,eAAe;AACf,8BAA8B;AAC9B,wCAAyC;AACzC,6CAA4D;
|
|
1
|
+
{"version":3,"file":"LanguageSelector.js","sourceRoot":"","sources":["../../../src/components/atoms/LanguageSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export declare const SchemaHeader: React.FC<
|
|
2
|
+
import { ISchemaHeaderProperties } from "../../models";
|
|
3
|
+
export declare const SchemaHeader: React.FC<ISchemaHeaderProperties>;
|
|
@@ -7,57 +7,58 @@ var react_2 = require("react");
|
|
|
7
7
|
var models_1 = require("../../models");
|
|
8
8
|
var style_1 = require("../../style");
|
|
9
9
|
var styles = {
|
|
10
|
-
|
|
10
|
+
button: function (isActive) {
|
|
11
|
+
return (0, react_1.css)({
|
|
12
|
+
background: 'none',
|
|
13
|
+
border: 'none',
|
|
14
|
+
borderBottom: isActive ? '6px solid' : 'none',
|
|
15
|
+
borderColor: isActive ? style_1.colors.lightBlue : 'none',
|
|
16
|
+
boxSizing: 'border-box',
|
|
17
|
+
cursor: 'pointer',
|
|
18
|
+
display: 'flex',
|
|
19
|
+
fontSize: '14px',
|
|
20
|
+
fontWeight: 'bold',
|
|
21
|
+
padding: isActive ? '10px 10px 4px 10px' : '10px 10px 10px 10px',
|
|
22
|
+
});
|
|
23
|
+
},
|
|
24
|
+
buttonContainer: (0, react_1.css)({
|
|
11
25
|
display: 'flex',
|
|
26
|
+
flexWrap: 'wrap',
|
|
27
|
+
margin: '0px',
|
|
28
|
+
padding: '0px',
|
|
29
|
+
}),
|
|
30
|
+
container: (0, react_1.css)({
|
|
12
31
|
alignItems: 'center',
|
|
13
|
-
justifyContent: 'space-between',
|
|
14
|
-
flex: 1,
|
|
15
|
-
height: '35px',
|
|
16
|
-
color: '#333',
|
|
17
32
|
backgroundColor: '#f5f5f5',
|
|
33
|
+
borderColor: style_1.colors.borderSchema,
|
|
18
34
|
borderLeft: '1px solid',
|
|
19
35
|
borderRight: '1px solid',
|
|
20
36
|
borderTop: '1px solid',
|
|
21
37
|
borderTopLeftRadius: '5px',
|
|
22
38
|
borderTopRightRadius: '5px',
|
|
23
|
-
|
|
39
|
+
color: '#333',
|
|
40
|
+
display: 'flex',
|
|
41
|
+
flex: 1,
|
|
42
|
+
height: '35px',
|
|
43
|
+
justifyContent: 'space-between',
|
|
24
44
|
margin: '0px',
|
|
25
45
|
padding: '0px',
|
|
26
46
|
position: 'relative',
|
|
27
47
|
}),
|
|
28
|
-
buttonContainer: (0, react_1.css)({
|
|
29
|
-
display: 'flex',
|
|
30
|
-
flexWrap: 'wrap',
|
|
31
|
-
padding: '0px',
|
|
32
|
-
margin: '0px',
|
|
33
|
-
}),
|
|
34
|
-
button: function (isActive) {
|
|
35
|
-
return (0, react_1.css)({
|
|
36
|
-
display: 'flex',
|
|
37
|
-
boxSizing: 'border-box',
|
|
38
|
-
border: 'none',
|
|
39
|
-
borderBottom: isActive ? '6px solid' : 'none',
|
|
40
|
-
borderColor: isActive ? style_1.colors.lightBlue : 'none',
|
|
41
|
-
padding: isActive ? '10px 10px 4px 10px' : '10px 10px 10px 10px',
|
|
42
|
-
fontWeight: 'bold',
|
|
43
|
-
fontSize: '14px',
|
|
44
|
-
cursor: 'pointer',
|
|
45
|
-
});
|
|
46
|
-
},
|
|
47
48
|
preViewButton: (0, react_1.css)({
|
|
48
|
-
|
|
49
|
+
':hover': {
|
|
50
|
+
backgroundColor: "".concat(style_1.colors.midBlue, "ff"),
|
|
51
|
+
},
|
|
49
52
|
alignItems: 'center',
|
|
50
|
-
justifyContent: 'center',
|
|
51
|
-
borderRadius: '2px',
|
|
52
53
|
backgroundColor: style_1.colors.activeButtonColor,
|
|
54
|
+
borderRadius: '2px',
|
|
53
55
|
color: 'white',
|
|
54
|
-
padding: '8px',
|
|
55
|
-
fontSize: '12px',
|
|
56
56
|
cursor: 'pointer',
|
|
57
|
+
display: 'flex',
|
|
58
|
+
fontSize: '12px',
|
|
59
|
+
justifyContent: 'center',
|
|
57
60
|
marginRight: '10px',
|
|
58
|
-
|
|
59
|
-
backgroundColor: "".concat(style_1.colors.midBlue, "ff"),
|
|
60
|
-
},
|
|
61
|
+
padding: '8px',
|
|
61
62
|
}),
|
|
62
63
|
};
|
|
63
64
|
var SchemaHeader = function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SchemaHeader.js","sourceRoot":"","sources":["../../../src/components/atoms/SchemaHeader.tsx"],"names":[],"mappings":";;;AAAA,eAAe;AACf,wCAAyC;AACzC,+BAA0C;
|
|
1
|
+
{"version":3,"file":"SchemaHeader.js","sourceRoot":"","sources":["../../../src/components/atoms/SchemaHeader.tsx"],"names":[],"mappings":";;;AAAA,eAAe;AACf,wCAAyC;AACzC,+BAA0C;AAE1C,uCAA6D;AAC7D,qCAAgC;AAEhC,IAAM,MAAM,GAAG;IACb,MAAM,EAAE,UAAC,QAAiB;QACxB,OAAA,IAAA,WAAG,EAAC;YACF,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM;YAC7C,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;YACjD,SAAS,EAAE,YAAY;YACvB,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB;SACjE,CAAC;IAXF,CAWE;IACJ,eAAe,EAAE,IAAA,WAAG,EAAC;QACnB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,KAAK;KACf,CAAC;IACF,SAAS,EAAE,IAAA,WAAG,EAAC;QACb,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,SAAS;QAC1B,WAAW,EAAE,cAAM,CAAC,YAAY;QAChC,UAAU,EAAE,WAAW;QACvB,WAAW,EAAE,WAAW;QACxB,SAAS,EAAE,WAAW;QACtB,mBAAmB,EAAE,KAAK;QAC1B,oBAAoB,EAAE,KAAK;QAC3B,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,MAAM;QACd,cAAc,EAAE,eAAe;QAC/B,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,UAAU;KACrB,CAAC;IACF,aAAa,EAAE,IAAA,WAAG,EAAC;QACjB,QAAQ,EAAE;YACR,eAAe,EAAE,UAAG,cAAM,CAAC,OAAO,OAAI;SACvC;QACD,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,cAAM,CAAC,iBAAiB;QACzC,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,MAAM;QACnB,OAAO,EAAE,KAAK;KACf,CAAC;CACH,CAAA;AAEM,IAAM,YAAY,GAAsC,UAAC,EAM/D;QALC,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA;IAEpB,IAAM,kBAAkB,GAAG,SAAS,KAAK,kBAAS,CAAC,IAAI,CAAA;IACvD,IAAM,kBAAkB,GAAG,SAAS,KAAK,kBAAS,CAAC,WAAW,CAAA;IAC9D,IAAM,iBAAiB,GAAG,IAAA,mBAAW,EAAC;QACpC,YAAY,CAAC,kBAAS,CAAC,IAAI,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,IAAM,iBAAiB,GAAG,IAAA,mBAAW,EAAC;QACpC,YAAY,CAAC,kBAAS,CAAC,WAAW,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,CACL,0BAAK,GAAG,EAAE,MAAM,CAAC,SAAS;QACxB,yBAAI,GAAG,EAAE,MAAM,CAAC,eAAe;YAC7B,6BACE,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,EACtC,OAAO,EAAE,iBAAiB,iBAGnB;YACT,6BACE,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,EACtC,OAAO,EAAE,iBAAiB,IAEzB,oBAAoB,IAAI,YAAY,CAC9B,CACN;QACL,0BAAK,GAAG,EAAE,MAAM,CAAC,aAAa,EAAE,OAAO,EAAE,UAAU,IAChD,kBAAkB,IAAI,UAAU,CAC7B,CACF,CACP,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,YAAY,gBAqCxB"}
|
|
@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./ErrorMessage"), exports);
|
|
17
18
|
__exportStar(require("./LanguageSelector"), exports);
|
|
18
19
|
__exportStar(require("./SchemaHeader"), exports);
|
|
19
|
-
__exportStar(require("./ErrorMessage"), exports);
|
|
20
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/atoms/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAkC;AAClC,iDAA8B
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/atoms/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B;AAC9B,qDAAkC;AAClC,iDAA8B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { jsx } from '@emotion/react';
|
|
3
|
-
import {
|
|
4
|
-
export declare function CustomForm<T>(
|
|
3
|
+
import { ICustomFormProperties } from "../../models";
|
|
4
|
+
export declare function CustomForm<T>(properties: ICustomFormProperties<T>): jsx.JSX.Element;
|
|
@@ -34,45 +34,39 @@ var styles = {
|
|
|
34
34
|
formContainer: (0, react_1.css)({
|
|
35
35
|
display: 'flex',
|
|
36
36
|
flexDirection: 'column',
|
|
37
|
-
width: '100%',
|
|
38
37
|
height: '100%',
|
|
39
38
|
marginTop: '10px',
|
|
40
|
-
padding: 0,
|
|
41
|
-
overflowY: 'auto',
|
|
42
39
|
overflowX: 'hidden',
|
|
40
|
+
overflowY: 'auto',
|
|
41
|
+
padding: 0,
|
|
42
|
+
width: '100%',
|
|
43
43
|
}),
|
|
44
44
|
hiddenButton: (0, react_1.css)({
|
|
45
|
-
visibility: 'hidden',
|
|
46
45
|
opacity: 0,
|
|
46
|
+
visibility: 'hidden',
|
|
47
47
|
}),
|
|
48
48
|
};
|
|
49
49
|
var theme = (0, styles_1.createTheme)({
|
|
50
|
-
typography: {
|
|
51
|
-
h5: {
|
|
52
|
-
fontSize: 16,
|
|
53
|
-
},
|
|
54
|
-
fontSize: 14,
|
|
55
|
-
},
|
|
56
50
|
components: {
|
|
57
|
-
|
|
51
|
+
MuiDivider: {
|
|
58
52
|
styleOverrides: {
|
|
59
53
|
root: {
|
|
60
|
-
|
|
54
|
+
height: 0,
|
|
55
|
+
visibility: 'hidden',
|
|
61
56
|
},
|
|
62
57
|
},
|
|
63
58
|
},
|
|
64
|
-
|
|
59
|
+
MuiFormControl: {
|
|
65
60
|
styleOverrides: {
|
|
66
61
|
root: {
|
|
67
|
-
|
|
62
|
+
overflow: 'hidden',
|
|
68
63
|
},
|
|
69
64
|
},
|
|
70
65
|
},
|
|
71
|
-
|
|
66
|
+
MuiFormLabel: {
|
|
72
67
|
styleOverrides: {
|
|
73
68
|
root: {
|
|
74
|
-
|
|
75
|
-
height: 0,
|
|
69
|
+
fontSize: 14,
|
|
76
70
|
},
|
|
77
71
|
},
|
|
78
72
|
},
|
|
@@ -89,17 +83,23 @@ var theme = (0, styles_1.createTheme)({
|
|
|
89
83
|
},
|
|
90
84
|
},
|
|
91
85
|
},
|
|
86
|
+
typography: {
|
|
87
|
+
fontSize: 14,
|
|
88
|
+
h5: {
|
|
89
|
+
fontSize: 16,
|
|
90
|
+
},
|
|
91
|
+
},
|
|
92
92
|
});
|
|
93
93
|
var Form = (0, core_1.withTheme)(mui_1.Theme);
|
|
94
|
-
function CustomForm(
|
|
95
|
-
var schema =
|
|
94
|
+
function CustomForm(properties) {
|
|
95
|
+
var schema = properties.schema, languageSchema = properties.languageSchema, currentLanguage = properties.currentLanguage, restProperties = __rest(properties, ["schema", "languageSchema", "currentLanguage"]);
|
|
96
96
|
var _a = (0, react_2.useState)((0, translator_1.translateSchema)(schema, currentLanguage, languageSchema)), translatedSchema = _a[0], setTranslatedSchema = _a[1];
|
|
97
97
|
(0, react_2.useEffect)(function () {
|
|
98
98
|
setTranslatedSchema((0, translator_1.translateSchema)(schema, currentLanguage, languageSchema));
|
|
99
99
|
}, [languageSchema, schema, currentLanguage]);
|
|
100
100
|
return ((0, react_1.jsx)("div", { css: styles.formContainer },
|
|
101
101
|
(0, react_1.jsx)(styles_1.ThemeProvider, { theme: theme },
|
|
102
|
-
(0, react_1.jsx)(Form, __assign({ schema: translatedSchema },
|
|
102
|
+
(0, react_1.jsx)(Form, __assign({ schema: translatedSchema }, restProperties),
|
|
103
103
|
(0, react_1.jsx)("button", { css: styles.hiddenButton, disabled: true, type: "submit" })))));
|
|
104
104
|
}
|
|
105
105
|
exports.CustomForm = CustomForm;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomForm.js","sourceRoot":"","sources":["../../../src/components/molecules/CustomForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,eAAe;AACf,wCAAyC;AACzC,+CAAiE;AACjE,mCAAsC;AACtC,iCAAoD;AAEpD,+BAA2C;
|
|
1
|
+
{"version":3,"file":"CustomForm.js","sourceRoot":"","sources":["../../../src/components/molecules/CustomForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,eAAe;AACf,wCAAyC;AACzC,+CAAiE;AACjE,mCAAsC;AACtC,iCAAoD;AAEpD,+BAA2C;AAG3C,+CAA8C;AAE9C,IAAM,MAAM,GAAG;IACb,aAAa,EAAE,IAAA,WAAG,EAAC;QACjB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,MAAM;KACd,CAAC;IACF,YAAY,EAAE,IAAA,WAAG,EAAC;QAChB,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAA;AAED,IAAM,KAAK,GAAG,IAAA,oBAAW,EAAC;IACxB,UAAU,EAAE;QACV,UAAU,EAAE;YACV,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,MAAM,EAAE,CAAC;oBACT,UAAU,EAAE,QAAQ;iBACrB;aACF;SACF;QACD,cAAc,EAAE;YACd,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,QAAQ,EAAE,QAAQ;iBACnB;aACF;SACF;QACD,YAAY,EAAE;YACZ,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,QAAQ,EAAE,EAAE;iBACb;aACF;SACF;QACD,aAAa,EAAE;YACb,cAAc,EAAE;gBACd,WAAW,EAAE;oBACX,QAAQ,EAAE,QAAQ;iBACnB;aACF;SACF;QACD,YAAY,EAAE;YACZ,YAAY,EAAE;gBACZ,OAAO,EAAE,UAAU;aACpB;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,EAAE,EAAE;YACF,QAAQ,EAAE,EAAE;SACb;KACF;CACF,CAAC,CAAA;AAEF,IAAM,IAAI,GAAG,IAAA,gBAAS,EAAC,WAAe,CAAC,CAAA;AAEvC,SAAgB,UAAU,CAAI,UAAoC;IACxD,IAAA,MAAM,GACZ,UAAU,OADE,EAAE,cAAc,GAC5B,UAAU,eADkB,EAAE,eAAe,GAC7C,UAAU,gBADmC,EAAK,cAAc,UAChE,UAAU,EADN,+CAA8D,CAAF,CACtD;IACN,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,0BAAK,GAAG,EAAE,MAAM,CAAC,aAAa;QAC5B,iBAAC,sBAAa,IAAC,KAAK,EAAE,KAAK;YACzB,iBAAC,IAAI,aAAC,MAAM,EAAE,gBAAgB,IAAM,cAAc;gBAChD,6BAAQ,GAAG,EAAE,MAAM,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,GAAG,CAC7D,CACO,CACZ,CACP,CAAA;AACH,CAAC;AAtBD,gCAsBC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export declare const SchemaEditor: React.FC<
|
|
2
|
+
import { ISchemaContainerProperties } from "../../models";
|
|
3
|
+
export declare const SchemaEditor: React.FC<ISchemaContainerProperties>;
|