@mvf/external-components 3.3.2 → 3.4.0

package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -36,7 +40,7 @@ var React = __importStar(require("react"));
 var ErrorMessageStateContext = React.createContext(undefined);
 var ErrorMessageProvider = function (_a) {
     var children = _a.children, errorMessage = _a.errorMessage;
-    return (jsx_runtime_1.jsx(ErrorMessageStateContext.Provider, __assign({ value: { errorMessage: errorMessage } }, { children: children }), void 0));
+    return ((0, jsx_runtime_1.jsx)(ErrorMessageStateContext.Provider, __assign({ value: { errorMessage: errorMessage } }, { children: children })));
 };
 exports.ErrorMessageProvider = ErrorMessageProvider;
 var useErrorMessage = function (props) {

package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessageProvider.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAM/B,IAAM,wBAAwB,GAAG,KAAK,CAAC,aAAa,CAElD,SAAS,CAAC,CAAC;AAOb,IAAM,oBAAoB,GAA6B,UAAC,EAGvD;QAFC,QAAQ,cAAA,EACR,YAAY,kBAAA;IAEZ,OAAO,CACL,kBAAC,wBAAwB,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,YAAY,cAAA,EAAE,gBACvD,QAAQ,YACyB,CACrC,CAAC;AACJ,CAAC,CAAC;AAsBO,oDAAoB;AAhB7B,IAAM,eAAe,GAAG,UACtB,KAAsE;IAAtE,sBAAA,EAAA,UAAgC,8BAA8B,EAAE,IAAI,EAAE;IAEtE,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE3D,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,IAAI,CAAC,KAAK,CAAC,8BAA8B,EAAE;YACzC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;SACpC;QACD,MAAM,IAAI,KAAK,CACb,6DAA6D,CAC9D,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAE6B,0CAAe"}
+{"version":3,"file":"ErrorMessageProvider.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAM/B,IAAM,wBAAwB,GAAG,KAAK,CAAC,aAAa,CAElD,SAAS,CAAC,CAAC;AAOb,IAAM,oBAAoB,GAA6B,UAAC,EAGvD;QAFC,QAAQ,cAAA,EACR,YAAY,kBAAA;IAEZ,OAAO,CACL,uBAAC,wBAAwB,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,YAAY,cAAA,EAAE,gBACvD,QAAQ,IACyB,CACrC,CAAC;AACJ,CAAC,CAAC;AAsBO,oDAAoB;AAhB7B,IAAM,eAAe,GAAG,UACtB,KAAsE;IAAtE,sBAAA,EAAA,UAAgC,8BAA8B,EAAE,IAAI,EAAE;IAEtE,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE3D,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,IAAI,CAAC,KAAK,CAAC,8BAA8B,EAAE;YACzC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;SACpC;QACD,MAAM,IAAI,KAAK,CACb,6DAA6D,CAC9D,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAE6B,0CAAe"}

package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js

@@ -21,30 +21,30 @@ var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/rend
 var ErrorMessageProvider_1 = require("./ErrorMessageProvider");
 describe('<ErrorMessageProvider />', function () {
     var ErrorMessageComponent = function () {
-        var errorMessage = ErrorMessageProvider_1.useErrorMessage().errorMessage;
-        return jsx_runtime_1.jsx("div", { children: errorMessage }, void 0);
+        var errorMessage = (0, ErrorMessageProvider_1.useErrorMessage)().errorMessage;
+        return (0, jsx_runtime_1.jsx)("div", { children: errorMessage });
     };
     it('should raise an error when useErrorMessage used outside of an ErrorMessageProvider', function () {
         jest.spyOn(console, 'error').mockImplementation(function () { return jest.fn(); });
         expect(function () {
-            react_1.render(jsx_runtime_1.jsx(ErrorMessageComponent, {}, void 0));
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(ErrorMessageComponent, {}));
         }).toThrow('useErrorMessage must be used within an ErrorMessageProvider');
         jest.restoreAllMocks();
     });
     it('should pass an error message to child components', function () {
-        var getByText = renderWithProviders_1.default(jsx_runtime_1.jsx(ErrorMessageProvider_1.ErrorMessageProvider, __assign({ errorMessage: "Test error message" }, { children: jsx_runtime_1.jsx(ErrorMessageComponent, {}, void 0) }), void 0)).getByText;
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.ErrorMessageProvider, __assign({ errorMessage: "Test error message" }, { children: (0, jsx_runtime_1.jsx)(ErrorMessageComponent, {}) }))).getByText;
         expect(getByText('Test error message')).toBeTruthy();
     });
     it('should not raise an error when isErrorMessageProviderRequired is false', function () {
         jest.spyOn(console, 'error').mockImplementation(function () { return jest.fn(); });
         var SkippedErrorMessageComponent = function () {
-            var errorMessage = ErrorMessageProvider_1.useErrorMessage({
+            var errorMessage = (0, ErrorMessageProvider_1.useErrorMessage)({
                 isErrorMessageProviderRequired: false,
             }).errorMessage;
-            return jsx_runtime_1.jsx("div", { children: errorMessage }, void 0);
+            return (0, jsx_runtime_1.jsx)("div", { children: errorMessage });
         };
         expect(function () {
-            react_1.render(jsx_runtime_1.jsx(SkippedErrorMessageComponent, {}, void 0));
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(SkippedErrorMessageComponent, {}));
         }).not.toThrow('useErrorMessage must be used within an ErrorMessageProvider');
         jest.restoreAllMocks();
     });

package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessageProvider.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gDAAgD;AAChD,mGAA6E;AAC7E,+DAA+E;AAE/E,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAM,qBAAqB,GAAG;QACpB,IAAA,YAAY,GAAK,sCAAe,EAAE,aAAtB,CAAuB;QAC3C,OAAO,qCAAM,YAAY,WAAO,CAAC;IACnC,CAAC,CAAC;IAEF,EAAE,CAAC,oFAAoF,EAAE;QACvF,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,cAAM,OAAA,IAAI,CAAC,EAAE,EAAE,EAAT,CAAS,CAAC,CAAC;QAEjE,MAAM,CAAC;YACL,cAAM,CAAC,kBAAC,qBAAqB,aAAG,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC,OAAO,CAAC,6DAA6D,CAAC,CAAC;QAE1E,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE;QAC7C,IAAA,SAAS,GAAK,6BAAmB,CACvC,kBAAC,2CAAoB,aAAC,YAAY,EAAC,oBAAoB,gBACrD,kBAAC,qBAAqB,aAAG,YACJ,CACxB,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wEAAwE,EAAE;QAC3E,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,cAAM,OAAA,IAAI,CAAC,EAAE,EAAE,EAAT,CAAS,CAAC,CAAC;QACjE,IAAM,4BAA4B,GAAG;YAC3B,IAAA,YAAY,GAAK,sCAAe,CAAC;gBACvC,8BAA8B,EAAE,KAAK;aACtC,CAAC,aAFkB,CAEjB;YACH,OAAO,qCAAM,YAAY,WAAO,CAAC;QACnC,CAAC,CAAC;QAEF,MAAM,CAAC;YACL,cAAM,CAAC,kBAAC,4BAA4B,aAAG,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CACZ,6DAA6D,CAC9D,CAAC;QAEF,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ErrorMessageProvider.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gDAAgD;AAChD,mGAA6E;AAC7E,+DAA+E;AAE/E,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAM,qBAAqB,GAAG;QACpB,IAAA,YAAY,GAAK,IAAA,sCAAe,GAAE,aAAtB,CAAuB;QAC3C,OAAO,0CAAM,YAAY,GAAO,CAAC;IACnC,CAAC,CAAC;IAEF,EAAE,CAAC,oFAAoF,EAAE;QACvF,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,cAAM,OAAA,IAAI,CAAC,EAAE,EAAE,EAAT,CAAS,CAAC,CAAC;QAEjE,MAAM,CAAC;YACL,IAAA,cAAM,EAAC,uBAAC,qBAAqB,KAAG,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC,OAAO,CAAC,6DAA6D,CAAC,CAAC;QAE1E,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE;QAC7C,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,2CAAoB,aAAC,YAAY,EAAC,oBAAoB,gBACrD,uBAAC,qBAAqB,KAAG,IACJ,CACxB,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wEAAwE,EAAE;QAC3E,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,cAAM,OAAA,IAAI,CAAC,EAAE,EAAE,EAAT,CAAS,CAAC,CAAC;QACjE,IAAM,4BAA4B,GAAG;YAC3B,IAAA,YAAY,GAAK,IAAA,sCAAe,EAAC;gBACvC,8BAA8B,EAAE,KAAK;aACtC,CAAC,aAFkB,CAEjB;YACH,OAAO,0CAAM,YAAY,GAAO,CAAC;QACnC,CAAC,CAAC;QAEF,MAAM,CAAC;YACL,IAAA,cAAM,EAAC,uBAAC,4BAA4B,KAAG,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CACZ,6DAA6D,CAC9D,CAAC;QAEF,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Components/Atoms/FormControl/FormControl.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
 import defaultProps from './defaultProps';
 import IFormControlProps from './IFormControlProps';
-declare type FormControlType = FunctionComponentWithDefaultProps<IFormControlProps, typeof defaultProps>;
+type FormControlType = FunctionComponentWithDefaultProps<IFormControlProps, typeof defaultProps>;
 declare const FormControl: FormControlType;
 export default FormControl;

package/Components/Atoms/FormControl/FormControl.js

@@ -32,7 +32,7 @@ var defaultProps_1 = __importDefault(require("./defaultProps"));
 var makeFormControlStyles_1 = __importDefault(require("./makeFormControlStyles"));
 var FormControl = function (_a) {
     var children = _a.children, error = _a.error, props = __rest(_a, ["children", "error"]);
-    return (jsx_runtime_1.jsx(FormControl_1.default, __assign({ variant: "standard", error: error, fullWidth: true, css: makeFormControlStyles_1.default() }, props, { children: children }), void 0));
+    return ((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ variant: "standard", error: error, fullWidth: true, css: (0, makeFormControlStyles_1.default)() }, props, { children: children })));
 };
 FormControl.defaultProps = defaultProps_1.default;
 exports.default = FormControl;

