@mvf/external-components 3.13.0 → 3.13.1-dev.1

package/Experiments/Example/Atoms/CardButton/CardButton.js

@@ -0,0 +1,70 @@
+"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 __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 jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var Card_1 = __importDefault(require("@mui/material/Card"));
+var ErrorMessageProvider_1 = require("../../../../Components/Atoms/ErrorMessageProvider/ErrorMessageProvider");
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var makeCardButtonStyling_1 = __importStar(require("./makeCardButtonStyling"));
+var CardButton = function (_a) {
+    var children = _a.children, onClick = _a.onClick, onBlur = _a.onBlur, onKeyDown = _a.onKeyDown, selected = _a.selected, outlined = _a.outlined, props = __rest(_a, ["children", "onClick", "onBlur", "onKeyDown", "selected", "outlined"]);
+    var errorMessage = (0, ErrorMessageProvider_1.useErrorMessage)({
+        isErrorMessageProviderRequired: false,
+    }).errorMessage;
+    return ((0, jsx_runtime_1.jsx)(Card_1.default, __assign({ css: (0, makeCardButtonStyling_1.default)({
+            isError: errorMessage !== undefined,
+            selected: selected,
+            outlined: outlined,
+        }), onClick: onClick, onKeyDown: onKeyDown, onBlur: onBlur }, props, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: (0, makeCardButtonStyling_1.makeCardButtonSelectedOverlayStyling)({ selected: selected }) }, { children: children })) })));
+};
+CardButton.defaultProps = defaultProps_1.default;
+exports.default = CardButton;
+//# sourceMappingURL=CardButton.js.map

package/Experiments/Example/Atoms/CardButton/CardButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/CardButton/CardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,4DAAwC;AAExC,+GAAyG;AAEzG,gEAA0C;AAC1C,+EAEiC;AAQjC,IAAM,UAAU,GAAmB,UAAC,EAQnC;IAPC,IAAA,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,KAAK,cAP0B,sEAQnC,CADS;IAEA,IAAA,YAAY,GAAK,IAAA,sCAAe,EAAC;QACvC,8BAA8B,EAAE,KAAK;KACtC,CAAC,aAFkB,CAEjB;IAEH,OAAO,CACL,uBAAC,cAAM,aACL,GAAG,EAAE,IAAA,+BAAqB,EAAC;YACzB,OAAO,EAAE,YAAY,KAAK,SAAS;YACnC,QAAQ,UAAA;YACR,QAAQ,UAAA;SACT,CAAC,EACF,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,IACV,KAAK,cAET,yCAAK,GAAG,EAAE,IAAA,4DAAoC,EAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,gBACzD,QAAQ,IACL,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}

package/Experiments/Example/Atoms/CardButton/CardButton.test.d.ts

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

package/Experiments/Example/Atoms/CardButton/CardButton.test.js

@@ -0,0 +1,35 @@
+"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 CardButton_1 = __importDefault(require("./CardButton"));
+describe('<CardButton />', function () {
+    it('should display children', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, { children: "test" })).getByText;
+        expect(getByText('test')).toBeTruthy();
+    });
+    it('should render with the outlined prop enabled', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, __assign({ outlined: true }, { children: "test" }))).getByText;
+        expect(getByText('test')).toBeTruthy();
+    });
+    it('should render with the outlined prop enabled', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, __assign({ selected: true }, { children: "test" }))).getByText;
+        expect(getByText('test')).toBeTruthy();
+    });
+});
+//# sourceMappingURL=CardButton.test.js.map

package/Experiments/Example/Atoms/CardButton/CardButton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/CardButton/CardButton.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,4DAAsC;AAEtC,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,yBAAyB,EAAE;QACpB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EAAC,uBAAC,oBAAU,uBAAkB,CAAC,UAAvD,CAAwD;QACzE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE;QACzC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,aAAC,QAAQ,EAAE,IAAI,0BAAmB,CAC9C,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE;QACzC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,aAAC,QAAQ,EAAE,IAAI,0BAAmB,CAC9C,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/Example/Atoms/CardButton/CardButtonStory.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+declare type CardButtonStoryType = WithExperimentName<React.FunctionComponent<{
+    error: boolean;
+}>>;
+declare const CardButtonStory: CardButtonStoryType;
+export default CardButtonStory;

