@allthings/structured-ticket-form 7.0.0-dev.1 → 7.0.0-dev.2
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/index.js +1 -17
- package/lib/assets/index.js.map +1 -1
- package/lib/assets/svg/VectorIcon.js +4 -8
- package/lib/assets/svg/VectorIcon.js.map +1 -1
- package/lib/assets/svg/index.js +1 -17
- package/lib/assets/svg/index.js.map +1 -1
- package/lib/components/atoms/ErrorMessage.js +15 -19
- package/lib/components/atoms/ErrorMessage.js.map +1 -1
- package/lib/components/atoms/LanguageSelector.js +32 -69
- package/lib/components/atoms/LanguageSelector.js.map +1 -1
- package/lib/components/atoms/SchemaHeader.js +21 -25
- package/lib/components/atoms/SchemaHeader.js.map +1 -1
- package/lib/components/atoms/index.js +3 -19
- package/lib/components/atoms/index.js.map +1 -1
- package/lib/components/index.js +3 -19
- package/lib/components/index.js.map +1 -1
- package/lib/components/molecules/CustomForm.js +16 -20
- package/lib/components/molecules/CustomForm.js.map +1 -1
- package/lib/components/molecules/SchemaEditor.js +19 -26
- package/lib/components/molecules/SchemaEditor.js.map +1 -1
- package/lib/components/molecules/index.js +2 -18
- package/lib/components/molecules/index.js.map +1 -1
- package/lib/components/organism/StructuredTicketEditor.js +57 -64
- package/lib/components/organism/StructuredTicketEditor.js.map +1 -1
- package/lib/components/organism/index.js +1 -17
- package/lib/components/organism/index.js.map +1 -1
- package/lib/hooks/index.js +3 -6
- package/lib/hooks/index.js.map +1 -1
- package/lib/index.js +3 -19
- package/lib/index.js.map +1 -1
- package/lib/jsonFormUtils.js +1 -5
- package/lib/jsonFormUtils.js.map +1 -1
- package/lib/jsonFormUtils.test.js +8 -10
- package/lib/jsonFormUtils.test.js.map +1 -1
- package/lib/models.js +2 -5
- package/lib/models.js.map +1 -1
- package/lib/style/colors.js +1 -4
- package/lib/style/colors.js.map +1 -1
- package/lib/style/index.js +1 -17
- package/lib/style/index.js.map +1 -1
- package/lib/translator.js +7 -13
- package/lib/translator.js.map +1 -1
- package/package.json +32 -13
- package/.coderabbit.yaml +0 -5
package/lib/assets/index.js
CHANGED
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./svg"), exports);
|
|
1
|
+
export * from './svg';
|
|
18
2
|
//# sourceMappingURL=index.js.map
|
package/lib/assets/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.tsx"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA"}
|
|
@@ -1,15 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.VectorIcon = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
1
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
5
2
|
/** @jsxImportSource @emotion/react */
|
|
6
|
-
|
|
3
|
+
import { css } from '@emotion/react';
|
|
7
4
|
var styles = {
|
|
8
|
-
svg:
|
|
5
|
+
svg: css({
|
|
9
6
|
height: '8px',
|
|
10
7
|
width: '12px',
|
|
11
8
|
}),
|
|
12
9
|
};
|
|
13
|
-
var VectorIcon = function () { return ((
|
|
14
|
-
exports.VectorIcon = VectorIcon;
|
|
10
|
+
export var VectorIcon = function () { return (_jsx("svg", { css: styles.svg, fill: "none", viewBox: "0 0 12 8", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M0.250977 0.75L6.00098 7.25L11.751 0.75", stroke: "#979797", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: "10" }) })); };
|
|
15
11
|
//# 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,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAO,MAAM,gBAAgB,CAAA;AAEzC,IAAM,MAAM,GAAG;IACb,GAAG,EAAE,GAAG,CAAC;QACP,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,MAAM;KACd,CAAC;CACH,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,cAAM,OAAA,CAC9B,cACE,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,4BAA4B,YAElC,eACE,CAAC,EAAC,yCAAyC,EAC3C,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,gBAAgB,EAAC,IAAI,GACrB,GACE,CACP,EAf+B,CAe/B,CAAA"}
|
package/lib/assets/svg/index.js
CHANGED
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./VectorIcon"), exports);
|
|
1
|
+
export * from './VectorIcon';
|
|
18
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/assets/svg/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/assets/svg/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ErrorMessage = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
5
2
|
/** @jsxImportSource @emotion/react */
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
import { css } from '@emotion/react';
|
|
4
|
+
import { colors } from "../../style";
|
|
8
5
|
var styles = {
|
|
9
|
-
button:
|
|
6
|
+
button: css({
|
|
10
7
|
alignItems: 'center',
|
|
11
|
-
backgroundColor: "".concat(
|
|
8
|
+
backgroundColor: "".concat(colors.redMid),
|
|
12
9
|
borderRadius: '8px',
|
|
13
|
-
boxShadow: "-1px -1px 6px ".concat(
|
|
10
|
+
boxShadow: "-1px -1px 6px ".concat(colors.boxShadowGray, ", 1.5px 1.5px 3px ").concat(colors.boxShadowDark),
|
|
14
11
|
color: 'white',
|
|
15
12
|
cursor: 'pointer',
|
|
16
13
|
display: 'flex',
|
|
@@ -22,37 +19,36 @@ var styles = {
|
|
|
22
19
|
padding: '8px',
|
|
23
20
|
width: '30%',
|
|
24
21
|
}),
|
|
25
|
-
container:
|
|
22
|
+
container: css({
|
|
26
23
|
alignItems: 'center',
|
|
27
24
|
display: 'flex',
|
|
28
25
|
flexDirection: 'column',
|
|
29
26
|
margin: '5px',
|
|
30
27
|
}),
|
|
31
|
-
errorText:
|
|
32
|
-
color: "".concat(
|
|
28
|
+
errorText: css({
|
|
29
|
+
color: "".concat(colors.darkBlueIntense, "1"),
|
|
33
30
|
fontFamily: 'Roboto',
|
|
34
31
|
fontSize: '18px',
|
|
35
32
|
fontStyle: 'normal',
|
|
36
33
|
fontWeight: 'normal',
|
|
37
34
|
}),
|
|
38
|
-
errorTextHead:
|
|
39
|
-
color: "".concat(
|
|
35
|
+
errorTextHead: css({
|
|
36
|
+
color: "".concat(colors.redMid),
|
|
40
37
|
fontFamily: 'Roboto',
|
|
41
38
|
fontSize: '18px',
|
|
42
39
|
fontStyle: 'normal',
|
|
43
40
|
fontWeight: 'bold',
|
|
44
41
|
textAlign: 'center',
|
|
45
42
|
}),
|
|
46
|
-
line:
|
|
47
|
-
backgroundColor: "".concat(
|
|
43
|
+
line: css({
|
|
44
|
+
backgroundColor: "".concat(colors.lineGray),
|
|
48
45
|
height: '1px',
|
|
49
46
|
marginBottom: '10px',
|
|
50
47
|
width: '95%',
|
|
51
48
|
}),
|
|
52
49
|
};
|
|
53
|
-
var ErrorMessage = function (_a) {
|
|
50
|
+
export var ErrorMessage = function (_a) {
|
|
54
51
|
var errorTextHead = _a.errorTextHead, errorText = _a.errorText, errorTextButton = _a.errorTextButton, onClick = _a.onClick;
|
|
55
|
-
return ((
|
|
52
|
+
return (_jsxs("div", { css: styles.container, children: [_jsx("h4", { css: styles.errorTextHead, children: errorTextHead }), _jsx("p", { css: styles.errorText, children: errorText }), _jsx("div", { css: styles.line }), _jsx("div", { css: styles.button, onClick: onClick, onKeyDown: onClick, children: errorTextButton })] }));
|
|
56
53
|
};
|
|
57
|
-
exports.ErrorMessage = ErrorMessage;
|
|
58
54
|
//# 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,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAO,MAAM,gBAAgB,CAAA;AAIzC,OAAO,EAAE,MAAM,EAAE,oBAAe;AAEhC,IAAM,MAAM,GAAG;IACb,MAAM,EAAE,GAAG,CAAC;QACV,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,UAAG,MAAM,CAAC,MAAM,CAAE;QACnC,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,wBAAiB,MAAM,CAAC,aAAa,+BAAqB,MAAM,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,GAAG,CAAC;QACb,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,KAAK;KACd,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;QACb,KAAK,EAAE,UAAG,MAAM,CAAC,eAAe,MAAG;QACnC,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,QAAQ;KACrB,CAAC;IACF,aAAa,EAAE,GAAG,CAAC;QACjB,KAAK,EAAE,UAAG,MAAM,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,GAAG,CAAC;QACR,eAAe,EAAE,UAAG,MAAM,CAAC,QAAQ,CAAE;QACrC,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,MAAM;QACpB,KAAK,EAAE,KAAK;KACb,CAAC;CACH,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAsC,UAAC,EAK/D;QAJC,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,OAAO,aAAA;IACH,OAAA,CACJ,eAAK,GAAG,EAAE,MAAM,CAAC,SAAS,aACxB,aAAI,GAAG,EAAE,MAAM,CAAC,aAAa,YAAG,aAAa,GAAM,EACnD,YAAG,GAAG,EAAE,MAAM,CAAC,SAAS,YAAG,SAAS,GAAK,EACzC,cAAK,GAAG,EAAE,MAAM,CAAC,IAAI,GAAI,EACzB,cAAK,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,YAC1D,eAAe,GACZ,IACF,CACP;AATK,CASL,CAAA"}
|
|
@@ -1,87 +1,51 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
exports.LanguageSelector = void 0;
|
|
37
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
38
2
|
/** @jsxImportSource @emotion/react */
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
3
|
+
import { css } from '@emotion/react';
|
|
4
|
+
import React, { useCallback, useRef, useState } from 'react';
|
|
5
|
+
import { VectorIcon } from "../../assets";
|
|
6
|
+
import { useOnClickOutside } from "../../hooks";
|
|
7
|
+
import { colors } from "../../style";
|
|
44
8
|
var styles = {
|
|
45
9
|
button: function (isActive) {
|
|
46
|
-
return
|
|
10
|
+
return css({
|
|
47
11
|
':hover': {
|
|
48
12
|
backgroundColor: isActive
|
|
49
|
-
? "".concat(
|
|
50
|
-
:
|
|
13
|
+
? "".concat(colors.midBlue, "ff")
|
|
14
|
+
: colors.deactiveButtonColor,
|
|
51
15
|
},
|
|
52
16
|
backgroundColor: isActive
|
|
53
|
-
?
|
|
54
|
-
:
|
|
17
|
+
? colors.activeButtonColor
|
|
18
|
+
: colors.deactiveButtonColor,
|
|
55
19
|
border: 'none',
|
|
56
20
|
borderRadius: '2px',
|
|
57
|
-
color: isActive ? 'white' :
|
|
21
|
+
color: isActive ? 'white' : colors.dark,
|
|
58
22
|
cursor: 'pointer',
|
|
59
23
|
fontSize: '12px',
|
|
60
24
|
padding: '10px',
|
|
61
25
|
});
|
|
62
26
|
},
|
|
63
|
-
h4:
|
|
64
|
-
color:
|
|
27
|
+
h4: css({
|
|
28
|
+
color: colors.lightBlack,
|
|
65
29
|
display: 'flex',
|
|
66
30
|
fontFamily: 'Open Sans',
|
|
67
31
|
fontSize: '14px',
|
|
68
32
|
fontStyle: 'normal',
|
|
69
33
|
fontWeight: 600,
|
|
70
34
|
}),
|
|
71
|
-
languageContainer:
|
|
35
|
+
languageContainer: css({
|
|
72
36
|
height: '36px',
|
|
73
37
|
marginLeft: '20px',
|
|
74
38
|
marginTop: '3px',
|
|
75
39
|
padding: 0,
|
|
76
40
|
}),
|
|
77
|
-
languageItem:
|
|
41
|
+
languageItem: css({
|
|
78
42
|
':hover': {
|
|
79
43
|
backgroundColor: 'rgb(249, 250, 251)',
|
|
80
44
|
},
|
|
81
45
|
alignItems: 'center',
|
|
82
46
|
backgroundColor: 'rgb(255, 255, 255)',
|
|
83
47
|
boxShadow: 'rgba(29, 29, 29, 0.125) 1px 1px 3px',
|
|
84
|
-
color:
|
|
48
|
+
color: colors.lightBlack,
|
|
85
49
|
cursor: 'pointer',
|
|
86
50
|
display: 'flex',
|
|
87
51
|
flex: 1,
|
|
@@ -94,7 +58,7 @@ var styles = {
|
|
|
94
58
|
padding: '10px 5px 10px 5px',
|
|
95
59
|
zIndex: 10,
|
|
96
60
|
}),
|
|
97
|
-
languageWrapper:
|
|
61
|
+
languageWrapper: css({
|
|
98
62
|
'& p': {
|
|
99
63
|
fontFamily: 'Open Sans',
|
|
100
64
|
fontSize: '13px',
|
|
@@ -107,7 +71,7 @@ var styles = {
|
|
|
107
71
|
flex: 1,
|
|
108
72
|
justifyContent: 'center',
|
|
109
73
|
}),
|
|
110
|
-
selectContainer:
|
|
74
|
+
selectContainer: css({
|
|
111
75
|
cursor: 'pointer',
|
|
112
76
|
display: 'flex',
|
|
113
77
|
flexDirection: 'column',
|
|
@@ -117,7 +81,7 @@ var styles = {
|
|
|
117
81
|
width: '100%',
|
|
118
82
|
}),
|
|
119
83
|
selectorWrapper: function (isActive) {
|
|
120
|
-
return
|
|
84
|
+
return css({
|
|
121
85
|
alignItems: 'center',
|
|
122
86
|
backgroundColor: 'rgb(255, 255, 255)',
|
|
123
87
|
border: 'medium none',
|
|
@@ -131,17 +95,17 @@ var styles = {
|
|
|
131
95
|
position: 'relative',
|
|
132
96
|
});
|
|
133
97
|
},
|
|
134
|
-
vectorContainer:
|
|
98
|
+
vectorContainer: css({
|
|
135
99
|
cursor: 'pointer',
|
|
136
100
|
}),
|
|
137
|
-
vectorIconRotated:
|
|
101
|
+
vectorIconRotated: css({
|
|
138
102
|
transform: 'rotate(180deg)',
|
|
139
103
|
transition: 'transform 0.2s ease-out',
|
|
140
104
|
}),
|
|
141
|
-
vectorWrapper:
|
|
105
|
+
vectorWrapper: css({
|
|
142
106
|
width: '15px',
|
|
143
107
|
}),
|
|
144
|
-
wrapper:
|
|
108
|
+
wrapper: css({
|
|
145
109
|
alignItems: 'center',
|
|
146
110
|
display: 'flex',
|
|
147
111
|
flexDirection: 'row',
|
|
@@ -149,25 +113,24 @@ var styles = {
|
|
|
149
113
|
justifyContent: 'space-around',
|
|
150
114
|
}),
|
|
151
115
|
};
|
|
152
|
-
var LanguageSelector = function (_a) {
|
|
116
|
+
export var LanguageSelector = function (_a) {
|
|
153
117
|
var languageDisplay = _a.languageDisplay, selectedLanguage = _a.selectedLanguage, onSelectLanguage = _a.onSelectLanguage, isActive = _a.isActive, buttonSaveText = _a.buttonSaveText, onClickButton = _a.onClickButton, headerLanguageSelectorText = _a.headerLanguageSelectorText;
|
|
154
|
-
var _b =
|
|
155
|
-
var selectReference =
|
|
156
|
-
|
|
118
|
+
var _b = useState(false), open = _b[0], setOpen = _b[1];
|
|
119
|
+
var selectReference = useRef(null);
|
|
120
|
+
useOnClickOutside(selectReference, function () {
|
|
157
121
|
setOpen(false);
|
|
158
122
|
});
|
|
159
|
-
var onValidateRefresh =
|
|
123
|
+
var onValidateRefresh = useCallback(function () {
|
|
160
124
|
if (isActive) {
|
|
161
125
|
onClickButton();
|
|
162
126
|
}
|
|
163
127
|
}, [isActive, onClickButton]);
|
|
164
|
-
var handleOpen =
|
|
128
|
+
var handleOpen = useCallback(function () {
|
|
165
129
|
setOpen(!open);
|
|
166
130
|
}, [setOpen, open]);
|
|
167
|
-
return ((
|
|
131
|
+
return (_jsx("div", { css: styles.languageContainer, children: _jsxs("div", { css: styles.wrapper, children: [_jsx("h4", { css: styles.h4, children: headerLanguageSelectorText || 'Preview Language: ' }), _jsxs("div", { css: styles.selectorWrapper(open), onClick: handleOpen, ref: selectReference, children: [_jsx("div", { css: styles.vectorWrapper }), _jsx("div", { css: styles.languageWrapper, children: _jsx("p", { children: selectedLanguage.value }) }), _jsx("div", { css: styles.vectorWrapper, children: open ? (_jsx("div", { css: styles.vectorIconRotated, children: _jsx(VectorIcon, {}) })) : (_jsx("div", { css: styles.vectorContainer, children: _jsx(VectorIcon, {}) })) }), _jsx(React.Fragment, { children: open && (_jsx("ul", { css: styles.selectContainer, children: languageDisplay.language.map(function (language) { return (_jsx("li", { css: styles.languageItem, onClick: function () {
|
|
168
132
|
setOpen(false);
|
|
169
133
|
onSelectLanguage(language);
|
|
170
|
-
}, children: language.value }, language.key)); }) })) })] }), (
|
|
134
|
+
}, children: language.value }, language.key)); }) })) })] }), _jsx("button", { css: styles.button(isActive), onClick: onValidateRefresh, type: "button", children: buttonSaveText })] }) }));
|
|
171
135
|
};
|
|
172
|
-
exports.LanguageSelector = LanguageSelector;
|
|
173
136
|
//# 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,19 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SchemaHeader = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
5
2
|
/** @jsxImportSource @emotion/react */
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
import { css } from '@emotion/react';
|
|
4
|
+
import { useCallback } from 'react';
|
|
5
|
+
import { EditorTab } from "../../models";
|
|
6
|
+
import { colors } from "../../style";
|
|
10
7
|
var styles = {
|
|
11
8
|
button: function (isActive) {
|
|
12
|
-
return
|
|
9
|
+
return css({
|
|
13
10
|
background: 'none',
|
|
14
11
|
border: 'none',
|
|
15
12
|
borderBottom: isActive ? '6px solid' : 'none',
|
|
16
|
-
borderColor: isActive ?
|
|
13
|
+
borderColor: isActive ? colors.lightBlue : 'none',
|
|
17
14
|
boxSizing: 'border-box',
|
|
18
15
|
cursor: 'pointer',
|
|
19
16
|
display: 'flex',
|
|
@@ -22,16 +19,16 @@ var styles = {
|
|
|
22
19
|
padding: isActive ? '10px 10px 4px 10px' : '10px 10px 10px 10px',
|
|
23
20
|
});
|
|
24
21
|
},
|
|
25
|
-
buttonContainer:
|
|
22
|
+
buttonContainer: css({
|
|
26
23
|
display: 'flex',
|
|
27
24
|
flexWrap: 'wrap',
|
|
28
25
|
margin: '0px',
|
|
29
26
|
padding: '0px',
|
|
30
27
|
}),
|
|
31
|
-
container:
|
|
28
|
+
container: css({
|
|
32
29
|
alignItems: 'center',
|
|
33
30
|
backgroundColor: '#f5f5f5',
|
|
34
|
-
borderColor:
|
|
31
|
+
borderColor: colors.borderSchema,
|
|
35
32
|
borderLeft: '1px solid',
|
|
36
33
|
borderRight: '1px solid',
|
|
37
34
|
borderTop: '1px solid',
|
|
@@ -46,12 +43,12 @@ var styles = {
|
|
|
46
43
|
padding: '0px',
|
|
47
44
|
position: 'relative',
|
|
48
45
|
}),
|
|
49
|
-
preViewButton:
|
|
46
|
+
preViewButton: css({
|
|
50
47
|
':hover': {
|
|
51
|
-
backgroundColor: "".concat(
|
|
48
|
+
backgroundColor: "".concat(colors.midBlue, "ff"),
|
|
52
49
|
},
|
|
53
50
|
alignItems: 'center',
|
|
54
|
-
backgroundColor:
|
|
51
|
+
backgroundColor: colors.activeButtonColor,
|
|
55
52
|
borderRadius: '2px',
|
|
56
53
|
color: 'white',
|
|
57
54
|
cursor: 'pointer',
|
|
@@ -62,17 +59,16 @@ var styles = {
|
|
|
62
59
|
padding: '8px',
|
|
63
60
|
}),
|
|
64
61
|
};
|
|
65
|
-
var SchemaHeader = function (_a) {
|
|
62
|
+
export var SchemaHeader = function (_a) {
|
|
66
63
|
var activeTab = _a.activeTab, setActiveTab = _a.setActiveTab, onValidate = _a.onValidate, buttonValidateText = _a.buttonValidateText, buttonTranslatorText = _a.buttonTranslatorText;
|
|
67
|
-
var isActiveJSONSchema = activeTab ===
|
|
68
|
-
var isActiveTranslator = activeTab ===
|
|
69
|
-
var onJSONSchemaClick =
|
|
70
|
-
setActiveTab(
|
|
64
|
+
var isActiveJSONSchema = activeTab === EditorTab.JSON;
|
|
65
|
+
var isActiveTranslator = activeTab === EditorTab.TRANSLATION;
|
|
66
|
+
var onJSONSchemaClick = useCallback(function () {
|
|
67
|
+
setActiveTab(EditorTab.JSON);
|
|
71
68
|
}, [setActiveTab]);
|
|
72
|
-
var onTranslatorClick =
|
|
73
|
-
setActiveTab(
|
|
69
|
+
var onTranslatorClick = useCallback(function () {
|
|
70
|
+
setActiveTab(EditorTab.TRANSLATION);
|
|
74
71
|
}, [setActiveTab]);
|
|
75
|
-
return ((
|
|
72
|
+
return (_jsxs("div", { css: styles.container, children: [_jsxs("ul", { css: styles.buttonContainer, children: [_jsx("button", { css: styles.button(isActiveJSONSchema), onClick: onJSONSchemaClick, children: "JSONSchema" }), _jsx("button", { css: styles.button(isActiveTranslator), onClick: onTranslatorClick, children: buttonTranslatorText || 'Translator' })] }), _jsx("div", { css: styles.preViewButton, onClick: onValidate, children: buttonValidateText || 'Validate' })] }));
|
|
76
73
|
};
|
|
77
|
-
exports.SchemaHeader = SchemaHeader;
|
|
78
74
|
//# 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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"}
|
|
@@ -1,20 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./ErrorMessage"), exports);
|
|
18
|
-
__exportStar(require("./LanguageSelector"), exports);
|
|
19
|
-
__exportStar(require("./SchemaHeader"), exports);
|
|
1
|
+
export * from './ErrorMessage';
|
|
2
|
+
export * from './LanguageSelector';
|
|
3
|
+
export * from './SchemaHeader';
|
|
20
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/atoms/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/atoms/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA"}
|
package/lib/components/index.js
CHANGED
|
@@ -1,20 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./atoms"), exports);
|
|
18
|
-
__exportStar(require("./molecules"), exports);
|
|
19
|
-
__exportStar(require("./organism"), exports);
|
|
1
|
+
export * from './atoms';
|
|
2
|
+
export * from './molecules';
|
|
3
|
+
export * from './organism';
|
|
20
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __assign = (this && this.__assign) || function () {
|
|
3
2
|
__assign = Object.assign || function(t) {
|
|
4
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21,18 +20,16 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
20
|
}
|
|
22
21
|
return t;
|
|
23
22
|
};
|
|
24
|
-
|
|
25
|
-
exports.CustomForm = void 0;
|
|
26
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
23
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
27
24
|
/** @jsxImportSource @emotion/react */
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
25
|
+
import { css } from '@emotion/react';
|
|
26
|
+
import { createTheme, ThemeProvider } from '@mui/material/styles';
|
|
27
|
+
import { withTheme } from '@rjsf/core';
|
|
28
|
+
import { Theme as MaterialUITheme } from '@rjsf/mui';
|
|
29
|
+
import { useEffect, useState } from 'react';
|
|
30
|
+
import { translateSchema } from "../../translator";
|
|
34
31
|
var styles = {
|
|
35
|
-
formContainer:
|
|
32
|
+
formContainer: css({
|
|
36
33
|
display: 'flex',
|
|
37
34
|
flexDirection: 'column',
|
|
38
35
|
height: '100%',
|
|
@@ -42,7 +39,7 @@ var styles = {
|
|
|
42
39
|
padding: 0,
|
|
43
40
|
width: '100%',
|
|
44
41
|
}),
|
|
45
|
-
hiddenButton:
|
|
42
|
+
hiddenButton: css({
|
|
46
43
|
opacity: 0,
|
|
47
44
|
visibility: 'hidden',
|
|
48
45
|
}),
|
|
@@ -91,15 +88,14 @@ var mainTheme = {
|
|
|
91
88
|
},
|
|
92
89
|
},
|
|
93
90
|
};
|
|
94
|
-
var Form =
|
|
95
|
-
var CustomForm = function (properties) {
|
|
91
|
+
var Form = withTheme(MaterialUITheme);
|
|
92
|
+
export var CustomForm = function (properties) {
|
|
96
93
|
var schema = properties.schema, languageSchema = properties.languageSchema, currentLanguage = properties.currentLanguage, _a = properties.theme, theme = _a === void 0 ? {} : _a, _b = properties.componentsTheme, componentsTheme = _b === void 0 ? {} : _b, restProperties = __rest(properties, ["schema", "languageSchema", "currentLanguage", "theme", "componentsTheme"]);
|
|
97
|
-
var _c =
|
|
98
|
-
var muiTheme =
|
|
99
|
-
|
|
100
|
-
setTranslatedSchema(
|
|
94
|
+
var _c = useState(translateSchema(schema, currentLanguage, languageSchema)), translatedSchema = _c[0], setTranslatedSchema = _c[1];
|
|
95
|
+
var muiTheme = createTheme(__assign(__assign(__assign({}, mainTheme), { components: __assign(__assign({}, mainComponentsTheme), componentsTheme) }), theme));
|
|
96
|
+
useEffect(function () {
|
|
97
|
+
setTranslatedSchema(translateSchema(schema, currentLanguage, languageSchema));
|
|
101
98
|
}, [languageSchema, schema, currentLanguage]);
|
|
102
|
-
return ((
|
|
99
|
+
return (_jsx("div", { css: styles.formContainer, children: _jsx(ThemeProvider, { theme: muiTheme, children: _jsx(Form, __assign({ schema: translatedSchema }, restProperties, { children: _jsx("button", { css: styles.hiddenButton, disabled: true, type: "submit" }) })) }) }));
|
|
103
100
|
};
|
|
104
|
-
exports.CustomForm = CustomForm;
|
|
105
101
|
//# 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":"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"}
|