@allthings/structured-ticket-form 3.0.2-dev.0 → 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.
Files changed (17) hide show
  1. package/lib/assets/svg/VectorIcon.d.ts +2 -3
  2. package/lib/assets/svg/VectorIcon.js +13 -10
  3. package/lib/assets/svg/VectorIcon.js.map +1 -1
  4. package/lib/components/atoms/ErrorMessage.js +20 -52
  5. package/lib/components/atoms/ErrorMessage.js.map +1 -1
  6. package/lib/components/atoms/LanguageSelector.js +49 -131
  7. package/lib/components/atoms/LanguageSelector.js.map +1 -1
  8. package/lib/components/atoms/SchemaHeader.js +28 -70
  9. package/lib/components/atoms/SchemaHeader.js.map +1 -1
  10. package/lib/components/molecules/CustomForm.d.ts +2 -3
  11. package/lib/components/molecules/CustomForm.js +54 -51
  12. package/lib/components/molecules/CustomForm.js.map +1 -1
  13. package/lib/components/molecules/SchemaEditor.js +40 -29
  14. package/lib/components/molecules/SchemaEditor.js.map +1 -1
  15. package/lib/components/organism/StructuredTicketEditor.js +55 -59
  16. package/lib/components/organism/StructuredTicketEditor.js.map +1 -1
  17. package/package.json +10 -10
package/lib/assets/svg/VectorIcon.d.ts CHANGED
@@ -1,3 +1,2 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- export declare const VectorIcon: () => jsx.JSX.Element;
1
+ import React from 'react';
2
+ export declare const VectorIcon: () => React.JSX.Element;
package/lib/assets/svg/VectorIcon.js CHANGED
@@ -1,15 +1,18 @@
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
+ };
2
9
  Object.defineProperty(exports, "__esModule", { value: true });
3
10
  exports.VectorIcon = void 0;
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" }))); };
11
+ var react_1 = __importDefault(require("react"));
12
+ var styled_components_1 = __importDefault(require("styled-components"));
13
+ var Svg = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 12px;\n height: 8px;\n"], ["\n width: 12px;\n height: 8px;\n"])));
14
+ var VectorIcon = function () { return (react_1.default.createElement(Svg, { fill: "none", viewBox: "0 0 12 8", xmlns: "http://www.w3.org/2000/svg" },
15
+ react_1.default.createElement("path", { d: "M0.250977 0.75L6.00098 7.25L11.751 0.75", stroke: "#979797", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: "10" }))); };
14
16
  exports.VectorIcon = VectorIcon;
17
+ var templateObject_1;
15
18
  //# sourceMappingURL=VectorIcon.js.map
package/lib/assets/svg/VectorIcon.js.map CHANGED
@@ -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,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
+ {"version":3,"file":"VectorIcon.js","sourceRoot":"","sources":["../../../src/assets/svg/VectorIcon.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,wEAAsC;AAEtC,IAAM,GAAG,GAAG,2BAAM,CAAC,GAAG,uGAAA,oCAGrB,IAAA,CAAA;AAEM,IAAM,UAAU,GAAG,cAAM,OAAA,CAC9B,8BAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,4BAA4B;IACpE,wCACE,CAAC,EAAC,yCAAyC,EAC3C,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,gBAAgB,EAAC,IAAI,GACrB,CACE,CACP,EAV+B,CAU/B,CAAA;AAVY,QAAA,UAAU,cAUtB"}
package/lib/components/atoms/ErrorMessage.js CHANGED
@@ -1,61 +1,29 @@
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
+ };
2
9
  Object.defineProperty(exports, "__esModule", { value: true });
3
10
  exports.ErrorMessage = void 0;
4
- /** @jsx jsx */
5
- var react_1 = require("@emotion/react");
11
+ var react_1 = __importDefault(require("react"));
12
+ var styled_components_1 = __importDefault(require("styled-components"));
6
13
  var style_1 = require("../../style");
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
- };
14
+ var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 5px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 5px;\n"])));
15
+ var ErrorTextHead = styled_components_1.default.h4(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: ", ";\n font-family: Roboto;\n font-style: normal;\n font-weight: bold;\n font-size: 18px;\n text-align: center;\n"], ["\n color: ", ";\n font-family: Roboto;\n font-style: normal;\n font-weight: bold;\n font-size: 18px;\n text-align: center;\n"])), style_1.colors.redMid);
16
+ var ErrorText = styled_components_1.default.p(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-family: Roboto;\n font-style: normal;\n font-weight: normal;\n font-size: 18px;\n color: ", "1;\n"], ["\n font-family: Roboto;\n font-style: normal;\n font-weight: normal;\n font-size: 18px;\n color: ", "1;\n"])), style_1.colors.darkBlueIntense);
17
+ var Line = styled_components_1.default.line(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 95%;\n height: 1px;\n margin-bottom: 10px;\n background-color: ", ";\n"], ["\n width: 95%;\n height: 1px;\n margin-bottom: 10px;\n background-color: ", ";\n"])), style_1.colors.lineGray);
18
+ var Button = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n box-shadow: -1px -1px 6px ", ",\n 1.5px 1.5px 3px ", ";\n background-color: ", ";\n color: white;\n width: 30%;\n border-radius: 8px;\n font-family: Roboto;\n font-style: normal;\n font-weight: 500;\n font-size: 18px;\n padding: 8px;\n cursor: pointer;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n box-shadow: -1px -1px 6px ", ",\n 1.5px 1.5px 3px ", ";\n background-color: ", ";\n color: white;\n width: 30%;\n border-radius: 8px;\n font-family: Roboto;\n font-style: normal;\n font-weight: 500;\n font-size: 18px;\n padding: 8px;\n cursor: pointer;\n"])), style_1.colors.boxShadowGray, style_1.colors.boxShadowDark, style_1.colors.redMid);
52
19
  var ErrorMessage = function (_a) {
53
20
  var errorTextHead = _a.errorTextHead, errorText = _a.errorText, errorTextButton = _a.errorTextButton, onClick = _a.onClick;
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)));
21
+ return (react_1.default.createElement(Container, null,
22
+ react_1.default.createElement(ErrorTextHead, null, errorTextHead),
23
+ react_1.default.createElement(ErrorText, null, errorText),
24
+ react_1.default.createElement(Line, null),
25
+ react_1.default.createElement(Button, { onClick: onClick }, errorTextButton)));
59
26
  };
