@mvf/external-components 1.26.7-panther.21 → 1.26.7-panther.23

package/Applications/Chameleon/CheckBoxQuestionSection/CheckBoxQuestionSectionStory.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
 import ICheckBoxQuestionSectionStoryProps from './ICheckBoxQuestionSectionStoryProps';
-declare type CheckBoxQuestionSectionStoryType = FunctionComponent<ICheckBoxQuestionSectionStoryProps>;
+type CheckBoxQuestionSectionStoryType = FunctionComponent<ICheckBoxQuestionSectionStoryProps>;
 declare const CheckBoxQuestionSectionStory: CheckBoxQuestionSectionStoryType;
 export default CheckBoxQuestionSectionStory;

package/Applications/Chameleon/IconTileRadioButtonQuestionSection/IconTileRadioButtonQuestionSectionStory.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
 import IIconTileRadioButtonQuestionSectionStoryProps from './IIconTileRadioButtonQuestionSectionStoryProps';
-declare type IconTileRadioButtonQuestionSectionStoryType = FunctionComponent<IIconTileRadioButtonQuestionSectionStoryProps>;
+type IconTileRadioButtonQuestionSectionStoryType = FunctionComponent<IIconTileRadioButtonQuestionSectionStoryProps>;
 declare const IconTileRadioButtonQuestionSectionStory: IconTileRadioButtonQuestionSectionStoryType;
 export default IconTileRadioButtonQuestionSectionStory;

package/Applications/Chameleon/RadioQuestionSection/RadioQuestionSectionStory.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
 import IRadioIconQuestionSectionStoryProps from './IRadioQuestionSectionStoryProps';
-declare type RadioIconQuestionSectionStoryType = FunctionComponent<IRadioIconQuestionSectionStoryProps>;
+type RadioIconQuestionSectionStoryType = FunctionComponent<IRadioIconQuestionSectionStoryProps>;
 declare const RadioIconQuestionSectionStory: RadioIconQuestionSectionStoryType;
 export default RadioIconQuestionSectionStory;

package/Applications/Chameleon/TextFieldQuestionSection/TextFieldQuestionSectionStory.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
 import ITextFieldQuestionSectionStoryProps from './ITextFieldQuestionSectionStoryProps';
-declare type TextFieldQuestionSectionStoryType = FunctionComponent<ITextFieldQuestionSectionStoryProps>;
+type TextFieldQuestionSectionStoryType = FunctionComponent<ITextFieldQuestionSectionStoryProps>;
 declare const TextFieldQuestionSectionStory: TextFieldQuestionSectionStoryType;
 export default TextFieldQuestionSectionStory;

package/Applications/Chameleon/ThankYouSection/ThankYouSectionStory.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
 import IThankYouSectionStoryProps from './IThankYouSectionStoryProps';
-declare type ThankYouSectionStoryType = FunctionComponent<IThankYouSectionStoryProps>;
+type ThankYouSectionStoryType = FunctionComponent<IThankYouSectionStoryProps>;
 declare const ThankYouSectionStory: ThankYouSectionStoryType;
 export default ThankYouSectionStory;

package/Assets/BrandLogos/ExpertMarketLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type ExpertMarketLogoType = FunctionComponent;
+type ExpertMarketLogoType = FunctionComponent;
 declare const ExpertMarketLogo: ExpertMarketLogoType;
 export default ExpertMarketLogo;

package/Assets/BrandLogos/GoWizardLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type GoWizardLogoType = FunctionComponent;
+type GoWizardLogoType = FunctionComponent;
 declare const GoWizardLogo: GoWizardLogoType;
 export default GoWizardLogo;

package/Assets/BrandLogos/HearClearLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type HearClearLogoType = FunctionComponent;
+type HearClearLogoType = FunctionComponent;
 declare const HearClearLogo: HearClearLogoType;
 export default HearClearLogo;

package/Assets/BrandLogos/LasikEyesLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type LasikEyesLogoType = FunctionComponent;
+type LasikEyesLogoType = FunctionComponent;
 declare const LasikEyesLogo: LasikEyesLogoType;
 export default LasikEyesLogo;

package/Assets/BrandLogos/StartupsLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type StartUpsLogoType = FunctionComponent;
+type StartUpsLogoType = FunctionComponent;
 declare const StartUpsLogo: StartUpsLogoType;
 export default StartUpsLogo;