package/Experiments/Example/Atoms/CardButton/CardButtonStory.js

@@ -0,0 +1,58 @@
+"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 addon_actions_1 = require("@storybook/addon-actions");
+var CardButton_1 = __importDefault(require("./CardButton"));
+var ErrorMessageProvider_1 = require("../../../../Components/Atoms/ErrorMessageProvider/ErrorMessageProvider");
+var CardButtonStory = function (_a) {
+    var error = _a.error;
+    var _b = React.useState(false), selected = _b[0], setSelected = _b[1];
+    var handleClick = function () {
+        (0, addon_actions_1.action)('Click')();
+        setSelected(!selected);
+    };
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
+            maxWidth: '144px',
+            height: '144px',
+        } }, { children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.ErrorMessageProvider, __assign({ errorMessage: error ? 'error' : undefined }, { children: (0, jsx_runtime_1.jsx)(CardButton_1.default, { onClick: handleClick, selected: selected }) })) })));
+};
+exports.default = CardButtonStory;
+//# sourceMappingURL=CardButtonStory.js.map

package/Experiments/Example/Atoms/CardButton/CardButtonStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButtonStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/CardButton/CardButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,4DAAsC;AACtC,+GAA8G;AAS9G,IAAM,eAAe,GAAwB,UAAC,EAAS;QAAP,KAAK,WAAA;IAC7C,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,IAAM,WAAW,GAAG;QAClB,IAAA,sBAAM,EAAC,OAAO,CAAC,EAAE,CAAC;QAClB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,yCACE,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,OAAO;SAChB,gBAED,uBAAC,2CAAoB,aAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,gBAC7D,uBAAC,oBAAU,IAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAI,IACnC,IACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/Experiments/Example/Atoms/CardButton/ICardButtonProps.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface ICardButtonProps {
+    children?: ReactNode;
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    selected: boolean;
+    onBlur?: (event: React.FocusEvent<HTMLDivElement> | undefined) => void;
+    outlined?: boolean;
+}
+export default ICardButtonProps;

package/Experiments/Example/Atoms/CardButton/ICardButtonProps.js

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

package/Experiments/Example/Atoms/CardButton/ICardButtonProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ICardButtonProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/CardButton/ICardButtonProps.ts"],"names":[],"mappings":""}

package/Experiments/Example/Atoms/CardButton/defaultProps.d.ts

@@ -0,0 +1,6 @@
+declare const defaultProps: {
+    onClick: () => void;
+    onKeyDown: () => void;
+    selected: boolean;
+};
+export default defaultProps;

package/Experiments/Example/Atoms/CardButton/defaultProps.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    onClick: function () {
+        /* do nothing */
+    },
+    onKeyDown: function () {
+        /* do nothing */
+    },
+    selected: false,
+};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

package/Experiments/Example/Atoms/CardButton/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/CardButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Experiments/Example/Atoms/CardButton/index.d.ts

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

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

package/Experiments/Example/Atoms/CardButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/CardButton/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA"}

package/Experiments/Example/Atoms/CardButton/makeCardButtonStyling.d.ts

@@ -0,0 +1,11 @@
+interface ICardStylingProps {
+    isError: boolean;
+    selected: boolean;
+    outlined?: boolean;
+}
+declare const makeCardButtonStyling: ({ isError, selected, outlined, }: ICardStylingProps) => import("@emotion/utils").SerializedStyles;
+interface ICardStylingOverlayProps {
+    selected: boolean;
+}
+export declare const makeCardButtonSelectedOverlayStyling: ({ selected, }: ICardStylingOverlayProps) => import("@emotion/utils").SerializedStyles;
+export default makeCardButtonStyling;

package/Experiments/Example/Atoms/CardButton/makeCardButtonStyling.js