60
27
  exports.ErrorMessage = ErrorMessage;
28
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
61
29
  //# sourceMappingURL=ErrorMessage.js.map
package/lib/components/atoms/ErrorMessage.js.map CHANGED
@@ -1 +1 @@
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
+ {"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../src/components/atoms/ErrorMessage.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,wEAAsC;AAEtC,qCAAgC;AAEhC,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,4JAAA,yFAK3B,IAAA,CAAA;AAED,IAAM,aAAa,GAAG,2BAAM,CAAC,EAAE,uMAAA,aACpB,EAAa,qHAMvB,KANU,cAAM,CAAC,MAAM,CAMvB,CAAA;AAED,IAAM,SAAS,GAAG,2BAAM,CAAC,CAAC,mLAAA,wGAKf,EAAsB,MAChC,KADU,cAAM,CAAC,eAAe,CAChC,CAAA;AAED,IAAM,IAAI,GAAG,2BAAM,CAAC,IAAI,yJAAA,+EAIF,EAAe,KACpC,KADqB,cAAM,CAAC,QAAQ,CACpC,CAAA;AAED,IAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,0ZAAA,sGAIK,EAAoB,yBAC5B,EAAoB,yBACpB,EAAa,yLAUlC,KAZ6B,cAAM,CAAC,aAAa,EAC5B,cAAM,CAAC,aAAa,EACpB,cAAM,CAAC,MAAM,CAUlC,CAAA;AAEM,IAAM,YAAY,GAAgC,UAAC,EAKzD;QAJC,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,OAAO,aAAA;IAEP,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,aAAa,QAAE,aAAa,CAAiB;QAC9C,8BAAC,SAAS,QAAE,SAAS,CAAa;QAClC,8BAAC,IAAI,OAAG;QACR,8BAAC,MAAM,IAAC,OAAO,EAAE,OAAO,IAAG,eAAe,CAAU,CAC1C,CACb,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,YAAY,gBAcxB"}
package/lib/components/atoms/LanguageSelector.js CHANGED
@@ -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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
7
  if (k2 === undefined) k2 = k;
4
8
  var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -22,153 +26,67 @@ var __importStar = (this && this.__importStar) || function (mod) {
22
26
  __setModuleDefault(result, mod);
23
27
  return result;
24
28
  };
29
+ var __importDefault = (this && this.__importDefault) || function (mod) {
30
+ return (mod && mod.__esModule) ? mod : { "default": mod };
31
+ };
25
32
  Object.defineProperty(exports, "__esModule", { value: true });
26
33
  exports.LanguageSelector = void 0;
27
- /** @jsx jsx */
28
- /** @jsxFrag React.Fragment */
29
- var react_1 = require("@emotion/react");
30
- var react_2 = __importStar(require("react"));
34
+ var react_1 = __importStar(require("react"));
35
+ var styled_components_1 = __importDefault(require("styled-components"));
31
36
  var assets_1 = require("../../assets");
32
37
  var hooks_1 = require("../../hooks");