package/Components/Atoms/FormControl/FormControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;AAEtD,gEAA0C;AAE1C,kFAA4D;AAO5D,IAAM,WAAW,GAAoB,UAAC,EAA6B;IAA3B,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAC/D,OAAO,CACL,kBAAC,qBAAa,aACZ,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,+BAAqB,EAAE,IACxB,KAAK,cAER,QAAQ,YACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;AAEtD,gEAA0C;AAE1C,kFAA4D;AAO5D,IAAM,WAAW,GAAoB,UAAC,EAA6B;IAA3B,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAC/D,OAAO,CACL,uBAAC,qBAAa,aACZ,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,IAAA,+BAAqB,GAAE,IACxB,KAAK,cAER,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}

package/Components/Atoms/FormControl/FormControl.test.js

@@ -21,11 +21,11 @@ var Input_1 = __importDefault(require("../Input"));
 var FormControl_1 = __importDefault(require("./FormControl"));
 describe('FormControl', function () {
     it('should display validity icon on child elements on error', function () {
-        var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(FormControl_1.default, __assign({ error: true }, { children: jsx_runtime_1.jsx(Input_1.default, { id: "2", error: true }, void 0) }), void 0)).getByTestId;
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ error: true }, { children: (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", error: true }) }))).getByTestId;
         expect(getByTestId('endAdornment-invalid')).toBeTruthy();
     });
     it('should display validity icon on child elements validation success', function () {
-        var getByTestId = renderWithProviders_1.default(jsx_runtime_1.jsx(FormControl_1.default, __assign({ error: false }, { children: jsx_runtime_1.jsx(Input_1.default, { id: "2", isAnswered: true }, void 0) }), void 0)).getByTestId;
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ error: false }, { children: (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", isAnswered: true }) }))).getByTestId;
         expect(getByTestId('endAdornment-valid')).toBeTruthy();
     });
 });

package/Components/Atoms/FormControl/FormControl.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControl.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,mGAA6E;AAC7E,mDAA6B;AAC7B,8DAAwC;AAExC,QAAQ,CAAC,aAAa,EAAE;IACtB,EAAE,CAAC,yDAAyD,EAAE;QACpD,IAAA,WAAW,GAAK,6BAAmB,CACzC,kBAAC,qBAAW,aAAC,KAAK,EAAE,IAAI,gBACtB,kBAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,IAAI,WAAI,YACjB,CACf,YAJkB,CAIjB;QAEF,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE;QAC9D,IAAA,WAAW,GAAK,6BAAmB,CACzC,kBAAC,qBAAW,aAAC,KAAK,EAAE,KAAK,gBACvB,kBAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,UAAU,EAAE,IAAI,WAAI,YACtB,CACf,YAJkB,CAIjB;QACF,MAAM,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"FormControl.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControl.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,mGAA6E;AAC7E,mDAA6B;AAC7B,8DAAwC;AAExC,QAAQ,CAAC,aAAa,EAAE;IACtB,EAAE,CAAC,yDAAyD,EAAE;QACpD,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,qBAAW,aAAC,KAAK,EAAE,IAAI,gBACtB,uBAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,IAAI,GAAI,IACjB,CACf,YAJkB,CAIjB;QAEF,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE;QAC9D,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,qBAAW,aAAC,KAAK,EAAE,KAAK,gBACvB,uBAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,UAAU,EAAE,IAAI,GAAI,IACtB,CACf,YAJkB,CAIjB;QACF,MAAM,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Components/Atoms/FormControl/FormControlStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type StoryType = React.FunctionComponent<{
+type StoryType = React.FunctionComponent<{
     error: boolean;
     parentContainerWidth: number;
 }>;

package/Components/Atoms/FormControl/FormControlStory.js

@@ -20,7 +20,7 @@ var InputLabel_1 = __importDefault(require("../InputLabel"));
 var FormControl_1 = __importDefault(require("./FormControl"));
 var FormControlStory = function (_a) {
     var error = _a.error, parentContainerWidth = _a.parentContainerWidth;
-    return (jsx_runtime_1.jsx("div", __assign({ style: { width: parentContainerWidth } }, { children: jsx_runtime_1.jsxs(FormControl_1.default, __assign({ error: error }, { children: [jsx_runtime_1.jsx(InputLabel_1.default, __assign({ htmlFor: "my-input" }, { children: "Email address" }), void 0), jsx_runtime_1.jsx(Input_1.default, { id: "my-input", error: error }, void 0)] }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: parentContainerWidth } }, { children: (0, jsx_runtime_1.jsxs)(FormControl_1.default, __assign({ error: error }, { children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, __assign({ htmlFor: "my-input" }, { children: "Email address" })), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "my-input", error: error })] })) })));
 };
 exports.default = FormControlStory;
 //# sourceMappingURL=FormControlStory.js.map

