@mvf/external-components 3.37.0 → 3.38.0

package/Experiments/CRO-710/Atoms/IconButton/IconButtonStory.js

@@ -0,0 +1,27 @@
+"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 addon_actions_1 = require("@storybook/addon-actions");
+var IconButton_1 = __importDefault(require("./IconButton"));
+var icons_1 = __importDefault(require("../../../../Helpers/icons"));
+var ButtonStartIconStory = function (_a) {
+    var disabled = _a.disabled, iconType = _a.iconType, children = _a.children, variant = _a.variant;
+    var IconComponent = icons_1.default[iconType];
+    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'), variant: variant, experimentName: "default" }, { children: children })) })));
+};
+exports.default = ButtonStartIconStory;
+//# sourceMappingURL=IconButtonStory.js.map

package/Experiments/CRO-710/Atoms/IconButton/IconButtonStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/IconButton/IconButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,0DAAkD;AAClD,4DAAsC;AACtC,oEAA0D;AAS1D,IAAM,oBAAoB,GAA6B,UAAC,EAKvD;QAJC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,OAAO,aAAA;IAEP,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,EAC1C,OAAO,EAAE,OAAO,EAChB,cAAc,EAAC,SAAS,gBAEvB,QAAQ,IACE,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/Experiments/CRO-710/Atoms/IconButton/defaultProps.d.ts

@@ -0,0 +1,6 @@
+declare const defaultProps: {
+    onClick: () => void;
+    disabled: boolean;
+    variant: "inline" | "stacked";
+};
+export default defaultProps;

package/Experiments/CRO-710/Atoms/IconButton/defaultProps.js

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

package/Experiments/CRO-710/Atoms/IconButton/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/IconButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE,KAAgB;IAC1B,OAAO,EAAE,QAAgC;CAC1C,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Experiments/CRO-710/Atoms/IconButton/index.d.ts

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

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

package/Experiments/CRO-710/Atoms/IconButton/index.js.map

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

package/Experiments/CRO-710/Atoms/IconButton/makeIconButtonStyling.d.ts

@@ -0,0 +1,2 @@
+export declare const makeIconButtonStyling: (variant: 'inline' | 'stacked') => import("@emotion/react").SerializedStyles;
+export default makeIconButtonStyling;

package/Experiments/CRO-710/Atoms/IconButton/makeIconButtonStyling.js

@@ -0,0 +1,46 @@
+"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.makeIconButtonStyling = void 0;
+var react_1 = require("@emotion/react");
+var makeIconButtonStyling = function (variant) {
+    var theme = (0, react_1.useTheme)();
+    return (0, react_1.css)({
+        height: '100%',
+        cursor: 'pointer',
+        boxShadow: 'none',
+        '& .MuiButton-startIcon': {
+            margin: 0,
+        },
+        '&.MuiButton-root': __assign(__assign({ minWidth: '100%', borderRadius: '12px', color: theme.mvf.palette.text.primaryTextColor, '&.Mui-disabled': {
+                color: theme.mvf.palette.status.disabled,
+            } }, (variant === 'inline' && {
+            backgroundColor: theme.mvf.palette.component.backButtonColor,
+        })), (variant === 'stacked' && {
+            backgroundColor: 'rgb(251, 251, 251)',
+            border: 'solid',
+            borderWidth: theme.mvf.border.width.thin,
+            borderColor: 'rgb(225, 225, 225)',
+        })),
+        '@media (hover: hover)': {
+            '&:hover': __assign(__assign({ boxShadow: theme.mvf.boxShadow.heavy }, (variant === 'inline' && {
+                backgroundColor: theme.mvf.palette.component.backButtonHoverColor,
+            })), (variant === 'stacked' && {
+                backgroundColor: 'rgb(237, 237, 237)',
+            })),
+        },
+    });
+};
+exports.makeIconButtonStyling = makeIconButtonStyling;
+exports.default = exports.makeIconButtonStyling;
+//# sourceMappingURL=makeIconButtonStyling.js.map

