@allthings/structured-ticket-form 7.0.0-dev.0 → 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.
Files changed (45) hide show
  1. package/lib/assets/index.js +1 -17
  2. package/lib/assets/index.js.map +1 -1
  3. package/lib/assets/svg/VectorIcon.js +4 -8
  4. package/lib/assets/svg/VectorIcon.js.map +1 -1
  5. package/lib/assets/svg/index.js +1 -17
  6. package/lib/assets/svg/index.js.map +1 -1
  7. package/lib/components/atoms/ErrorMessage.js +15 -19
  8. package/lib/components/atoms/ErrorMessage.js.map +1 -1
  9. package/lib/components/atoms/LanguageSelector.js +32 -69
  10. package/lib/components/atoms/LanguageSelector.js.map +1 -1
  11. package/lib/components/atoms/SchemaHeader.js +21 -25
  12. package/lib/components/atoms/SchemaHeader.js.map +1 -1
  13. package/lib/components/atoms/index.js +3 -19
  14. package/lib/components/atoms/index.js.map +1 -1
  15. package/lib/components/index.js +3 -19
  16. package/lib/components/index.js.map +1 -1
  17. package/lib/components/molecules/CustomForm.js +16 -20
  18. package/lib/components/molecules/CustomForm.js.map +1 -1
  19. package/lib/components/molecules/SchemaEditor.js +19 -26
  20. package/lib/components/molecules/SchemaEditor.js.map +1 -1
  21. package/lib/components/molecules/index.js +2 -18
  22. package/lib/components/molecules/index.js.map +1 -1
  23. package/lib/components/organism/StructuredTicketEditor.js +57 -64
  24. package/lib/components/organism/StructuredTicketEditor.js.map +1 -1
  25. package/lib/components/organism/index.js +1 -17
  26. package/lib/components/organism/index.js.map +1 -1
  27. package/lib/hooks/index.js +3 -6
  28. package/lib/hooks/index.js.map +1 -1
  29. package/lib/index.js +3 -19
  30. package/lib/index.js.map +1 -1
  31. package/lib/jsonFormUtils.js +1 -5
  32. package/lib/jsonFormUtils.js.map +1 -1
  33. package/lib/jsonFormUtils.test.js +8 -10
  34. package/lib/jsonFormUtils.test.js.map +1 -1
  35. package/lib/models.d.ts +1 -1
  36. package/lib/models.js +2 -5
  37. package/lib/models.js.map +1 -1
  38. package/lib/style/colors.js +1 -4
  39. package/lib/style/colors.js.map +1 -1
  40. package/lib/style/index.js +1 -17
  41. package/lib/style/index.js.map +1 -1
  42. package/lib/translator.js +7 -13
  43. package/lib/translator.js.map +1 -1
  44. package/package.json +39 -19
  45. package/.coderabbit.yaml +0 -5