package/Components/Atoms/FormControl/FormControlStory.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormControlStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControlStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,mDAA6B;AAC7B,6DAAuC;AACvC,8DAAwC;AAOxC,IAAM,gBAAgB,GAAc,UAAC,EAA+B;QAA7B,KAAK,WAAA,EAAE,oBAAoB,0BAAA;IAAO,OAAA,CACvE,oCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,gBACzC,mBAAC,qBAAW,aAAC,KAAK,EAAE,KAAK,iBACvB,kBAAC,oBAAU,aAAC,OAAO,EAAC,UAAU,2CAA2B,EACzD,kBAAC,eAAK,IAAC,EAAE,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,WAAI,aACzB,YACV,CACP;AAPwE,CAOxE,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"FormControlStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControlStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,mDAA6B;AAC7B,6DAAuC;AACvC,8DAAwC;AAOxC,IAAM,gBAAgB,GAAc,UAAC,EAA+B;QAA7B,KAAK,WAAA,EAAE,oBAAoB,0BAAA;IAAO,OAAA,CACvE,yCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,gBACzC,wBAAC,qBAAW,aAAC,KAAK,EAAE,KAAK,iBACvB,uBAAC,oBAAU,aAAC,OAAO,EAAC,UAAU,mCAA2B,EACzD,uBAAC,eAAK,IAAC,EAAE,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,GAAI,KACzB,IACV,CACP;AAPwE,CAOxE,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/Components/Atoms/FormControl/makeFormControlStyles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("@emotion/react");
 var makeFormControlStyles = function () {
-    var theme = react_1.useTheme();
-    return react_1.css({
+    var theme = (0, react_1.useTheme)();
+    return (0, react_1.css)({
         '& .MuiInputLabel-shrink + .MuiInputBase-root input': {
             padding: '28px 55px 11px 0',
             paddingLeft: theme.mvf.spacing.medium,

package/Components/Atoms/FormControl/makeFormControlStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"makeFormControlStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/makeFormControlStyles.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAE/C,IAAM,qBAAqB,GAAG;IAC5B,IAAM,KAAK,GAAG,gBAAQ,EAAE,CAAC;IACzB,OAAO,WAAG,CAAC;QACT,oDAAoD,EAAE;YACpD,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC;QACD,sDAAsD,EAAE;YACtD,WAAW,EAAE,CAAC;SACf;QACD,8DAA8D,EAAE;YAC9D,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC;QACD,gEAAgE,EAAE;YAChE,WAAW,EAAE,CAAC;SACf;QACD,4EAA4E,EAC1E;YACE,SAAS,EAAE,MAAM;SAClB;QACH,sBAAsB,EAAE;YACtB,UAAU,EAAE,GAAG;SAChB;QACD,2BAA2B,EAAE;YAC3B,SAAS,EAAE,MAAM;YACjB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC;QACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAChC;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
+{"version":3,"file":"makeFormControlStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/makeFormControlStyles.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAE/C,IAAM,qBAAqB,GAAG;IAC5B,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,EAAC;QACT,oDAAoD,EAAE;YACpD,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC;QACD,sDAAsD,EAAE;YACtD,WAAW,EAAE,CAAC;SACf;QACD,8DAA8D,EAAE;YAC9D,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC;QACD,gEAAgE,EAAE;YAChE,WAAW,EAAE,CAAC;SACf;QACD,4EAA4E,EAC1E;YACE,SAAS,EAAE,MAAM;SAClB;QACH,sBAAsB,EAAE;YACtB,UAAU,EAAE,GAAG;SAChB;QACD,2BAA2B,EAAE;YAC3B,SAAS,EAAE,MAAM;YACjB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC;QACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAChC;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/Components/Atoms/IconButton/IconButton.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
 import IComponentProps from './IComponentProps';
 import defaultProps from './defaultProps';
-export declare type IconButtonType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
+export type IconButtonType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
 declare const IconButton: IconButtonType;
 export default IconButton;

package/Components/Atoms/IconButton/IconButton.js

@@ -10,11 +10,11 @@ var defaultProps_1 = __importDefault(require("./defaultProps"));
 var makeIconButtonStyling_1 = require("./makeIconButtonStyling");
 var IconButton = function (_a) {
     var disabled = _a.disabled, icon = _a.icon, onClick = _a.onClick, dataTestId = _a.dataTestId;
-    var styles = makeIconButtonStyling_1.makeIconButtonStyling();
+    var styles = (0, makeIconButtonStyling_1.makeIconButtonStyling)();
     var handleClick = function () {
         onClick();
     };
-    return (jsx_runtime_1.jsx(Button_1.default, { disabled: disabled, onClick: handleClick, startIcon: icon, css: styles, "data-testid": dataTestId }, void 0));
+    return ((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: disabled, onClick: handleClick, startIcon: icon, css: styles, "data-testid": dataTestId }));
 };
 IconButton.defaultProps = defaultProps_1.default;
 exports.default = IconButton;

package/Components/Atoms/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButton.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gEAA4C;AAG5C,gEAA0C;AAC1C,iEAAgE;AAOhE,IAAM,UAAU,GAAmB,UAAC,EAKnC;QAJC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,UAAU,gBAAA;IAEV,IAAM,MAAM,GAAG,6CAAqB,EAAE,CAAC;IAEvC,IAAM,WAAW,GAAG;QAClB,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,kBAAC,gBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,MAAM,iBACE,UAAU,WACvB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButton.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gEAA4C;AAG5C,gEAA0C;AAC1C,iEAAgE;AAOhE,IAAM,UAAU,GAAmB,UAAC,EAKnC;QAJC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,UAAU,gBAAA;IAEV,IAAM,MAAM,GAAG,IAAA,6CAAqB,GAAE,CAAC;IAEvC,IAAM,WAAW,GAAG;QAClB,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,gBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,MAAM,iBACE,UAAU,GACvB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}

package/Components/Atoms/IconButton/IconButtonStory.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IIcons } from '../../../Helpers/icons';
-declare type ButtonStartIconStoryType = React.FunctionComponent<{
+type ButtonStartIconStoryType = React.FunctionComponent<{
     disabled: boolean;
     iconType: keyof IIcons;
     children: React.ReactNode;

package/Components/Atoms/IconButton/IconButtonStory.js

@@ -21,7 +21,7 @@ var icons_1 = __importDefault(require("../../../Helpers/icons"));
 var ButtonStartIconStory = function (_a) {
     var disabled = _a.disabled, iconType = _a.iconType, children = _a.children;
     var IconComponent = icons_1.default[iconType];
-    return (jsx_runtime_1.jsx("div", __assign({ style: { width: '50px', height: '50px' } }, { children: jsx_runtime_1.jsx(IconButton_1.default, __assign({ disabled: disabled, icon: jsx_runtime_1.jsx(IconComponent, {}, void 0), onClick: addon_actions_1.action('ButtonStartIcon Clicked') }, { children: children }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: '50px', height: '50px' } }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.default, __assign({ disabled: disabled, icon: (0, jsx_runtime_1.jsx)(IconComponent, {}), onClick: (0, addon_actions_1.action)('ButtonStartIcon Clicked') }, { children: children })) })));
 };
 exports.default = ButtonStartIconStory;
 //# sourceMappingURL=IconButtonStory.js.map

package/Components/Atoms/IconButton/IconButtonStory.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,0DAAkD;AAClD,4DAAsC;AACtC,iEAAuD;AAQvD,IAAM,oBAAoB,GAA6B,UAAC,EAIvD;QAHC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA;IAER,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;IAEtC,OAAO,CACL,oCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,gBAC3C,kBAAC,oBAAU,aACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,kBAAC,aAAa,aAAG,EACvB,OAAO,EAAE,sBAAM,CAAC,yBAAyB,CAAC,gBAEzC,QAAQ,YACE,YACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}
+{"version":3,"file":"IconButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,0DAAkD;AAClD,4DAAsC;AACtC,iEAAuD;AAQvD,IAAM,oBAAoB,GAA6B,UAAC,EAIvD;QAHC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA;IAER,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;IAEtC,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,gBAC3C,uBAAC,oBAAU,aACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,uBAAC,aAAa,KAAG,EACvB,OAAO,EAAE,IAAA,sBAAM,EAAC,yBAAyB,CAAC,gBAEzC,QAAQ,IACE,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/Components/Atoms/IconButton/makeIconButtonStyling.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeIconButtonStyling = void 0;
 var react_1 = require("@emotion/react");
 var makeIconButtonStyling = function () {
-    var theme = react_1.useTheme();
-    return react_1.css({
+    var theme = (0, react_1.useTheme)();
+    return (0, react_1.css)({
         height: '100%',
         cursor: 'pointer',
         boxShadow: 'none',

package/Components/Atoms/IconButton/makeIconButtonStyling.js.map

@@ -1 +1 @@
-{"version":3,"file":"makeIconButtonStyling.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/makeIconButtonStyling.ts"],"names":[],"mappings":";;;AAAA,wCAA+C;AAExC,IAAM,qBAAqB,GAAG;IACnC,IAAM,KAAK,GAAG,gBAAQ,EAAE,CAAC;IAEzB,OAAO,WAAG,CAAC;QACT,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,MAAM;QACjB,wBAAwB,EAAE;YACxB,MAAM,EAAE,CAAC;SACV;QACD,kBAAkB,EAAE;YAClB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB;YAC9C,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,eAAe;YAC5D,QAAQ,EAAE,MAAM;YAChB,gBAAgB,EAAE;gBAChB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ;aACzC;SACF;QACD,uBAAuB,EAAE;YACvB,SAAS,EAAE;gBACT,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,oBAAoB;gBACjE,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;gBACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;aAC7D;SACF;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AA1BW,QAAA,qBAAqB,yBA0BhC;AAEF,kBAAe,6BAAqB,CAAC"}
+{"version":3,"file":"makeIconButtonStyling.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/makeIconButtonStyling.ts"],"names":[],"mappings":";;;AAAA,wCAA+C;AAExC,IAAM,qBAAqB,GAAG;IACnC,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO,IAAA,WAAG,EAAC;QACT,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,MAAM;QACjB,wBAAwB,EAAE;YACxB,MAAM,EAAE,CAAC;SACV;QACD,kBAAkB,EAAE;YAClB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB;YAC9C,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,eAAe;YAC5D,QAAQ,EAAE,MAAM;YAChB,gBAAgB,EAAE;gBAChB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ;aACzC;SACF;QACD,uBAAuB,EAAE;YACvB,SAAS,EAAE;gBACT,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,oBAAoB;gBACjE,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;gBACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;aAC7D;SACF;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AA1BW,QAAA,qBAAqB,yBA0BhC;AAEF,kBAAe,6BAAqB,CAAC"}

package/Components/Atoms/InfoPanel/IInfoPanelProps.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IInfoPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    Icon?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+    title?: string;
+    children: React.ReactNode;
+}
+export default IInfoPanelProps;

package/Components/Atoms/InfoPanel/IInfoPanelProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IInfoPanelProps.js.map

package/Components/Atoms/InfoPanel/IInfoPanelProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IInfoPanelProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/InfoPanel/IInfoPanelProps.ts"],"names":[],"mappings":""}

package/Components/Atoms/InfoPanel/InfoPanel.d.ts

@@ -0,0 +1,7 @@
+/** @jsxImportSource @emotion/react */
+import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
+import defaultProps from './defaultProps';
+import IInfoPanelProps from './IInfoPanelProps';
+type InfoPanelType = FunctionComponentWithDefaultProps<IInfoPanelProps, typeof defaultProps>;
+declare const InfoPanel: InfoPanelType;
+export default InfoPanel;

package/Components/Atoms/InfoPanel/InfoPanel.js

@@ -0,0 +1,29 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var makeInfoPanelStyling_1 = __importDefault(require("./makeInfoPanelStyling"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var InfoPanel = function (_a) {
+    var title = _a.title, children = _a.children, Icon = _a.Icon;
+    var styles = (0, makeInfoPanelStyling_1.default)();
+    return ((0, jsx_runtime_1.jsxs)(Box_1.default, __assign({ css: styles.panel }, { children: [Icon && (0, jsx_runtime_1.jsx)(Box_1.default, __assign({ css: styles.iconBox }, { children: Icon })), (0, jsx_runtime_1.jsxs)(Box_1.default, __assign({ css: styles.textBox }, { children: [title && ((0, jsx_runtime_1.jsx)(Typography_1.default, __assign({ component: 'h5', css: styles.title }, { children: title }))), (0, jsx_runtime_1.jsx)(Typography_1.default, __assign({ css: styles.children }, { children: children }))] }))] })));
+};
+InfoPanel.defaultProps = defaultProps_1.default;
+exports.default = InfoPanel;
+//# sourceMappingURL=InfoPanel.js.map

package/Components/Atoms/InfoPanel/InfoPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoPanel.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/InfoPanel/InfoPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAEA,gEAA0C;AAE1C,gFAA0D;AAC1D,0DAAsC;AACtC,wEAAkD;AAOlD,IAAM,SAAS,GAAkB,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA;IACvD,IAAM,MAAM,GAAG,IAAA,8BAAoB,GAAE,CAAC;IAEtC,OAAO,CACL,wBAAC,aAAK,aAAC,GAAG,EAAE,MAAM,CAAC,KAAK,iBACrB,IAAI,IAAI,uBAAC,aAAK,aAAC,GAAG,EAAE,MAAM,CAAC,OAAO,gBAAG,IAAI,IAAS,EACnD,wBAAC,aAAK,aAAC,GAAG,EAAE,MAAM,CAAC,OAAO,iBACvB,KAAK,IAAI,CACR,uBAAC,oBAAU,aAAC,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,gBAC3C,KAAK,IACK,CACd,EACD,uBAAC,oBAAU,aAAC,GAAG,EAAE,MAAM,CAAC,QAAQ,gBAAG,QAAQ,IAAc,KACnD,KACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEtC,kBAAe,SAAS,CAAC"}

package/Components/Atoms/InfoPanel/InfoPanel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Components/Atoms/InfoPanel/InfoPanel.test.js

@@ -0,0 +1,39 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/renderWithProviders"));
+var index_1 = require("../index");
+describe('<ErrorMessage />', function () {
+    it('should render with only a text given', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(index_1.InfoPanel, { children: (0, jsx_runtime_1.jsx)("span", { children: "Hi I'm text" }) })).getByText;
+        expect(getByText("Hi I'm text")).toBeTruthy();
+    });
+    it('should render with a title and text given', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(index_1.InfoPanel, __assign({ title: "Title" }, { children: (0, jsx_runtime_1.jsxs)("span", { children: ["Hi I'm ", (0, jsx_runtime_1.jsx)("strong", { children: "text" })] }) }))).getByText;
+        expect(getByText('Title')).toBeTruthy();
+        expect(getByText("Hi I'm")).toBeTruthy();
+        expect(getByText('text')).toBeTruthy();
+    });
+    it('should render with an icon, title and text given', function () {
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(index_1.InfoPanel, __assign({ title: "Title", Icon: (0, jsx_runtime_1.jsx)("img", { alt: 'alt text', src: 'https://some-image-url' }) }, { children: (0, jsx_runtime_1.jsx)("span", { children: "Hi I'm text" }) }))), getByText = _a.getByText, queryAllByAltText = _a.queryAllByAltText;
+        expect(getByText('Title')).toBeTruthy();
+        expect(getByText("Hi I'm text")).toBeTruthy();
+        expect(queryAllByAltText('alt text')).toBeTruthy();
+    });
+});
+//# sourceMappingURL=InfoPanel.test.js.map

package/Components/Atoms/InfoPanel/InfoPanel.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoPanel.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/InfoPanel/InfoPanel.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,mGAA6E;AAE7E,kCAAqC;AAErC,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,EAAE,CAAC,sCAAsC,EAAE;QACjC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,iBAAS,cACR,2DAAwB,GACd,CACb,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE;QACtC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,iBAAS,aAAC,KAAK,EAAC,OAAO,gBACtB,wDACS,sDAAqB,IACvB,IACG,CACb,UANgB,CAMf;QACF,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACxC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACzC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE;QAC/C,IAAA,KAAmC,IAAA,6BAAmB,EAC1D,uBAAC,iBAAS,aACR,KAAK,EAAC,OAAO,EACb,IAAI,EAAE,gCAAK,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,wBAAwB,GAAI,gBAE7D,2DAAwB,IACd,CACb,EAPO,SAAS,eAAA,EAAE,iBAAiB,uBAOnC,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACxC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAC9C,MAAM,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACrD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Components/Atoms/InfoPanel/InfoPanelStory.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ISvgs } from '../../../Assets/svgs/svgs';
+type InfoPanelType = React.FunctionComponent<{
+    title?: string;
+    iconType?: keyof ISvgs;
+    content: React.ReactNode;
+    parentContainerWidth: string;
+    contentTag: string;
+}>;
+declare const InfoPanelStory: InfoPanelType;
+export default InfoPanelStory;

package/Components/Atoms/InfoPanel/InfoPanelStory.js

@@ -0,0 +1,50 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    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 });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var React = __importStar(require("react"));
+var InfoPanel_1 = __importDefault(require("./InfoPanel"));
+var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
+var InfoPanelStory = function (_a) {
+    var iconType = _a.iconType, content = _a.content, title = _a.title, parentContainerWidth = _a.parentContainerWidth, contentTag = _a.contentTag;
+    var element = React.createElement(contentTag, { href: '#' }, content);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: "".concat(parentContainerWidth, "px") } }, { children: (0, jsx_runtime_1.jsx)(InfoPanel_1.default, __assign({ title: title, Icon: iconType && (0, jsx_runtime_1.jsx)("img", { alt: iconType, src: svgs_1.default[iconType] }) }, { children: element })) })));
+};
+exports.default = InfoPanelStory;
+//# sourceMappingURL=InfoPanelStory.js.map