package/Experiments/CRO-710/Atoms/IconButton/makeIconButtonStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeIconButtonStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/IconButton/makeIconButtonStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,wCAA+C;AAExC,IAAM,qBAAqB,GAAG,UAAC,OAA6B;IACjE,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,sBAChB,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,MAAM,EACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAC9C,gBAAgB,EAAE;gBAChB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ;aACzC,IACE,CAAC,OAAO,KAAK,QAAQ,IAAI;YAC1B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,eAAe;SAC7D,CAAC,GACC,CAAC,OAAO,KAAK,SAAS,IAAI;YAC3B,eAAe,EAAE,oBAAoB;YACrC,MAAM,EAAE,OAAO;YACf,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;YACxC,WAAW,EAAE,oBAAoB;SAClC,CAAC,CACH;QACD,uBAAuB,EAAE;YACvB,SAAS,sBACP,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IACjC,CAAC,OAAO,KAAK,QAAQ,IAAI;gBAC1B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,oBAAoB;aAClE,CAAC,GACC,CAAC,OAAO,KAAK,SAAS,IAAI;gBAC3B,eAAe,EAAE,oBAAoB;aACtC,CAAC,CACH;SACF;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAvCW,QAAA,qBAAqB,yBAuChC;AAEF,kBAAe,6BAAqB,CAAC"}

package/Experiments/CRO-710/Atoms/InsetCheckbox/CheckboxIcon.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type CheckboxType = React.FunctionComponent<{
+    isChecked: boolean;
+    invertColors?: boolean;
+}>;
+declare const CheckboxIcon: CheckboxType;
+export default CheckboxIcon;

package/Experiments/CRO-710/Atoms/InsetCheckbox/CheckboxIcon.js

@@ -0,0 +1,42 @@
+"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 SvgIcon_1 = __importDefault(require("@mui/material/SvgIcon"));
+var react_1 = require("@emotion/react");
+var CheckboxIcon = function (_a) {
+    var isChecked = _a.isChecked, invertColors = _a.invertColors;
+    var theme = (0, react_1.useTheme)();
+    if (isChecked) {
+        // Inverted buttons have a white surface, so the fixed white/black pair swaps to the button's theme colour.
+        var squareFill = invertColors
+            ? theme.mvf.palette.component.continueButtonColor
+            : 'white';
+        var tickFill = invertColors
+            ? theme.mvf.palette.text.continueButtonTextColor
+            : 'black';
+        return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ transform: "matrix(1,0,0,1,-512.714,-459.006)" }, { children: [(0, jsx_runtime_1.jsx)("g", __assign({ transform: "matrix(1.04762,0,0,1.04762,512.19,457.555)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M21.5,4.726C21.5,2.882 20.003,1.385 18.159,1.385L3.841,1.385C1.997,1.385 0.5,2.882 0.5,4.726L0.5,19.044C0.5,20.888 1.997,22.385 3.841,22.385L18.159,22.385C20.003,22.385 21.5,20.888 21.5,19.044L21.5,4.726Z", style: { fill: squareFill } }) })), (0, jsx_runtime_1.jsx)("g", __assign({ transform: "matrix(1,0,0,1,517.714,465.001)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M11.5,1.988L10.208,0.687L4.167,6.727L1.802,4.371L0.5,5.664L4.167,9.322L11.5,1.988Z", style: { fill: tickFill, fillRule: 'nonzero' } }) }))] })) }));
+    }
+    else {
+        // Same swap: a light-grey outline is invisible on an inverted button's white surface.
+        var outlineFill = invertColors
+            ? theme.mvf.palette.component.continueButtonColor
+            : 'rgb(225,225,225)';
+        return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { children: (0, jsx_runtime_1.jsx)("g", __assign({ transform: "matrix(1.04762,0,0,1.04762,-0.524,-1.451)" }, { children: (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("path", { d: "M21.5,4.726C21.5,2.882 20.003,1.385 18.159,1.385L3.841,1.385C1.997,1.385 0.5,2.882 0.5,4.726L0.5,19.044C0.5,20.888 1.997,22.385 3.841,22.385L18.159,22.385C20.003,22.385 21.5,20.888 21.5,19.044L21.5,4.726Z", style: { fill: 'white' } }), (0, jsx_runtime_1.jsx)("path", { d: "M21.5,4.726L21.5,19.044C21.5,20.888 20.003,22.385 18.159,22.385L3.841,22.385C1.997,22.385 0.5,20.888 0.5,19.044L0.5,4.726C0.5,2.882 1.997,1.385 3.841,1.385L18.159,1.385C20.003,1.385 21.5,2.882 21.5,4.726ZM20.5,4.726C20.5,3.434 19.451,2.385 18.159,2.385L3.841,2.385C2.549,2.385 1.5,3.434 1.5,4.726L1.5,19.044C1.5,20.336 2.549,21.385 3.841,21.385L18.159,21.385C19.451,21.385 20.5,20.336 20.5,19.044L20.5,4.726Z", style: { fill: outlineFill } })] }) })) }));
+    }
+};
+exports.default = CheckboxIcon;
+//# sourceMappingURL=CheckboxIcon.js.map

