@allthings/structured-ticket-form 4.0.0 → 4.0.2-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/lib/assets/svg/VectorIcon.d.ts +3 -2
  2. package/lib/assets/svg/VectorIcon.js +10 -13
  3. package/lib/assets/svg/VectorIcon.js.map +1 -1
  4. package/lib/components/atoms/ErrorMessage.d.ts +2 -2
  5. package/lib/components/atoms/ErrorMessage.js +52 -20
  6. package/lib/components/atoms/ErrorMessage.js.map +1 -1
  7. package/lib/components/atoms/LanguageSelector.d.ts +2 -2
  8. package/lib/components/atoms/LanguageSelector.js +134 -52
  9. package/lib/components/atoms/LanguageSelector.js.map +1 -1
  10. package/lib/components/atoms/SchemaHeader.d.ts +2 -2
  11. package/lib/components/atoms/SchemaHeader.js +71 -28
  12. package/lib/components/atoms/SchemaHeader.js.map +1 -1
  13. package/lib/components/atoms/index.d.ts +1 -1
  14. package/lib/components/atoms/index.js +1 -1
  15. package/lib/components/atoms/index.js.map +1 -1
  16. package/lib/components/molecules/CustomForm.d.ts +4 -3
  17. package/lib/components/molecules/CustomForm.js +60 -63
  18. package/lib/components/molecules/CustomForm.js.map +1 -1
  19. package/lib/components/molecules/SchemaEditor.d.ts +2 -2
  20. package/lib/components/molecules/SchemaEditor.js +33 -54
  21. package/lib/components/molecules/SchemaEditor.js.map +1 -1
  22. package/lib/components/molecules/index.d.ts +1 -1
  23. package/lib/components/molecules/index.js +1 -1
  24. package/lib/components/molecules/index.js.map +1 -1
  25. package/lib/components/organism/StructuredTicketEditor.d.ts +2 -2
  26. package/lib/components/organism/StructuredTicketEditor.js +169 -156
  27. package/lib/components/organism/StructuredTicketEditor.js.map +1 -1
  28. package/lib/hooks/index.d.ts +1 -1
  29. package/lib/hooks/index.js +4 -3
  30. package/lib/hooks/index.js.map +1 -1
  31. package/lib/index.d.ts +1 -1
  32. package/lib/index.js +1 -1
  33. package/lib/index.js.map +1 -1
  34. package/lib/jsonFormUtils.d.ts +3 -3
  35. package/lib/jsonFormUtils.js +59 -55
  36. package/lib/jsonFormUtils.js.map +1 -1
  37. package/lib/jsonFormUtils.test.js +1 -0
  38. package/lib/jsonFormUtils.test.js.map +1 -1
  39. package/lib/models.d.ts +31 -31
  40. package/lib/models.js +1 -1
  41. package/lib/models.js.map +1 -1
  42. package/lib/style/colors.d.ts +10 -10
  43. package/lib/style/colors.js +10 -10
  44. package/lib/style/colors.js.map +1 -1
  45. package/lib/translator.js +9 -8
  46. package/lib/translator.js.map +1 -1
  47. package/package.json +102 -107
@@ -1,8 +1,4 @@
1
1
  "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
2
  var __assign = (this && this.__assign) || function () {
7
3
  __assign = Object.assign || function(t) {
8
4
  for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -14,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
14
10
  };
15
11
  return __assign.apply(this, arguments);
16
12
  };
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
- };
40
13
  var __rest = (this && this.__rest) || function (s, e) {
41
14
  var t = {};
42
15
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -48,62 +21,86 @@ var __rest = (this && this.__rest) || function (s, e) {
48
21
  }
49
22
  return t;
50
23
  };
51
- var __importDefault = (this && this.__importDefault) || function (mod) {
52
- return (mod && mod.__esModule) ? mod : { "default": mod };
53
- };
54
24
  Object.defineProperty(exports, "__esModule", { value: true });
55
25
  exports.CustomForm = void 0;