@@ -0,0 +1,54 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeCardButtonSelectedOverlayStyling = void 0;
+var react_1 = require("@emotion/react");
+var material_1 = require("@mui/material");
+var makeCardButtonStyling = function (_a) {
+    var isError = _a.isError, selected = _a.selected, outlined = _a.outlined;
+    var theme = (0, react_1.useTheme)();
+    return (0, react_1.css)(__assign(__assign({ backgroundColor: theme.mvf.palette.background.answerBackgroundColor, border: 'solid', borderColor: theme.mvf.palette.component.answerUnselectedColor, borderRadius: theme.mvf.border.radius, borderWidth: theme.mvf.border.width.thin, boxShadow: theme.mvf.boxShadow.timid, boxSizing: 'border-box', cursor: 'pointer', height: '100%', position: 'relative', overflow: 'visible', '@media (hover: hover)': {
+            '&:hover': {
+                boxShadow: theme.mvf.boxShadow.fierce,
+                borderColor: theme.mvf.palette.component.answerSelectedColor,
+            },
+        } }, ((selected || outlined) && {
+        borderColor: theme.mvf.palette.component.answerSelectedColor,
+        boxShadow: theme.mvf.boxShadow.fierce,
+        '@media (hover: hover)': {
+            '&:hover': {
+                boxShadow: theme.mvf.boxShadow.fierce,
+                borderColor: theme.mvf.palette.component.answerSelectedColor,
+            },
+        },
+    })), (isError && {
+        borderColor: theme.mvf.palette.status.error,
+        boxShadow: theme.mvf.boxShadow.timid,
+        '@media (hover: hover)': {
+            '&:hover': {
+                borderColor: theme.mvf.palette.status.error,
+                boxShadow: theme.mvf.boxShadow.timid,
+            },
+        },
+    })));
+};
+var makeCardButtonSelectedOverlayStyling = function (_a) {
+    var selected = _a.selected;
+    var theme = (0, react_1.useTheme)();
+    return (0, react_1.css)(__assign({ backgroundColor: 'transparent', height: '100%', width: '100%' }, (selected && {
+        backgroundColor: (0, material_1.alpha)(theme.mvf.palette.component.answerSelectedColor, theme.mvf.filters.opacity.harsh),
+    })));
+};
+exports.makeCardButtonSelectedOverlayStyling = makeCardButtonSelectedOverlayStyling;
+exports.default = makeCardButtonStyling;
+//# sourceMappingURL=makeCardButtonStyling.js.map

package/Experiments/Example/Atoms/CardButton/makeCardButtonStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeCardButtonStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/CardButton/makeCardButtonStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAsC;AAQtC,IAAM,qBAAqB,GAAG,UAAC,EAIX;QAHlB,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA;IAER,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,sBACR,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,EACnE,MAAM,EAAE,OAAO,EACf,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB,EAC9D,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EACrC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EACxC,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,EACpC,SAAS,EAAE,YAAY,EACvB,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,SAAS,EACnB,uBAAuB,EAAE;YACvB,SAAS,EAAE;gBACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM;gBACrC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;aAC7D;SACF,IACE,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI;QAC5B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;QAC5D,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM;QACrC,uBAAuB,EAAE;YACvB,SAAS,EAAE;gBACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM;gBACrC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;aAC7D;SACF;KACF,CAAC,GACC,CAAC,OAAO,IAAI;QACb,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3C,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;QACpC,uBAAuB,EAAE;YACvB,SAAS,EAAE;gBACT,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;gBAC3C,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;aACrC;SACF;KACF,CAAC,EACF,CAAC;AACL,CAAC,CAAC;AAKK,IAAM,oCAAoC,GAAG,UAAC,EAE1B;QADzB,QAAQ,cAAA;IAER,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,aACR,eAAe,EAAE,aAAa,EAC9B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,IACV,CAAC,QAAQ,IAAI;QACd,eAAe,EAAE,IAAA,gBAAK,EACpB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAC/C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAChC;KACF,CAAC,EACF,CAAC;AACL,CAAC,CAAC;AAfW,QAAA,oCAAoC,wCAe/C;AAEF,kBAAe,qBAAqB,CAAC"}

package/Experiments/Example/Atoms/FormControl/FormControl.d.ts

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

package/Experiments/Example/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 jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
+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 ((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;
+//# sourceMappingURL=FormControl.js.map

package/Experiments/Example/Atoms/FormControl/FormControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;AAEtD,gEAA0C;AAE1C,kFAA4D;AAQ5D,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/Experiments/Example/Atoms/FormControl/FormControl.test.d.ts

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

package/Experiments/Example/Atoms/FormControl/FormControl.test.js

@@ -0,0 +1,32 @@
+"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 Input_1 = __importDefault(require("../Input/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)((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 = (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();
+    });
+});
+//# sourceMappingURL=FormControl.test.js.map

