@allthings/structured-ticket-form 3.0.1 → 3.0.2

package/lib/assets/svg/VectorIcon.d.ts

@@ -1 +1,3 @@
-export declare const VectorIcon: () => JSX.Element;
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export declare const VectorIcon: () => jsx.JSX.Element;

package/lib/assets/svg/VectorIcon.js

@@ -1,18 +1,15 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VectorIcon = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-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"])));
-var VectorIcon = function () { return (react_1.default.createElement(Svg, { fill: "none", viewBox: "0 0 12 8", xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("path", { d: "M0.250977 0.75L6.00098 7.25L11.751 0.75", stroke: "#979797", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: "10" }))); };
+/** @jsx jsx */
+var react_1 = require("@emotion/react");
+var styles = {
+    svg: (0, react_1.css)({
+        width: '12px',
+        height: '8px',
+    }),
+};
+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" },
+    (0, react_1.jsx)("path", { d: "M0.250977 0.75L6.00098 7.25L11.751 0.75", stroke: "#979797", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: "10" }))); };
 exports.VectorIcon = VectorIcon;
-var templateObject_1;
 //# sourceMappingURL=VectorIcon.js.map

package/lib/assets/svg/VectorIcon.js.map

@@ -1 +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"}
+{"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"}

package/lib/components/atoms/ErrorMessage.js

@@ -1,29 +1,61 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorMessage = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
+/** @jsx jsx */
+var react_1 = require("@emotion/react");
 var style_1 = require("../../style");
-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"])));
-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);
-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);
-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);
-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);
+var styles = {
+    container: (0, react_1.css)({
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        margin: '5px',
+    }),
+    errorTextHead: (0, react_1.css)({
+        color: "".concat(style_1.colors.redMid),
+        fontFamily: 'Roboto',
+        fontStyle: 'normal',
+        fontWeight: 'bold',
+        fontSize: '18px',
+        textAlign: 'center',
+    }),
+    errorText: (0, react_1.css)({
+        fontFamily: 'Roboto',
+        fontStyle: 'normal',
+        fontWeight: 'normal',
+        fontSize: '18px',
+        color: "".concat(style_1.colors.darkBlueIntense, "1"),
+    }),
+    line: (0, react_1.css)({
+        width: '95%',
+        height: '1px',
+        marginBottom: '10px',
+        backgroundColor: "".concat(style_1.colors.lineGray),
+    }),
+    button: (0, react_1.css)({
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        boxShadow: "-1px -1px 6px ".concat(style_1.colors.boxShadowGray, ", 1.5px 1.5px 3px ").concat(style_1.colors.boxShadowDark),
+        backgroundColor: "".concat(style_1.colors.redMid),
+        color: 'white',
+        width: '30%',
+        borderRadius: '8px',
+        fontFamily: 'Roboto',
+        fontStyle: 'normal',
+        fontWeight: 500,
+        fontSize: '18px',
+        padding: '8px',
+        cursor: 'pointer',
+    }),
+};
 var ErrorMessage = function (_a) {
     var errorTextHead = _a.errorTextHead, errorText = _a.errorText, errorTextButton = _a.errorTextButton, onClick = _a.onClick;
-    return (react_1.default.createElement(Container, null,
-        react_1.default.createElement(ErrorTextHead, null, errorTextHead),
-        react_1.default.createElement(ErrorText, null, errorText),
-        react_1.default.createElement(Line, null),
-        react_1.default.createElement(Button, { onClick: onClick }, errorTextButton)));
+    return ((0, react_1.jsx)("div", { css: styles.container },
+        (0, react_1.jsx)("h4", { css: styles.errorTextHead }, errorTextHead),
+        (0, react_1.jsx)("p", { css: styles.errorText }, errorText),
+        (0, react_1.jsx)("line", { css: styles.line }),
+        (0, react_1.jsx)("div", { css: styles.button, onClick: onClick }, errorTextButton)));
 };
 exports.ErrorMessage = ErrorMessage;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=ErrorMessage.js.map

package/lib/components/atoms/ErrorMessage.js.map

@@ -1 +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"}
+{"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"}

package/lib/components/atoms/LanguageSelector.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -26,67 +22,153 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LanguageSelector = void 0;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+var react_1 = require("@emotion/react");
+var react_2 = __importStar(require("react"));
 var assets_1 = require("../../assets");
 var hooks_1 = require("../../hooks");
 var style_1 = require("../../style");