package/Assets/BrandLogos/TechcoLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type TechCoLogoType = FunctionComponent;
+type TechCoLogoType = FunctionComponent;
 declare const TechCoLogo: TechCoLogoType;
 export default TechCoLogo;

package/Assets/BrandLogos/TheEcoExpertsLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type TheEcoExpertsLogoType = FunctionComponent;
+type TheEcoExpertsLogoType = FunctionComponent;
 declare const TheEcoExpertsLogo: TheEcoExpertsLogoType;
 export default TheEcoExpertsLogo;

package/Assets/BrandLogos/WebsiteBuilderExpertLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type WebsiteBuilderExpertLogoType = FunctionComponent;
+type WebsiteBuilderExpertLogoType = FunctionComponent;
 declare const WebsiteBuilderExpertLogo: WebsiteBuilderExpertLogoType;
 export default WebsiteBuilderExpertLogo;

package/Assets/BrandLogos/brandLogos.d.ts

@@ -9,5 +9,5 @@ declare const brandLogos: {
     hearClear: import("react").FunctionComponent<{}>;
     lasikEyes: import("react").FunctionComponent<{}>;
 };
-export declare type IBrandLogos = typeof brandLogos;
+export type IBrandLogos = typeof brandLogos;
 export default brandLogos;

package/Assets/CustomIcons/CheckboxIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type CheckboxType = React.FunctionComponent<{
+type CheckboxType = React.FunctionComponent<{
     isChecked: boolean;
 }>;
 declare const CheckboxIcon: CheckboxType;

package/Assets/CustomIcons/RadioIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type RadioType = React.FunctionComponent<{
+type RadioType = React.FunctionComponent<{
     isChecked: boolean;
 }>;
 declare const RadioIcon: RadioType;

package/Assets/svgs/svgs.d.ts

@@ -5,5 +5,5 @@ declare const svgs: {
     motorcycle: string;
     truck: string;
 };
-export declare type ISvgs = typeof svgs;
+export type ISvgs = typeof svgs;
 export default svgs;

package/Components/Atoms/Button/Button.d.ts

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

package/Components/Atoms/Button/ButtonStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type ButtonStoryType = React.FunctionComponent<{
+type ButtonStoryType = React.FunctionComponent<{
     disabled: boolean;
     label: string;
     variant: 'outlined' | 'contained';

package/Components/Atoms/Button/useButtonClasses.js

@@ -20,11 +20,9 @@ var useButtonClasses = (0, styles_1.makeStyles)(function (theme) {
                     borderRadius: '6px',
                     backgroundColor: theme.mvf.palette.accent.a.main,
                     boxShadow: theme.mvf.boxShadow.navigation.primary,
-                    '&:hover': {
-                        boxShadow: theme.mvf.boxShadow.navigation.secondary,
-                    },
                     '@media (hover: hover)': {
                         '&:hover': {
+                            boxShadow: theme.mvf.boxShadow.navigation.secondary,
                             backgroundColor: theme.mvf.palette.accent.a.dark,
                         },
                     },

package/Components/Atoms/Button/useButtonClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"useButtonClasses.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Button/useButtonClasses.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mDAA6E;AAI7E,IAAM,gBAAgB,GAAG,IAAA,mBAAU,EAA4B,UAAC,KAAK;IACnE,OAAA,IAAA,qBAAY,EAAC;QACX,MAAM,EAAE,UAAC,EAAY;gBAAV,QAAQ,cAAA;YAAO,OAAA,YACxB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EACnC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAC3C,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAC7C,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,EACtC,aAAa,EAAE,MAAM,EACrB,kBAAkB,EAAE;oBAClB,YAAY,EAAE,KAAK;oBACnB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;oBAChD,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,OAAO;oBACjD,SAAS,EAAE;wBACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS;qBACpD;oBACD,uBAAuB,EAAE;wBACvB,SAAS,EAAE;4BACT,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;yBACjD;qBACF;iBACF,IACE,CAAC,QAAQ,IAAI;gBACd,mBAAmB,EAAE;oBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;iBACpC;gBACD,gBAAgB,EAAE;oBAChB,eAAe,EAAE,IAAA,gBAAO,EACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,EAC1B,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CACjC;iBACF;gBACD,mCAAmC,EAAE;oBACnC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ;iBAClC;aACF,CAAC,EACF;QApCwB,CAoCxB;QACF,OAAO,EAAE;YACP,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;SAC/B;KACF,CAAC;AA1CF,CA0CE,CACH,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"useButtonClasses.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Button/useButtonClasses.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mDAA6E;AAI7E,IAAM,gBAAgB,GAAG,IAAA,mBAAU,EAA4B,UAAC,KAAK;IACnE,OAAA,IAAA,qBAAY,EAAC;QACX,MAAM,EAAE,UAAC,EAAY;gBAAV,QAAQ,cAAA;YAAO,OAAA,YACxB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EACnC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAC3C,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAC7C,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,EACtC,aAAa,EAAE,MAAM,EACrB,kBAAkB,EAAE;oBAClB,YAAY,EAAE,KAAK;oBACnB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;oBAChD,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,OAAO;oBACjD,uBAAuB,EAAE;wBACvB,SAAS,EAAE;4BACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS;4BACnD,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;yBACjD;qBACF;iBACF,IACE,CAAC,QAAQ,IAAI;gBACd,mBAAmB,EAAE;oBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;iBACpC;gBACD,gBAAgB,EAAE;oBAChB,eAAe,EAAE,IAAA,gBAAO,EACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,EAC1B,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CACjC;iBACF;gBACD,mCAAmC,EAAE;oBACnC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ;iBAClC;aACF,CAAC,EACF;QAlCwB,CAkCxB;QACF,OAAO,EAAE;YACP,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;SAC/B;KACF,CAAC;AAxCF,CAwCE,CACH,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/Components/Atoms/CardButton/CardButton.d.ts

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

package/Components/Atoms/CardButton/CardButtonStory.d.ts

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

package/Components/Atoms/ErrorMessage/ErrorMessage.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type ErrorMessageType = FunctionComponent;
+type ErrorMessageType = FunctionComponent;
 declare const ErrorMessage: ErrorMessageType;
 export default ErrorMessage;

package/Components/Atoms/ErrorMessage/ErrorMessageStory.d.ts

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

package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
-declare type ErrorMessageProviderProps = {
+type ErrorMessageProviderProps = {
     errorMessage: string | undefined;
 };
-declare type ErrorMessageProviderType = React.FunctionComponent<{
+type ErrorMessageProviderType = React.FunctionComponent<{
     children: React.ReactNode;
     errorMessage?: string;
 }>;
 declare const ErrorMessageProvider: ErrorMessageProviderType;
-declare type UseErrorMessageProps = {
+type UseErrorMessageProps = {
     isErrorMessageProviderRequired: boolean;
 };
 declare const useErrorMessage: (props?: UseErrorMessageProps) => ErrorMessageProviderProps;

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

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

package/Components/Atoms/FormControl/FormControl.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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var core_1 = require("@material-ui/core");
+var react_1 = __importDefault(require("react"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var useFormControlStyles_1 = __importDefault(require("./useFormControlStyles"));
+var FormControl = function (_a) {
+    var children = _a.children, error = _a.error, props = __rest(_a, ["children", "error"]);
+    var classes = (0, useFormControlStyles_1.default)();
+    return (react_1.default.createElement(core_1.FormControl, __assign({ error: error, fullWidth: true, className: classes.root }, props), children));
+};
+FormControl.defaultProps = defaultProps_1.default;
+exports.default = FormControl;
+//# sourceMappingURL=FormControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAAiE;AACjE,gDAA0B;AAE1B,gEAA0C;AAE1C,gFAA0D;AAO1D,IAAM,WAAW,GAAoB,UAAC,EAA6B;IAA3B,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAC/D,IAAM,OAAO,GAAG,IAAA,8BAAoB,GAAE,CAAC;IAEvC,OAAO,CACL,8BAAC,kBAAa,aACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,OAAO,CAAC,IAAI,IACnB,KAAK,GAER,QAAQ,CACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}

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

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/renderWithProviders"));
+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 = (0, renderWithProviders_1.default)(react_1.default.createElement(FormControl_1.default, { error: true },
+            react_1.default.createElement(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 = (0, renderWithProviders_1.default)(react_1.default.createElement(FormControl_1.default, { error: false },
+            react_1.default.createElement(Input_1.default, { id: "2", isAnswered: true }))).getByTestId;
+        expect(getByTestId('endAdornment-valid')).toBeTruthy();
+    });
+});
+//# sourceMappingURL=FormControl.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControl.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,mGAA6E;AAC7E,mDAA6B;AAC7B,8DAAwC;AAExC,QAAQ,CAAC,aAAa,EAAE;IACtB,EAAE,CAAC,yDAAyD,EAAE;QACpD,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,8BAAC,qBAAW,IAAC,KAAK,EAAE,IAAI;YACtB,8BAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,IAAI,GAAI,CACjB,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,8BAAC,qBAAW,IAAC,KAAK,EAAE,KAAK;YACvB,8BAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,UAAU,EAAE,IAAI,GAAI,CACtB,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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+type StoryType = React.FunctionComponent;
+declare const FormControlStory: StoryType;
+export default FormControlStory;

package/Components/Atoms/FormControl/FormControlStory.js

@@ -0,0 +1,38 @@
+"use strict";
+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 React = __importStar(require("react"));
+var Input_1 = __importDefault(require("../Input"));
+var InputLabel_1 = __importDefault(require("../InputLabel"));
+var FormControl_1 = __importDefault(require("./FormControl"));
+var FormControlStory = function () { return (React.createElement("div", { style: { maxWidth: '460px' } },
+    React.createElement(FormControl_1.default, null,
+        React.createElement(InputLabel_1.default, { htmlFor: "my-input" }, "Email address"),
+        React.createElement(Input_1.default, { id: "my-input" })))); };
+exports.default = FormControlStory;
+//# sourceMappingURL=FormControlStory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControlStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,mDAA6B;AAC7B,6DAAuC;AACvC,8DAAwC;AAIxC,IAAM,gBAAgB,GAAc,cAAM,OAAA,CACxC,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;IAC/B,oBAAC,qBAAW;QACV,oBAAC,oBAAU,IAAC,OAAO,EAAC,UAAU,oBAA2B;QACzD,oBAAC,eAAK,IAAC,EAAE,EAAC,UAAU,GAAG,CACX,CACV,CACP,EAPyC,CAOzC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,4 @@
+interface IFormControlProps {
+    error?: boolean;
+}
+export default IFormControlProps;

package/Components/Atoms/FormControl/IFormControlProps.js

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

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

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

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

@@ -0,0 +1,2 @@
+declare const defaultProps: {};
+export default defaultProps;

package/Components/Atoms/FormControl/defaultProps.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG,EAAE,CAAC;AAExB,kBAAe,YAAY,CAAC"}

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

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

package/Components/Atoms/FormControl/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 FormControl_1 = require("./FormControl");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FormControl_1).default; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/index.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA"}

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

@@ -0,0 +1,29 @@
+import { ITheme } from '../../../Themes';
+export declare const baseFormControlStyles: (theme: ITheme) => {
+    '& .MuiInputLabel-shrink + .MuiInputBase-root input': {
+        padding: string;
+        paddingLeft: string;
+    };
+    '& .MuiInputBase-root .MuiInputAdornment-root + input': {
+        paddingLeft: number;
+    };
+    '& .MuiInputLabel-shrink + .MuiInputBase-root .MuiSelect-root': {
+        padding: string;
+        paddingLeft: string;
+    };
+    '& .MuiInputBase-root .MuiInputAdornment-root + .MuiSelect-root': {
+        paddingLeft: number;
+    };
+    '& .MuiFormLabel-root + .MuiInputBase-root .MuiInputAdornment-positionStart': {
+        marginTop: string;
+    };
+    '& .MuiFormHelperText-root': {
+        marginTop: string;
+        paddingLeft: string;
+    };
+    '& .MuiSelect-icon': {
+        right: string;
+    };
+};
+declare const useFormControlStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;
+export default useFormControlStyles;

package/Components/Atoms/FormControl/useFormControlStyles.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseFormControlStyles = void 0;
+var styles_1 = require("@material-ui/styles");
+var baseFormControlStyles = function (theme) { return ({
+    '& .MuiInputLabel-shrink + .MuiInputBase-root input': {
+        padding: '28px 12px 11px 0',
+        paddingLeft: theme.mvf.spacing.medium,
+    },
+    '& .MuiInputBase-root .MuiInputAdornment-root + input': {
+        paddingLeft: 0,
+    },
+    '& .MuiInputLabel-shrink + .MuiInputBase-root .MuiSelect-root': {
+        padding: '28px 12px 11px 0',
+        paddingLeft: theme.mvf.spacing.medium,
+    },
+    '& .MuiInputBase-root .MuiInputAdornment-root + .MuiSelect-root': {
+        paddingLeft: 0,
+    },
+    '& .MuiFormLabel-root + .MuiInputBase-root .MuiInputAdornment-positionStart': {
+        marginTop: '16px',
+    },
+    '& .MuiFormHelperText-root': {
+        marginTop: '12px',
+        paddingLeft: theme.mvf.spacing.medium,
+    },
+    '& .MuiSelect-icon': {
+        right: theme.mvf.spacing.medium,
+    },
+}); };
+exports.baseFormControlStyles = baseFormControlStyles;
+var useFormControlStyles = (0, styles_1.makeStyles)(function (theme) {
+    return (0, styles_1.createStyles)({
+        root: (0, exports.baseFormControlStyles)(theme),
+    });
+});
+exports.default = useFormControlStyles;
+//# sourceMappingURL=useFormControlStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormControlStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/useFormControlStyles.ts"],"names":[],"mappings":";;;AAAA,8CAA+D;AAGxD,IAAM,qBAAqB,GAAG,UAAC,KAAa,IAAK,OAAA,CAAC;IACvD,oDAAoD,EAAE;QACpD,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;KACtC;IACD,sDAAsD,EAAE;QACtD,WAAW,EAAE,CAAC;KACf;IACD,8DAA8D,EAAE;QAC9D,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;KACtC;IACD,gEAAgE,EAAE;QAChE,WAAW,EAAE,CAAC;KACf;IACD,4EAA4E,EAC1E;QACE,SAAS,EAAE,MAAM;KAClB;IACH,2BAA2B,EAAE;QAC3B,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;KACtC;IACD,mBAAmB,EAAE;QACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;KAChC;CACF,CAAC,EA1BsD,CA0BtD,CAAC;AA1BU,QAAA,qBAAqB,yBA0B/B;AAEH,IAAM,oBAAoB,GAAG,IAAA,mBAAU,EAAS,UAAC,KAAK;IACpD,OAAA,IAAA,qBAAY,EAAC;QACX,IAAI,EAAE,IAAA,6BAAqB,EAAC,KAAK,CAAC;KACnC,CAAC;AAFF,CAEE,CACH,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/Components/Atoms/IFrameWrapper/IFrameWrapper.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
 import IIFrameWrapperProps from './IIFrameWrapperProps';
-declare type IFrameWrapperType = FunctionComponent<IIFrameWrapperProps>;
+type IFrameWrapperType = FunctionComponent<IIFrameWrapperProps>;
 declare const IFrameWrapper: IFrameWrapperType;
 export default IFrameWrapper;

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

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
 import defaultProps from './defaultProps';
 import IComponentProps from './IComponentProps';
-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/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/Input/IInputProps.d.ts

@@ -0,0 +1,21 @@
+import { MouseEventHandler } from 'react';
+import { ITextFieldCallbackParams } from '../../Molecules/TextField/ITextFieldProps';
+export interface IInputCallbackParams {
+    id: string;
+    value: string;
+}
+interface IInputProps {
+    disabled: boolean;
+    error?: boolean;
+    type: string;
+    iconType?: 'person' | 'zipcode' | 'phone' | 'email' | 'company' | 'state';
+    id: string;
+    inputRef?: React.Ref<HTMLInputElement>;
+    isAnswered: boolean;
+    onBlur: () => void;
+    onChange: (item: ITextFieldCallbackParams) => void;
+    onClick: MouseEventHandler<HTMLInputElement>;
+    placeholder?: string;
+    value: string;
+}
+export default IInputProps;

package/Components/Atoms/Input/IInputProps.js

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

package/Components/Atoms/Input/IInputProps.js.map

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

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

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

package/Components/Atoms/Input/Input.js

@@ -0,0 +1,66 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var core_1 = require("@material-ui/core");
+var react_1 = __importDefault(require("react"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var useInputStyles_1 = __importDefault(require("./useInputStyles"));
+var icons_1 = __importDefault(require("./icons"));
+var Input = function (_a) {
+    var error = _a.error, iconType = _a.iconType, id = _a.id, isAnswered = _a.isAnswered, placeholder = _a.placeholder, onChange = _a.onChange, value = _a.value, props = __rest(_a, ["error", "iconType", "id", "isAnswered", "placeholder", "onChange", "value"]);
+    var classes = (0, useInputStyles_1.default)({ isAnswered: isAnswered });
+    var _b = react_1.default.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
+    var stateClasses = {
+        focused: classes.focused,
+        error: classes.error,
+    };
+    var isValid = error === true ? false : isAnswered;
+    var endAdornment;
+    if (isValid || error) {
+        var validationIconType = isValid ? 'valid' : 'invalid';
+        var ValidationIconComponent = icons_1.default[validationIconType];
+        endAdornment = (react_1.default.createElement(core_1.InputAdornment, { position: "end", "data-testid": "endAdornment-".concat(validationIconType), className: classes.inputAdornmentEnd },
+            react_1.default.createElement(ValidationIconComponent, { viewBox: "2 2 20 20", style: {
+                    fontSize: '22px',
+                } })));
+    }
+    var startAdornment;
+    if (iconType) {
+        var IconComponent = icons_1.default[iconType];
+        startAdornment = (react_1.default.createElement(core_1.InputAdornment, { className: classes.inputAdornmentStart, position: "start", "data-testid": "startAdornment" },
+            react_1.default.createElement(IconComponent, null)));
+    }
+    var handleChange = function (e) {
+        var newValue = e.target.value;
+        onChange({ id: id, value: newValue });
+        setCurrentValue(newValue);
+    };
+    return (react_1.default.createElement(core_1.InputBase, __assign({ id: id, placeholder: placeholder, className: classes.root, classes: stateClasses, endAdornment: endAdornment, onChange: handleChange, startAdornment: startAdornment, value: currentValue }, props)));
+};
+Input.defaultProps = defaultProps_1.default;
+exports.default = Input;
+//# sourceMappingURL=Input.js.map

package/Components/Atoms/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA6E;AAC7E,gDAA0B;AAE1B,gEAA0C;AAE1C,oEAA8C;AAC9C,kDAA4B;AAO5B,IAAM,KAAK,GAAc,UAAC,EASzB;IARC,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,KAAK,cARgB,6EASzB,CADS;IAER,IAAM,OAAO,GAAG,IAAA,wBAAc,EAAC,EAAE,UAAU,YAAA,EAAE,CAAC,CAAC;IAEzC,IAAA,KAAkC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtD,YAAY,QAAA,EAAE,eAAe,QAAyB,CAAC;IAE9D,IAAM,YAAY,GAAG;QACnB,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,KAAK,EAAE,OAAO,CAAC,KAAK;KACrB,CAAC;IAEF,IAAM,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC;IAEpD,IAAI,YAAY,CAAC;IAEjB,IAAI,OAAO,IAAI,KAAK,EAAE;QACpB,IAAM,kBAAkB,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;QACzD,IAAM,uBAAuB,GAAG,eAAK,CAAC,kBAAkB,CAAC,CAAC;QAC1D,YAAY,GAAG,CACb,8BAAC,qBAAc,IACb,QAAQ,EAAC,KAAK,iBACD,uBAAgB,kBAAkB,CAAE,EACjD,SAAS,EAAE,OAAO,CAAC,iBAAiB;YAEpC,8BAAC,uBAAuB,IACtB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE;oBACL,QAAQ,EAAE,MAAM;iBACjB,GACD,CACa,CAClB,CAAC;KACH;IAED,IAAI,cAAc,CAAC;IACnB,IAAI,QAAQ,EAAE;QACZ,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;QACtC,cAAc,GAAG,CACf,8BAAC,qBAAc,IACb,SAAS,EAAE,OAAO,CAAC,mBAAmB,EACtC,QAAQ,EAAC,OAAO,iBACJ,gBAAgB;YAE5B,8BAAC,aAAa,OAAG,CACF,CAClB,CAAC;KACH;IAED,IAAM,YAAY,GAAG,UAAC,CAAsC;QAC1D,IAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,QAAQ,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAClC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,gBAAW,aACV,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,YAAY,EACrB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,EACtB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,YAAY,IACf,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,YAAY,GAAG,sBAAY,CAAC;AAElC,kBAAe,KAAK,CAAC"}