package/Components/Atoms/InfoPanel/InfoPanelStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoPanelStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/InfoPanel/InfoPanelStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,mEAAwD;AAUxD,IAAM,cAAc,GAAkB,UAAC,EAMtC;QALC,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,oBAAoB,0BAAA,EACpB,UAAU,gBAAA;IAEV,IAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,OAAO,CAAC,CAAC;IAExE,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAG,oBAAoB,OAAI,EAAE,gBACnD,uBAAC,mBAAS,aACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,QAAQ,IAAI,gCAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,cAAI,CAAC,QAAQ,CAAC,GAAI,gBAE5D,OAAO,IACE,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/Components/Atoms/InfoPanel/defaultProps.d.ts

@@ -0,0 +1,6 @@
+declare const defaultProps: {
+    Icon: undefined;
+    title: string;
+    children: undefined;
+};
+export default defaultProps;

package/Components/Atoms/InfoPanel/defaultProps.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    Icon: undefined,
+    title: '',
+    children: undefined,
+};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

package/Components/Atoms/InfoPanel/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/InfoPanel/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,SAAS;CACpB,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Components/Atoms/InfoPanel/index.d.ts

@@ -0,0 +1 @@
+export { default } from './InfoPanel';

package/Components/Atoms/InfoPanel/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var InfoPanel_1 = require("./InfoPanel");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InfoPanel_1).default; } });
+//# sourceMappingURL=index.js.map