-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"])));
-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"])));
-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);
-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) {
-    var isActive = _a.isActive;
-    return isActive && 'rgba(29, 29, 29, 0.125) 1px 1px 3px';
-});
-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"])));
-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);
-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);
-var VectorWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: 15px;\n"], ["\n  width: 15px;\n"])));
-var VectorContainer = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
-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"])));
-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) {
-    var isActive = _a.isActive;
-    return isActive ? "".concat(style_1.colors.activeButtonColor) : "".concat(style_1.colors.deactiveButtonColor);
-}, function (_a) {
-    var isActive = _a.isActive;
-    return (isActive ? 'white' : "".concat(style_1.colors.dark));
-}, function (_a) {
-    var isActive = _a.isActive;
-    return isActive ? "".concat(style_1.colors.midBlue, "ff") : "".concat(style_1.colors.deactiveButtonColor);
-});
+var styles = {
+    languageContainer: (0, react_1.css)({
+        height: '36px',
+        marginTop: '3px',
+        padding: 0,
+        marginLeft: '20px',
+    }),
+    wrapper: (0, react_1.css)({
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-around',
+        height: '36px',
+    }),
+    h4: (0, react_1.css)({
+        display: 'flex',
+        fontFamily: 'Open Sans',
+        fontStyle: 'normal',
+        fontWeight: 600,
+        fontSize: '14px',
+        color: style_1.colors.lightBlack,
+    }),
+    selectorWrapper: function (isActive) {
+        return (0, react_1.css)({
+            display: 'flex',
+            flex: 1,
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            border: 'medium none',
+            backgroundColor: 'rgb(255, 255, 255)',
+            boxShadow: isActive ? 'rgba(29, 29, 29, 0.125) 1px 1px 3px' : 'none',
+            padding: '0px 5px 0px 5px',
+            position: 'relative',
+            margin: '0px 20px 0px 20px',
+        });
+    },
+    selectContainer: (0, react_1.css)({
+        display: 'flex',
+        flexDirection: 'column',
+        position: 'absolute',
+        top: '60%',
+        right: 0,
+        width: '100%',
+        cursor: 'pointer',
+    }),
+    languageItem: (0, react_1.css)({
+        display: 'flex',
+        flex: 1,
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: '10px 5px 10px 5px',
+        boxShadow: 'rgba(29, 29, 29, 0.125) 1px 1px 3px',
+        color: style_1.colors.lightBlack,
+        fontFamily: 'Open Sans',
+        fontStyle: 'normal',
+        fontWeight: 'normal',
+        fontSize: '13px',
+        backgroundColor: 'rgb(255, 255, 255)',
+        zIndex: 10,
+        cursor: 'pointer',
+        ':hover': {
+            backgroundColor: 'rgb(249, 250, 251)',
+        },
+    }),
+    languageWrapper: (0, react_1.css)({
+        display: 'flex',
+        flex: 1,
+        justifyContent: 'center',
+        cursor: 'pointer',
+        '& p': {
+            fontFamily: 'Open Sans',
+            fontStyle: 'normal',
+            fontWeight: 'normal',
+            fontSize: '13px',
+            textAlign: 'center',
+        },
+    }),
+    vectorWrapper: (0, react_1.css)({
+        width: '15px',
+    }),
+    vectorContainer: (0, react_1.css)({
+        cursor: 'pointer',
+    }),
+    vectorIconRotated: (0, react_1.css)({
+        transform: 'rotate(180deg)',
+        transition: 'transform 0.2s ease-out',
+    }),
+    button: function (isActive) {
+        return (0, react_1.css)({
+            border: 'none',
+            borderRadius: '2px',
+            backgroundColor: isActive
+                ? style_1.colors.activeButtonColor
+                : style_1.colors.deactiveButtonColor,
+            color: isActive ? 'white' : style_1.colors.dark,
+            padding: '10px',
+            fontSize: '12px',
+            cursor: 'pointer',
+            ':hover': {
+                backgroundColor: isActive
+                    ? "".concat(style_1.colors.midBlue, "ff")
+                    : style_1.colors.deactiveButtonColor,
+            },
+        });
+    },
+};
 var LanguageSelector = function (_a) {
     var languageDisplay = _a.languageDisplay, selectedLanguage = _a.selectedLanguage, onSelectLanguage = _a.onSelectLanguage, isActive = _a.isActive, buttonSaveText = _a.buttonSaveText, onClickButton = _a.onClickButton, headerLanguageSelectorText = _a.headerLanguageSelectorText;
-    var _b = (0, react_1.useState)(false), open = _b[0], setOpen = _b[1];
-    var selectRef = (0, react_1.useRef)(null);
+    var _b = (0, react_2.useState)(false), open = _b[0], setOpen = _b[1];
+    var selectRef = (0, react_2.useRef)(null);
     (0, hooks_1.useOnClickOutside)(selectRef, function () {
         setOpen(false);
     });
-    var onValidateRefresh = function () {
+    var onValidateRefresh = (0, react_2.useCallback)(function () {
         if (isActive) {
             onClickButton();
         }
-    };
-    return (react_1.default.createElement(LanguageContainer, null,
-        react_1.default.createElement(Wrapper, null,
-            react_1.default.createElement(H4, null, headerLanguageSelectorText || 'Preview Language: '),
-            react_1.default.createElement(SelectorWrapper, { isActive: open, onClick: function () { return setOpen(!open); }, ref: selectRef },
-                react_1.default.createElement(VectorWrapper, null),
-                react_1.default.createElement(LanguageWrapper, null,
-                    react_1.default.createElement("p", null, selectedLanguage.value)),
-                react_1.default.createElement(VectorWrapper, null, !open ? (react_1.default.createElement(VectorContainer, null,
-                    react_1.default.createElement(assets_1.VectorIcon, null))) : (react_1.default.createElement(VectorIconRotated, null,
-                    react_1.default.createElement(assets_1.VectorIcon, null)))),
-                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 () {
+    }, [isActive, onClickButton]);
+    var handleOpen = (0, react_2.useCallback)(function () {
+        setOpen(!open);
+    }, [setOpen, open]);
+    return ((0, react_1.jsx)("div", { css: styles.languageContainer },
+        (0, react_1.jsx)("div", { css: styles.wrapper },
+            (0, react_1.jsx)("h4", { css: styles.h4 }, headerLanguageSelectorText || 'Preview Language: '),
+            (0, react_1.jsx)("div", { css: styles.selectorWrapper(open), onClick: handleOpen, ref: selectRef },
+                (0, react_1.jsx)("div", { css: styles.vectorWrapper }),
+                (0, react_1.jsx)("div", { css: styles.languageWrapper },
+                    (0, react_1.jsx)("p", null, selectedLanguage.value)),
+                (0, react_1.jsx)("div", { css: styles.vectorWrapper }, !open ? ((0, react_1.jsx)("div", { css: styles.vectorContainer },
+                    (0, react_1.jsx)(assets_1.VectorIcon, null))) : ((0, react_1.jsx)("div", { css: styles.vectorIconRotated },
+                    (0, react_1.jsx)(assets_1.VectorIcon, null)))),
+                (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 () {
                         setOpen(false);
                         onSelectLanguage(e);
                     } }, e.value)); }))))),
-            react_1.default.createElement(Button, { isActive: isActive, onClick: onValidateRefresh }, buttonSaveText))));
+            (0, react_1.jsx)("button", { css: styles.button(isActive), onClick: onValidateRefresh }, buttonSaveText))));
 };
 exports.LanguageSelector = LanguageSelector;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
 //# sourceMappingURL=LanguageSelector.js.map