package/Experiments/CRO-710/Atoms/InsetCheckbox/CheckboxIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxIcon.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/InsetCheckbox/CheckboxIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kEAA4C;AAC5C,wCAA0C;AAM1C,IAAM,YAAY,GAAiB,UAAC,EAA2B;QAAzB,SAAS,eAAA,EAAE,YAAY,kBAAA;IAC3D,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,IAAI,SAAS,EAAE;QACb,2GAA2G;QAC3G,IAAM,UAAU,GAAG,YAAY;YAC7B,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;YACjD,CAAC,CAAC,OAAO,CAAC;QACZ,IAAM,QAAQ,GAAG,YAAY;YAC3B,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,uBAAuB;YAChD,CAAC,CAAC,OAAO,CAAC;QACZ,OAAO,CACL,uBAAC,iBAAO,cACN,wCAAG,SAAS,EAAC,mCAAmC,iBAC9C,uCAAG,SAAS,EAAC,4CAA4C,gBACvD,iCACE,CAAC,EAAC,8MAA8M,EAChN,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,GAC3B,IACA,EACJ,uCAAG,SAAS,EAAC,iCAAiC,gBAC5C,iCACE,CAAC,EAAC,oFAAoF,EACtF,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAC9C,IACA,KACF,GACI,CACX,CAAC;KACH;SAAM;QACL,sFAAsF;QACtF,IAAM,WAAW,GAAG,YAAY;YAC9B,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;YACjD,CAAC,CAAC,kBAAkB,CAAC;QACvB,OAAO,CACL,uBAAC,iBAAO,cACN,uCAAG,SAAS,EAAC,2CAA2C,gBACtD,0CACE,iCACE,CAAC,EAAC,8MAA8M,EAChN,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GACxB,EACF,iCACE,CAAC,EAAC,0ZAA0Z,EAC5Z,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,GAC5B,IACA,IACF,GACI,CACX,CAAC;KACH;AACH,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Experiments/CRO-710/Atoms/InsetCheckbox/InsetCheckbox.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { SerializedStyles } from '@emotion/react';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+type InsetCheckboxProps = {
+    checked: boolean;
+    dataTestId?: string;
+    customCss?: SerializedStyles;
+    invertColors?: boolean;
+};
+export type InsetCheckboxType = React.FunctionComponent<WithExperimentName<InsetCheckboxProps>>;
+declare const InsetCheckbox: InsetCheckboxType;
+export default InsetCheckbox;

package/Experiments/CRO-710/Atoms/InsetCheckbox/InsetCheckbox.js