package/Components/Atoms/InfoPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/InfoPanel/index.ts"],"names":[],"mappings":";;;;;;AAAA,yCAAsC;AAA7B,qHAAA,OAAO,OAAA"}

package/Components/Atoms/InfoPanel/makeInfoPanelStyling.d.ts

@@ -0,0 +1,8 @@
+declare const makeInfoPanelStyling: () => {
+    panel: import("@emotion/utils").SerializedStyles;
+    iconBox: import("@emotion/utils").SerializedStyles;
+    textBox: import("@emotion/utils").SerializedStyles;
+    title: import("@emotion/utils").SerializedStyles;
+    children: import("@emotion/utils").SerializedStyles;
+};
+export default makeInfoPanelStyling;

package/Components/Atoms/InfoPanel/makeInfoPanelStyling.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@emotion/react");
+var makeInfoPanelStyling = function () {
+    var _a, _b, _c, _d;
+    var _e = (0, react_1.useTheme)(), mvf = _e.mvf, breakpoints = _e.breakpoints;
+    var palette = mvf.palette, fontSize = mvf.fontSize, typography = mvf.typography, spacing = mvf.spacing;
+    return {
+        panel: (0, react_1.css)((_a = {
+                backgroundColor: palette.background.secondaryBackgroundColor,
+                color: palette.text.secondaryTextColor,
+                paddingRight: spacing.small,
+                paddingLeft: spacing.small,
+                paddingTop: spacing.tiny,
+                paddingBottom: spacing.tiny
+            },
+            _a[breakpoints.up('mobileLarge')] = {
+                paddingTop: spacing.small,
+                paddingBottom: spacing.small,
+                paddingRight: spacing.medium,
+                paddingLeft: spacing.medium,
+            },
+            _a.borderRadius = 4,
+            _a.width = '100%',
+            _a.display = 'flex',
+            _a.flexDirection = 'row',
+            _a)),
+        iconBox: (0, react_1.css)((_b = {
+                width: '40px',
+                flex: '0 0 40px',
+                paddingRight: spacing.small
+            },
+            _b[breakpoints.up('mobileLarge')] = {
+                width: '60px',
+                flex: '0 0 60px',
+                paddingRight: spacing.medium,
+            },
+            _b.display = 'flex',
+            _b.flexFlow = 'column nowrap',
+            _b.justifyContent = 'center',
+            _b.alignItems = 'center',
+            _b.img = {
+                width: '100%',
+                height: 'auto',
+            },
+            _b)),
+        textBox: (0, react_1.css)({
+            width: '100%',
+        }),
+        title: (0, react_1.css)((_c = {
+                fontSize: fontSize.small
+            },
+            _c[breakpoints.up('mobileMedium')] = {
+                fontSize: fontSize.compact,
+            },
+            _c[breakpoints.up('tabletSmall')] = {
+                fontSize: fontSize.medium,
+            },
+            _c[breakpoints.up('tabletMedium')] = {
+                fontSize: fontSize.swoll,
+            },
+            _c[breakpoints.up('desktopSmall')] = {
+                fontSize: fontSize.large,
+            },
+            _c[breakpoints.up('desktopMedium')] = {
+                fontSize: fontSize.big,
+            },
+            _c.fontWeight = typography.weight.thick,
+            _c)),
+        children: (0, react_1.css)((_d = {
+                fontSize: fontSize.little
+            },
+            _d[breakpoints.up('tabletSmall')] = {
+                fontSize: fontSize.mini,
+            },
+            _d[breakpoints.up('desktopSmall')] = {
+                fontSize: fontSize.small,
+            },
+            _d['& a'] = {
+                color: mvf.palette.text.primaryTextColor,
+            },
+            _d)),
+    };
+};
+exports.default = makeInfoPanelStyling;
+//# sourceMappingURL=makeInfoPanelStyling.js.map