package/lib/components/atoms/LanguageSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSelector.js","sourceRoot":"","sources":["../../../src/components/atoms/LanguageSelector.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"LanguageSelector.js","sourceRoot":"","sources":["../../../src/components/atoms/LanguageSelector.tsx"],"names":[],"mappings":"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"}

package/lib/components/atoms/SchemaHeader.js

@@ -1,38 +1,80 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SchemaHeader = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
+/** @jsx jsx */
+var react_1 = require("@emotion/react");
+var react_2 = require("react");
 var models_1 = require("../../models");
 var style_1 = require("../../style");
-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);
-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"])));
-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) {
-    var isActive = _a.isActive;
-    return isActive && '6px solid';
-}, function (_a) {
-    var isActive = _a.isActive;
-    return isActive && style_1.colors.lightBlue;
-}, function (_a) {
-    var isActive = _a.isActive;
-    return isActive ? '10px 10px 4px 10px' : '10px 10px 10px 10px';
-});
-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);
+var styles = {
+    container: (0, react_1.css)({
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        flex: 1,
+        height: '35px',
+        color: '#333',
+        backgroundColor: '#f5f5f5',
+        borderLeft: '1px solid',
+        borderRight: '1px solid',
+        borderTop: '1px solid',
+        borderTopLeftRadius: '5px',
+        borderTopRightRadius: '5px',
+        borderColor: style_1.colors.borderSchema,
+        margin: '0px',
+        padding: '0px',
+        position: 'relative',
+    }),
+    buttonContainer: (0, react_1.css)({
+        display: 'flex',
+        flexWrap: 'wrap',
+        padding: '0px',
+        margin: '0px',
+    }),
+    button: function (isActive) {
+        return (0, react_1.css)({
+            display: 'flex',
+            boxSizing: 'border-box',
+            border: 'none',
+            borderBottom: isActive ? '6px solid' : 'none',
+            borderColor: isActive ? style_1.colors.lightBlue : 'none',
+            padding: isActive ? '10px 10px 4px 10px' : '10px 10px 10px 10px',
+            fontWeight: 'bold',
+            fontSize: '14px',
+            cursor: 'pointer',
+        });
+    },
+    preViewButton: (0, react_1.css)({
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: '2px',
+        backgroundColor: style_1.colors.activeButtonColor,
+        color: 'white',
+        padding: '8px',
+        fontSize: '12px',
+        cursor: 'pointer',
+        marginRight: '10px',
+        ':hover': {
+            backgroundColor: "".concat(style_1.colors.midBlue, "ff"),
+        },
+    }),
+};
 var SchemaHeader = function (_a) {
     var activeTab = _a.activeTab, setActiveTab = _a.setActiveTab, onValidate = _a.onValidate, buttonValidateText = _a.buttonValidateText, buttonTranslatorText = _a.buttonTranslatorText;
-    return (react_1.default.createElement(Container, null,
-        react_1.default.createElement(ButtonContainer, null,
-            react_1.default.createElement(Button, { isActive: activeTab === models_1.EditorTab.JSON, onClick: function () { return setActiveTab(models_1.EditorTab.JSON); } }, "JSONSchema"),
-            react_1.default.createElement(Button, { isActive: activeTab === models_1.EditorTab.TRANSLATION, onClick: function () { return setActiveTab(models_1.EditorTab.TRANSLATION); } }, buttonTranslatorText || 'Translator')),
-        react_1.default.createElement(PreViewButton, { onClick: onValidate }, buttonValidateText || 'Validate')));
+    var isActiveJSONSchema = activeTab === models_1.EditorTab.JSON;
+    var isActiveTranslator = activeTab === models_1.EditorTab.TRANSLATION;
+    var onJSONSchemaClick = (0, react_2.useCallback)(function () {
+        setActiveTab(models_1.EditorTab.JSON);
+    }, [setActiveTab]);
+    var onTranslatorClick = (0, react_2.useCallback)(function () {
+        setActiveTab(models_1.EditorTab.TRANSLATION);
+    }, [setActiveTab]);
+    return ((0, react_1.jsx)("div", { css: styles.container },
+        (0, react_1.jsx)("ul", { css: styles.buttonContainer },
+            (0, react_1.jsx)("button", { css: styles.button(isActiveJSONSchema), onClick: onJSONSchemaClick }, "JSONSchema"),
+            (0, react_1.jsx)("button", { css: styles.button(isActiveTranslator), onClick: onTranslatorClick }, buttonTranslatorText || 'Translator')),
+        (0, react_1.jsx)("div", { css: styles.preViewButton, onClick: onValidate }, buttonValidateText || 'Validate')));
 };
 exports.SchemaHeader = SchemaHeader;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=SchemaHeader.js.map