@@ -0,0 +1,16 @@
+"use strict";
+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 Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+var CheckboxIcon_1 = __importDefault(require("./CheckboxIcon"));
+var react_1 = require("@emotion/react");
+var InsetCheckbox = function (_a) {
+    var checked = _a.checked, dataTestId = _a.dataTestId, customCss = _a.customCss, invertColors = _a.invertColors;
+    return ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { checked: checked, color: "primary", onClick: function (event) { return event.preventDefault(); }, icon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: false, invertColors: invertColors }), checkedIcon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: true, invertColors: invertColors }), onMouseDown: function (event) { return event.preventDefault(); }, "data-testid": dataTestId, css: customCss || (0, react_1.css)({ margin: 0, padding: 0 }) }));
+};
+exports.default = InsetCheckbox;
+//# sourceMappingURL=InsetCheckbox.js.map

package/Experiments/CRO-710/Atoms/InsetCheckbox/InsetCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsetCheckbox.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/InsetCheckbox/InsetCheckbox.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,oEAAgD;AAChD,gEAA0C;AAC1C,wCAAuD;AAcvD,IAAM,aAAa,GAAsB,UAAC,EAKzC;QAJC,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,YAAY,kBAAA;IAEZ,OAAO,CACL,uBAAC,kBAAU,IACT,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,EAAE,EAAtB,CAAsB,EAC1C,IAAI,EAAE,uBAAC,sBAAY,IAAC,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,GAAI,EACpE,WAAW,EACT,uBAAC,sBAAY,IAAC,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,GAAI,EAE/D,WAAW,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,EAAE,EAAtB,CAAsB,iBACjC,UAAU,EACvB,GAAG,EAAE,SAAS,IAAI,IAAA,WAAG,EAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,GAChD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/Experiments/CRO-710/Atoms/InsetCheckbox/InsetCheckbox.test.d.ts

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

package/Experiments/CRO-710/Atoms/InsetCheckbox/InsetCheckbox.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 jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var InsetCheckbox_1 = __importDefault(require("./InsetCheckbox"));
+describe('<InsetCheckbox />', function () {
+    it('should be selected when checked = true', function () {
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: true, experimentName: "default" })).getByRole;
+        var checkbox = getByRole('checkbox');
+        expect(checkbox).toHaveAttribute('checked');
+    });
+    it('should not be selected when checked = false', function () {
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: false, experimentName: "default" })).getByRole;
+        var checkbox = getByRole('checkbox');
+        expect(checkbox).not.toHaveAttribute('checked');
+    });
+});
+//# sourceMappingURL=InsetCheckbox.test.js.map

package/Experiments/CRO-710/Atoms/InsetCheckbox/InsetCheckbox.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsetCheckbox.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/InsetCheckbox/InsetCheckbox.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,kEAA4C;AAE5C,QAAQ,CAAC,mBAAmB,EAAE;IAC5B,EAAE,CAAC,wCAAwC,EAAE;QACnC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,uBAAa,IAAC,OAAO,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,GAAG,CAC1D,UAFgB,CAEf;QACF,IAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QACvC,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE;QACxC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,uBAAa,IAAC,OAAO,EAAE,KAAK,EAAE,cAAc,EAAC,SAAS,GAAG,CAC3D,UAFgB,CAEf;QACF,IAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QACvC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/CRO-710/Atoms/InsetCheckbox/InsetCheckboxStory.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+type InsetCheckboxStoryType = React.FunctionComponent<{
+    checked: boolean;
+}>;
+declare const InsetCheckboxStory: InsetCheckboxStoryType;
+export default InsetCheckboxStory;

package/Experiments/CRO-710/Atoms/InsetCheckbox/InsetCheckboxStory.js

@@ -0,0 +1,13 @@
+"use strict";
+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 InsetCheckbox_1 = __importDefault(require("./InsetCheckbox"));
+var InsetCheckboxStory = function (_a) {
+    var checked = _a.checked;
+    return (0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: checked, experimentName: "default" });
+};
+exports.default = InsetCheckboxStory;
+//# sourceMappingURL=InsetCheckboxStory.js.map