package/Experiments/Example/Atoms/FormControl/FormControl.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/FormControl/FormControl.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,yDAAmC;AACnC,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/Experiments/Example/Atoms/FormControl/FormControlStory.d.ts

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

package/Experiments/Example/Atoms/FormControl/FormControlStory.js

@@ -0,0 +1,26 @@
+"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 Input_1 = __importDefault(require("../Input"));
+var InputLabel_1 = __importDefault(require("../InputLabel"));
+var FormControl_1 = __importDefault(require("./FormControl"));
+var FormControlStory = function (_a) {
+    var error = _a.error, parentContainerWidth = _a.parentContainerWidth;
+    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/Experiments/Example/Atoms/FormControl/FormControlStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/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/Experiments/Example/Atoms/FormControl/IFormControlProps.d.ts

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

package/Experiments/Example/Atoms/FormControl/IFormControlProps.js

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

package/Experiments/Example/Atoms/FormControl/IFormControlProps.js.map

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

package/Experiments/Example/Atoms/FormControl/defaultProps.d.ts

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

package/Experiments/Example/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/Experiments/Example/Atoms/FormControl/defaultProps.js.map

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

package/Experiments/Example/Atoms/FormControl/index.d.ts

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

package/Experiments/Example/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/Experiments/Example/Atoms/FormControl/index.js.map

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

package/Experiments/Example/Atoms/FormControl/makeFormControlStyles.d.ts

@@ -0,0 +1,2 @@
+declare const makeFormControlStyles: () => import("@emotion/utils").SerializedStyles;
+export default makeFormControlStyles;

package/Experiments/Example/Atoms/FormControl/makeFormControlStyles.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@emotion/react");
+var makeFormControlStyles = function () {
+    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,
+        },
+        '& .MuiInputBase-root .MuiInputAdornment-root + input': {
+            paddingLeft: 0,
+        },
+        '& .MuiInputLabel-shrink + .MuiInputBase-root .MuiSelect-root': {
+            padding: '28px 55px 11px 0',
+            paddingLeft: theme.mvf.spacing.medium,
+        },
+        '& .MuiInputBase-root .MuiInputAdornment-root + .MuiSelect-root': {
+            paddingLeft: 0,
+        },
+        '& .MuiFormLabel-root + .MuiInputBase-root .MuiInputAdornment-positionStart': {
+            marginTop: '16px',
+        },
+        '& .MuiFormLabel-root': {
+            lineHeight: 1.6,
+        },
+        '& .MuiFormHelperText-root': {
+            marginTop: theme.mvf.spacing.small,
+            paddingLeft: theme.mvf.spacing.medium,
+            fontSize: theme.mvf.fontSize.small,
+        },
+        '& .MuiSelect-icon': {
+            right: theme.mvf.spacing.medium,
+        },
+    });
+};
+exports.default = makeFormControlStyles;
+//# sourceMappingURL=makeFormControlStyles.js.map

package/Experiments/Example/Atoms/FormControl/makeFormControlStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeFormControlStyles.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/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,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YACrC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;SACnC;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/Experiments/Example/Atoms/Input/IInputProps.d.ts

@@ -0,0 +1,26 @@
+import { MouseEventHandler } from 'react';
+export interface IInputCallbackParams {
+    id: string;
+    value: string;
+}
+interface IInputProps {
+    disabled: boolean;
+    error?: boolean;
+    type: string;
+    iconType?: 'person' | 'zipcode' | 'phone' | 'email' | 'company' | 'state' | 'locationService';
+    id: string;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    inputRef?: React.Ref<HTMLInputElement>;
+    isAnswered: boolean;
+    isAutoFilledActive: boolean;
+    isOtherOption?: boolean;
+    isSafari: boolean;
+    rows?: number;
+    multiline?: boolean;
+    onBlur: () => void;
+    onChange: (item: IInputCallbackParams) => void;
+    onClick: MouseEventHandler<HTMLInputElement>;
+    placeholder?: string;
+    value: string;
+}
+export default IInputProps;

package/Experiments/Example/Atoms/Input/IInputProps.js

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

package/Experiments/Example/Atoms/Input/IInputProps.js.map

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

package/Experiments/Example/Atoms/Input/Input.d.ts

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