33
38
  var style_1 = require("../../style");
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
- };
39
+ var LanguageContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 36px;\n margin-top: 3px;\n padding: 0;\n margin-left: 20px;\n"], ["\n height: 36px;\n margin-top: 3px;\n padding: 0;\n margin-left: 20px;\n"])));
40
+ var Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-around;\n height: 36px;\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-around;\n height: 36px;\n"])));
41
+ var H4 = styled_components_1.default.h4(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-size: 14px;\n color: ", ";\n"], ["\n display: flex;\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-size: 14px;\n color: ", ";\n"])), style_1.colors.lightBlack);
42
+ var SelectorWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n border: medium none;\n background-color: rgb(255, 255, 255);\n box-shadow: ", ";\n padding: 0px 5px 0px 5px;\n margin: 0 2px 0 2px;\n position: relative;\n margin: 0px 20px 0px 20px;\n"], ["\n display: flex;\n flex: 1;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n border: medium none;\n background-color: rgb(255, 255, 255);\n box-shadow: ", ";\n padding: 0px 5px 0px 5px;\n margin: 0 2px 0 2px;\n position: relative;\n margin: 0px 20px 0px 20px;\n"])), function (_a) {
43
+ var isActive = _a.isActive;
44
+ return isActive && 'rgba(29, 29, 29, 0.125) 1px 1px 3px';
45
+ });
46
+ var SelectContainer = styled_components_1.default.ul(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 60%;\n right: 0;\n width: 100%;\n cursor: pointer;\n"], ["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 60%;\n right: 0;\n width: 100%;\n cursor: pointer;\n"])));
47
+ var LanguageItem = styled_components_1.default.li(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 10px 5px 10px 5px;\n box-shadow: rgba(29, 29, 29, 0.125) 1px 1px 3px;\n color: ", ";\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: normal;\n font-size: 13px;\n background-color: rgb(255, 255, 255);\n z-index: 10;\n cursor: pointer;\n :hover {\n background-color: rgb(249, 250, 251);\n }\n"], ["\n display: flex;\n flex: 1;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 10px 5px 10px 5px;\n box-shadow: rgba(29, 29, 29, 0.125) 1px 1px 3px;\n color: ", ";\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: normal;\n font-size: 13px;\n background-color: rgb(255, 255, 255);\n z-index: 10;\n cursor: pointer;\n :hover {\n background-color: rgb(249, 250, 251);\n }\n"])), style_1.colors.lightBlack);
48
+ var LanguageWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n justify-content: center;\n cursor: pointer;\n p {\n color: ", ";\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: normal;\n font-size: 13px;\n text-align: center;\n }\n"], ["\n display: flex;\n flex: 1;\n justify-content: center;\n cursor: pointer;\n p {\n color: ", ";\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: normal;\n font-size: 13px;\n text-align: center;\n }\n"])), style_1.colors.lightBlack);
49
+ var VectorWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n width: 15px;\n"], ["\n width: 15px;\n"])));
50
+ var VectorContainer = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
51
+ var VectorIconRotated = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n transform: rotate(180deg);\n transition: transform 0.2s ease-out;\n"], ["\n transform: rotate(180deg);\n transition: transform 0.2s ease-out;\n"])));
52
+ var Button = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n border-radius: 2px;\n background-color: ", ";\n color: ", ";\n padding: 10px;\n font-size: 12px;\n cursor: pointer;\n :hover {\n background-color: ", ";\n }\n"], ["\n border-radius: 2px;\n background-color: ", ";\n color: ", ";\n padding: 10px;\n font-size: 12px;\n cursor: pointer;\n :hover {\n background-color: ", ";\n }\n"])), function (_a) {
53
+ var isActive = _a.isActive;
54
+ return isActive ? "".concat(style_1.colors.activeButtonColor) : "".concat(style_1.colors.deactiveButtonColor);
55
+ }, function (_a) {
56
+ var isActive = _a.isActive;
57
+ return (isActive ? 'white' : "".concat(style_1.colors.dark));
58
+ }, function (_a) {
59
+ var isActive = _a.isActive;
60
+ return isActive ? "".concat(style_1.colors.midBlue, "ff") : "".concat(style_1.colors.deactiveButtonColor);
61
+ });
142
62
  var LanguageSelector = function (_a) {
143
63
  var languageDisplay = _a.languageDisplay, selectedLanguage = _a.selectedLanguage, onSelectLanguage = _a.onSelectLanguage, isActive = _a.isActive, buttonSaveText = _a.buttonSaveText, onClickButton = _a.onClickButton, headerLanguageSelectorText = _a.headerLanguageSelectorText;
144
- var _b = (0, react_2.useState)(false), open = _b[0], setOpen = _b[1];
145
- var selectRef = (0, react_2.useRef)(null);
64
+ var _b = (0, react_1.useState)(false), open = _b[0], setOpen = _b[1];
65
+ var selectRef = (0, react_1.useRef)(null);
146
66
  (0, hooks_1.useOnClickOutside)(selectRef, function () {
147
67
  setOpen(false);
148
68
  });
149
- var onValidateRefresh = (0, react_2.useCallback)(function () {
69
+ var onValidateRefresh = function () {
150
70
  if (isActive) {
151
71
  onClickButton();
152
72
  }
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 () {
73
+ };
74
+ return (react_1.default.createElement(LanguageContainer, null,
75
+ react_1.default.createElement(Wrapper, null,
76
+ react_1.default.createElement(H4, null, headerLanguageSelectorText || 'Preview Language: '),
77
+ react_1.default.createElement(SelectorWrapper, { isActive: open, onClick: function () { return setOpen(!open); }, ref: selectRef },
78
+ react_1.default.createElement(VectorWrapper, null),
79
+ react_1.default.createElement(LanguageWrapper, null,
80
+ react_1.default.createElement("p", null, selectedLanguage.value)),
81
+ react_1.default.createElement(VectorWrapper, null, !open ? (react_1.default.createElement(VectorContainer, null,
82
+ react_1.default.createElement(assets_1.VectorIcon, null))) : (react_1.default.createElement(VectorIconRotated, null,
83
+ react_1.default.createElement(assets_1.VectorIcon, null)))),
84
+ react_1.default.createElement(react_1.default.Fragment, null, open && (react_1.default.createElement(SelectContainer, null, languageDisplay.language.map(function (e) { return (react_1.default.createElement(LanguageItem, { key: e.key, onClick: function () {
168
85
  setOpen(false);
169
86
  onSelectLanguage(e);
170
87
  } }, e.value)); }))))),
171
- (0, react_1.jsx)("button", { css: styles.button(isActive), onClick: onValidateRefresh }, buttonSaveText))));
88
+ react_1.default.createElement(Button, { isActive: isActive, onClick: onValidateRefresh }, buttonSaveText))));
172
89
  };
173
90
  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;
174
92
  //# sourceMappingURL=LanguageSelector.js.map
package/lib/components/atoms/LanguageSelector.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LanguageSelector.js","sourceRoot":"","sources":["../../../src/components/atoms/LanguageSelector.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"LanguageSelector.js","sourceRoot":"","sources":["../../../src/components/atoms/LanguageSelector.tsx"],"names":[],"mappings":"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"}
package/lib/components/atoms/SchemaHeader.js CHANGED
@@ -1,80 +1,38 @@
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
+ };
2
9
  Object.defineProperty(exports, "__esModule", { value: true });
3
10
  exports.SchemaHeader = void 0;
4
- /** @jsx jsx */
5
- var react_1 = require("@emotion/react");
6
- var react_2 = require("react");
11
+ var react_1 = __importDefault(require("react"));
12
+ var styled_components_1 = __importDefault(require("styled-components"));
7
13
  var models_1 = require("../../models");