package/Components/Atoms/InfoPanel/makeInfoPanelStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeInfoPanelStyling.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/InfoPanel/makeInfoPanelStyling.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAE/C,IAAM,oBAAoB,GAAG;;IACrB,IAAA,KAAuB,IAAA,gBAAQ,GAAE,EAA/B,GAAG,SAAA,EAAE,WAAW,iBAAe,CAAC;IAChC,IAAA,OAAO,GAAoC,GAAG,QAAvC,EAAE,QAAQ,GAA0B,GAAG,SAA7B,EAAE,UAAU,GAAc,GAAG,WAAjB,EAAE,OAAO,GAAK,GAAG,QAAR,CAAS;IAEvD,OAAO;QACL,KAAK,EAAE,IAAA,WAAG;gBACR,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,wBAAwB;gBAC5D,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,kBAAkB;gBACtC,YAAY,EAAE,OAAO,CAAC,KAAK;gBAC3B,WAAW,EAAE,OAAO,CAAC,KAAK;gBAC1B,UAAU,EAAE,OAAO,CAAC,IAAI;gBACxB,aAAa,EAAE,OAAO,CAAC,IAAI;;YAC3B,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;gBAC/B,UAAU,EAAE,OAAO,CAAC,KAAK;gBACzB,aAAa,EAAE,OAAO,CAAC,KAAK;gBAC5B,YAAY,EAAE,OAAO,CAAC,MAAM;gBAC5B,WAAW,EAAE,OAAO,CAAC,MAAM;aAC5B;YACD,eAAY,GAAE,CAAC;YACf,QAAK,GAAE,MAAM;YACb,UAAO,GAAE,MAAM;YACf,gBAAa,GAAE,KAAK;gBACpB;QAEF,OAAO,EAAE,IAAA,WAAG;gBACV,KAAK,EAAE,MAAM;gBACb,IAAI,EAAE,UAAU;gBAChB,YAAY,EAAE,OAAO,CAAC,KAAK;;YAC3B,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;gBAC/B,KAAK,EAAE,MAAM;gBACb,IAAI,EAAE,UAAU;gBAChB,YAAY,EAAE,OAAO,CAAC,MAAM;aAC7B;YACD,UAAO,GAAE,MAAM;YACf,WAAQ,GAAE,eAAe;YACzB,iBAAc,GAAE,QAAQ;YACxB,aAAU,GAAE,QAAQ;YAEpB,MAAG,GAAE;gBACH,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf;gBACD;QAEF,OAAO,EAAE,IAAA,WAAG,EAAC;YACX,KAAK,EAAE,MAAM;SACd,CAAC;QAEF,KAAK,EAAE,IAAA,WAAG;gBACR,QAAQ,EAAE,QAAQ,CAAC,KAAK;;YACxB,GAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;gBAChC,QAAQ,EAAE,QAAQ,CAAC,OAAO;aAC3B;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;gBAC/B,QAAQ,EAAE,QAAQ,CAAC,MAAM;aAC1B;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;gBAChC,QAAQ,EAAE,QAAQ,CAAC,KAAK;aACzB;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;gBAChC,QAAQ,EAAE,QAAQ,CAAC,KAAK;aACzB;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,eAAe,CAAC,IAAG;gBACjC,QAAQ,EAAE,QAAQ,CAAC,GAAG;aACvB;YACD,aAAU,GAAE,UAAU,CAAC,MAAM,CAAC,KAAK;gBACnC;QAEF,QAAQ,EAAE,IAAA,WAAG;gBACX,QAAQ,EAAE,QAAQ,CAAC,MAAM;;YACzB,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;gBAC/B,QAAQ,EAAE,QAAQ,CAAC,IAAI;aACxB;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;gBAChC,QAAQ,EAAE,QAAQ,CAAC,KAAK;aACzB;YACD,SAAK,GAAE;gBACL,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB;aACzC;gBACD;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/Components/Atoms/Input/Input.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
 import defaultProps from './defaultProps';
 import IInputProps from './IInputProps';
-declare type InputType = FunctionComponentWithDefaultProps<IInputProps, typeof defaultProps>;
+type InputType = FunctionComponentWithDefaultProps<IInputProps, typeof defaultProps>;
 declare const Input: InputType;
 export default Input;