package/Experiments/CRO-710/Atoms/InsetCheckbox/InsetCheckboxStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsetCheckboxStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/InsetCheckbox/InsetCheckboxStory.tsx"],"names":[],"mappings":";;;;;;AACA,kEAA4C;AAM5C,IAAM,kBAAkB,GAA2B,UAAC,EAAW;QAAT,OAAO,aAAA;IAC3D,OAAO,uBAAC,uBAAa,IAAC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAC,SAAS,GAAG,CAAC;AACtE,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/Experiments/CRO-710/Atoms/Text/ITextProps.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface ITextProps {
+    children: ReactNode;
+    align: 'center' | 'inherit' | 'justify' | 'left' | 'right';
+    variant: 'header' | 'note' | 'summary' | 'question' | 'text' | 'footer' | 'listItem' | 'listItemWithSubtext' | 'listItemSubtext' | 'tileItem' | 'tileItemSubtext' | 'contentWithList' | 'tickedList';
+    dataTestId?: string;
+    id?: string;
+}
+export default ITextProps;

package/Experiments/CRO-710/Atoms/Text/ITextProps.js

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

package/Experiments/CRO-710/Atoms/Text/ITextProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITextProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/Text/ITextProps.ts"],"names":[],"mappings":""}

package/Experiments/CRO-710/Atoms/Text/Text.d.ts

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

package/Experiments/CRO-710/Atoms/Text/Text.js

@@ -0,0 +1,44 @@
+"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 Typography_1 = __importDefault(require("@mui/material/Typography"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var makeTextStyling_1 = __importDefault(require("./makeTextStyling"));
+var Text = function (_a) {
+    var children = _a.children, id = _a.id, variant = _a.variant, align = _a.align, dataTestId = _a.dataTestId;
+    var textStyles = (0, makeTextStyling_1.default)({ variant: variant });
+    var muiComponents = {
+        footer: 'p',
+        header: 'h5',
+        summary: 'span',
+        note: 'p',
+        question: 'h6',
+        text: 'p',
+        listItem: 'p',
+        listItemWithSubtext: 'p',
+        listItemSubtext: 'p',
+        tileItem: 'p',
+        tileItemSubtext: 'p',
+        contentWithList: 'span',
+        tickedList: 'span',
+    };
+    return ((0, jsx_runtime_1.jsx)(Typography_1.default, __assign({ "data-testid": dataTestId || 'text', id: id, align: align, component: muiComponents[variant], css: textStyles }, { children: children })));
+};
+Text.defaultProps = defaultProps_1.default;
+exports.default = Text;
+//# sourceMappingURL=Text.js.map

package/Experiments/CRO-710/Atoms/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wEAAkD;AAGlD,gEAA0C;AAC1C,sEAAgD;AAQhD,IAAM,IAAI,GAAa,UAAC,EAA4C;QAA1C,QAAQ,cAAA,EAAE,EAAE,QAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA;IAChE,IAAM,UAAU,GAAG,IAAA,yBAAe,EAAC,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;IAEhD,IAAM,aAAa,GAAG;QACpB,MAAM,EAAE,GAAY;QACpB,MAAM,EAAE,IAAa;QACrB,OAAO,EAAE,MAAe;QACxB,IAAI,EAAE,GAAY;QAClB,QAAQ,EAAE,IAAa;QACvB,IAAI,EAAE,GAAY;QAClB,QAAQ,EAAE,GAAY;QACtB,mBAAmB,EAAE,GAAY;QACjC,eAAe,EAAE,GAAY;QAC7B,QAAQ,EAAE,GAAY;QACtB,eAAe,EAAE,GAAY;QAC7B,eAAe,EAAE,MAAe;QAChC,UAAU,EAAE,MAAe;KAC5B,CAAC;IAEF,OAAO,CACL,uBAAC,oBAAU,4BACI,UAAU,IAAI,MAAM,EACjC,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,EACjC,GAAG,EAAE,UAAU,gBAEd,QAAQ,IACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEjC,kBAAe,IAAI,CAAC"}