56
- var styles_1 = require("@material-ui/core/styles");
26
+ /** @jsx jsx */
27
+ var react_1 = require("@emotion/react");
28
+ var styles_1 = require("@mui/material/styles");
57
29
  var core_1 = require("@rjsf/core");
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"));
30
+ var mui_1 = require("@rjsf/mui");
31
+ var react_2 = require("react");
61
32
  var translator_1 = require("../../translator");
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"])));
33
+ var styles = {
34
+ formContainer: (0, react_1.css)({
35
+ display: 'flex',
36
+ flexDirection: 'column',
37
+ height: '100%',
38
+ marginTop: '10px',
39
+ overflowX: 'hidden',
40
+ overflowY: 'auto',
41
+ padding: 0,
42
+ width: '100%',
43
+ }),
44
+ hiddenButton: (0, react_1.css)({
45
+ opacity: 0,
46
+ visibility: 'hidden',
47
+ }),
48
+ };
64
49
  var theme = (0, styles_1.createTheme)({
65
- typography: {
66
- h5: {
67
- fontSize: 16,
50
+ components: {
51
+ MuiDivider: {
52
+ styleOverrides: {
53
+ root: {
54
+ height: 0,
55
+ visibility: 'hidden',
56
+ },
57
+ },
68
58
  },
69
- fontSize: 14,
70
- },
71
- overrides: {
72
59
  MuiFormControl: {
73
- root: {
74
- overflow: 'hidden',
60
+ styleOverrides: {
61
+ root: {
62
+ overflow: 'hidden',
63
+ },
75
64
  },
76
65
  },
77
66
  MuiFormLabel: {
78
- root: {
79
- fontSize: 14,
67
+ styleOverrides: {
68
+ root: {
69
+ fontSize: 14,
70
+ },
80
71
  },
81
72
  },
82
- MuiDivider: {
83
- root: {
84
- visibility: 'hidden',
85
- height: 0,
73
+ MuiInputLabel: {
74
+ styleOverrides: {
75
+ formControl: {
76
+ position: 'static',
77
+ },
86
78
  },
87
79
  },
88
- MuiInputLabel: {
89
- formControl: {
90
- position: 'static',
80
+ MuiTextField: {
81
+ defaultProps: {
82
+ variant: 'standard',
91
83
  },
92
84
  },
93
85
  },
86
+ typography: {
87
+ fontSize: 14,
88
+ h5: {
89
+ fontSize: 16,
90
+ },
91
+ },
94
92
  });
95
- var Form = (0, core_1.withTheme)(material_ui_1.Theme);
96
- function CustomForm(props) {
97
- var schema = props.schema, languageSchema = props.languageSchema, currentLanguage = props.currentLanguage, restProps = __rest(props, ["schema", "languageSchema", "currentLanguage"]);
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 () {
93
+ var Form = (0, core_1.withTheme)(mui_1.Theme);
94
+ function CustomForm(properties) {
95
+ var schema = properties.schema, languageSchema = properties.languageSchema, currentLanguage = properties.currentLanguage, restProperties = __rest(properties, ["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 () {
100
98
  setTranslatedSchema((0, translator_1.translateSchema)(schema, currentLanguage, languageSchema));
101
99
  }, [languageSchema, schema, currentLanguage]);
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" })))));
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 }, restProperties),
103
+ (0, react_1.jsx)("button", { css: styles.hiddenButton, disabled: true, type: "submit" })))));
106
104
  }
107
105
  exports.CustomForm = CustomForm;
108
- var templateObject_1, templateObject_2;
109
106
  //# sourceMappingURL=CustomForm.js.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"CustomForm.js","sourceRoot":"","sources":["../../../src/components/molecules/CustomForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,eAAe;AACf,wCAAyC;AACzC,+CAAiE;AACjE,mCAAsC;AACtC,iCAAoD;AAEpD,+BAA2C;AAG3C,+CAA8C;AAE9C,IAAM,MAAM,GAAG;IACb,aAAa,EAAE,IAAA,WAAG,EAAC;QACjB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,MAAM;KACd,CAAC;IACF,YAAY,EAAE,IAAA,WAAG,EAAC;QAChB,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAA;AAED,IAAM,KAAK,GAAG,IAAA,oBAAW,EAAC;IACxB,UAAU,EAAE;QACV,UAAU,EAAE;YACV,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,MAAM,EAAE,CAAC;oBACT,UAAU,EAAE,QAAQ;iBACrB;aACF;SACF;QACD,cAAc,EAAE;YACd,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,QAAQ,EAAE,QAAQ;iBACnB;aACF;SACF;QACD,YAAY,EAAE;YACZ,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,QAAQ,EAAE,EAAE;iBACb;aACF;SACF;QACD,aAAa,EAAE;YACb,cAAc,EAAE;gBACd,WAAW,EAAE;oBACX,QAAQ,EAAE,QAAQ;iBACnB;aACF;SACF;QACD,YAAY,EAAE;YACZ,YAAY,EAAE;gBACZ,OAAO,EAAE,UAAU;aACpB;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,EAAE,EAAE;YACF,QAAQ,EAAE,EAAE;SACb;KACF;CACF,CAAC,CAAA;AAEF,IAAM,IAAI,GAAG,IAAA,gBAAS,EAAC,WAAe,CAAC,CAAA;AAEvC,SAAgB,UAAU,CAAI,UAAoC;IACxD,IAAA,MAAM,GACZ,UAAU,OADE,EAAE,cAAc,GAC5B,UAAU,eADkB,EAAE,eAAe,GAC7C,UAAU,gBADmC,EAAK,cAAc,UAChE,UAAU,EADN,+CAA8D,CAAF,CACtD;IACN,IAAA,KAA0C,IAAA,gBAAQ,EACtD,IAAA,4BAAe,EAAC,MAAM,EAAE,eAAe,EAAE,cAAc,CAAC,CACzD,EAFM,gBAAgB,QAAA,EAAE,mBAAmB,QAE3C,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,mBAAmB,CACjB,IAAA,4BAAe,EAAC,MAAM,EAAE,eAAe,EAAE,cAAc,CAAC,CACzD,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,eAAe,CAAC,CAAC,CAAA;IAE7C,OAAO,CACL,0BAAK,GAAG,EAAE,MAAM,CAAC,aAAa;QAC5B,iBAAC,sBAAa,IAAC,KAAK,EAAE,KAAK;YACzB,iBAAC,IAAI,aAAC,MAAM,EAAE,gBAAgB,IAAM,cAAc;gBAChD,6BAAQ,GAAG,EAAE,MAAM,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,GAAG,CAC7D,CACO,CACZ,CACP,CAAA;AACH,CAAC;AAtBD,gCAsBC"}
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
- import { SchemaContainerProps } from "../../models";
3
- export declare const SchemaEditor: React.FC<SchemaContainerProps>;
2
+ import { ISchemaContainerProperties } from "../../models";
3
+ export declare const SchemaEditor: React.FC<ISchemaContainerProperties>;
@@ -1,8 +1,4 @@
1
1
  "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
2
  var __assign = (this && this.__assign) || function () {
7
3
  __assign = Object.assign || function(t) {
8
4
  for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -14,74 +10,58 @@ var __assign = (this && this.__assign) || function () {
14
10
  };
15
11
  return __assign.apply(this, arguments);
16
12
  };
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
- };
40
13
  var __importDefault = (this && this.__importDefault) || function (mod) {
41
14
  return (mod && mod.__esModule) ? mod : { "default": mod };
42
15
  };
43
16
  Object.defineProperty(exports, "__esModule", { value: true });
44
17
  exports.SchemaEditor = void 0;
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"));
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");
48
22
  var components_1 = require("..");
49
23
  var models_1 = require("../../models");
50
24
  var style_1 = require("../../style");
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);
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
+ border: '1px solid',
35
+ borderBottomLeftRadius: '5px',
36
+ borderBottomRightRadius: '5px',
37
+ borderColor: "".concat(style_1.colors.borderSchema, "1"),
38
+ display: 'flex',
39
+ flexDirection: 'column',
40
+ height: '100%',
41
+ }),
42
+ };
53
43
  var bJSON = function (o) { return JSON.stringify(o, null, 4); };