8
14
  var style_1 = require("../../style");
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
- };
15
+ var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex: 1;\n height: 35px;\n color: #333;\n background-color: #f5f5f5;\n border-left: 1px solid;\n border-right: 1px solid;\n border-top: 1px solid;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n border-color: ", ";\n margin: 0px;\n padding: 0px;\n position: relative;\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex: 1;\n height: 35px;\n color: #333;\n background-color: #f5f5f5;\n border-left: 1px solid;\n border-right: 1px solid;\n border-top: 1px solid;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n border-color: ", ";\n margin: 0px;\n padding: 0px;\n position: relative;\n"])), style_1.colors.borderSchema);
16
+ var ButtonContainer = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n padding: 0px;\n margin: 0px;\n"], ["\n display: flex;\n flex-wrap: wrap;\n padding: 0px;\n margin: 0px;\n"])));
17
+ var Button = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n box-sizing: border-box;\n border-bottom: ", ";\n border-color: ", ";\n padding: ", ";\n font-weight: bold;\n font-size: 14px;\n cursor: pointer;\n"], ["\n display: flex;\n box-sizing: border-box;\n border-bottom: ", ";\n border-color: ", ";\n padding: ", ";\n font-weight: bold;\n font-size: 14px;\n cursor: pointer;\n"])), function (_a) {
18
+ var isActive = _a.isActive;
19
+ return isActive && '6px solid';
20
+ }, function (_a) {
21
+ var isActive = _a.isActive;
22
+ return isActive && style_1.colors.lightBlue;
23
+ }, function (_a) {
24
+ var isActive = _a.isActive;
25
+ return isActive ? '10px 10px 4px 10px' : '10px 10px 10px 10px';
26
+ });
27
+ var PreViewButton = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 2px;\n background-color: ", ";\n color: white;\n padding: 8px;\n font-size: 12px;\n cursor: pointer;\n margin-right: 10px;\n :hover {\n background-color: ", "ff;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 2px;\n background-color: ", ";\n color: white;\n padding: 8px;\n font-size: 12px;\n cursor: pointer;\n margin-right: 10px;\n :hover {\n background-color: ", "ff;\n }\n"])), style_1.colors.activeButtonColor, style_1.colors.midBlue);
63
28
  var SchemaHeader = function (_a) {
64
29
  var activeTab = _a.activeTab, setActiveTab = _a.setActiveTab, onValidate = _a.onValidate, buttonValidateText = _a.buttonValidateText, buttonTranslatorText = _a.buttonTranslatorText;
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')));
30
+ return (react_1.default.createElement(Container, null,
31
+ react_1.default.createElement(ButtonContainer, null,
32
+ react_1.default.createElement(Button, { isActive: activeTab === models_1.EditorTab.JSON, onClick: function () { return setActiveTab(models_1.EditorTab.JSON); } }, "JSONSchema"),
33
+ react_1.default.createElement(Button, { isActive: activeTab === models_1.EditorTab.TRANSLATION, onClick: function () { return setActiveTab(models_1.EditorTab.TRANSLATION); } }, buttonTranslatorText || 'Translator')),
34
+ react_1.default.createElement(PreViewButton, { onClick: onValidate }, buttonValidateText || 'Validate')));
78
35
  };
79
36
  exports.SchemaHeader = SchemaHeader;
37
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
80
38
  //# sourceMappingURL=SchemaHeader.js.map
package/lib/components/atoms/SchemaHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SchemaHeader.js","sourceRoot":"","sources":["../../../src/components/atoms/SchemaHeader.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SchemaHeader.js","sourceRoot":"","sources":["../../../src/components/atoms/SchemaHeader.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,wEAAsC;AACtC,uCAAsE;AACtE,qCAAgC;AAEhC,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,gcAAA,8TAaV,EAAmB,6DAIpC,KAJiB,cAAM,CAAC,YAAY,CAIpC,CAAA;AAED,IAAM,eAAe,GAAG,2BAAM,CAAC,EAAE,8IAAA,2EAKhC,IAAA,CAAA;AAED,IAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,mPAAe,kEAGrB,EAAyC,qBAC1C,EAA8C,gBACnD,EAC8C,mEAI1D,KAPkB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,WAAW;AAAvB,CAAuB,EAC1C,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,cAAM,CAAC,SAAS;AAA5B,CAA4B,EACnD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACpB,OAAA,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB;AAAvD,CAAuD,CAI1D,CAAA;AACD,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,gVAAA,qHAKV,EAAwB,wIAOtB,EAAc,YAErC,KATqB,cAAM,CAAC,iBAAiB,EAOtB,cAAM,CAAC,OAAO,CAErC,CAAA;AAEM,IAAM,YAAY,GAAgC,UAAC,EAMzD;QALC,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA;IAEpB,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,eAAe;YACd,8BAAC,MAAM,IACL,QAAQ,EAAE,SAAS,KAAK,kBAAS,CAAC,IAAI,EACtC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,kBAAS,CAAC,IAAI,CAAC,EAA5B,CAA4B,iBAGpC;YACT,8BAAC,MAAM,IACL,QAAQ,EAAE,SAAS,KAAK,kBAAS,CAAC,WAAW,EAC7C,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAnC,CAAmC,IAEjD,oBAAoB,IAAI,YAAY,CAC9B,CACO;QAClB,8BAAC,aAAa,IAAC,OAAO,EAAE,UAAU,IAC/B,kBAAkB,IAAI,UAAU,CACnB,CACN,CACb,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,YAAY,gBA4BxB"}
package/lib/components/molecules/CustomForm.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/react';
1
+ import React from 'react';
3
2
  import { CustomFormProps } from "../../models";
4
- export declare function CustomForm<T>(props: CustomFormProps<T>): jsx.JSX.Element;
3
+ export declare function CustomForm<T>(props: CustomFormProps<T>): React.JSX.Element;
package/lib/components/molecules/CustomForm.js CHANGED
@@ -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
- /** @jsx jsx */
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 mui_1 = require("@rjsf/mui");
31
- var react_2 = require("react");
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 styles = {
34
- formContainer: (0, react_1.css)({
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
- components: {
71
+ overrides: {
57
72
  MuiFormControl: {
58
- styleOverrides: {
59
- root: {
60
- overflow: 'hidden',
61
- },
73
+ root: {
74
+ overflow: 'hidden',
62
75
  },
63
76
  },
64
77
  MuiFormLabel: {
65
- styleOverrides: {
66
- root: {
67
- fontSize: 14,
68
- },
78
+ root: {
79
+ fontSize: 14,
69
80
  },
70
81
  },
71
82
  MuiDivider: {
72
- styleOverrides: {
73
- root: {
74
- visibility: 'hidden',
75
- height: 0,
76
- },
83
+ root: {
84
+ visibility: 'hidden',
85
+ height: 0,
77
86
  },
78
87
  },
79
88
  MuiInputLabel: {
80
- styleOverrides: {
81
- formControl: {
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)(mui_1.Theme);
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, react_2.useState)((0, translator_1.translateSchema)(schema, currentLanguage, languageSchema)), translatedSchema = _a[0], setTranslatedSchema = _a[1];
97
- (0, react_2.useEffect)(function () {
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 ((0, react_1.jsx)("div", { css: styles.formContainer },
101
- (0, react_1.jsx)(styles_1.ThemeProvider, { theme: theme },
102
- (0, react_1.jsx)(Form, __assign({ schema: translatedSchema }, restProps),
103
- (0, react_1.jsx)("button", { css: styles.hiddenButton, disabled: true, type: "submit" })))));
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
package/lib/components/molecules/CustomForm.js.map CHANGED
@@ -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;AAE3C,+CAA8C;AAE9C,IAAM,MAAM,GAAG;IACb,aAAa,EAAE,IAAA,WAAG,EAAC;QACjB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,QAAQ;KACpB,CAAC;IACF,YAAY,EAAE,IAAA,WAAG,EAAC;QAChB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,CAAC;KACX,CAAC;CACH,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,UAAU,EAAE;QACV,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,UAAU,EAAE;YACV,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,UAAU,EAAE,QAAQ;oBACpB,MAAM,EAAE,CAAC;iBACV;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;CACF,CAAC,CAAA;AAEF,IAAM,IAAI,GAAG,IAAA,gBAAS,EAAC,WAAe,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,0BAAK,GAAG,EAAE,MAAM,CAAC,aAAa;QAC5B,iBAAC,sBAAa,IAAC,KAAK,EAAE,KAAK;YACzB,iBAAC,IAAI,aAAC,MAAM,EAAE,gBAAgB,IAAM,SAAS;gBAC3C,6BAAQ,GAAG,EAAE,MAAM,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,GAAG,CAC7D,CACO,CACZ,CACP,CAAA;AACH,CAAC;AArBD,gCAqBC"}
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"}
package/lib/components/molecules/SchemaEditor.js CHANGED
@@ -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
- /** @jsx jsx */
19
- var react_1 = require("@emotion/react");
20
- var react_2 = __importDefault(require("@monaco-editor/react"));
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 styles = {
26
- container: (0, react_1.css)({
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, react_3.useEffect)(function () {
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 ((0, react_1.jsx)("div", { css: styles.container },
55
- (0, react_1.jsx)(components_1.SchemaHeader, { activeTab: activeTab, buttonTranslatorText: buttonTranslatorText, buttonValidateText: buttonValidateText, onValidate: function () {
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 && ((0, react_1.jsx)("div", { css: styles.schemaField },
59
- (0, react_1.jsx)(react_2.default, { defaultLanguage: "json", defaultValue: '{}', height: "100%", onChange: function (v) {
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 && ((0, react_1.jsx)("div", { css: styles.schemaField },
70
- (0, react_1.jsx)(react_2.default, { defaultLanguage: "json", defaultValue: '{}', onChange: function (v) {
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
package/lib/components/molecules/SchemaEditor.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SchemaEditor.js","sourceRoot":"","sources":["../../../src/components/molecules/SchemaEditor.tsx"],"names":[],"mappings":"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"}
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"}
package/lib/components/organism/StructuredTicketEditor.js CHANGED
@@ -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
- /** @jsx jsx */
19
- var react_1 = require("@emotion/react");
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 styles = {
26
- container: (0, react_1.css)({
27
- display: 'flex',
28
- flexDirection: 'row',
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, react_2.useState)(models_1.EditorTab.JSON), activeTab = _d[0], setActiveTab = _d[1];
65
- var _e = (0, react_2.useState)(languageDisplay.display), currentLanguage = _e[0], setCurrentLanguage = _e[1];
66
- var _f = (0, react_2.useState)((_b = {},
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, react_2.useState)((_c = {},
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, react_2.useState)(false), isAddedNewTranslations = _h[0], setIsAddedNewTranslations = _h[1];
77
- var _j = (0, react_2.useState)({
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, react_2.useState)([]), errorValidateStatus = _k[0], setErrorValidateStatus = _k[1];
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, react_2.useEffect)(function () {
156
+ (0, react_1.useEffect)(function () {
162
157
  if (isValidate) {
163
158
  addNewTranslations();
164
159
  }
165
160
  }, [isValidate]);
166
- (0, react_2.useEffect)(function () {
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, react_2.useEffect)(function () {
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, react_2.useEffect)(function () {
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, react_2.useEffect)(function () {
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, react_2.useEffect)(function () {
228
+ (0, react_1.useEffect)(function () {
234
229
  onValidateSchema();
235
230
  }, []);
236
- return ((0, react_1.jsx)("div", { css: styles.container },
237
- errorValidateStatus.length > 0 && ((0, react_1.jsx)("div", { css: styles.errorRefreshContainer },
238
- (0, react_1.jsx)(components_1.ErrorMessage, { errorText: ErrorMessages.errorText, errorTextButton: ErrorMessages.errorTextButton, errorTextHead: ErrorMessages.errorTextHead, onClick: function () { return setErrorValidateStatus([]); } }))),
239
- (0, react_1.jsx)("div", { css: styles.schemaEditorContainer },
240
- (0, react_1.jsx)(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) {
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
- (0, react_1.jsx)("div", { css: styles.customFormContainer },
244
- (0, react_1.jsx)(components_1.LanguageSelector, { buttonSaveText: buttonSaveText, headerLanguageSelectorText: headerLanguageSelectorText, isActive: isValidate, languageDisplay: languageDisplay, onClickButton: onSaveSchema, onSelectLanguage: setCurrentLanguage, selectedLanguage: currentLanguage }),
245
- (0, react_1.jsx)(components_1.CustomForm, { currentLanguage: currentLanguage.key, languageSchema: currentEditorSchema[models_1.EditorTab.TRANSLATION], schema: currentEditorSchema[models_1.EditorTab.JSON], validator: validator_ajv8_1.default }))));
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
package/lib/components/organism/StructuredTicketEditor.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StructuredTicketEditor.js","sourceRoot":"","sources":["../../../src/components/organism/StructuredTicketEditor.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"StructuredTicketEditor.js","sourceRoot":"","sources":["../../../src/components/organism/StructuredTicketEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,wEAAsC;AACtC,iCAKqB;AACrB,uCAQiB;AACjB,6CAAuC;AAEvC,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,yKAAA,sGAM3B,IAAA,CAAA;AAED,IAAM,qBAAqB,GAAG,2BAAM,CAAC,GAAG,sFAAA,mBAEvC,IAAA,CAAA;AAED,IAAM,mBAAmB,GAAG,2BAAM,CAAC,GAAG,yJAAA,sFAKrC,IAAA,CAAA;AAED,IAAM,qBAAqB,GAAG,2BAAM,CAAC,GAAG,kZAAA,sLAS7B,EAAgB,qDAEL,EAAmB,gGAIxC,KANU,eAAM,CAAC,SAAS,EAEL,eAAM,CAAC,YAAY,CAIxC,CAAA;AAED,IAAM,KAAK,GAAG,UAAC,CAAU,IAAK,OAAA,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAA1B,CAA0B,CAAA;AAExD,IAAM,SAAS,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AAEjE,IAAM,sBAAsB,GAAyC,UAAC,EAgB5E;;QAfC,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,mBAAmB,yBAAA,EACnB,cAAc,oBAAA,EACd,0BAA0B,gCAAA,EAC1B,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA;IAEd,IAAA,KAA4B,IAAA,gBAAQ,EAAC,kBAAS,CAAC,IAAI,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAA;IACpD,IAAA,KAAwC,IAAA,gBAAQ,EACpD,eAAe,CAAC,OAAO,CACxB,EAFM,eAAe,QAAA,EAAE,kBAAkB,QAEzC,CAAA;IACK,IAAA,KACJ,IAAA,gBAAQ;QACN,GAAC,kBAAS,CAAC,IAAI,IAAG,cAAc,CAAC,IAAI;QACrC,GAAC,kBAAS,CAAC,WAAW,IAAG,cAAc,CAAC,WAAW;QACnD,GAAC,kBAAS,CAAC,EAAE,IAAG,cAAc,CAAC,EAAE;YACjC,EALG,mBAAmB,QAAA,EAAE,sBAAsB,QAK9C,CAAA;IACE,IAAA,KAA8C,IAAA,gBAAQ;QAC1D,GAAC,kBAAS,CAAC,IAAI,IAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;QAC5C,GAAC,kBAAS,CAAC,WAAW,IAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;QAC1D,GAAC,kBAAS,CAAC,EAAE,IAAG,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC;YACxC,EAJK,kBAAkB,QAAA,EAAE,qBAAqB,QAI9C,CAAA;IACI,IAAA,KAAsD,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApE,sBAAsB,QAAA,EAAE,yBAAyB,QAAmB,CAAA;IAErE,IAAA,KAAoC,IAAA,gBAAQ,EAAa;QAC7D,eAAe,EAAE,eAAe,IAAI,IAAI;QACxC,aAAa,EAAE,aAAa,IAAI,OAAO;QACvC,SAAS,EAAE,cAAc;KAC1B,CAAC,EAJK,aAAa,QAAA,EAAE,gBAAgB,QAIpC,CAAA;IAEI,IAAA,KAAgD,IAAA,gBAAQ,EAE5D,EAAE,CAAC,EAFE,mBAAmB,QAAA,EAAE,sBAAsB,QAE7C,CAAA;IAEL,IAAM,WAAW,GAAG;;QAClB,sBAAsB,uBACjB,mBAAmB,gBACrB,kBAAS,CAAC,IAAI,IAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,kBAAS,CAAC,IAAI,CAAC,CAAC,KAC/D,kBAAS,CAAC,EAAE,IAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,kBAAS,CAAC,EAAE,CAAC,CAAC,OAC5D,CAAA;IACJ,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG;;QACxB,sBAAsB,uBACjB,mBAAmB,gBACrB,kBAAS,CAAC,WAAW,IAAG,IAAI,CAAC,KAAK,CACjC,kBAAkB,CAAC,kBAAS,CAAC,WAAW,CAAC,CAC1C,OACD,CAAA;IACJ,CAAC,CAAA;IAED,IAAM,mBAAmB,GAAG,UAAC,KAAqB;QAChD,IAAI;YACF,IAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAA;YAClC,IAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAA;YAChD,YAAY,uBACP,cAAc,KACjB,IAAI,EAAE,eAAe,EACrB,WAAW,EAAE,sBAAsB,IACnC,CAAA;SACH;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;SACnB;IACH,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG;;QACzB,IAAI,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,IAAI,0CAAE,UAAU,EAAE;YACzC,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,UAAC,QAAQ;;gBAChE,IAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,IAAI;;oBAC9C,IAAM,cAAc,GAAG,UAAG,IAAI,qBAAW,QAAQ,CAAE,CAAA;oBACnD,IAAM,sBAAsB,GAC1B,mBAAmB,CAAC,WAAW;wBAC/B,CAAC,mBAAmB,CAAC,WAAW,CAAC,cAAc,CAAC,CAAA;oBAElD,OAAO,sBAAsB;wBAC3B,CAAC,uBACM,GAAG,gBACL,cAAc,IAAG,EAAE,OAExB,CAAC,CAAC,GAAG,CAAA;gBACT,CAAC,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAA;gBAEnC,qBAAqB,uBAChB,kBAAkB,gBACpB,kBAAS,CAAC,WAAW,IAAG,KAAK,CAAC,YAAY,CAAC,OAC5C,CAAA;YACJ,CAAC,CAAC,CAAA;YACF,yBAAyB,CAAC,IAAI,CAAC,CAAA;SAChC;IACH,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG;;QACvB,sBAAsB,CAAC,EAAE,CAAC,CAAA;QAC1B,IAAI,kBAAkB,CAAC,SAAS,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;YAC9C,qBAAqB,uBAAM,kBAAkB,gBAAG,SAAS,IAAG,IAAI,OAAG,CAAA;YACnE,WAAW,EAAE,CAAA;YACb,iBAAiB,EAAE,CAAA;SACpB;aAAM;YACL,IAAM,iBAAiB,GAAsB,EAAE,CAAA;YAC/C,IAAI;gBACF,WAAW,EAAE,CAAA;aACd;YAAC,WAAM;gBACN,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;aAC/B;YACD,IAAI;gBACF,iBAAiB,EAAE,CAAA;aACpB;YAAC,WAAM;gBACN,iBAAiB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;aACrC;YACD,sBAAsB,CAAC,iBAAiB,CAAC,CAAA;YACzC,aAAa,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAA;SACzC;IACH,CAAC,CAAA;IAED,IAAM,YAAY,GAAG;QACnB,IAAI;YACF,gBAAgB,EAAE,CAAA;SACnB;QAAC,WAAM;YACN,aAAa,CAAC,KAAK,CAAC,CAAA;SACrB;QACD,IAAI,UAAU,EAAE;YACd,IAAI;gBACF,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;aACzC;YAAC,WAAM;gBACN,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;aAClC;SACF;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAI,UAAU,EAAE;YACd,kBAAkB,EAAE,CAAA;SACrB;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,IAAA,iBAAS,EAAC;;QACR,IAAI,mBAAmB,CAAC,IAAI,CAAC,UAAU,EAAE;YACvC,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YAClE,IAAM,mBAAiB,GAAG,MAAM,CAAC,OAAO,CACtC,MAAA,mBAAmB,CAAC,IAAI,0CAAE,UAAU,CACrC;iBACE,MAAM,CACL,UAAC,eAAoB;gBACnB,OAAA,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS;oBACrC,eAAe,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,SAAS;YADxC,CACwC,CAC3C;iBACA,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,CAAC,CAAC,EAAT,CAAS,CAAC,CAAA;YAC7B,IAAM,wBAAsB,GAAG,mBAAmB,CAAA;YAClD,SAAS,CAAC,OAAO,CAAC,UAAC,GAAG;gBACpB,mBAAiB,CAAC,OAAO,CAAC,UAAC,oBAAoB;oBAC7C,IAAI,GAAG,KAAK,oBAAoB,EAAE;wBAChC,IAAI,wBAAsB,CAAC,IAAI,CAAC,UAAU,EAAE;4BAC1C,CAAC;4BAAC,wBAAsB,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAS,CAAC,OAAO;gCAC3D,KAAK,CAAA;yBACR;qBACF;gBACH,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;YACF,sBAAsB,CAAC,wBAAsB,CAAC,CAAA;SAC/C;IACH,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEzB,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,sBAAsB,EAAE;YAC3B,aAAa,CAAC,KAAK,CAAC,CAAA;YACpB,IAAI;gBACF,iBAAiB,EAAE,CAAA;gBACnB,WAAW,EAAE,CAAA;aACd;YAAC,WAAM;gBACN,aAAa,CAAC,KAAK,CAAC,CAAA;aACrB;SACF;QACD,yBAAyB,CAAC,KAAK,CAAC,CAAA;IAClC,CAAC,EAAE,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC,CAAA;IAExC,IAAA,iBAAS,EAAC;QACR,IAAI,mBAAmB,EAAE;YACvB,IAAM,gBAAgB,GAAW,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;YAC3D,IAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;YAC3D,IAAM,IAAI,GAAW,kBAAkB,CAAC,IAAI,CAAA;YAC5C,IAAM,KAAK,GAAW,kBAAkB,CAAC,WAAW,CAAA;YAEpD,IAAI,gBAAgB,KAAK,IAAI,IAAI,iBAAiB,KAAK,KAAK,EAAE;gBAC5D,gBAAgB,CAAC,IAAI,CAAC,CAAA;aACvB;YACD,IAAI,gBAAgB,KAAK,IAAI,IAAI,iBAAiB,KAAK,KAAK,EAAE;gBAC5D,gBAAgB,CAAC,KAAK,CAAC,CAAA;aACxB;SACF;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAE7C,IAAA,iBAAS,EAAC;QACR,IAAI,mBAAmB,CAAC,MAAM,GAAG,CAAC,EAAE;YAClC,IAAM,SAAS,GAAG,mBAAmB,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,KAAK,MAAM,EAAZ,CAAY,CAAC,CAAA;YAC/D,IAAM,eAAe,GAAG,mBAAmB,CAAC,IAAI,CAC9C,UAAC,CAAC,IAAK,OAAA,CAAC,KAAK,YAAY,EAAlB,CAAkB,CAC1B,CAAA;YACD,IAAI,SAAS,IAAI,eAAe,EAAE;gBAChC,gBAAgB,uBACX,aAAa,KAChB,SAAS,EAAE,cAAc,IAAI,cAAc,IAC3C,CAAA;aACH;iBAAM,IAAI,SAAS,EAAE;gBACpB,gBAAgB,uBACX,aAAa,KAChB,SAAS,EAAE,aAAa,IAAI,cAAc,IAC1C,CAAA;aACH;iBAAM,IAAI,eAAe,EAAE;gBAC1B,gBAAgB,uBACX,aAAa,KAChB,SAAS,EAAE,mBAAmB,IAAI,cAAc,IAChD,CAAA;aACH;SACF;IACH,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEzB,IAAA,iBAAS,EAAC;QACR,gBAAgB,EAAE,CAAA;IACpB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,8BAAC,SAAS;QACP,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAAI,CACjC,8BAAC,qBAAqB;YACpB,8BAAC,yBAAY,IACX,SAAS,EAAE,aAAa,CAAC,SAAS,EAClC,eAAe,EAAE,aAAa,CAAC,eAAe,EAC9C,aAAa,EAAE,aAAa,CAAC,aAAa,EAC1C,OAAO,EAAE,cAAM,OAAA,sBAAsB,CAAC,EAAE,CAAC,EAA1B,CAA0B,GACzC,CACoB,CACzB;QACD,8BAAC,qBAAqB;YACpB,8BAAC,yBAAY,IACX,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAAE,oBAAoB,EAC1C,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,cAAM,OAAA,gBAAgB,EAAE,EAAlB,CAAkB,EACpC,YAAY,EAAE,YAAY,EAC1B,sBAAsB,EAAE,UACtB,UAAgD,IAC7C,OAAA,sBAAsB,CAAC,UAAU,CAAC,EAAlC,CAAkC,EACvC,qBAAqB,EAAE,UAAC,GAAsC;oBAC5D,OAAA,qBAAqB,CAAC,GAAG,CAAC;gBAA1B,CAA0B,GAE5B,CACoB;QACxB,8BAAC,mBAAmB;YAClB,8BAAC,6BAAgB,IACf,cAAc,EAAE,cAAc,EAC9B,0BAA0B,EAAE,0BAA0B,EACtD,QAAQ,EAAE,UAAU,EACpB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,YAAY,EAC3B,gBAAgB,EAAE,kBAAkB,EACpC,gBAAgB,EAAE,eAAe,GACjC;YACF,8BAAC,uBAAU,IACT,eAAe,EAAE,eAAe,CAAC,GAAG,EACpC,cAAc,EAAE,mBAAmB,CAAC,kBAAS,CAAC,WAAW,CAAC,EAC1D,MAAM,EAAE,mBAAmB,CAAC,kBAAS,CAAC,IAAI,CAAC,GAC3C,CACkB,CACZ,CACb,CAAA;AACH,CAAC,CAAA;AArRY,QAAA,sBAAsB,0BAqRlC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@allthings/structured-ticket-form",
3
- "version": "3.0.2-dev.0",
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,
@@ -30,32 +30,32 @@
30
30
  },
31
31
  "homepage": "https://github.com/allthings/structured-ticket-form/#readme",
32
32
  "devDependencies": {
33
- "@commitlint/cli": "17.6.7",
34
- "@commitlint/config-conventional": "17.6.7",
33
+ "@commitlint/cli": "17.7.2",
34
+ "@commitlint/config-conventional": "17.7.0",
35
35
  "@snowpack/plugin-typescript": "1.2.1",
36
36
  "@types/jest": "27.5.2",
37
- "@types/lodash": "4.14.196",
38
- "@types/react": "17.0.62",
37
+ "@types/lodash": "4.14.199",
38
+ "@types/react": "17.0.65",
39
39
  "@types/react-dom": "17.0.20",
40
- "@types/react-jsonschema-form": "1.7.8",
40
+ "@types/react-jsonschema-form": "1.7.9",
41
41
  "@typescript-eslint/eslint-plugin": "5.62.0",
42
42
  "@typescript-eslint/parser": "5.62.0",
43
43
  "eslint": "7.32.0",
44
44
  "eslint-config-prettier": "8.10.0",
45
45
  "eslint-config-standard": "16.0.3",
46
- "eslint-plugin-import": "2.28.0",
46
+ "eslint-plugin-import": "2.28.1",
47
47
  "eslint-plugin-node": "11.1.0",
48
48
  "eslint-plugin-prettier": "4.2.1",
49
49
  "eslint-plugin-promise": "5.2.0",
50
- "eslint-plugin-react": "7.33.1",
50
+ "eslint-plugin-react": "7.33.2",
51
51
  "eslint-plugin-react-hooks": "4.6.0",
52
52
  "husky": "8.0.3",
53
53
  "jest": "27.5.1",
54
- "lint-staged": "13.2.3",
54
+ "lint-staged": "14.0.1",
55
55
  "prettier": "2.8.8",
56
56
  "react": "17.0.2",
57
57
  "react-dom": "17.0.2",
58
- "rimraf": "5.0.1",
58
+ "rimraf": "5.0.5",
59
59
  "snowpack": "3.0.10",
60
60
  "ts-jest": "27.1.5",
61
61
  "ttypescript": "1.5.15",