@allthings/structured-ticket-form 1.1.3 → 3.0.0-beta.0

package/README.md

@@ -1,22 +1,25 @@
+[![Build status](https://badge.buildkite.com/68a4ec989c3763177a0cdb9ff4f2570613e039207aabf632f1.svg)](https://buildkite.com/allthings/structured-ticket-form)
+
 # structured-ticket-form
 
 ## Table of contents
 
--   [General Info] (#general-info)
--   [Technologies](#technologies)
--   [Setup](#setup)
--   [Sandbox VIew](#setup-and-lunch-sandbox-view)
+- [General Info] (#general-info)
+- [Technologies](#technologies)
+- [Setup](#setup)
+- [Sandbox VIew](#setup-and-lunch-sandbox-view)
+- [Deployment](#deployment)
 
 ## General info
 
-Simple component to create and edit jsonSchemaForm with posibility to adding translated fields and custom UISchema.
+Simple component to create and edit jsonSchemaForm with possibility to adding translated fields and custom UISchema.
 
 ## Technologies
 
--   TypeScript
--   JsonSchemaForm
--   React
--   snowpack
+- TypeScript
+- JsonSchemaForm
+- React
+- snowpack
 
 ## Setup
 
@@ -33,7 +36,7 @@ $ npm install @allthings/structured-ticket-form
 
 import { AdminView } to your .tsx file.
 
-You have to create and pass data object with specific types, for expample like that:
+You have to create and pass data object with specific types, for example like that:
 
 ```sh
 const schema: FullFormSchema = {
@@ -49,7 +52,7 @@ const lang: LanguageDisplay = {
 
 ```
 
-You have to use two useState hooks and pass for your created data object, for expample like that:
+You have to use two useState hooks and pass for your created data object, for example like that:
 
 ```sh
     const [textSchema, setTextSchema] = useState<FullFormSchema>(schema);
@@ -95,16 +98,23 @@ export interface LanguageDisplay {
 You can try out how it works using our Sandbox View.
 
 1. Download repository
-2. Check your node version =>12.0.0 (if you are working on Macbook with M1 processsor use node =>15.0.0)
+2. Check your node version =>12.0.0 (if you are working on Macbook with M1 CPU use node =>15.0.0)
 3. Install the required packages:
-    ```sh
-     npm install
-    ```
+   ```sh
+    yarn install
+   ```
 4. In first start:
-    ```sh
-    npm run build
-    ```
+   ```sh
+   yarn build:sandbox
+   ```
 5. To start sandbox view:
-    ```sh
-    npm run start
-    ```
+   ```sh
+   yarn start
+   ```
+
+## Deployment
+
+```sh
+$ yarn version
+$ yarn release
+```

package/lib/assets/index.d.ts

@@ -1 +1 @@
-export * from "./svg/index";
+export * from './svg';

package/lib/assets/index.js

@@ -10,5 +10,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./svg/index"), exports);
+__exportStar(require("./svg"), exports);
 //# sourceMappingURL=index.js.map

package/lib/assets/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8CAAsB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,wCAAqB"}

package/lib/assets/svg/VectorIcon.js

@@ -10,9 +10,9 @@ 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, { viewBox: "0 0 12 8", fill: "none", 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", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }))); };
+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" }))); };
 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,gDAA0B;AAC1B,wEAAuC;AAEvC,IAAM,GAAG,GAAG,2BAAM,CAAC,GAAG,2GAAA,wCAGrB,IAAA,CAAC;AAEK,IAAM,UAAU,GAAG,cAAM,OAAA,CAC5B,8BAAC,GAAG,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;IAClE,wCACI,CAAC,EAAC,yCAAyC,EAC3C,MAAM,EAAC,SAAS,EAChB,gBAAgB,EAAC,IAAI,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACxB,CACA,CACT,EAV+B,CAU/B,CAAC;AAVW,QAAA,UAAU,cAUrB"}
+{"version":3,"file":"VectorIcon.js","sourceRoot":"","sources":["../../../src/assets/svg/VectorIcon.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,wEAAsC;AAEtC,IAAM,GAAG,GAAG,2BAAM,CAAC,GAAG,uGAAA,oCAGrB,IAAA,CAAA;AAEM,IAAM,UAAU,GAAG,cAAM,OAAA,CAC9B,8BAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,4BAA4B;IACpE,wCACE,CAAC,EAAC,yCAAyC,EAC3C,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,gBAAgB,EAAC,IAAI,GACrB,CACE,CACP,EAV+B,CAU/B,CAAA;AAVY,QAAA,UAAU,cAUtB"}

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

@@ -1 +1 @@
-export * from "./VectorIcon";
+export * from './VectorIcon';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/assets/svg/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/assets/svg/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAA4B"}

package/lib/components/atoms/ErrorMessage.js

@@ -10,12 +10,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorMessage = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
-var style_1 = require("../../style/index");
-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 ", ", 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 ", ", 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 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 ErrorMessage = function (_a) {
     var errorTextHead = _a.errorTextHead, errorText = _a.errorText, errorTextButton = _a.errorTextButton, onClick = _a.onClick;
     return (react_1.default.createElement(Container, null,

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../src/components/atoms/ErrorMessage.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,2CAAiC;AAGjC,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,oKAAA,iGAK3B,IAAA,CAAC;AAEF,IAAM,aAAa,GAAG,2BAAM,CAAC,EAAE,mNAAA,eAClB,EAAa,+HAMzB,KANY,cAAM,CAAC,MAAM,CAMzB,CAAC;AAEF,IAAM,SAAS,GAAG,2BAAM,CAAC,CAAC,6LAAA,kHAKb,EAAsB,MAClC,KADY,cAAM,CAAC,eAAe,CAClC,CAAC;AAEF,IAAM,IAAI,GAAG,2BAAM,CAAC,IAAI,iKAAA,uFAIA,EAAe,KACtC,KADuB,cAAM,CAAC,QAAQ,CACtC,CAAC;AAEF,IAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,ibAAA,8GAIO,EAAoB,oBAAqB,EAAoB,2BACrE,EAAa,2MAUpC,KAX+B,cAAM,CAAC,aAAa,EAAqB,cAAM,CAAC,aAAa,EACrE,cAAM,CAAC,MAAM,CAUpC,CAAC;AAEK,IAAM,YAAY,GAAgC,UAAC,EAAsD;QAApD,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,eAAe,qBAAA,EAAE,OAAO,aAAA;IAC1G,OAAO,CACH,8BAAC,SAAS;QACN,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,CAC5C,CACf,CAAC;AACN,CAAC,CAAC;AATW,QAAA,YAAY,gBASvB"}
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../src/components/atoms/ErrorMessage.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,wEAAsC;AAEtC,qCAAgC;AAEhC,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,4JAAA,yFAK3B,IAAA,CAAA;AAED,IAAM,aAAa,GAAG,2BAAM,CAAC,EAAE,uMAAA,aACpB,EAAa,qHAMvB,KANU,cAAM,CAAC,MAAM,CAMvB,CAAA;AAED,IAAM,SAAS,GAAG,2BAAM,CAAC,CAAC,mLAAA,wGAKf,EAAsB,MAChC,KADU,cAAM,CAAC,eAAe,CAChC,CAAA;AAED,IAAM,IAAI,GAAG,2BAAM,CAAC,IAAI,yJAAA,+EAIF,EAAe,KACpC,KADqB,cAAM,CAAC,QAAQ,CACpC,CAAA;AAED,IAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,0ZAAA,sGAIK,EAAoB,yBAC5B,EAAoB,yBACpB,EAAa,yLAUlC,KAZ6B,cAAM,CAAC,aAAa,EAC5B,cAAM,CAAC,aAAa,EACpB,cAAM,CAAC,MAAM,CAUlC,CAAA;AAEM,IAAM,YAAY,GAAgC,UAAC,EAKzD;QAJC,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,OAAO,aAAA;IAEP,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,aAAa,QAAE,aAAa,CAAiB;QAC9C,8BAAC,SAAS,QAAE,SAAS,CAAa;QAClC,8BAAC,IAAI,OAAG;QACR,8BAAC,MAAM,IAAC,OAAO,EAAE,OAAO,IAAG,eAAe,CAAU,CAC1C,CACb,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,YAAY,gBAcxB"}

package/lib/components/atoms/LanguageSelector.js

@@ -29,37 +29,37 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LanguageSelector = void 0;
 var react_1 = __importStar(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
-var assets_1 = require("../../assets/index");
-var hooks_1 = require("../../hooks/index");
-var style_1 = require("../../style/index");
-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 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 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 ? "" + style_1.colors.activeButtonColor : "" + style_1.colors.deactiveButtonColor);
+    return isActive ? "" + style_1.colors.activeButtonColor : "" + style_1.colors.deactiveButtonColor;
 }, function (_a) {
     var isActive = _a.isActive;
     return (isActive ? 'white' : "" + style_1.colors.dark);
 }, function (_a) {
     var isActive = _a.isActive;
-    return (isActive ? style_1.colors.midBlue + "ff" : "" + style_1.colors.deactiveButtonColor);
+    return isActive ? 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 = react_1.useState(false), open = _b[0], setOpen = _b[1];
-    var selectRef = react_1.useRef(null);
-    hooks_1.useOnClickOutside(selectRef, function () {
+    var _b = (0, react_1.useState)(false), open = _b[0], setOpen = _b[1];
+    var selectRef = (0, react_1.useRef)(null);
+    (0, hooks_1.useOnClickOutside)(selectRef, function () {
         setOpen(false);
     });
     var onValidateRefresh = function () {
@@ -70,7 +70,7 @@ var LanguageSelector = function (_a) {
     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, { ref: selectRef, onClick: function () { return setOpen(!open); }, isActive: open ? true : false },
+            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)),

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+C;AAC/C,wEAAsC;AACtC,uCAAqC;AACrC,qCAA2C;AAE3C,qCAAgC;AAEhC,IAAM,iBAAiB,GAAG,2BAAM,CAAC,GAAG,iJAAA,8EAKnC,IAAA,CAAA;AAED,IAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,4LAAA,yHAMzB,IAAA,CAAA;AAED,IAAM,EAAE,GAAG,2BAAM,CAAC,EAAE,sMAAA,4HAMT,EAAiB,KAC3B,KADU,cAAM,CAAC,UAAU,CAC3B,CAAA;AAED,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,wXAAe,oMAQjC,EACqC,+GAKpD,KANe,UAAC,EAAY;QAAV,QAAQ,cAAA;IACvB,OAAA,QAAQ,IAAI,qCAAqC;AAAjD,CAAiD,CAKpD,CAAA;AAED,IAAM,eAAe,GAAG,2BAAM,CAAC,EAAE,yMAAA,sIAQhC,IAAA,CAAA;AAED,IAAM,YAAY,GAAG,2BAAM,CAAC,EAAE,ggBAAA,6MAQnB,EAAiB,8OAW3B,KAXU,cAAM,CAAC,UAAU,CAW3B,CAAA;AAED,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,oTAAA,oGAMrB,EAAiB,2IAO7B,KAPY,cAAM,CAAC,UAAU,CAO7B,CAAA;AAED,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,uFAAA,oBAE/B,IAAA,CAAA;AACD,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,2FAAA,wBAEjC,IAAA,CAAA;AAED,IAAM,iBAAiB,GAAG,2BAAM,CAAC,GAAG,+IAAA,0EAGnC,IAAA,CAAA;AAED,IAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,mPAAe,+CAElB,EACwD,cACnE,EAAyD,iGAK5C,EACgD,UAEvE,KAVqB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAC7B,OAAA,QAAQ,CAAC,CAAC,CAAC,KAAG,cAAM,CAAC,iBAAmB,CAAC,CAAC,CAAC,KAAG,cAAM,CAAC,mBAAqB;AAA1E,CAA0E,EACnE,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAG,cAAM,CAAC,IAAM,CAAC;AAAvC,CAAuC,EAK5C,UAAC,EAAY;QAAV,QAAQ,cAAA;IAC7B,OAAA,QAAQ,CAAC,CAAC,CAAI,cAAM,CAAC,OAAO,OAAI,CAAC,CAAC,CAAC,KAAG,cAAM,CAAC,mBAAqB;AAAlE,CAAkE,CAEvE,CAAA;AAEM,IAAM,gBAAgB,GAAoC,UAAC,EAQjE;QAPC,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,0BAA0B,gCAAA;IAEpB,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IACvC,IAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC9C,IAAA,yBAAiB,EAAC,SAAS,EAAE;QAC3B,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC,CAAC,CAAA;IAEF,IAAM,iBAAiB,GAAG;QACxB,IAAI,QAAQ,EAAE;YACZ,aAAa,EAAE,CAAA;SAChB;IACH,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,iBAAiB;QAChB,8BAAC,OAAO;YACN,8BAAC,EAAE,QAAE,0BAA0B,IAAI,oBAAoB,CAAM;YAC7D,8BAAC,eAAe,IACd,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,IAAI,CAAC,EAAd,CAAc,EAC7B,GAAG,EAAE,SAAS;gBAEd,8BAAC,aAAa,OAAG;gBACjB,8BAAC,eAAe;oBACd,yCAAI,gBAAgB,CAAC,KAAK,CAAK,CACf;gBAClB,8BAAC,aAAa,QACX,CAAC,IAAI,CAAC,CAAC,CAAC,CACP,8BAAC,eAAe;oBACd,8BAAC,mBAAU,OAAG,CACE,CACnB,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAiB;oBAChB,8BAAC,mBAAU,OAAG,CACI,CACrB,CACa;gBAChB,8DACG,IAAI,IAAI,CACP,8BAAC,eAAe,QACb,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CACnC,8BAAC,YAAY,IACX,GAAG,EAAE,CAAC,CAAC,GAAG,EACV,OAAO,EAAE;wBACP,OAAO,CAAC,KAAK,CAAC,CAAA;wBACd,gBAAgB,CAAC,CAAC,CAAC,CAAA;oBACrB,CAAC,IAEA,CAAC,CAAC,KAAK,CACK,CAChB,EAVoC,CAUpC,CAAC,CACc,CACnB,CACA,CACa;YAElB,8BAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,IACnD,cAAc,CACR,CACD,CACQ,CACrB,CAAA;AACH,CAAC,CAAA;AAtEY,QAAA,gBAAgB,oBAsE5B"}

package/lib/components/atoms/SchemaHeader.js

@@ -10,11 +10,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SchemaHeader = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
-var style_1 = require("../../style/index");
 var models_1 = require("../../models");
-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 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) {
@@ -22,15 +22,15 @@ var Button = styled_components_1.default.div(templateObject_3 || (templateObject
     return isActive && style_1.colors.lightBlue;
 }, function (_a) {
     var isActive = _a.isActive;
-    return (isActive ? '10px 10px 4px 10px' : '10px 10px 10px 10px');
+    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 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 SchemaHeader = function (_a) {
-    var activeTab = _a.activeTab, setActiveTab = _a.setActiveTab, onValidate = _a.onValidate, buttonValidateText = _a.buttonValidateText, buttonTraslatorText = _a.buttonTraslatorText;
+    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); } }, buttonTraslatorText || 'Translator')),
+            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')));
 };
 exports.SchemaHeader = SchemaHeader;

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

@@ -1 +1 @@
-{"version":3,"file":"SchemaHeader.js","sourceRoot":"","sources":["../../../src/components/atoms/SchemaHeader.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,2CAAiC;AACjC,uCAAuE;AAEvE,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,geAAA,wVAaR,EAAmB,mEAItC,KAJmB,cAAM,CAAC,YAAY,CAItC,CAAC;AAEF,IAAM,eAAe,GAAG,2BAAM,CAAC,EAAE,sJAAA,mFAKhC,IAAA,CAAC;AAEF,IAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,mQAAe,wEAGnB,EAAyC,uBAC1C,EAA8C,kBACnD,EAA2E,yEAIzF,KANoB,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;IAAO,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB,CAAC;AAAzD,CAAyD,CAIzF,CAAC;AACF,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,4WAAA,+HAKR,EAAwB,wJAOpB,EAAc,cAEzC,KATuB,cAAM,CAAC,iBAAiB,EAOpB,cAAM,CAAC,OAAO,CAEzC,CAAC;AAEK,IAAM,YAAY,GAAgC,UAAC,EAMzD;QALG,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,mBAAmB,yBAAA;IAEnB,OAAO,CACH,8BAAC,SAAS;QACN,8BAAC,eAAe;YACZ,8BAAC,MAAM,IAAC,QAAQ,EAAE,SAAS,KAAK,kBAAS,CAAC,IAAI,EAAE,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,kBAAS,CAAC,IAAI,CAAC,EAA5B,CAA4B,iBAElF;YACT,8BAAC,MAAM,IACH,QAAQ,EAAE,SAAS,KAAK,kBAAS,CAAC,WAAW,EAC7C,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAnC,CAAmC,IAEjD,mBAAmB,IAAI,YAAY,CAC/B,CACK;QAClB,8BAAC,aAAa,IAAC,OAAO,EAAE,UAAU,IAAG,kBAAkB,IAAI,UAAU,CAAiB,CAC9E,CACf,CAAC;AACN,CAAC,CAAC;AAvBW,QAAA,YAAY,gBAuBvB"}
+{"version":3,"file":"SchemaHeader.js","sourceRoot":"","sources":["../../../src/components/atoms/SchemaHeader.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,wEAAsC;AACtC,uCAAsE;AACtE,qCAAgC;AAEhC,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,gcAAA,8TAaV,EAAmB,6DAIpC,KAJiB,cAAM,CAAC,YAAY,CAIpC,CAAA;AAED,IAAM,eAAe,GAAG,2BAAM,CAAC,EAAE,8IAAA,2EAKhC,IAAA,CAAA;AAED,IAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,mPAAe,kEAGrB,EAAyC,qBAC1C,EAA8C,gBACnD,EAC8C,mEAI1D,KAPkB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,WAAW;AAAvB,CAAuB,EAC1C,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,cAAM,CAAC,SAAS;AAA5B,CAA4B,EACnD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACpB,OAAA,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB;AAAvD,CAAuD,CAI1D,CAAA;AACD,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,gVAAA,qHAKV,EAAwB,wIAOtB,EAAc,YAErC,KATqB,cAAM,CAAC,iBAAiB,EAOtB,cAAM,CAAC,OAAO,CAErC,CAAA;AAEM,IAAM,YAAY,GAAgC,UAAC,EAMzD;QALC,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA;IAEpB,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,eAAe;YACd,8BAAC,MAAM,IACL,QAAQ,EAAE,SAAS,KAAK,kBAAS,CAAC,IAAI,EACtC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,kBAAS,CAAC,IAAI,CAAC,EAA5B,CAA4B,iBAGpC;YACT,8BAAC,MAAM,IACL,QAAQ,EAAE,SAAS,KAAK,kBAAS,CAAC,WAAW,EAC7C,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAnC,CAAmC,IAEjD,oBAAoB,IAAI,YAAY,CAC9B,CACO;QAClB,8BAAC,aAAa,IAAC,OAAO,EAAE,UAAU,IAC/B,kBAAkB,IAAI,UAAU,CACnB,CACN,CACb,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,YAAY,gBA4BxB"}

package/lib/components/atoms/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./LanguageSelector";
-export * from "./SchemaHeader";
-export * from "./ErrorMessage";
+export * from './LanguageSelector';
+export * from './SchemaHeader';
+export * from './ErrorMessage';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/atoms/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,qDAAmC;AACnC,iDAA+B;AAC/B,iDAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/atoms/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,qDAAkC;AAClC,iDAA8B;AAC9B,iDAA8B"}

package/lib/components/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./atoms/index";
-export * from "./molecules/index";
-export * from "./organism/index";
+export * from './atoms';
+export * from './molecules';
+export * from './organism';

package/lib/components/index.js

@@ -10,7 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./atoms/index"), exports);
-__exportStar(require("./molecules/index"), exports);
-__exportStar(require("./organism/index"), exports);
+__exportStar(require("./atoms"), exports);
+__exportStar(require("./molecules"), exports);
+__exportStar(require("./organism"), exports);
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gDAAwB;AACxB,oDAA4B;AAC5B,mDAA2B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAuB;AACvB,8CAA2B;AAC3B,6CAA0B"}

package/lib/components/molecules/CustomForm.js

@@ -49,15 +49,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomForm = void 0;
+var styles_1 = require("@material-ui/core/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 core_1 = require("@rjsf/core");
 var translator_1 = require("../../translator");
-var material_ui_1 = require("@rjsf/material-ui");
-var styles_1 = require("@material-ui/core/styles");
-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 theme = styles_1.createMuiTheme({
+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 theme = (0, styles_1.createTheme)({
     typography: {
         h5: {
             fontSize: 16,
@@ -88,17 +88,17 @@ var theme = styles_1.createMuiTheme({
         },
     },
 });
-var Form = core_1.withTheme(material_ui_1.Theme);
+var Form = (0, core_1.withTheme)(material_ui_1.Theme);
 function CustomForm(props) {
     var schema = props.schema, languageSchema = props.languageSchema, currentLanguage = props.currentLanguage, restProps = __rest(props, ["schema", "languageSchema", "currentLanguage"]);
-    var _a = react_1.useState(translator_1.translateSchema(schema, currentLanguage, languageSchema)), translatedSchema = _a[0], setTranslatedSchema = _a[1];
-    react_1.useEffect(function () {
-        setTranslatedSchema(translator_1.translateSchema(schema, currentLanguage, languageSchema));
+    var _a = (0, react_1.useState)((0, translator_1.translateSchema)(schema, currentLanguage, languageSchema)), translatedSchema = _a[0], setTranslatedSchema = _a[1];
+    (0, react_1.useEffect)(function () {
+        setTranslatedSchema((0, translator_1.translateSchema)(schema, currentLanguage, languageSchema));
     }, [languageSchema, schema, currentLanguage]);
-    var stForm = react_1.useMemo(function () {
+    var stForm = (0, react_1.useMemo)(function () {
         return (react_1.default.createElement(styles_1.ThemeProvider, { theme: theme },
             react_1.default.createElement(Form, __assign({ schema: translatedSchema }, restProps),
-                react_1.default.createElement(HiddenButton, { type: "submit", disabled: true }))));
+                react_1.default.createElement(HiddenButton, { disabled: true, type: "submit" }))));
     }, [translatedSchema]);
     return react_1.default.createElement(FormContainer, null, stForm);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CustomForm.js","sourceRoot":"","sources":["../../../src/components/molecules/CustomForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4D;AAC5D,wEAAuC;AACvC,mCAAuC;AACvC,+CAA+C;AAC/C,iDAA6D;AAG7D,mDAAyE;AAEzE,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,qPAAA,kLAS/B,IAAA,CAAC;AAEF,IAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,gHAAA,6CAGjC,IAAA,CAAC;AAEF,IAAM,KAAK,GAAG,uBAAc,CAAC;IACzB,UAAU,EAAE;QACR,EAAE,EAAE;YACA,QAAQ,EAAE,EAAE;SACf;QACD,QAAQ,EAAE,EAAE;KACf;IACD,SAAS,EAAE;QACP,cAAc,EAAE;YACZ,IAAI,EAAE;gBACF,QAAQ,EAAE,QAAQ;aACrB;SACJ;QACD,YAAY,EAAE;YACV,IAAI,EAAE;gBACF,QAAQ,EAAE,EAAE;aACf;SACJ;QACD,UAAU,EAAE;YACR,IAAI,EAAE;gBACF,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,CAAC;aACZ;SACJ;QACD,aAAa,EAAE;YACX,WAAW,EAAE;gBACT,QAAQ,EAAE,QAAQ;aACrB;SACJ;KACJ;CACJ,CAAC,CAAC;AAEH,IAAM,IAAI,GAAG,gBAAS,CAAC,mBAAe,CAAC,CAAC;AAExC,SAAgB,UAAU,CAAI,KAAyB;IAC3C,IAAA,MAAM,GAAoD,KAAK,OAAzD,EAAE,cAAc,GAAoC,KAAK,eAAzC,EAAE,eAAe,GAAmB,KAAK,gBAAxB,EAAK,SAAS,UAAK,KAAK,EAAjE,+CAAyD,CAAF,CAAW;IAClE,IAAA,KAA0C,gBAAQ,CACpD,4BAAe,CAAC,MAAM,EAAE,eAAe,EAAE,cAAc,CAAC,CAC3D,EAFM,gBAAgB,QAAA,EAAE,mBAAmB,QAE3C,CAAC;IACF,iBAAS,CAAC;QACN,mBAAmB,CAAC,4BAAe,CAAC,MAAM,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC;IAClF,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;IAC9C,IAAM,MAAM,GAAG,eAAO,CAAC;QACnB,OAAO,CACH,8BAAC,sBAAa,IAAC,KAAK,EAAE,KAAK;YACvB,8BAAC,IAAI,aAAC,MAAM,EAAE,gBAAgB,IAAM,SAAS;gBACzC,8BAAC,YAAY,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,GAAiB,CACxD,CACK,CACnB,CAAC;IACN,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvB,OAAO,8BAAC,aAAa,QAAE,MAAM,CAAiB,CAAC;AACnD,CAAC;AAlBD,gCAkBC"}
+{"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;IACD,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;IAC7C,IAAM,MAAM,GAAG,IAAA,eAAO,EAAC;QACrB,OAAO,CACL,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,CACjB,CAAA;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IACtB,OAAO,8BAAC,aAAa,QAAE,MAAM,CAAiB,CAAA;AAChD,CAAC;AApBD,gCAoBC"}

package/lib/components/molecules/SchemaEditor.js

@@ -38,18 +38,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SchemaEditor = void 0;
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("@monaco-editor/react"));
+var react_2 = __importStar(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
-var components_1 = require("../index");
-var react_2 = __importDefault(require("@monaco-editor/react"));
-var style_1 = require("../../style/index");
+var components_1 = require("..");
 var models_1 = require("../../models");
-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 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 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, buttonTraslatorText = _a.buttonTraslatorText, onValidate = _a.onValidate;
-    react_1.useEffect(function () {
+    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 () {
         var _a;
         setCurrentEditorValue((_a = {},
             _a[models_1.EditorTab.JSON] = bJSON(fullFormSchema.JSON),
@@ -57,12 +57,12 @@ var SchemaEditor = function (_a) {
             _a[models_1.EditorTab.UI] = bJSON(fullFormSchema.UI),
             _a));
     }, [fullFormSchema]);
-    return (react_1.default.createElement(Container, null,
-        react_1.default.createElement(components_1.SchemaHeader, { buttonValidateText: buttonValidateText, buttonTraslatorText: buttonTraslatorText, activeTab: activeTab, setActiveTab: setActiveTab, onValidate: function () {
+    return (react_2.default.createElement(Container, null,
+        react_2.default.createElement(components_1.SchemaHeader, { activeTab: activeTab, buttonTranslatorText: buttonTranslatorText, buttonValidateText: buttonValidateText, onValidate: function () {
                 onValidate();
-            } }),
-        activeTab === models_1.EditorTab.JSON && (react_1.default.createElement(SchemaField, null,
-            react_1.default.createElement(react_2.default, { height: "100%", defaultLanguage: "json", defaultValue: '{}', value: currentEditorValue[activeTab], onChange: function (v) {
+            }, 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) {
                     return setCurrentEditorValue(function (old) {
                         var _a;
                         return (__assign(__assign({}, old), (_a = {}, _a[activeTab] = v || '', _a)));
@@ -71,9 +71,9 @@ var SchemaEditor = function (_a) {
                     minimap: {
                         enabled: false,
                     },
-                } }))),
-        activeTab === models_1.EditorTab.TRANSLATION && (react_1.default.createElement(SchemaField, null,
-            react_1.default.createElement(react_2.default, { defaultLanguage: "json", defaultValue: '{}', value: currentEditorValue[activeTab], onChange: function (v) {
+                }, 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) {
                     return setCurrentEditorValue(function (old) {
                         var _a;
                         return (__assign(__assign({}, old), (_a = {}, _a[activeTab] = v || '', _a)));
@@ -82,7 +82,7 @@ var SchemaEditor = function (_a) {
                     minimap: {
                         enabled: false,
                     },
-                } })))));
+                }, value: currentEditorValue[activeTab] })))));
 };
 exports.SchemaEditor = SchemaEditor;
 var templateObject_1, templateObject_2;

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

@@ -1 +1 @@
-{"version":3,"file":"SchemaEditor.js","sourceRoot":"","sources":["../../../src/components/molecules/SchemaEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,wEAAuC;AACvC,uCAA4C;AAC5C,+DAA0C;AAC1C,2CAAiC;AACjC,uCAA2D;AAE3D,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,kLAAA,+GAM3B,IAAA,CAAC;AAEF,IAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,wQAAA,6LAOV,EAAmB,MACtC,KADmB,cAAM,CAAC,YAAY,CACtC,CAAC;AAEF,IAAM,KAAK,GAAG,UAAC,CAAM,IAAK,OAAA,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAA1B,CAA0B,CAAC;AAE9C,IAAM,YAAY,GAAmC,UAAC,EAS5D;QARG,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,kBAAkB,wBAAA,EAClB,qBAAqB,2BAAA,EACrB,kBAAkB,wBAAA,EAClB,mBAAmB,yBAAA,EACnB,UAAU,gBAAA;IAEV,iBAAS,CAAC;;QACN,qBAAqB;YACjB,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;gBAC1C,CAAC;IACP,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACH,8BAAC,SAAS;QACN,8BAAC,yBAAY,IACT,kBAAkB,EAAE,kBAAkB,EACtC,mBAAmB,EAAE,mBAAmB,EACxC,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE;gBACR,UAAU,EAAE,CAAC;YACjB,CAAC,GACH;QACD,SAAS,KAAK,kBAAS,CAAC,IAAI,IAAI,CAC7B,8BAAC,WAAW;YACR,8BAAC,eAAM,IACH,MAAM,EAAC,MAAM,EACb,eAAe,EAAC,MAAM,EACtB,YAAY,EAAE,IAAc,EAC5B,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,EACpC,QAAQ,EAAE,UAAC,CAAC;oBACR,OAAA,qBAAqB,CAAC,UAAC,GAAG;;wBAAK,OAAA,uBACxB,GAAG,gBACL,SAAS,IAAG,CAAC,IAAI,EAAE,OACtB;oBAH6B,CAG7B,CAAC;gBAHH,CAGG,EAEP,OAAO,EAAE;oBACL,OAAO,EAAE;wBACL,OAAO,EAAE,KAAK;qBACjB;iBACJ,GACH,CACQ,CACjB;QACA,SAAS,KAAK,kBAAS,CAAC,WAAW,IAAI,CACpC,8BAAC,WAAW;YACR,8BAAC,eAAM,IACH,eAAe,EAAC,MAAM,EACtB,YAAY,EAAE,IAAc,EAC5B,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,EACpC,QAAQ,EAAE,UAAC,CAAC;oBACR,OAAA,qBAAqB,CAAC,UAAC,GAAG;;wBAAK,OAAA,uBACxB,GAAG,gBACL,SAAS,IAAG,CAAC,IAAI,EAAE,OACtB;oBAH6B,CAG7B,CAAC;gBAHH,CAGG,EAEP,OAAO,EAAE;oBACL,OAAO,EAAE;wBACL,OAAO,EAAE,KAAK;qBACjB;iBACJ,GACH,CACQ,CACjB,CACO,CACf,CAAC;AACN,CAAC,CAAC;AAxEW,QAAA,YAAY,gBAwEvB"}
+{"version":3,"file":"SchemaEditor.js","sourceRoot":"","sources":["../../../src/components/molecules/SchemaEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+DAAyC;AACzC,6CAAwC;AACxC,wEAAsC;AACtC,iCAA2C;AAC3C,uCAA0D;AAC1D,qCAAgC;AAEhC,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,wKAAA,qGAM3B,IAAA,CAAA;AAED,IAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,0PAAA,+KAOZ,EAAmB,MACpC,KADiB,cAAM,CAAC,YAAY,CACpC,CAAA;AAED,IAAM,KAAK,GAAG,UAAC,CAAM,IAAK,OAAA,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAA1B,CAA0B,CAAA;AAE7C,IAAM,YAAY,GAAmC,UAAC,EAS5D;QARC,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,kBAAkB,wBAAA,EAClB,qBAAqB,2BAAA,EACrB,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA,EACpB,UAAU,gBAAA;IAEV,IAAA,iBAAS,EAAC;;QACR,qBAAqB;YACnB,GAAC,kBAAS,CAAC,IAAI,IAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;YAC5C,GAAC,kBAAS,CAAC,WAAW,IAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;YAC1D,GAAC,kBAAS,CAAC,EAAE,IAAG,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC;gBACxC,CAAA;IACJ,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,yBAAY,IACX,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAAE,oBAAoB,EAC1C,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE;gBACV,UAAU,EAAE,CAAA;YACd,CAAC,EACD,YAAY,EAAE,YAAY,GAC1B;QACD,SAAS,KAAK,kBAAS,CAAC,IAAI,IAAI,CAC/B,8BAAC,WAAW;YACV,8BAAC,eAAM,IACL,eAAe,EAAC,MAAM,EACtB,YAAY,EAAE,IAAc,EAC5B,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,qBAAqB,CAAC,UAAC,GAAG;;wBAAK,OAAA,uBAC1B,GAAG,gBACL,SAAS,IAAG,CAAC,IAAI,EAAE,OACpB;oBAH6B,CAG7B,CAAC;gBAHH,CAGG,EAEL,OAAO,EAAE;oBACP,OAAO,EAAE;wBACP,OAAO,EAAE,KAAK;qBACf;iBACF,EACD,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,GACpC,CACU,CACf;QACA,SAAS,KAAK,kBAAS,CAAC,WAAW,IAAI,CACtC,8BAAC,WAAW;YACV,8BAAC,eAAM,IACL,eAAe,EAAC,MAAM,EACtB,YAAY,EAAE,IAAc,EAC5B,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,qBAAqB,CAAC,UAAC,GAAG;;wBAAK,OAAA,uBAC1B,GAAG,gBACL,SAAS,IAAG,CAAC,IAAI,EAAE,OACpB;oBAH6B,CAG7B,CAAC;gBAHH,CAGG,EAEL,OAAO,EAAE;oBACP,OAAO,EAAE;wBACP,OAAO,EAAE,KAAK;qBACf;iBACF,EACD,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,GACpC,CACU,CACf,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAxEY,QAAA,YAAY,gBAwExB"}

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

@@ -1,2 +1,2 @@
-export * from "./SchemaEditor";
-export * from "./CustomForm";
+export * from './SchemaEditor';
+export * from './CustomForm';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/molecules/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA+B;AAC/B,+CAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/molecules/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA8B;AAC9B,+CAA4B"}