@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.
- package/lib/assets/svg/VectorIcon.d.ts +3 -2
- package/lib/assets/svg/VectorIcon.js +10 -13
- package/lib/assets/svg/VectorIcon.js.map +1 -1
- package/lib/components/atoms/ErrorMessage.d.ts +2 -2
- package/lib/components/atoms/ErrorMessage.js +52 -20
- package/lib/components/atoms/ErrorMessage.js.map +1 -1
- package/lib/components/atoms/LanguageSelector.d.ts +2 -2
- package/lib/components/atoms/LanguageSelector.js +134 -52
- package/lib/components/atoms/LanguageSelector.js.map +1 -1
- package/lib/components/atoms/SchemaHeader.d.ts +2 -2
- package/lib/components/atoms/SchemaHeader.js +71 -28
- package/lib/components/atoms/SchemaHeader.js.map +1 -1
- package/lib/components/atoms/index.d.ts +1 -1
- package/lib/components/atoms/index.js +1 -1
- package/lib/components/atoms/index.js.map +1 -1
- package/lib/components/molecules/CustomForm.d.ts +4 -3
- package/lib/components/molecules/CustomForm.js +60 -63
- package/lib/components/molecules/CustomForm.js.map +1 -1
- package/lib/components/molecules/SchemaEditor.d.ts +2 -2
- package/lib/components/molecules/SchemaEditor.js +33 -54
- package/lib/components/molecules/SchemaEditor.js.map +1 -1
- package/lib/components/molecules/index.d.ts +1 -1
- package/lib/components/molecules/index.js +1 -1
- package/lib/components/molecules/index.js.map +1 -1
- package/lib/components/organism/StructuredTicketEditor.d.ts +2 -2
- package/lib/components/organism/StructuredTicketEditor.js +169 -156
- package/lib/components/organism/StructuredTicketEditor.js.map +1 -1
- package/lib/hooks/index.d.ts +1 -1
- package/lib/hooks/index.js +4 -3
- package/lib/hooks/index.js.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/jsonFormUtils.d.ts +3 -3
- package/lib/jsonFormUtils.js +59 -55
- package/lib/jsonFormUtils.js.map +1 -1
- package/lib/jsonFormUtils.test.js +1 -0
- package/lib/jsonFormUtils.test.js.map +1 -1
- package/lib/models.d.ts +31 -31
- package/lib/models.js +1 -1
- package/lib/models.js.map +1 -1
- package/lib/style/colors.d.ts +10 -10
- package/lib/style/colors.js +10 -10
- package/lib/style/colors.js.map +1 -1
- package/lib/translator.js +9 -8
- package/lib/translator.js.map +1 -1
- 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,203 +10,191 @@ 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.StructuredTicketEditor = void 0;
|
|
45
|
-
|
|
46
|
-
var
|
|
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");
|
|
47
22
|
var components_1 = require("..");
|
|
48
23
|
var models_1 = require("../../models");
|
|
49
24
|
var colors_1 = require("../../style/colors");
|
|
50
|
-
var
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
25
|
+
var styles = {
|
|
26
|
+
container: (0, react_1.css)({
|
|
27
|
+
display: 'flex',
|
|
28
|
+
flexDirection: 'row',
|
|
29
|
+
height: '100%',
|
|
30
|
+
position: 'relative',
|
|
31
|
+
width: '100%',
|
|
32
|
+
}),
|
|
33
|
+
customFormContainer: (0, react_1.css)({
|
|
34
|
+
display: 'flex',
|
|
35
|
+
flexDirection: 'column',
|
|
36
|
+
marginLeft: '20px',
|
|
37
|
+
width: '45%',
|
|
38
|
+
}),
|
|
39
|
+
errorRefreshContainer: (0, react_1.css)({
|
|
40
|
+
backgroundColor: colors_1.colors.whiteIntense,
|
|
41
|
+
border: '2px solid white',
|
|
42
|
+
borderRadius: '10px',
|
|
43
|
+
boxShadow: '25px 28px 66px #bec3c7',
|
|
44
|
+
color: "".concat(colors_1.colors.lightGray, "1"),
|
|
45
|
+
fontSize: '20px',
|
|
46
|
+
fontWeight: 'bold',
|
|
47
|
+
left: '50%',
|
|
48
|
+
position: 'absolute',
|
|
49
|
+
textAlign: 'center',
|
|
50
|
+
top: '50%',
|
|
51
|
+
transform: 'translate(-50%, -50%)',
|
|
52
|
+
transition: 'ease-in 2s',
|
|
53
|
+
zIndex: 100,
|
|
54
|
+
}),
|
|
55
|
+
schemaEditorContainer: (0, react_1.css)({
|
|
56
|
+
width: '55%',
|
|
57
|
+
}),
|
|
58
|
+
};
|
|
59
|
+
// eslint-disable-next-line unicorn/no-null
|
|
54
60
|
var bJSON = function (o) { return JSON.stringify(o, null, 4); };
|
|
55
61
|
var languages = ['de_DE', 'en_US', 'fr_FR', 'it_IT', 'nl_NL', 'pt_PT'];
|
|
56
62
|
var StructuredTicketEditor = function (_a) {
|
|
57
63
|
var _b, _c;
|
|
64
|
+
var _d;
|
|
58
65
|
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;
|
|
59
|
-
var
|
|
60
|
-
var
|
|
61
|
-
var
|
|
66
|
+
var _e = (0, react_2.useState)(models_1.EditorTab.JSON), activeTab = _e[0], setActiveTab = _e[1];
|
|
67
|
+
var _f = (0, react_2.useState)(languageDisplay.display), currentLanguage = _f[0], setCurrentLanguage = _f[1];
|
|
68
|
+
var _g = (0, react_2.useState)((_b = {},
|
|
62
69
|
_b[models_1.EditorTab.JSON] = fullFormSchema.JSON,
|
|
63
70
|
_b[models_1.EditorTab.TRANSLATION] = fullFormSchema.TRANSLATION,
|
|
64
71
|
_b[models_1.EditorTab.UI] = fullFormSchema.UI,
|
|
65
|
-
_b)), currentEditorSchema =
|
|
66
|
-
var
|
|
72
|
+
_b)), currentEditorSchema = _g[0], setCurrentEditorSchema = _g[1];
|
|
73
|
+
var _h = (0, react_2.useState)((_c = {},
|
|
67
74
|
_c[models_1.EditorTab.JSON] = bJSON(fullFormSchema.JSON),
|
|
68
75
|
_c[models_1.EditorTab.TRANSLATION] = bJSON(fullFormSchema.TRANSLATION),
|
|
69
76
|
_c[models_1.EditorTab.UI] = bJSON(fullFormSchema.UI),
|
|
70
|
-
_c)), currentEditorValue =
|
|
71
|
-
var
|
|
72
|
-
|
|
77
|
+
_c)), currentEditorValue = _h[0], setCurrentEditorValue = _h[1];
|
|
78
|
+
var _j = (0, react_2.useState)({
|
|
79
|
+
errorText: 'Syntax Error',
|
|
73
80
|
errorTextButton: errorTextButton || 'OK',
|
|
74
81
|
errorTextHead: errorTextHead || 'Error',
|
|
75
|
-
errorText: 'Syntax Error',
|
|
76
82
|
}), ErrorMessages = _j[0], setErrorMessages = _j[1];
|
|
77
|
-
var _k = (0,
|
|
78
|
-
var
|
|
83
|
+
var _k = (0, react_2.useState)([]), errorValidateStatus = _k[0], setErrorValidateStatus = _k[1];
|
|
84
|
+
var currentEditorSchemaString = (0, react_2.useMemo)(function () { return bJSON(currentEditorSchema); }, [currentEditorSchema]);
|
|
85
|
+
var currentEditorValueString = (0, react_2.useMemo)(function () { return bJSON(currentEditorValue); }, [currentEditorValue]);
|
|
86
|
+
var errorMessagesString = (0, react_2.useMemo)(function () { return bJSON(ErrorMessages); }, [ErrorMessages]);
|
|
87
|
+
var fullFormSchemaString = (0, react_2.useMemo)(function () { return bJSON(fullFormSchema); }, [fullFormSchema]);
|
|
88
|
+
var currentEditorPropertiesString = (0, react_2.useMemo)(function () { var _a; return bJSON(((_a = currentEditorSchema === null || currentEditorSchema === void 0 ? void 0 : currentEditorSchema.JSON) === null || _a === void 0 ? void 0 : _a.properties) || '[]'); }, [(_d = currentEditorSchema === null || currentEditorSchema === void 0 ? void 0 : currentEditorSchema.JSON) === null || _d === void 0 ? void 0 : _d.properties]);
|
|
89
|
+
var parseToJSON = (0, react_2.useCallback)(function (state) {
|
|
79
90
|
var _a;
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
91
|
+
if (state[activeTab].length === 0) {
|
|
92
|
+
state[activeTab] = '{}';
|
|
93
|
+
}
|
|
94
|
+
return _a = {},
|
|
95
|
+
_a[models_1.EditorTab.TRANSLATION] = JSON.parse(state[models_1.EditorTab.TRANSLATION]),
|
|
96
|
+
_a[models_1.EditorTab.JSON] = JSON.parse(state[models_1.EditorTab.JSON]),
|
|
97
|
+
_a[models_1.EditorTab.UI] = JSON.parse(state[models_1.EditorTab.UI]),
|
|
98
|
+
_a;
|
|
99
|
+
}, [activeTab]);
|
|
100
|
+
var sendSchemaToBackend = (0, react_2.useCallback)(function (value) {
|
|
87
101
|
try {
|
|
88
102
|
var JsonValueToSave = value.JSON;
|
|
89
103
|
var TranslationValueToSave = value.TRANSLATION;
|
|
90
104
|
onSaveButton(__assign(__assign({}, fullFormSchema), { JSON: JsonValueToSave, TRANSLATION: TranslationValueToSave }));
|
|
91
105
|
}
|
|
92
106
|
catch (error) {
|
|
107
|
+
// eslint-disable-next-line no-console
|
|
93
108
|
console.log(error);
|
|
94
109
|
}
|
|
95
|
-
}
|
|
96
|
-
|
|
110
|
+
},
|
|
111
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
112
|
+
[fullFormSchemaString, onSaveButton]);
|
|
113
|
+
var addNewTranslations = (0, react_2.useCallback)(function () {
|
|
97
114
|
var _a;
|
|
98
115
|
if ((_a = currentEditorSchema === null || currentEditorSchema === void 0 ? void 0 : currentEditorSchema.JSON) === null || _a === void 0 ? void 0 : _a.properties) {
|
|
99
|
-
|
|
100
|
-
var
|
|
101
|
-
var translations = languages.reduce(function (
|
|
116
|
+
var _loop_1 = function (property) {
|
|
117
|
+
var _c;
|
|
118
|
+
var translations = languages.reduce(function (accumulator, lang) {
|
|
102
119
|
var _a;
|
|
103
120
|
var translationKey = "".concat(lang, ".fields.").concat(property);
|
|
104
121
|
var isTranslationDontExist = currentEditorSchema.TRANSLATION &&
|
|
105
122
|
!currentEditorSchema.TRANSLATION[translationKey];
|
|
106
123
|
return isTranslationDontExist
|
|
107
|
-
? __assign(__assign({},
|
|
124
|
+
? __assign(__assign({}, accumulator), (_a = {}, _a[translationKey] = '', _a)) : accumulator;
|
|
108
125
|
}, currentEditorSchema.TRANSLATION);
|
|
109
|
-
setCurrentEditorValue(__assign(__assign({}, currentEditorValue), (
|
|
110
|
-
}
|
|
111
|
-
|
|
126
|
+
setCurrentEditorValue(__assign(__assign({}, currentEditorValue), (_c = {}, _c[models_1.EditorTab.TRANSLATION] = bJSON(translations), _c)));
|
|
127
|
+
};
|
|
128
|
+
for (var _i = 0, _b = Object.keys(currentEditorSchema.JSON.properties); _i < _b.length; _i++) {
|
|
129
|
+
var property = _b[_i];
|
|
130
|
+
_loop_1(property);
|
|
131
|
+
}
|
|
112
132
|
}
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
ParseToJSON();
|
|
120
|
-
ParseToTranslator();
|
|
133
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
134
|
+
}, [currentEditorPropertiesString]);
|
|
135
|
+
var onValidateSchema = (0, react_2.useCallback)(function () {
|
|
136
|
+
var errorStatus = [];
|
|
137
|
+
try {
|
|
138
|
+
parseToJSON(currentEditorValue);
|
|
121
139
|
}
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
ParseToJSON();
|
|
126
|
-
}
|
|
127
|
-
catch (_b) {
|
|
128
|
-
validatorStatuses.push('JSON');
|
|
129
|
-
}
|
|
130
|
-
try {
|
|
131
|
-
ParseToTranslator();
|
|
132
|
-
}
|
|
133
|
-
catch (_c) {
|
|
134
|
-
validatorStatuses.push('Translator');
|
|
140
|
+
catch (_a) {
|
|
141
|
+
if (activeTab === models_1.EditorTab.JSON) {
|
|
142
|
+
errorStatus.push('JSON');
|
|
135
143
|
}
|
|
136
|
-
setErrorValidateStatus(validatorStatuses);
|
|
137
|
-
setIsValidate(!validatorStatuses.length);
|
|
138
144
|
}
|
|
139
|
-
};
|
|
140
|
-
var onSaveSchema = function () {
|
|
141
145
|
try {
|
|
142
|
-
|
|
146
|
+
JSON.parse(currentEditorValue[models_1.EditorTab.TRANSLATION]);
|
|
143
147
|
}
|
|
144
|
-
catch (
|
|
145
|
-
|
|
148
|
+
catch (_b) {
|
|
149
|
+
errorStatus.push('Translator');
|
|
146
150
|
}
|
|
147
|
-
|
|
151
|
+
setErrorValidateStatus(errorStatus);
|
|
152
|
+
setIsValidate(!(errorStatus === null || errorStatus === void 0 ? void 0 : errorStatus.length));
|
|
153
|
+
return !(errorStatus === null || errorStatus === void 0 ? void 0 : errorStatus.length);
|
|
154
|
+
},
|
|
155
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
156
|
+
[parseToJSON, currentEditorValueString, setIsValidate, activeTab]);
|
|
157
|
+
var onSaveSchema = (0, react_2.useCallback)(function () {
|
|
158
|
+
if (onValidateSchema()) {
|
|
148
159
|
try {
|
|
149
|
-
|
|
160
|
+
sendSchemaToBackend(currentEditorSchema);
|
|
150
161
|
}
|
|
151
|
-
catch (
|
|
162
|
+
catch (_a) {
|
|
163
|
+
// eslint-disable-next-line no-console
|
|
152
164
|
console.log('error to push save');
|
|
153
165
|
}
|
|
154
166
|
}
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
addNewTranslations();
|
|
159
|
-
}
|
|
160
|
-
}, [isValidate]);
|
|
161
|
-
(0, react_1.useEffect)(function () {
|
|
167
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
168
|
+
}, [currentEditorSchemaString]);
|
|
169
|
+
var updateSchema = (0, react_2.useCallback)(function () {
|
|
162
170
|
var _a;
|
|
163
|
-
if (
|
|
164
|
-
|
|
165
|
-
|
|
171
|
+
if (!onValidateSchema()) {
|
|
172
|
+
return;
|
|
173
|
+
}
|
|
174
|
+
var newSchema = parseToJSON(currentEditorValue);
|
|
175
|
+
if (newSchema.JSON.properties) {
|
|
176
|
+
var objectKey = Object.keys(newSchema.JSON.properties);
|
|
177
|
+
var notCompleteObject = Object.entries((_a = newSchema.JSON) === null || _a === void 0 ? void 0 : _a.properties)
|
|
166
178
|
.filter(function (cumulativeValue) {
|
|
167
179
|
return cumulativeValue[1].type === 'boolean' &&
|
|
168
180
|
cumulativeValue[1].default === undefined;
|
|
169
181
|
})
|
|
170
182
|
.map(function (values) { return values[0]; });
|
|
171
|
-
var
|
|
172
|
-
|
|
173
|
-
notCompleteObject_1.
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
false;
|
|
179
|
-
}
|
|
183
|
+
for (var _i = 0, objectKey_1 = objectKey; _i < objectKey_1.length; _i++) {
|
|
184
|
+
var key = objectKey_1[_i];
|
|
185
|
+
for (var _b = 0, notCompleteObject_1 = notCompleteObject; _b < notCompleteObject_1.length; _b++) {
|
|
186
|
+
var notCompleteObjectKey = notCompleteObject_1[_b];
|
|
187
|
+
if (key === notCompleteObjectKey && newSchema.JSON.properties) {
|
|
188
|
+
;
|
|
189
|
+
newSchema.JSON.properties[key].default = false;
|
|
180
190
|
}
|
|
181
|
-
}
|
|
182
|
-
});
|
|
183
|
-
setCurrentEditorSchema(newStructuredFormState_1);
|
|
184
|
-
}
|
|
185
|
-
}, [currentEditorSchema]);
|
|
186
|
-
(0, react_1.useEffect)(function () {
|
|
187
|
-
if (!isAddedNewTranslations) {
|
|
188
|
-
setIsValidate(false);
|
|
189
|
-
try {
|
|
190
|
-
ParseToTranslator();
|
|
191
|
-
ParseToJSON();
|
|
192
|
-
}
|
|
193
|
-
catch (_a) {
|
|
194
|
-
setIsValidate(false);
|
|
191
|
+
}
|
|
195
192
|
}
|
|
196
193
|
}
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
var jsonStringSchema = bJSON(fullFormSchema.JSON);
|
|
202
|
-
var translationString = bJSON(fullFormSchema.TRANSLATION);
|
|
203
|
-
var json = currentEditorValue.JSON;
|
|
204
|
-
var trans = currentEditorValue.TRANSLATION;
|
|
205
|
-
if (jsonStringSchema !== json || translationString !== trans) {
|
|
206
|
-
setChangedSchema(true);
|
|
207
|
-
}
|
|
208
|
-
if (jsonStringSchema === json && translationString === trans) {
|
|
209
|
-
setChangedSchema(false);
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
|
-
}, [currentEditorValue, currentEditorSchema]);
|
|
213
|
-
(0, react_1.useEffect)(function () {
|
|
194
|
+
setCurrentEditorSchema(newSchema);
|
|
195
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
196
|
+
}, [currentEditorValueString, parseToJSON, onValidateSchema]);
|
|
197
|
+
var mapAndSetErrorMessages = (0, react_2.useCallback)(function () {
|
|
214
198
|
if (errorValidateStatus.length > 0) {
|
|
215
199
|
var errorJson = errorValidateStatus.find(function (v) { return v === 'JSON'; });
|
|
216
200
|
var errorTranslator = errorValidateStatus.find(function (v) { return v === 'Translator'; });
|
|
@@ -224,21 +208,50 @@ var StructuredTicketEditor = function (_a) {
|
|
|
224
208
|
setErrorMessages(__assign(__assign({}, ErrorMessages), { errorText: errorTextTranslator || 'Syntax Error' }));
|
|
225
209
|
}
|
|
226
210
|
}
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
errorValidateStatus
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
211
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
212
|
+
}, [
|
|
213
|
+
errorMessagesString,
|
|
214
|
+
errorTextJson,
|
|
215
|
+
errorTextTranslator,
|
|
216
|
+
errorValidateStatus,
|
|
217
|
+
multiErrorText,
|
|
218
|
+
]);
|
|
219
|
+
var sendOnChangeSchema = (0, react_2.useCallback)(function () {
|
|
220
|
+
var currentJsonString = currentEditorSchema[models_1.EditorTab.JSON];
|
|
221
|
+
var currentTranslationString = currentEditorSchema[models_1.EditorTab.TRANSLATION];
|
|
222
|
+
var lastJsonString = fullFormSchema[models_1.EditorTab.JSON];
|
|
223
|
+
var lastTranslationString = fullFormSchema[models_1.EditorTab.TRANSLATION];
|
|
224
|
+
if (currentJsonString === lastJsonString &&
|
|
225
|
+
currentTranslationString === lastTranslationString) {
|
|
226
|
+
setChangedSchema(false);
|
|
227
|
+
}
|
|
228
|
+
else {
|
|
229
|
+
setChangedSchema(true);
|
|
230
|
+
}
|
|
231
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
232
|
+
}, [currentEditorSchemaString, fullFormSchemaString]);
|
|
233
|
+
(0, react_2.useEffect)(function () {
|
|
234
|
+
if (isValidate) {
|
|
235
|
+
addNewTranslations();
|
|
236
|
+
}
|
|
237
|
+
}, [addNewTranslations, isValidate]);
|
|
238
|
+
(0, react_2.useEffect)(function () {
|
|
239
|
+
mapAndSetErrorMessages();
|
|
240
|
+
}, [mapAndSetErrorMessages]);
|
|
241
|
+
(0, react_2.useEffect)(function () {
|
|
242
|
+
sendOnChangeSchema();
|
|
243
|
+
}, [sendOnChangeSchema]);
|
|
244
|
+
(0, react_2.useEffect)(function () {
|
|
245
|
+
updateSchema();
|
|
246
|
+
}, [updateSchema]);
|
|
247
|
+
return ((0, react_1.jsx)("div", { css: styles.container },
|
|
248
|
+
errorValidateStatus.length > 0 && ((0, react_1.jsx)("div", { css: styles.errorRefreshContainer },
|
|
249
|
+
(0, react_1.jsx)(components_1.ErrorMessage, { errorText: ErrorMessages.errorText, errorTextButton: ErrorMessages.errorTextButton, errorTextHead: ErrorMessages.errorTextHead, onClick: function () { return setErrorValidateStatus([]); } }))),
|
|
250
|
+
(0, react_1.jsx)("div", { css: styles.schemaEditorContainer },
|
|
251
|
+
(0, react_1.jsx)(components_1.SchemaEditor, { activeTab: activeTab, buttonTranslatorText: buttonTranslatorText, buttonValidateText: buttonValidateText, currentEditorValue: currentEditorValue, fullFormSchema: fullFormSchema, onValidate: function () { return onValidateSchema(); }, setActiveTab: setActiveTab, setCurrentEditorSchema: setCurrentEditorSchema, setCurrentEditorValue: setCurrentEditorValue })),
|
|
252
|
+
(0, react_1.jsx)("div", { css: styles.customFormContainer },
|
|
253
|
+
(0, react_1.jsx)(components_1.LanguageSelector, { buttonSaveText: buttonSaveText, headerLanguageSelectorText: headerLanguageSelectorText, isActive: isValidate, languageDisplay: languageDisplay, onClickButton: onSaveSchema, onSelectLanguage: setCurrentLanguage, selectedLanguage: currentLanguage }),
|
|
254
|
+
(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 }))));
|
|
241
255
|
};
|
|
242
256
|
exports.StructuredTicketEditor = StructuredTicketEditor;
|
|
243
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
244
257
|
//# sourceMappingURL=StructuredTicketEditor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StructuredTicketEditor.js","sourceRoot":"","sources":["../../../src/components/organism/StructuredTicketEditor.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StructuredTicketEditor.js","sourceRoot":"","sources":["../../../src/components/organism/StructuredTicketEditor.tsx"],"names":[],"mappings":"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"}
|
package/lib/hooks/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare function useOnClickOutside<T extends HTMLDivElement>(
|
|
2
|
+
export declare function useOnClickOutside<T extends HTMLDivElement>(reference: React.RefObject<T>, handler: (event: MouseEvent | TouchEvent) => void): void;
|
package/lib/hooks/index.js
CHANGED
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useOnClickOutside = void 0;
|
|
4
4
|
var react_1 = require("react");
|
|
5
|
-
function useOnClickOutside(
|
|
5
|
+
function useOnClickOutside(reference, handler) {
|
|
6
6
|
(0, react_1.useEffect)(function () {
|
|
7
7
|
var listener = function (event) {
|
|
8
8
|
var _a;
|
|
9
|
-
if (!
|
|
9
|
+
if (!reference.current ||
|
|
10
|
+
((_a = reference.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
|
|
10
11
|
return;
|
|
11
12
|
}
|
|
12
13
|
handler(event);
|
|
@@ -17,7 +18,7 @@ function useOnClickOutside(ref, handler) {
|
|
|
17
18
|
document.removeEventListener('mousedown', listener);
|
|
18
19
|
document.removeEventListener('touchstart', listener);
|
|
19
20
|
};
|
|
20
|
-
}, [
|
|
21
|
+
}, [reference, handler]);
|
|
21
22
|
}
|
|
22
23
|
exports.useOnClickOutside = useOnClickOutside;
|
|
23
24
|
//# sourceMappingURL=index.js.map
|
package/lib/hooks/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.tsx"],"names":[],"mappings":";;;AAAA,+BAAiC;AAEjC,SAAgB,iBAAiB,CAC/B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.tsx"],"names":[],"mappings":";;;AAAA,+BAAiC;AAEjC,SAAgB,iBAAiB,CAC/B,SAA6B,EAC7B,OAAiD;IAEjD,IAAA,iBAAS,EAAC;QACR,IAAM,QAAQ,GAAG,UAAC,KAA8B;;YAC9C,IACE,CAAC,SAAS,CAAC,OAAO;iBAClB,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EACjD;gBACA,OAAM;aACP;YACD,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,CAAA;QACD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;QAChD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QAEjD,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YACnD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;AAC1B,CAAC;AAtBD,8CAsBC"}
|
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
|
@@ -15,6 +15,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./components"), exports);
|
|
18
|
-
__exportStar(require("./models"), exports);
|
|
19
18
|
__exportStar(require("./jsonFormUtils"), exports);
|
|
19
|
+
__exportStar(require("./models"), exports);
|
|
20
20
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,kDAA+B;AAC/B,2CAAwB"}
|
package/lib/jsonFormUtils.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { JSONSchema7 } from 'json-schema';
|
|
2
2
|
interface StFormResponse {
|
|
3
|
-
titleContent: string;
|
|
4
|
-
responseContent: string;
|
|
5
3
|
key: string;
|
|
4
|
+
responseContent: string;
|
|
5
|
+
titleContent: string;
|
|
6
6
|
}
|
|
7
|
-
export declare const getAnswers: (formData: Record<string, unknown>, schema: JSONSchema7, localLanguage: string) =>
|
|
7
|
+
export declare const getAnswers: (formData: Record<string, unknown>, schema: JSONSchema7, localLanguage: string) => StFormResponse[];
|
|
8
8
|
export {};
|