54
44
  var SchemaEditor = function (_a) {
55
45
  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;
56
- (0, react_2.useEffect)(function () {
46
+ var fullFormSchemaString = (0, react_3.useMemo)(function () { return JSON.stringify(fullFormSchema); }, [fullFormSchema]);
47
+ (0, react_3.useEffect)(function () {
57
48
  var _a;
58
49
  setCurrentEditorValue((_a = {},
59
50
  _a[models_1.EditorTab.JSON] = bJSON(fullFormSchema.JSON),
60
51
  _a[models_1.EditorTab.TRANSLATION] = bJSON(fullFormSchema.TRANSLATION),
61
52
  _a[models_1.EditorTab.UI] = bJSON(fullFormSchema.UI),
62
53
  _a));
63
- }, [fullFormSchema]);
64
- return (react_2.default.createElement(Container, null,
65
- react_2.default.createElement(components_1.SchemaHeader, { activeTab: activeTab, buttonTranslatorText: buttonTranslatorText, buttonValidateText: buttonValidateText, onValidate: function () {
54
+ // eslint-disable-next-line react-hooks/exhaustive-deps
55
+ }, [fullFormSchemaString, setCurrentEditorValue]);
56
+ return ((0, react_1.jsx)("div", { css: styles.container },
57
+ (0, react_1.jsx)(components_1.SchemaHeader, { activeTab: activeTab, buttonTranslatorText: buttonTranslatorText, buttonValidateText: buttonValidateText, onValidate: function () {
66
58
  onValidate();
67
59
  }, setActiveTab: setActiveTab }),
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) {
70
- return setCurrentEditorValue(function (old) {
71
- var _a;
72
- return (__assign(__assign({}, old), (_a = {}, _a[activeTab] = v || '', _a)));
73
- });
74
- }, options: {
75
- minimap: {
76
- enabled: false,
77
- },
78
- }, value: currentEditorValue[activeTab] }))),
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) {
81
- return setCurrentEditorValue(function (old) {
82
- var _a;
83
- return (__assign(__assign({}, old), (_a = {}, _a[activeTab] = v || '', _a)));
84
- });
60
+ (activeTab === models_1.EditorTab.JSON ||
61
+ activeTab === models_1.EditorTab.TRANSLATION) && ((0, react_1.jsx)("div", { css: styles.schemaField },
62
+ (0, react_1.jsx)(react_2.default, { defaultLanguage: "json", defaultValue: '{}', height: "100%", onChange: function (v) {
63
+ var _a;
64
+ return setCurrentEditorValue(__assign(__assign({}, currentEditorValue), (_a = {}, _a[activeTab] = v || '', _a)));
85
65
  }, options: {
86
66
  minimap: {
87
67
  enabled: false,
@@ -89,5 +69,4 @@ var SchemaEditor = function (_a) {
89
69
  }, value: currentEditorValue[activeTab] })))));
90
70
  };
91
71
  exports.SchemaEditor = SchemaEditor;
92
- var templateObject_1, templateObject_2;
93
72
  //# sourceMappingURL=SchemaEditor.js.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"SchemaEditor.js","sourceRoot":"","sources":["../../../src/components/molecules/SchemaEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,eAAe;AACf,wCAAyC;AACzC,+DAAyC;AACzC,+BAAiD;AAEjD,iCAA2C;AAC3C,uCAAgE;AAChE,qCAAgC;AAEhC,IAAM,MAAM,GAAG;IACb,SAAS,EAAE,IAAA,WAAG,EAAC;QACb,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,UAAU;KACrB,CAAC;IACF,WAAW,EAAE,IAAA,WAAG,EAAC;QACf,MAAM,EAAE,WAAW;QACnB,sBAAsB,EAAE,KAAK;QAC7B,uBAAuB,EAAE,KAAK;QAC9B,WAAW,EAAE,UAAG,cAAM,CAAC,YAAY,MAAG;QACtC,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,MAAM;KACf,CAAC;CACH,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,GAAyC,UAAC,EASlE;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,IAAM,oBAAoB,GAAG,IAAA,eAAO,EAClC,cAAM,OAAA,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,EAA9B,CAA8B,EACpC,CAAC,cAAc,CAAC,CACjB,CAAA;IAED,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;QACF,uDAAuD;IACzD,CAAC,EAAE,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,CAAC,CAAA;IAEjD,OAAO,CACL,0BAAK,GAAG,EAAE,MAAM,CAAC,SAAS;QACxB,iBAAC,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,CAAC,SAAS,KAAK,kBAAS,CAAC,IAAI;YAC5B,SAAS,KAAK,kBAAS,CAAC,WAAW,CAAC,IAAI,CACxC,0BAAK,GAAG,EAAE,MAAM,CAAC,WAAW;YAC1B,iBAAC,eAAM,IACL,eAAe,EAAC,MAAM,EACtB,YAAY,EAAE,IAAc,EAC5B,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC;;oBACV,OAAA,qBAAqB,uBAChB,kBAAkB,gBACpB,SAAS,IAAG,CAAC,IAAI,EAAE,OACpB;gBAHF,CAGE,EAEJ,OAAO,EAAE;oBACP,OAAO,EAAE;wBACP,OAAO,EAAE,KAAK;qBACf;iBACF,EACD,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,GACpC,CACE,CACP,CACG,CACP,CAAA;AACH,CAAC,CAAA;AA3DY,QAAA,YAAY,gBA2DxB"}
@@ -1,2 +1,2 @@
1
- export * from './SchemaEditor';
2
1
  export * from './CustomForm';
2
+ export * from './SchemaEditor';
@@ -14,6 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./SchemaEditor"), exports);
18
17
  __exportStar(require("./CustomForm"), exports);
18
+ __exportStar(require("./SchemaEditor"), exports);
19
19
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/molecules/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B;AAC9B,+CAA4B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/molecules/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,iDAA8B"}
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
- import { StructerdTicketEditorProps } from "../../models";
3
- export declare const StructuredTicketEditor: React.FC<StructerdTicketEditorProps>;
2
+ import { IStructuredTicketEditorProperties } from "../../models";
3
+ export declare const StructuredTicketEditor: React.FC<IStructuredTicketEditorProperties>;