@allthings/structured-ticket-form 3.0.1 → 3.0.2-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.d.ts +3 -1
- package/lib/assets/svg/VectorIcon.js +10 -13
- package/lib/assets/svg/VectorIcon.js.map +1 -1
- package/lib/components/atoms/ErrorMessage.js +52 -20
- package/lib/components/atoms/ErrorMessage.js.map +1 -1
- package/lib/components/atoms/LanguageSelector.js +131 -49
- package/lib/components/atoms/LanguageSelector.js.map +1 -1
- package/lib/components/atoms/SchemaHeader.js +70 -28
- package/lib/components/atoms/SchemaHeader.js.map +1 -1
- package/lib/components/molecules/CustomForm.d.ts +3 -1
- package/lib/components/molecules/CustomForm.js +51 -54
- package/lib/components/molecules/CustomForm.js.map +1 -1
- package/lib/components/molecules/SchemaEditor.js +29 -40
- package/lib/components/molecules/SchemaEditor.js.map +1 -1
- package/lib/components/organism/StructuredTicketEditor.js +59 -55
- package/lib/components/organism/StructuredTicketEditor.js.map +1 -1
- package/package.json +24 -22
- 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,18 +1,15 @@
|
|
|
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
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
3
|
exports.VectorIcon = void 0;
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
|
|
4
|
+
/** @jsx jsx */
|
|
5
|
+
var react_1 = require("@emotion/react");
|
|
6
|
+
var styles = {
|
|
7
|
+
svg: (0, react_1.css)({
|
|
8
|
+
width: '12px',
|
|
9
|
+
height: '8px',
|
|
10
|
+
}),
|
|
11
|
+
};
|
|
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" },
|
|
13
|
+
(0, react_1.jsx)("path", { d: "M0.250977 0.75L6.00098 7.25L11.751 0.75", stroke: "#979797", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: "10" }))); };
|
|
16
14
|
exports.VectorIcon = VectorIcon;
|
|
17
|
-
var templateObject_1;
|
|
18
15
|
//# sourceMappingURL=VectorIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VectorIcon.js","sourceRoot":"","sources":["../../../src/assets/svg/VectorIcon.tsx"],"names":[],"mappings":"
|
|
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,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,KAAK;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,29 +1,61 @@
|
|
|
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
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
3
|
exports.ErrorMessage = void 0;
|
|
11
|
-
|
|
12
|
-
var
|
|
4
|
+
/** @jsx jsx */
|
|
5
|
+
var react_1 = require("@emotion/react");
|
|
13
6
|
var style_1 = require("../../style");
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
7
|
+
var styles = {
|
|
8
|
+
container: (0, react_1.css)({
|
|
9
|
+
display: 'flex',
|
|
10
|
+
flexDirection: 'column',
|
|
11
|
+
alignItems: 'center',
|
|
12
|
+
margin: '5px',
|
|
13
|
+
}),
|
|
14
|
+
errorTextHead: (0, react_1.css)({
|
|
15
|
+
color: "".concat(style_1.colors.redMid),
|
|
16
|
+
fontFamily: 'Roboto',
|
|
17
|
+
fontStyle: 'normal',
|
|
18
|
+
fontWeight: 'bold',
|
|
19
|
+
fontSize: '18px',
|
|
20
|
+
textAlign: 'center',
|
|
21
|
+
}),
|
|
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
|
+
line: (0, react_1.css)({
|
|
30
|
+
width: '95%',
|
|
31
|
+
height: '1px',
|
|
32
|
+
marginBottom: '10px',
|
|
33
|
+
backgroundColor: "".concat(style_1.colors.lineGray),
|
|
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',
|
|
50
|
+
}),
|
|
51
|
+
};
|
|
19
52
|
var ErrorMessage = function (_a) {
|
|
20
53
|
var errorTextHead = _a.errorTextHead, errorText = _a.errorText, errorTextButton = _a.errorTextButton, onClick = _a.onClick;
|
|
21
|
-
return (react_1.
|
|
22
|
-
react_1.
|
|
23
|
-
react_1.
|
|
24
|
-
react_1.
|
|
25
|
-
react_1.
|
|
54
|
+
return ((0, react_1.jsx)("div", { css: styles.container },
|
|
55
|
+
(0, react_1.jsx)("h4", { css: styles.errorTextHead }, errorTextHead),
|
|
56
|
+
(0, react_1.jsx)("p", { css: styles.errorText }, errorText),
|
|
57
|
+
(0, react_1.jsx)("line", { css: styles.line }),
|
|
58
|
+
(0, react_1.jsx)("div", { css: styles.button, onClick: onClick }, errorTextButton)));
|
|
26
59
|
};
|
|
27
60
|
exports.ErrorMessage = ErrorMessage;
|
|
28
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
29
61
|
//# sourceMappingURL=ErrorMessage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../src/components/atoms/ErrorMessage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../src/components/atoms/ErrorMessage.tsx"],"names":[],"mappings":";;;AAAA,eAAe;AACf,wCAAyC;AAGzC,qCAAgC;AAEhC,IAAM,MAAM,GAAG;IACb,SAAS,EAAE,IAAA,WAAG,EAAC;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,KAAK;KACd,CAAC;IACF,aAAa,EAAE,IAAA,WAAG,EAAC;QACjB,KAAK,EAAE,UAAG,cAAM,CAAC,MAAM,CAAE;QACzB,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,QAAQ;KACpB,CAAC;IACF,SAAS,EAAE,IAAA,WAAG,EAAC;QACb,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,UAAG,cAAM,CAAC,eAAe,MAAG;KACpC,CAAC;IACF,IAAI,EAAE,IAAA,WAAG,EAAC;QACR,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,MAAM;QACpB,eAAe,EAAE,UAAG,cAAM,CAAC,QAAQ,CAAE;KACtC,CAAC;IACF,MAAM,EAAE,IAAA,WAAG,EAAC;QACV,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,wBAAiB,cAAM,CAAC,aAAa,+BAAqB,cAAM,CAAC,aAAa,CAAE;QAC3F,eAAe,EAAE,UAAG,cAAM,CAAC,MAAM,CAAE;QACnC,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,KAAK;QACZ,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,SAAS;KAClB,CAAC;CACH,CAAA;AAEM,IAAM,YAAY,GAAgC,UAAC,EAKzD;QAJC,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,OAAO,aAAA;IAEP,OAAO,CACL,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,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,YAAY,gBAgBxB"}
|
|
@@ -1,8 +1,4 @@
|
|
|
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
|
-
};
|
|
6
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
3
|
if (k2 === undefined) k2 = k;
|
|
8
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -26,67 +22,153 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
26
22
|
__setModuleDefault(result, mod);
|
|
27
23
|
return result;
|
|
28
24
|
};
|
|
29
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
30
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
31
|
-
};
|
|
32
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
26
|
exports.LanguageSelector = void 0;
|
|
34
|
-
|
|
35
|
-
|
|
27
|
+
/** @jsx jsx */
|
|
28
|
+
/** @jsxFrag React.Fragment */
|
|
29
|
+
var react_1 = require("@emotion/react");
|
|
30
|
+
var react_2 = __importStar(require("react"));
|
|
36
31
|
var assets_1 = require("../../assets");
|
|
37
32
|
var hooks_1 = require("../../hooks");
|
|
38
33
|
var style_1 = require("../../style");
|
|
39
|
-
var
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
})
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
34
|
+
var styles = {
|
|
35
|
+
languageContainer: (0, react_1.css)({
|
|
36
|
+
height: '36px',
|
|
37
|
+
marginTop: '3px',
|
|
38
|
+
padding: 0,
|
|
39
|
+
marginLeft: '20px',
|
|
40
|
+
}),
|
|
41
|
+
wrapper: (0, react_1.css)({
|
|
42
|
+
display: 'flex',
|
|
43
|
+
flexDirection: 'row',
|
|
44
|
+
alignItems: 'center',
|
|
45
|
+
justifyContent: 'space-around',
|
|
46
|
+
height: '36px',
|
|
47
|
+
}),
|
|
48
|
+
h4: (0, react_1.css)({
|
|
49
|
+
display: 'flex',
|
|
50
|
+
fontFamily: 'Open Sans',
|
|
51
|
+
fontStyle: 'normal',
|
|
52
|
+
fontWeight: 600,
|
|
53
|
+
fontSize: '14px',
|
|
54
|
+
color: style_1.colors.lightBlack,
|
|
55
|
+
}),
|
|
56
|
+
selectorWrapper: function (isActive) {
|
|
57
|
+
return (0, react_1.css)({
|
|
58
|
+
display: 'flex',
|
|
59
|
+
flex: 1,
|
|
60
|
+
flexDirection: 'row',
|
|
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',
|
|
79
|
+
}),
|
|
80
|
+
languageItem: (0, react_1.css)({
|
|
81
|
+
display: 'flex',
|
|
82
|
+
flex: 1,
|
|
83
|
+
flexDirection: 'column',
|
|
84
|
+
alignItems: 'center',
|
|
85
|
+
justifyContent: 'center',
|
|
86
|
+
padding: '10px 5px 10px 5px',
|
|
87
|
+
boxShadow: 'rgba(29, 29, 29, 0.125) 1px 1px 3px',
|
|
88
|
+
color: style_1.colors.lightBlack,
|
|
89
|
+
fontFamily: 'Open Sans',
|
|
90
|
+
fontStyle: 'normal',
|
|
91
|
+
fontWeight: 'normal',
|
|
92
|
+
fontSize: '13px',
|
|
93
|
+
backgroundColor: 'rgb(255, 255, 255)',
|
|
94
|
+
zIndex: 10,
|
|
95
|
+
cursor: 'pointer',
|
|
96
|
+
':hover': {
|
|
97
|
+
backgroundColor: 'rgb(249, 250, 251)',
|
|
98
|
+
},
|
|
99
|
+
}),
|
|
100
|
+
languageWrapper: (0, react_1.css)({
|
|
101
|
+
display: 'flex',
|
|
102
|
+
flex: 1,
|
|
103
|
+
justifyContent: 'center',
|
|
104
|
+
cursor: 'pointer',
|
|
105
|
+
'& p': {
|
|
106
|
+
fontFamily: 'Open Sans',
|
|
107
|
+
fontStyle: 'normal',
|
|
108
|
+
fontWeight: 'normal',
|
|
109
|
+
fontSize: '13px',
|
|
110
|
+
textAlign: 'center',
|
|
111
|
+
},
|
|
112
|
+
}),
|
|
113
|
+
vectorWrapper: (0, react_1.css)({
|
|
114
|
+
width: '15px',
|
|
115
|
+
}),
|
|
116
|
+
vectorContainer: (0, react_1.css)({
|
|
117
|
+
cursor: 'pointer',
|
|
118
|
+
}),
|
|
119
|
+
vectorIconRotated: (0, react_1.css)({
|
|
120
|
+
transform: 'rotate(180deg)',
|
|
121
|
+
transition: 'transform 0.2s ease-out',
|
|
122
|
+
}),
|
|
123
|
+
button: function (isActive) {
|
|
124
|
+
return (0, react_1.css)({
|
|
125
|
+
border: 'none',
|
|
126
|
+
borderRadius: '2px',
|
|
127
|
+
backgroundColor: isActive
|
|
128
|
+
? style_1.colors.activeButtonColor
|
|
129
|
+
: style_1.colors.deactiveButtonColor,
|
|
130
|
+
color: isActive ? 'white' : style_1.colors.dark,
|
|
131
|
+
padding: '10px',
|
|
132
|
+
fontSize: '12px',
|
|
133
|
+
cursor: 'pointer',
|
|
134
|
+
':hover': {
|
|
135
|
+
backgroundColor: isActive
|
|
136
|
+
? "".concat(style_1.colors.midBlue, "ff")
|
|
137
|
+
: style_1.colors.deactiveButtonColor,
|
|
138
|
+
},
|
|
139
|
+
});
|
|
140
|
+
},
|
|
141
|
+
};
|
|
62
142
|
var LanguageSelector = function (_a) {
|
|
63
143
|
var languageDisplay = _a.languageDisplay, selectedLanguage = _a.selectedLanguage, onSelectLanguage = _a.onSelectLanguage, isActive = _a.isActive, buttonSaveText = _a.buttonSaveText, onClickButton = _a.onClickButton, headerLanguageSelectorText = _a.headerLanguageSelectorText;
|
|
64
|
-
var _b = (0,
|
|
65
|
-
var selectRef = (0,
|
|
144
|
+
var _b = (0, react_2.useState)(false), open = _b[0], setOpen = _b[1];
|
|
145
|
+
var selectRef = (0, react_2.useRef)(null);
|
|
66
146
|
(0, hooks_1.useOnClickOutside)(selectRef, function () {
|
|
67
147
|
setOpen(false);
|
|
68
148
|
});
|
|
69
|
-
var onValidateRefresh = function () {
|
|
149
|
+
var onValidateRefresh = (0, react_2.useCallback)(function () {
|
|
70
150
|
if (isActive) {
|
|
71
151
|
onClickButton();
|
|
72
152
|
}
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
react_1.
|
|
82
|
-
|
|
83
|
-
react_1.
|
|
84
|
-
|
|
153
|
+
}, [isActive, onClickButton]);
|
|
154
|
+
var handleOpen = (0, react_2.useCallback)(function () {
|
|
155
|
+
setOpen(!open);
|
|
156
|
+
}, [setOpen, open]);
|
|
157
|
+
return ((0, react_1.jsx)("div", { css: styles.languageContainer },
|
|
158
|
+
(0, react_1.jsx)("div", { css: styles.wrapper },
|
|
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: selectRef },
|
|
161
|
+
(0, react_1.jsx)("div", { css: styles.vectorWrapper }),
|
|
162
|
+
(0, react_1.jsx)("div", { css: styles.languageWrapper },
|
|
163
|
+
(0, react_1.jsx)("p", null, selectedLanguage.value)),
|
|
164
|
+
(0, react_1.jsx)("div", { css: styles.vectorWrapper }, !open ? ((0, react_1.jsx)("div", { css: styles.vectorContainer },
|
|
165
|
+
(0, react_1.jsx)(assets_1.VectorIcon, null))) : ((0, react_1.jsx)("div", { css: styles.vectorIconRotated },
|
|
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 (e) { return ((0, react_1.jsx)("li", { css: styles.languageItem, key: e.key, onClick: function () {
|
|
85
168
|
setOpen(false);
|
|
86
169
|
onSelectLanguage(e);
|
|
87
170
|
} }, e.value)); }))))),
|
|
88
|
-
react_1.
|
|
171
|
+
(0, react_1.jsx)("button", { css: styles.button(isActive), onClick: onValidateRefresh }, buttonSaveText))));
|
|
89
172
|
};
|
|
90
173
|
exports.LanguageSelector = LanguageSelector;
|
|
91
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
92
174
|
//# sourceMappingURL=LanguageSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSelector.js","sourceRoot":"","sources":["../../../src/components/atoms/LanguageSelector.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LanguageSelector.js","sourceRoot":"","sources":["../../../src/components/atoms/LanguageSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,38 +1,80 @@
|
|
|
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
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
3
|
exports.SchemaHeader = void 0;
|
|
11
|
-
|
|
12
|
-
var
|
|
4
|
+
/** @jsx jsx */
|
|
5
|
+
var react_1 = require("@emotion/react");
|
|
6
|
+
var react_2 = require("react");
|
|
13
7
|
var models_1 = require("../../models");
|
|
14
8
|
var style_1 = require("../../style");
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
9
|
+
var styles = {
|
|
10
|
+
container: (0, react_1.css)({
|
|
11
|
+
display: 'flex',
|
|
12
|
+
alignItems: 'center',
|
|
13
|
+
justifyContent: 'space-between',
|
|
14
|
+
flex: 1,
|
|
15
|
+
height: '35px',
|
|
16
|
+
color: '#333',
|
|
17
|
+
backgroundColor: '#f5f5f5',
|
|
18
|
+
borderLeft: '1px solid',
|
|
19
|
+
borderRight: '1px solid',
|
|
20
|
+
borderTop: '1px solid',
|
|
21
|
+
borderTopLeftRadius: '5px',
|
|
22
|
+
borderTopRightRadius: '5px',
|
|
23
|
+
borderColor: style_1.colors.borderSchema,
|
|
24
|
+
margin: '0px',
|
|
25
|
+
padding: '0px',
|
|
26
|
+
position: 'relative',
|
|
27
|
+
}),
|
|
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
|
+
preViewButton: (0, react_1.css)({
|
|
48
|
+
display: 'flex',
|
|
49
|
+
alignItems: 'center',
|
|
50
|
+
justifyContent: 'center',
|
|
51
|
+
borderRadius: '2px',
|
|
52
|
+
backgroundColor: style_1.colors.activeButtonColor,
|
|
53
|
+
color: 'white',
|
|
54
|
+
padding: '8px',
|
|
55
|
+
fontSize: '12px',
|
|
56
|
+
cursor: 'pointer',
|
|
57
|
+
marginRight: '10px',
|
|
58
|
+
':hover': {
|
|
59
|
+
backgroundColor: "".concat(style_1.colors.midBlue, "ff"),
|
|
60
|
+
},
|
|
61
|
+
}),
|
|
62
|
+
};
|
|
28
63
|
var SchemaHeader = function (_a) {
|
|
29
64
|
var activeTab = _a.activeTab, setActiveTab = _a.setActiveTab, onValidate = _a.onValidate, buttonValidateText = _a.buttonValidateText, buttonTranslatorText = _a.buttonTranslatorText;
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
65
|
+
var isActiveJSONSchema = activeTab === models_1.EditorTab.JSON;
|
|
66
|
+
var isActiveTranslator = activeTab === models_1.EditorTab.TRANSLATION;
|
|
67
|
+
var onJSONSchemaClick = (0, react_2.useCallback)(function () {
|
|
68
|
+
setActiveTab(models_1.EditorTab.JSON);
|
|
69
|
+
}, [setActiveTab]);
|
|
70
|
+
var onTranslatorClick = (0, react_2.useCallback)(function () {
|
|
71
|
+
setActiveTab(models_1.EditorTab.TRANSLATION);
|
|
72
|
+
}, [setActiveTab]);
|
|
73
|
+
return ((0, react_1.jsx)("div", { css: styles.container },
|
|
74
|
+
(0, react_1.jsx)("ul", { css: styles.buttonContainer },
|
|
75
|
+
(0, react_1.jsx)("button", { css: styles.button(isActiveJSONSchema), onClick: onJSONSchemaClick }, "JSONSchema"),
|
|
76
|
+
(0, react_1.jsx)("button", { css: styles.button(isActiveTranslator), onClick: onTranslatorClick }, buttonTranslatorText || 'Translator')),
|
|
77
|
+
(0, react_1.jsx)("div", { css: styles.preViewButton, onClick: onValidate }, buttonValidateText || 'Validate')));
|
|
35
78
|
};
|
|
36
79
|
exports.SchemaHeader = SchemaHeader;
|
|
37
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
38
80
|
//# sourceMappingURL=SchemaHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SchemaHeader.js","sourceRoot":"","sources":["../../../src/components/atoms/SchemaHeader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SchemaHeader.js","sourceRoot":"","sources":["../../../src/components/atoms/SchemaHeader.tsx"],"names":[],"mappings":"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"}
|