package/lib/components/atoms/SchemaHeader.js.map

@@ -1 +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"}
+{"version":3,"file":"SchemaHeader.js","sourceRoot":"","sources":["../../../src/components/atoms/SchemaHeader.tsx"],"names":[],"mappings":"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"}

package/lib/components/molecules/CustomForm.d.ts

@@ -1,2 +1,4 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { CustomFormProps } from "../../models";
-export declare function CustomForm<T>(props: CustomFormProps<T>): JSX.Element;
+export declare function CustomForm<T>(props: CustomFormProps<T>): jsx.JSX.Element;

package/lib/components/molecules/CustomForm.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -14,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -48,19 +21,31 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomForm = void 0;
-var styles_1 = require("@material-ui/core/styles");
+/** @jsx jsx */
+var react_1 = require("@emotion/react");
+var styles_1 = require("@mui/material/styles");
 var core_1 = require("@rjsf/core");
-var material_ui_1 = require("@rjsf/material-ui");
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
+var mui_1 = require("@rjsf/mui");
+var react_2 = require("react");
 var translator_1 = require("../../translator");
-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"])));
-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"])));
+var styles = {
+    formContainer: (0, react_1.css)({
+        display: 'flex',
+        flexDirection: 'column',
+        width: '100%',
+        height: '100%',
+        marginTop: '10px',
+        padding: 0,
+        overflowY: 'auto',
+        overflowX: 'hidden',
+    }),
+    hiddenButton: (0, react_1.css)({
+        visibility: 'hidden',
+        opacity: 0,
+    }),
+};
 var theme = (0, styles_1.createTheme)({
     typography: {
         h5: {
@@ -68,42 +53,54 @@ var theme = (0, styles_1.createTheme)({
         },
         fontSize: 14,
     },
-    overrides: {
+    components: {
         MuiFormControl: {
-            root: {
-                overflow: 'hidden',
+            styleOverrides: {
+                root: {
+                    overflow: 'hidden',
+                },
             },
         },
         MuiFormLabel: {
-            root: {
-                fontSize: 14,
+            styleOverrides: {
+                root: {
+                    fontSize: 14,
+                },
             },
         },
         MuiDivider: {
-            root: {
-                visibility: 'hidden',
-                height: 0,
+            styleOverrides: {
+                root: {
+                    visibility: 'hidden',
+                    height: 0,
+                },
             },
         },
         MuiInputLabel: {
-            formControl: {
-                position: 'static',
+            styleOverrides: {
+                formControl: {
+                    position: 'static',
+                },
+            },
+        },
+        MuiTextField: {
+            defaultProps: {
+                variant: 'standard',
             },
         },
     },
 });
-var Form = (0, core_1.withTheme)(material_ui_1.Theme);
+var Form = (0, core_1.withTheme)(mui_1.Theme);
 function CustomForm(props) {
     var schema = props.schema, languageSchema = props.languageSchema, currentLanguage = props.currentLanguage, restProps = __rest(props, ["schema", "languageSchema", "currentLanguage"]);
-    var _a = (0, react_1.useState)((0, translator_1.translateSchema)(schema, currentLanguage, languageSchema)), translatedSchema = _a[0], setTranslatedSchema = _a[1];
-    (0, react_1.useEffect)(function () {
+    var _a = (0, react_2.useState)((0, translator_1.translateSchema)(schema, currentLanguage, languageSchema)), translatedSchema = _a[0], setTranslatedSchema = _a[1];
+    (0, react_2.useEffect)(function () {
         setTranslatedSchema((0, translator_1.translateSchema)(schema, currentLanguage, languageSchema));
     }, [languageSchema, schema, currentLanguage]);
-    return (react_1.default.createElement(FormContainer, null,
-        react_1.default.createElement(styles_1.ThemeProvider, { theme: theme },
-            react_1.default.createElement(Form, __assign({ schema: translatedSchema }, restProps),
-                react_1.default.createElement(HiddenButton, { disabled: true, type: "submit" })))));
+    return ((0, react_1.jsx)("div", { css: styles.formContainer },
+        (0, react_1.jsx)(styles_1.ThemeProvider, { theme: theme },
+            (0, react_1.jsx)(Form, __assign({ schema: translatedSchema }, restProps),
+                (0, react_1.jsx)("button", { css: styles.hiddenButton, disabled: true, type: "submit" })))));
 }
 exports.CustomForm = CustomForm;
-var templateObject_1, templateObject_2;
 //# sourceMappingURL=CustomForm.js.map

package/lib/components/molecules/CustomForm.js.map

@@ -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"}
+{"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"}

package/lib/components/molecules/SchemaEditor.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -14,46 +10,40 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SchemaEditor = void 0;
-var react_1 = __importDefault(require("@monaco-editor/react"));
-var react_2 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
+/** @jsx jsx */
+var react_1 = require("@emotion/react");
+var react_2 = __importDefault(require("@monaco-editor/react"));
+var react_3 = require("react");
 var components_1 = require("..");
 var models_1 = require("../../models");
 var style_1 = require("../../style");
-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"])));
-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);
+var styles = {
+    container: (0, react_1.css)({
+        display: 'flex',
+        flex: 1,
+        flexDirection: 'column',
+        height: '100%',
+        position: 'relative',
+    }),
+    schemaField: (0, react_1.css)({
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        border: '1px solid',
+        borderBottomLeftRadius: '5px',
+        borderBottomRightRadius: '5px',
+        borderColor: "".concat(style_1.colors.borderSchema, "1"),
+    }),
+};
 var bJSON = function (o) { return JSON.stringify(o, null, 4); };
 var SchemaEditor = function (_a) {
     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;
-    (0, react_2.useEffect)(function () {
+    (0, react_3.useEffect)(function () {
         var _a;
         setCurrentEditorValue((_a = {},
             _a[models_1.EditorTab.JSON] = bJSON(fullFormSchema.JSON),
@@ -61,12 +51,12 @@ var SchemaEditor = function (_a) {
             _a[models_1.EditorTab.UI] = bJSON(fullFormSchema.UI),
             _a));
     }, [fullFormSchema]);
-    return (react_2.default.createElement(Container, null,
-        react_2.default.createElement(components_1.SchemaHeader, { activeTab: activeTab, buttonTranslatorText: buttonTranslatorText, buttonValidateText: buttonValidateText, onValidate: function () {
+    return ((0, react_1.jsx)("div", { css: styles.container },
+        (0, react_1.jsx)(components_1.SchemaHeader, { activeTab: activeTab, buttonTranslatorText: buttonTranslatorText, buttonValidateText: buttonValidateText, onValidate: function () {
                 onValidate();
             }, setActiveTab: setActiveTab }),
-        activeTab === models_1.EditorTab.JSON && (react_2.default.createElement(SchemaField, null,
-            react_2.default.createElement(react_1.default, { defaultLanguage: "json", defaultValue: '{}', height: "100%", onChange: function (v) {
+        activeTab === models_1.EditorTab.JSON && ((0, react_1.jsx)("div", { css: styles.schemaField },
+            (0, react_1.jsx)(react_2.default, { defaultLanguage: "json", defaultValue: '{}', height: "100%", onChange: function (v) {
                     return setCurrentEditorValue(function (old) {
                         var _a;
                         return (__assign(__assign({}, old), (_a = {}, _a[activeTab] = v || '', _a)));
@@ -76,8 +66,8 @@ var SchemaEditor = function (_a) {
                         enabled: false,
                     },
                 }, value: currentEditorValue[activeTab] }))),
-        activeTab === models_1.EditorTab.TRANSLATION && (react_2.default.createElement(SchemaField, null,
-            react_2.default.createElement(react_1.default, { defaultLanguage: "json", defaultValue: '{}', onChange: function (v) {
+        activeTab === models_1.EditorTab.TRANSLATION && ((0, react_1.jsx)("div", { css: styles.schemaField },
+            (0, react_1.jsx)(react_2.default, { defaultLanguage: "json", defaultValue: '{}', onChange: function (v) {
                     return setCurrentEditorValue(function (old) {
                         var _a;
                         return (__assign(__assign({}, old), (_a = {}, _a[activeTab] = v || '', _a)));
@@ -89,5 +79,4 @@ var SchemaEditor = function (_a) {
                 }, value: currentEditorValue[activeTab] })))));
 };
 exports.SchemaEditor = SchemaEditor;
-var templateObject_1, templateObject_2;
 //# sourceMappingURL=SchemaEditor.js.map

package/lib/components/molecules/SchemaEditor.js.map

@@ -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"}
+{"version":3,"file":"SchemaEditor.js","sourceRoot":"","sources":["../../../src/components/molecules/SchemaEditor.tsx"],"names":[],"mappings":"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"}

package/lib/components/organism/StructuredTicketEditor.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -14,67 +10,76 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StructuredTicketEditor = void 0;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
+/** @jsx jsx */
+var react_1 = require("@emotion/react");
+var validator_ajv8_1 = __importDefault(require("@rjsf/validator-ajv8"));
+var react_2 = require("react");
 var components_1 = require("..");
 var models_1 = require("../../models");
 var colors_1 = require("../../style/colors");
-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"])));
-var SchemaEditorContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 55%;\n"], ["\n  width: 55%;\n"])));
-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"])));
-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);
+var styles = {
+    container: (0, react_1.css)({
+        display: 'flex',
+        flexDirection: 'row',
+        height: '100%',
+        width: '100%',
+        position: 'relative',
+    }),
+    schemaEditorContainer: (0, react_1.css)({
+        width: '55%',
+    }),
+    customFormContainer: (0, react_1.css)({
+        display: 'flex',
+        flexDirection: 'column',
+        width: '45%',
+        marginLeft: '20px',
+    }),
+    errorRefreshContainer: (0, react_1.css)({
+        position: 'absolute',
+        left: '50%',
+        top: '50%',
+        transform: 'translate(-50%, -50%)',
+        textAlign: 'center',
+        zIndex: 100,
+        fontSize: '20px',
+        fontWeight: 'bold',
+        color: "".concat(colors_1.colors.lightGray, "1"),
+        transition: 'ease-in 2s',
+        backgroundColor: colors_1.colors.whiteIntense,
+        borderRadius: '10px',
+        border: '2px solid white',
+        boxShadow: '25px 28px 66px #bec3c7',
+    }),
+};
 var bJSON = function (o) { return JSON.stringify(o, null, 4); };
 var languages = ['de_DE', 'en_US', 'fr_FR', 'it_IT', 'nl_NL', 'pt_PT'];
 var StructuredTicketEditor = function (_a) {
     var _b, _c;
     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;
-    var _d = (0, react_1.useState)(models_1.EditorTab.JSON), activeTab = _d[0], setActiveTab = _d[1];
-    var _e = (0, react_1.useState)(languageDisplay.display), currentLanguage = _e[0], setCurrentLanguage = _e[1];
-    var _f = (0, react_1.useState)((_b = {},
+    var _d = (0, react_2.useState)(models_1.EditorTab.JSON), activeTab = _d[0], setActiveTab = _d[1];
+    var _e = (0, react_2.useState)(languageDisplay.display), currentLanguage = _e[0], setCurrentLanguage = _e[1];
+    var _f = (0, react_2.useState)((_b = {},
         _b[models_1.EditorTab.JSON] = fullFormSchema.JSON,
         _b[models_1.EditorTab.TRANSLATION] = fullFormSchema.TRANSLATION,
         _b[models_1.EditorTab.UI] = fullFormSchema.UI,
         _b)), currentEditorSchema = _f[0], setCurrentEditorSchema = _f[1];
-    var _g = (0, react_1.useState)((_c = {},
+    var _g = (0, react_2.useState)((_c = {},
         _c[models_1.EditorTab.JSON] = bJSON(fullFormSchema.JSON),
         _c[models_1.EditorTab.TRANSLATION] = bJSON(fullFormSchema.TRANSLATION),
         _c[models_1.EditorTab.UI] = bJSON(fullFormSchema.UI),
         _c)), currentEditorValue = _g[0], setCurrentEditorValue = _g[1];
-    var _h = (0, react_1.useState)(false), isAddedNewTranslations = _h[0], setIsAddedNewTranslations = _h[1];
-    var _j = (0, react_1.useState)({
+    var _h = (0, react_2.useState)(false), isAddedNewTranslations = _h[0], setIsAddedNewTranslations = _h[1];
+    var _j = (0, react_2.useState)({
         errorTextButton: errorTextButton || 'OK',
         errorTextHead: errorTextHead || 'Error',
         errorText: 'Syntax Error',
     }), ErrorMessages = _j[0], setErrorMessages = _j[1];
-    var _k = (0, react_1.useState)([]), errorValidateStatus = _k[0], setErrorValidateStatus = _k[1];
+    var _k = (0, react_2.useState)([]), errorValidateStatus = _k[0], setErrorValidateStatus = _k[1];
     var ParseToJSON = function () {
         var _a;
         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)));
@@ -153,12 +158,12 @@ var StructuredTicketEditor = function (_a) {
             }
         }
     };
-    (0, react_1.useEffect)(function () {
+    (0, react_2.useEffect)(function () {
         if (isValidate) {
             addNewTranslations();
         }
     }, [isValidate]);
-    (0, react_1.useEffect)(function () {
+    (0, react_2.useEffect)(function () {
         var _a;
         if (currentEditorSchema.JSON.properties) {
             var objectKey = Object.keys(currentEditorSchema.JSON.properties);
@@ -183,7 +188,7 @@ var StructuredTicketEditor = function (_a) {
             setCurrentEditorSchema(newStructuredFormState_1);
         }
     }, [currentEditorSchema]);
-    (0, react_1.useEffect)(function () {
+    (0, react_2.useEffect)(function () {
         if (!isAddedNewTranslations) {
             setIsValidate(false);
             try {
@@ -196,7 +201,7 @@ var StructuredTicketEditor = function (_a) {
         }
         setIsAddedNewTranslations(false);
     }, [currentEditorValue, fullFormSchema]);
-    (0, react_1.useEffect)(function () {
+    (0, react_2.useEffect)(function () {
         if (currentEditorSchema) {
             var jsonStringSchema = bJSON(fullFormSchema.JSON);
             var translationString = bJSON(fullFormSchema.TRANSLATION);
@@ -210,7 +215,7 @@ var StructuredTicketEditor = function (_a) {
             }
         }
     }, [currentEditorValue, currentEditorSchema]);
-    (0, react_1.useEffect)(function () {
+    (0, react_2.useEffect)(function () {
         if (errorValidateStatus.length > 0) {
             var errorJson = errorValidateStatus.find(function (v) { return v === 'JSON'; });
             var errorTranslator = errorValidateStatus.find(function (v) { return v === 'Translator'; });
@@ -225,20 +230,19 @@ var StructuredTicketEditor = function (_a) {
             }
         }
     }, [errorValidateStatus]);
-    (0, react_1.useEffect)(function () {
+    (0, react_2.useEffect)(function () {
         onValidateSchema();
     }, []);
-    return (react_1.default.createElement(Container, null,
-        errorValidateStatus.length > 0 && (react_1.default.createElement(ErrorRefreshContainer, null,
-            react_1.default.createElement(components_1.ErrorMessage, { errorText: ErrorMessages.errorText, errorTextButton: ErrorMessages.errorTextButton, errorTextHead: ErrorMessages.errorTextHead, onClick: function () { return setErrorValidateStatus([]); } }))),
-        react_1.default.createElement(SchemaEditorContainer, null,
-            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) {
+    return ((0, react_1.jsx)("div", { css: styles.container },
+        errorValidateStatus.length > 0 && ((0, react_1.jsx)("div", { css: styles.errorRefreshContainer },
+            (0, react_1.jsx)(components_1.ErrorMessage, { errorText: ErrorMessages.errorText, errorTextButton: ErrorMessages.errorTextButton, errorTextHead: ErrorMessages.errorTextHead, onClick: function () { return setErrorValidateStatus([]); } }))),
+        (0, react_1.jsx)("div", { css: styles.schemaEditorContainer },
+            (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) {
                     return setCurrentEditorValue(val);
                 } })),
-        react_1.default.createElement(CustomFormContainer, null,
-            react_1.default.createElement(components_1.LanguageSelector, { buttonSaveText: buttonSaveText, headerLanguageSelectorText: headerLanguageSelectorText, isActive: isValidate, languageDisplay: languageDisplay, onClickButton: onSaveSchema, onSelectLanguage: setCurrentLanguage, selectedLanguage: currentLanguage }),
-            react_1.default.createElement(components_1.CustomForm, { currentLanguage: currentLanguage.key, languageSchema: currentEditorSchema[models_1.EditorTab.TRANSLATION], schema: currentEditorSchema[models_1.EditorTab.JSON] }))));
+        (0, react_1.jsx)("div", { css: styles.customFormContainer },
+            (0, react_1.jsx)(components_1.LanguageSelector, { buttonSaveText: buttonSaveText, headerLanguageSelectorText: headerLanguageSelectorText, isActive: isValidate, languageDisplay: languageDisplay, onClickButton: onSaveSchema, onSelectLanguage: setCurrentLanguage, selectedLanguage: currentLanguage }),
+            (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 }))));
 };
 exports.StructuredTicketEditor = StructuredTicketEditor;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=StructuredTicketEditor.js.map

package/lib/components/organism/StructuredTicketEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"StructuredTicketEditor.js","sourceRoot":"","sources":["../../../src/components/organism/StructuredTicketEditor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StructuredTicketEditor.js","sourceRoot":"","sources":["../../../src/components/organism/StructuredTicketEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,eAAe;AACf,wCAAyC;AACzC,wEAA4C;AAC5C,+BAAkD;AAClD,iCAKqB;AACrB,uCAQiB;AACjB,6CAAuC;AAEvC,IAAM,MAAM,GAAG;IACb,SAAS,EAAE,IAAA,WAAG,EAAC;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,UAAU;KACrB,CAAC;IACF,qBAAqB,EAAE,IAAA,WAAG,EAAC;QACzB,KAAK,EAAE,KAAK;KACb,CAAC;IACF,mBAAmB,EAAE,IAAA,WAAG,EAAC;QACvB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,KAAK,EAAE,KAAK;QACZ,UAAU,EAAE,MAAM;KACnB,CAAC;IACF,qBAAqB,EAAE,IAAA,WAAG,EAAC;QACzB,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,KAAK;QACX,GAAG,EAAE,KAAK;QACV,SAAS,EAAE,uBAAuB;QAClC,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,UAAG,eAAM,CAAC,SAAS,MAAG;QAC7B,UAAU,EAAE,YAAY;QACxB,eAAe,EAAE,eAAM,CAAC,YAAY;QACpC,YAAY,EAAE,MAAM;QACpB,MAAM,EAAE,iBAAiB;QACzB,SAAS,EAAE,wBAAwB;KACpC,CAAC;CACH,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,0BAAK,GAAG,EAAE,MAAM,CAAC,SAAS;QACvB,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAAI,CACjC,0BAAK,GAAG,EAAE,MAAM,CAAC,qBAAqB;YACpC,iBAAC,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,CACE,CACP;QACD,0BAAK,GAAG,EAAE,MAAM,CAAC,qBAAqB;YACpC,iBAAC,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,CACE;QACN,0BAAK,GAAG,EAAE,MAAM,CAAC,mBAAmB;YAClC,iBAAC,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,iBAAC,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,EAC3C,SAAS,EAAE,wBAAS,GACpB,CACE,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAtRY,QAAA,sBAAsB,0BAsRlC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@allthings/structured-ticket-form",
-    "version": "3.0.1",
+    "version": "3.0.2",
     "description": "Simple component to create and edit jsonSchemaForm with possibility to adding translated fields and custom UISchema.",
     "main": "lib/index.js",
     "private": false,
@@ -30,37 +30,37 @@
     },
     "homepage": "https://github.com/allthings/structured-ticket-form/#readme",
     "devDependencies": {
-        "@commitlint/cli": "17.4.0",
-        "@commitlint/config-conventional": "17.4.0",
+        "@commitlint/cli": "17.7.2",
+        "@commitlint/config-conventional": "17.7.0",
         "@snowpack/plugin-typescript": "1.2.1",
         "@types/jest": "27.5.2",
-        "@types/lodash": "4.14.191",
-        "@types/react": "17.0.52",
-        "@types/react-dom": "17.0.18",
-        "@types/react-jsonschema-form": "1.7.8",
-        "@types/styled-components": "5.1.26",
-        "@typescript-eslint/eslint-plugin": "5.48.0",
-        "@typescript-eslint/parser": "5.48.0",
+        "@types/lodash": "4.14.199",
+        "@types/react": "17.0.65",
+        "@types/react-dom": "17.0.20",
+        "@types/react-jsonschema-form": "1.7.9",
+        "@types/styled-components": "5.1.28",
+        "@typescript-eslint/eslint-plugin": "5.62.0",
+        "@typescript-eslint/parser": "5.62.0",
         "eslint": "7.32.0",
-        "eslint-config-prettier": "8.6.0",
+        "eslint-config-prettier": "8.10.0",
         "eslint-config-standard": "16.0.3",
-        "eslint-plugin-import": "2.26.0",
+        "eslint-plugin-import": "2.28.1",
         "eslint-plugin-node": "11.1.0",
         "eslint-plugin-prettier": "4.2.1",
         "eslint-plugin-promise": "5.2.0",
-        "eslint-plugin-react": "7.31.11",
+        "eslint-plugin-react": "7.33.2",
         "eslint-plugin-react-hooks": "4.6.0",
         "husky": "8.0.3",
         "jest": "27.5.1",
-        "lint-staged": "13.1.0",
-        "prettier": "2.8.2",
+        "lint-staged": "14.0.1",
+        "prettier": "2.8.8",
         "react": "17.0.2",
         "react-dom": "17.0.2",
-        "rimraf": "3.0.2",
+        "rimraf": "5.0.5",
         "snowpack": "3.0.10",
         "ts-jest": "27.1.5",
         "ttypescript": "1.5.15",
-        "typescript": "4.9.4",
+        "typescript": "4.9.5",
         "typescript-transform-paths": "3.4.6"
     },
     "peerDependencies": {