package/Experiments/CRO-710/Atoms/Text/Text.test.d.ts

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

package/Experiments/CRO-710/Atoms/Text/Text.test.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 renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var Text_1 = __importDefault(require("./Text"));
+describe('<Text />', function () {
+    it('should display children', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Text_1.default, __assign({ variant: "note", id: 'id', experimentName: "default" }, { children: "test" }))).getByText;
+        expect(getByText('test')).toBeTruthy();
+    });
+});
+//# sourceMappingURL=Text.test.js.map

package/Experiments/CRO-710/Atoms/Text/Text.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/Text/Text.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sGAAgF;AAChF,gDAA0B;AAE1B,QAAQ,CAAC,UAAU,EAAE;IACnB,EAAE,CAAC,yBAAyB,EAAE;QACpB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,cAAI,aAAC,OAAO,EAAC,MAAM,EAAC,EAAE,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,0BAEhD,CACR,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/CRO-710/Atoms/Text/TextStory.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type TextStoryType = React.FunctionComponent<{
+    text: string;
+    variant: 'header' | 'note' | 'summary' | 'question' | 'text' | 'footer' | 'listItem' | 'listItemWithSubtext' | 'listItemSubtext' | 'tileItem' | 'tileItemSubtext' | 'contentWithList';
+    align: 'center' | 'inherit' | 'justify' | 'left' | 'right';
+}>;
+declare const TextStory: TextStoryType;
+export default TextStory;

package/Experiments/CRO-710/Atoms/Text/TextStory.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 Text_1 = __importDefault(require("./Text"));
+var TextStory = function (_a) {
+    var text = _a.text, variant = _a.variant, align = _a.align;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
+            maxWidth: '500px',
+        } }, { children: (0, jsx_runtime_1.jsx)(Text_1.default, __assign({ variant: variant, id: "id", align: align, experimentName: "default" }, { children: text })) })));
+};
+exports.default = TextStory;
+//# sourceMappingURL=TextStory.js.map

package/Experiments/CRO-710/Atoms/Text/TextStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/Text/TextStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,gDAA0B;AAoB1B,IAAM,SAAS,GAAkB,UAAC,EAAwB;QAAtB,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAC7D,yCACE,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;SAClB,gBAED,uBAAC,cAAI,aAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAC,SAAS,gBACnE,IAAI,IACA,IACH,CACP;AAV8D,CAU9D,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/Experiments/CRO-710/Atoms/Text/defaultProps.d.ts

@@ -0,0 +1,4 @@
+declare const defaultProps: {
+    align: "inherit" | "left" | "right" | "center" | "justify";
+};
+export default defaultProps;

package/Experiments/CRO-710/Atoms/Text/defaultProps.js

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

package/Experiments/CRO-710/Atoms/Text/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/Text/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,KAAK,EAAE,QAA+D;CACvE,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Experiments/CRO-710/Atoms/Text/index.d.ts

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

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

package/Experiments/CRO-710/Atoms/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-710/Atoms/Text/index.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAiC;AAAxB,gHAAA,OAAO,OAAA"}

package/Experiments/CRO-710/Atoms/Text/makeTextStyling.d.ts

@@ -0,0 +1,5 @@
+interface IStyleProps {
+    variant: 'header' | 'summary' | 'note' | 'question' | 'text' | 'footer' | 'listItem' | 'listItemWithSubtext' | 'listItemSubtext' | 'tileItem' | 'tileItemSubtext' | 'contentWithList' | 'tickedList';
+}
+declare const makeTextStyling: ({ variant }: IStyleProps) => import("@emotion/react").SerializedStyles;
+export default makeTextStyling;