@@ -1,18 +1,2 @@
1
- "use strict";
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
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.tsx"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA"}
@@ -1,15 +1,11 @@
1
- "use strict";
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
- var react_1 = require("@emotion/react");
3
+ import { css } from '@emotion/react';
7
4
  var styles = {
8
- svg: (0, react_1.css)({
5
+ svg: css({
9
6
  height: '8px',
10
7
  width: '12px',
11
8
  }),
12
9
  };
13
- var VectorIcon = function () { return ((0, jsx_runtime_1.jsx)("svg", { css: styles.svg, fill: "none", viewBox: "0 0 12 8", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M0.250977 0.75L6.00098 7.25L11.751 0.75", stroke: "#979797", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: "10" }) })); };
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":";;;;AAAA,sCAAsC;AACtC,wCAAyC;AAEzC,IAAM,MAAM,GAAG;IACb,GAAG,EAAE,IAAA,WAAG,EAAC;QACP,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,MAAM;KACd,CAAC;CACH,CAAA;AAEM,IAAM,UAAU,GAAG,cAAM,OAAA,CAC9B,gCACE,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,4BAA4B,YAElC,iCACE,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;AAfY,QAAA,UAAU,cAetB"}
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"}
@@ -1,18 +1,2 @@
1
- "use strict";
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":";;;;;;;;;;;;;;;;AAAA,+CAA4B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/assets/svg/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
@@ -1,16 +1,13 @@
1
- "use strict";
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
- var react_1 = require("@emotion/react");
7
- var style_1 = require("../../style");
3
+ import { css } from '@emotion/react';
4
+ import { colors } from "../../style";
8
5
  var styles = {
9
- button: (0, react_1.css)({
6
+ button: css({
10
7
  alignItems: 'center',
11
- backgroundColor: "".concat(style_1.colors.redMid),
8
+ backgroundColor: "".concat(colors.redMid),
12
9
  borderRadius: '8px',
13
- boxShadow: "-1px -1px 6px ".concat(style_1.colors.boxShadowGray, ", 1.5px 1.5px 3px ").concat(style_1.colors.boxShadowDark),
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: (0, react_1.css)({
22
+ container: css({
26
23
  alignItems: 'center',
27
24
  display: 'flex',
28
25
  flexDirection: 'column',
29
26
  margin: '5px',
30
27
  }),
31
- errorText: (0, react_1.css)({
32
- color: "".concat(style_1.colors.darkBlueIntense, "1"),
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: (0, react_1.css)({
39
- color: "".concat(style_1.colors.redMid),
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: (0, react_1.css)({
47
- backgroundColor: "".concat(style_1.colors.lineGray),
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 ((0, jsx_runtime_1.jsxs)("div", { css: styles.container, children: [(0, jsx_runtime_1.jsx)("h4", { css: styles.errorTextHead, children: errorTextHead }), (0, jsx_runtime_1.jsx)("p", { css: styles.errorText, children: errorText }), (0, jsx_runtime_1.jsx)("div", { css: styles.line }), (0, jsx_runtime_1.jsx)("div", { css: styles.button, onClick: onClick, onKeyDown: onClick, children: errorTextButton })] }));
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":";;;;AAAA,sCAAsC;AACtC,wCAAyC;AAIzC,qCAAgC;AAEhC,IAAM,MAAM,GAAG;IACb,MAAM,EAAE,IAAA,WAAG,EAAC;QACV,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,UAAG,cAAM,CAAC,MAAM,CAAE;QACnC,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,wBAAiB,cAAM,CAAC,aAAa,+BAAqB,cAAM,CAAC,aAAa,CAAE;QAC3F,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,GAAG;QACf,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,KAAK;KACb,CAAC;IACF,SAAS,EAAE,IAAA,WAAG,EAAC;QACb,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,KAAK;KACd,CAAC;IACF,SAAS,EAAE,IAAA,WAAG,EAAC;QACb,KAAK,EAAE,UAAG,cAAM,CAAC,eAAe,MAAG;QACnC,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,QAAQ;KACrB,CAAC;IACF,aAAa,EAAE,IAAA,WAAG,EAAC;QACjB,KAAK,EAAE,UAAG,cAAM,CAAC,MAAM,CAAE;QACzB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,QAAQ;KACpB,CAAC;IACF,IAAI,EAAE,IAAA,WAAG,EAAC;QACR,eAAe,EAAE,UAAG,cAAM,CAAC,QAAQ,CAAE;QACrC,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,MAAM;QACpB,KAAK,EAAE,KAAK;KACb,CAAC;CACH,CAAA;AAEM,IAAM,YAAY,GAAsC,UAAC,EAK/D;QAJC,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,OAAO,aAAA;IACH,OAAA,CACJ,iCAAK,GAAG,EAAE,MAAM,CAAC,SAAS,aACxB,+BAAI,GAAG,EAAE,MAAM,CAAC,aAAa,YAAG,aAAa,GAAM,EACnD,8BAAG,GAAG,EAAE,MAAM,CAAC,SAAS,YAAG,SAAS,GAAK,EACzC,gCAAK,GAAG,EAAE,MAAM,CAAC,IAAI,GAAI,EACzB,gCAAK,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,YAC1D,eAAe,GACZ,IACF,CACP;AATK,CASL,CAAA;AAdY,QAAA,YAAY,gBAcxB"}
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
- "use strict";
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
- var react_1 = require("@emotion/react");
40
- var react_2 = __importStar(require("react"));
41
- var assets_1 = require("../../assets");
42
- var hooks_1 = require("../../hooks");
43
- var style_1 = require("../../style");
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 (0, react_1.css)({
10
+ return css({
47
11
  ':hover': {
48
12
  backgroundColor: isActive
49
- ? "".concat(style_1.colors.midBlue, "ff")
50
- : style_1.colors.deactiveButtonColor,
13
+ ? "".concat(colors.midBlue, "ff")
14
+ : colors.deactiveButtonColor,
51
15
  },
52
16
  backgroundColor: isActive
53
- ? style_1.colors.activeButtonColor
54
- : style_1.colors.deactiveButtonColor,
17
+ ? colors.activeButtonColor
18
+ : colors.deactiveButtonColor,
55
19
  border: 'none',
56
20
  borderRadius: '2px',
57
- color: isActive ? 'white' : style_1.colors.dark,
21
+ color: isActive ? 'white' : colors.dark,
58
22
  cursor: 'pointer',
59
23
  fontSize: '12px',
60
24
  padding: '10px',
61
25
  });
62
26
  },
63
- h4: (0, react_1.css)({
64
- color: style_1.colors.lightBlack,
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: (0, react_1.css)({
35
+ languageContainer: css({
72
36
  height: '36px',
73
37
  marginLeft: '20px',
74
38
  marginTop: '3px',
75
39
  padding: 0,
76
40
  }),
77
- languageItem: (0, react_1.css)({
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: style_1.colors.lightBlack,
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: (0, react_1.css)({
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: (0, react_1.css)({
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 (0, react_1.css)({
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: (0, react_1.css)({
98
+ vectorContainer: css({
135
99
  cursor: 'pointer',
136
100
  }),
137
- vectorIconRotated: (0, react_1.css)({
101
+ vectorIconRotated: css({
138
102
  transform: 'rotate(180deg)',
139
103
  transition: 'transform 0.2s ease-out',
140
104
  }),
141
- vectorWrapper: (0, react_1.css)({
105
+ vectorWrapper: css({
142
106
  width: '15px',
143
107
  }),
144
- wrapper: (0, react_1.css)({
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 = (0, react_2.useState)(false), open = _b[0], setOpen = _b[1];
155
- var selectReference = (0, react_2.useRef)(null);
156
- (0, hooks_1.useOnClickOutside)(selectReference, function () {
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 = (0, react_2.useCallback)(function () {
123
+ var onValidateRefresh = useCallback(function () {
160
124
  if (isActive) {
161
125
  onClickButton();
162
126
  }
163
127
  }, [isActive, onClickButton]);
164
- var handleOpen = (0, react_2.useCallback)(function () {
128
+ var handleOpen = useCallback(function () {
165
129
  setOpen(!open);
166
130
  }, [setOpen, open]);
167
- return ((0, jsx_runtime_1.jsx)("div", { css: styles.languageContainer, children: (0, jsx_runtime_1.jsxs)("div", { css: styles.wrapper, children: [(0, jsx_runtime_1.jsx)("h4", { css: styles.h4, children: headerLanguageSelectorText || 'Preview Language: ' }), (0, jsx_runtime_1.jsxs)("div", { css: styles.selectorWrapper(open), onClick: handleOpen, ref: selectReference, children: [(0, jsx_runtime_1.jsx)("div", { css: styles.vectorWrapper }), (0, jsx_runtime_1.jsx)("div", { css: styles.languageWrapper, children: (0, jsx_runtime_1.jsx)("p", { children: selectedLanguage.value }) }), (0, jsx_runtime_1.jsx)("div", { css: styles.vectorWrapper, children: open ? ((0, jsx_runtime_1.jsx)("div", { css: styles.vectorIconRotated, children: (0, jsx_runtime_1.jsx)(assets_1.VectorIcon, {}) })) : ((0, jsx_runtime_1.jsx)("div", { css: styles.vectorContainer, children: (0, jsx_runtime_1.jsx)(assets_1.VectorIcon, {}) })) }), (0, jsx_runtime_1.jsx)(react_2.default.Fragment, { children: open && ((0, jsx_runtime_1.jsx)("ul", { css: styles.selectContainer, children: languageDisplay.language.map(function (language) { return ((0, jsx_runtime_1.jsx)("li", { css: styles.languageItem, onClick: function () {
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)); }) })) })] }), (0, jsx_runtime_1.jsx)("button", { css: styles.button(isActive), onClick: onValidateRefresh, type: "button", children: buttonSaveText })] }) }));
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":"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"}
1
+ {"version":3,"file":"LanguageSelector.js","sourceRoot":"","sources":["../../../src/components/atoms/LanguageSelector.tsx"],"names":[],"mappings":"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"}
@@ -1,19 +1,16 @@
1
- "use strict";
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
- var react_1 = require("@emotion/react");
7
- var react_2 = require("react");
8
- var models_1 = require("../../models");
9
- var style_1 = require("../../style");
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 (0, react_1.css)({
9
+ return css({
13
10
  background: 'none',
14
11
  border: 'none',
15
12
  borderBottom: isActive ? '6px solid' : 'none',
16
- borderColor: isActive ? style_1.colors.lightBlue : 'none',
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: (0, react_1.css)({
22
+ buttonContainer: css({
26
23
  display: 'flex',
27
24
  flexWrap: 'wrap',
28
25
  margin: '0px',
29
26
  padding: '0px',
30
27
  }),
31
- container: (0, react_1.css)({
28
+ container: css({
32
29
  alignItems: 'center',
33
30
  backgroundColor: '#f5f5f5',
34
- borderColor: style_1.colors.borderSchema,
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: (0, react_1.css)({
46
+ preViewButton: css({
50
47
  ':hover': {
51
- backgroundColor: "".concat(style_1.colors.midBlue, "ff"),
48
+ backgroundColor: "".concat(colors.midBlue, "ff"),
52
49
  },
53
50
  alignItems: 'center',
54
- backgroundColor: style_1.colors.activeButtonColor,
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 === models_1.EditorTab.JSON;
68
- var isActiveTranslator = activeTab === models_1.EditorTab.TRANSLATION;
69
- var onJSONSchemaClick = (0, react_2.useCallback)(function () {
70
- setActiveTab(models_1.EditorTab.JSON);
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 = (0, react_2.useCallback)(function () {
73
- setActiveTab(models_1.EditorTab.TRANSLATION);
69
+ var onTranslatorClick = useCallback(function () {
70
+ setActiveTab(EditorTab.TRANSLATION);
74
71
  }, [setActiveTab]);
75
- return ((0, jsx_runtime_1.jsxs)("div", { css: styles.container, children: [(0, jsx_runtime_1.jsxs)("ul", { css: styles.buttonContainer, children: [(0, jsx_runtime_1.jsx)("button", { css: styles.button(isActiveJSONSchema), onClick: onJSONSchemaClick, children: "JSONSchema" }), (0, jsx_runtime_1.jsx)("button", { css: styles.button(isActiveTranslator), onClick: onTranslatorClick, children: buttonTranslatorText || 'Translator' })] }), (0, jsx_runtime_1.jsx)("div", { css: styles.preViewButton, onClick: onValidate, children: buttonValidateText || 'Validate' })] }));
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":"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"}
1
+ {"version":3,"file":"SchemaHeader.js","sourceRoot":"","sources":["../../../src/components/atoms/SchemaHeader.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAO,MAAM,gBAAgB,CAAA;AACzC,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAAE,SAAS,EAA2B,qBAAgB;AAC7D,OAAO,EAAE,MAAM,EAAE,oBAAe;AAEhC,IAAM,MAAM,GAAG;IACb,MAAM,EAAE,UAAC,QAAiB;QACxB,OAAA,GAAG,CAAC;YACF,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM;YAC7C,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;YACjD,SAAS,EAAE,YAAY;YACvB,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB;SACjE,CAAC;IAXF,CAWE;IACJ,eAAe,EAAE,GAAG,CAAC;QACnB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,KAAK;KACf,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;QACb,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,SAAS;QAC1B,WAAW,EAAE,MAAM,CAAC,YAAY;QAChC,UAAU,EAAE,WAAW;QACvB,WAAW,EAAE,WAAW;QACxB,SAAS,EAAE,WAAW;QACtB,mBAAmB,EAAE,KAAK;QAC1B,oBAAoB,EAAE,KAAK;QAC3B,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,MAAM;QACd,cAAc,EAAE,eAAe;QAC/B,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,UAAU;KACrB,CAAC;IACF,aAAa,EAAE,GAAG,CAAC;QACjB,QAAQ,EAAE;YACR,eAAe,EAAE,UAAG,MAAM,CAAC,OAAO,OAAI;SACvC;QACD,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,MAAM,CAAC,iBAAiB;QACzC,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,MAAM;QACnB,OAAO,EAAE,KAAK;KACf,CAAC;CACH,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAsC,UAAC,EAM/D;QALC,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA;IAEpB,IAAM,kBAAkB,GAAG,SAAS,KAAK,SAAS,CAAC,IAAI,CAAA;IACvD,IAAM,kBAAkB,GAAG,SAAS,KAAK,SAAS,CAAC,WAAW,CAAA;IAC9D,IAAM,iBAAiB,GAAG,WAAW,CAAC;QACpC,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,IAAM,iBAAiB,GAAG,WAAW,CAAC;QACpC,YAAY,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,CACL,eAAK,GAAG,EAAE,MAAM,CAAC,SAAS,aACxB,cAAI,GAAG,EAAE,MAAM,CAAC,eAAe,aAC7B,iBACE,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,EACtC,OAAO,EAAE,iBAAiB,2BAGnB,EACT,iBACE,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,EACtC,OAAO,EAAE,iBAAiB,YAEzB,oBAAoB,IAAI,YAAY,GAC9B,IACN,EACL,cAAK,GAAG,EAAE,MAAM,CAAC,aAAa,EAAE,OAAO,EAAE,UAAU,YAChD,kBAAkB,IAAI,UAAU,GAC7B,IACF,CACP,CAAA;AACH,CAAC,CAAA"}
@@ -1,20 +1,4 @@
1
- "use strict";
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("./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":";;;;;;;;;;;;;;;;AAAA,iDAA8B;AAC9B,qDAAkC;AAClC,iDAA8B"}
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"}
@@ -1,20 +1,4 @@
1
- "use strict";
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("./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":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,8CAA2B;AAC3B,6CAA0B"}
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
- Object.defineProperty(exports, "__esModule", { value: true });
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
- var react_1 = require("@emotion/react");
29
- var styles_1 = require("@mui/material/styles");
30
- var core_1 = require("@rjsf/core");
31
- var mui_1 = require("@rjsf/mui");
32
- var react_2 = require("react");
33
- var translator_1 = require("../../translator");
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: (0, react_1.css)({
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: (0, react_1.css)({
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 = (0, core_1.withTheme)(mui_1.Theme);
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 = (0, react_2.useState)((0, translator_1.translateSchema)(schema, currentLanguage, languageSchema)), translatedSchema = _c[0], setTranslatedSchema = _c[1];
98
- var muiTheme = (0, styles_1.createTheme)(__assign(__assign(__assign({}, mainTheme), { components: __assign(__assign({}, mainComponentsTheme), componentsTheme) }), theme));
99
- (0, react_2.useEffect)(function () {
100
- setTranslatedSchema((0, translator_1.translateSchema)(schema, currentLanguage, languageSchema));
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 ((0, jsx_runtime_1.jsx)("div", { css: styles.formContainer, children: (0, jsx_runtime_1.jsx)(styles_1.ThemeProvider, { theme: muiTheme, children: (0, jsx_runtime_1.jsx)(Form, __assign({ schema: translatedSchema }, restProperties, { children: (0, jsx_runtime_1.jsx)("button", { css: styles.hiddenButton, disabled: true, type: "submit" }) })) }) }));
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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAyC;AACzC,+CAAiE;AACjE,mCAAsC;AACtC,iCAAoD;AAEpD,+BAA2C;AAG3C,+CAA8C;AAE9C,IAAM,MAAM,GAAG;IACb,aAAa,EAAE,IAAA,WAAG,EAAC;QACjB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,MAAM;KACd,CAAC;IACF,YAAY,EAAE,IAAA,WAAG,EAAC;QAChB,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAA;AAED,IAAM,mBAAmB,GAAG;IAC1B,UAAU,EAAE;QACV,cAAc,EAAE;YACd,IAAI,EAAE;gBACJ,MAAM,EAAE,CAAC;gBACT,UAAU,EAAE,QAAiB;aAC9B;SACF;KACF;IACD,cAAc,EAAE;QACd,cAAc,EAAE;YACd,IAAI,EAAE;gBACJ,QAAQ,EAAE,QAAiB;aAC5B;SACF;KACF;IACD,YAAY,EAAE;QACZ,cAAc,EAAE;YACd,IAAI,EAAE;gBACJ,QAAQ,EAAE,EAAE;aACb;SACF;KACF;IACD,aAAa,EAAE;QACb,cAAc,EAAE;YACd,WAAW,EAAE;gBACX,QAAQ,EAAE,QAAiB;aAC5B;SACF;KACF;IACD,YAAY,EAAE;QACZ,YAAY,EAAE;YACZ,OAAO,EAAE,UAAmB;SAC7B;KACF;CACF,CAAA;AAED,IAAM,SAAS,GAAG;IAChB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,EAAE,EAAE;YACF,QAAQ,EAAE,EAAE;SACb;KACF;CACF,CAAA;AAED,IAAM,IAAI,GAAG,IAAA,gBAAS,EAAC,WAAe,CAAC,CAAA;AAEhC,IAAM,UAAU,GAAG,UAAC,UAAiC;IAExD,IAAA,MAAM,GAMJ,UAAU,OANN,EACN,cAAc,GAKZ,UAAU,eALE,EACd,eAAe,GAIb,UAAU,gBAJG,EACf,KAGE,UAAU,MAHF,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,KAEE,UAAU,gBAFQ,EAApB,eAAe,mBAAG,EAAE,KAAA,EACjB,cAAc,UACf,UAAU,EAPR,2EAOL,CADkB,CACL;IACR,IAAA,KAA0C,IAAA,gBAAQ,EACtD,IAAA,4BAAe,EAAC,MAAM,EAAE,eAAe,EAAE,cAAc,CAAC,CACzD,EAFM,gBAAgB,QAAA,EAAE,mBAAmB,QAE3C,CAAA;IAED,IAAM,QAAQ,GAAG,IAAA,oBAAW,iCACvB,SAAS,KACZ,UAAU,wBAAO,mBAAmB,GAAK,eAAe,MACrD,KAAK,EACR,CAAA;IAEF,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,gCAAK,GAAG,EAAE,MAAM,CAAC,aAAa,YAC5B,uBAAC,sBAAa,IAAC,KAAK,EAAE,QAAQ,YAC5B,uBAAC,IAAI,aAAC,MAAM,EAAE,gBAAgB,IAAM,cAAc,cAChD,mCAAQ,GAAG,EAAE,MAAM,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,GAAG,IAC7D,GACO,GACZ,CACP,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,UAAU,cAkCtB"}
1
+ {"version":3,"file":"CustomForm.js","sourceRoot":"","sources":["../../../src/components/molecules/CustomForm.tsx"],"names":[],"mappings":"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"}