@mvf/external-components 3.20.2 → 3.21.0

package/Experiments/CRO584/Molecules/TextField/TextField.test.js

@@ -0,0 +1,63 @@
+"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 user_event_1 = __importDefault(require("@testing-library/user-event"));
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var TextField_1 = __importDefault(require("./TextField"));
+describe('TextField', function () {
+    it('should display TextField Component', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Question", id: "1", experimentName: "default" })).getByText;
+        expect(getByText('Question')).toBeTruthy();
+    });
+    it('should be able to input values', function () {
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Zipcode", id: "2", experimentName: "default" })).getByRole;
+        user_event_1.default.type(getByRole('textbox'), '90210');
+        expect(getByRole('textbox')).toHaveValue('90210');
+    });
+    it('should display an icon if enabled', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your name?", id: "3", iconType: "person", experimentName: "default" })).getByTestId;
+        expect(getByTestId('startAdornment')).toBeTruthy();
+    });
+    it('should not display an icon if iconType is none', function () {
+        var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your name?", id: "3", experimentName: "default" })).queryByTestId;
+        expect(queryByTestId('startAdornment')).not.toBeTruthy();
+    });
+    it('should have an input type of text by default', function () {
+        var _a;
+        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your name?", id: "3", iconType: "person", experimentName: "default" })).container;
+        expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
+    });
+    it('should pass email input type through', function () {
+        var _a;
+        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your email?", id: "3", type: "email", experimentName: "default" })).container;
+        expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('email');
+    });
+    it('should display validity icon on error', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your name?", id: "3", type: "none", errorMessage: "test error message", experimentName: "default" })).getByTestId;
+        expect(getByTestId('endAdornment-invalid')).toBeTruthy();
+    });
+    it('should display validity icon on validation success', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your name?", id: "3", type: "none", isAnswered: true, experimentName: "default" })).getByTestId;
+        expect(getByTestId('endAdornment-valid')).toBeTruthy();
+    });
+    it('should display error icon on validation success and error message', function () {
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your name?", id: "3", type: "none", isAnswered: true, errorMessage: "test error message", experimentName: "default" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
+        expect(getByTestId('endAdornment-invalid')).toBeTruthy();
+        expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
+    });
+    describe('Multiline', function () {
+        it('should render a textarea when multiline prop is set to true', function () {
+            var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your multiline input", id: "3", multiline: true, experimentName: "default" })).container;
+            expect(container.querySelector('textarea')).toBeTruthy();
+        });
+        it('should be able to input values', function () {
+            var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your multiline input", id: "3", multiline: true, experimentName: "default" })).getByRole;
+            user_event_1.default.type(getByRole('textbox'), 'This is a multiline input');
+            expect(getByRole('textbox')).toHaveValue('This is a multiline input');
+        });
+    });
+});
+//# sourceMappingURL=TextField.test.js.map

package/Experiments/CRO584/Molecules/TextField/TextField.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/TextField/TextField.test.tsx"],"names":[],"mappings":"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"}

package/Experiments/CRO584/Molecules/TextField/TextFieldStory.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+type StoryType = React.FunctionComponent<{
+    disabled: boolean;
+    errorMessage: string;
+    iconType: 'none' | 'person' | 'zipcode' | 'phone' | 'email' | 'company' | 'state' | 'locationService';
+    isAnswered: boolean;
+    label: string;
+    multiline: boolean;
+    placeholder: string;
+    type: 'email' | 'tel' | 'text';
+    rows: number;
+    shrinkLabel: boolean;
+    isSafari: boolean;
+    isAutoFilledActive: boolean;
+}>;
+declare const TextFieldStory: StoryType;
+export default TextFieldStory;

package/Experiments/CRO584/Molecules/TextField/TextFieldStory.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 TextField_1 = __importDefault(require("./TextField"));
+var TextFieldStory = function (_a) {
+    var disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, type = _a.type, isAnswered = _a.isAnswered, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, label = _a.label, placeholder = _a.placeholder, multiline = _a.multiline, rows = _a.rows, shrinkLabel = _a.shrinkLabel;
+    return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: '460px' }, children: (0, jsx_runtime_1.jsx)(TextField_1.default, { disabled: disabled, errorMessage: errorMessage, type: type, iconType: iconType !== 'none' ? iconType : undefined, id: "id", isAnswered: isAnswered, isAutoFilledActive: isAutoFilledActive, isSafari: isSafari, label: label, multiline: multiline, placeholder: placeholder, rows: rows, shrinkLabel: shrinkLabel, experimentName: "default" }) }));
+};
+exports.default = TextFieldStory;
+//# sourceMappingURL=TextFieldStory.js.map

package/Experiments/CRO584/Molecules/TextField/TextFieldStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/TextField/TextFieldStory.tsx"],"names":[],"mappings":";;;;;;AACA,0DAAoC;AAyBpC,IAAM,cAAc,GAAc,UAAC,EAalC;QAZC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,WAAW,iBAAA;IACP,OAAA,CACJ,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,uBAAC,mBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpD,EAAE,EAAC,IAAI,EACP,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,cAAc,EAAC,SAAS,GACxB,GACE,CACP;AAnBK,CAmBL,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/Experiments/CRO584/Molecules/TextField/defaultProps.d.ts

@@ -0,0 +1,16 @@
+declare const defaultProps: {
+    disabled: boolean;
+    multiline: boolean;
+    isAnswered: boolean;
+    isSafari: boolean;
+    isAutoFilledActive: boolean;
+    rows: number;
+    onChange: () => void;
+    onClick: () => void;
+    onBlur: () => void;
+    size: "medium" | "small";
+    label: string;
+    type: string;
+    value: string;
+};
+export default defaultProps;

package/Experiments/CRO584/Molecules/TextField/defaultProps.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    disabled: false,
+    multiline: false,
+    isAnswered: false,
+    isSafari: false,
+    isAutoFilledActive: false,
+    rows: 6,
+    onChange: function () {
+        // action
+    },
+    onClick: function () {
+        // action
+    },
+    onBlur: function () {
+        // action
+    },
+    size: 'medium',
+    label: '',
+    type: 'text',
+    value: '',
+};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

package/Experiments/CRO584/Molecules/TextField/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/TextField/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,KAAK;IACf,kBAAkB,EAAE,KAAK;IACzB,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE;QACR,SAAS;IACX,CAAC;IACD,OAAO,EAAE;QACP,SAAS;IACX,CAAC;IACD,MAAM,EAAE;QACN,SAAS;IACX,CAAC;IACD,IAAI,EAAE,QAA8B;IACpC,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Experiments/CRO584/Molecules/TextField/index.d.ts

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

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

package/Experiments/CRO584/Molecules/TextField/index.js.map

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

package/Experiments/CRO584/Organisms/ListLayout/IComponentProps.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+interface IComponentProps {
+    children: ReactNode[];
+}
+export default IComponentProps;

package/Experiments/CRO584/Organisms/ListLayout/IComponentProps.js

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

package/Experiments/CRO584/Organisms/ListLayout/IComponentProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IComponentProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Organisms/ListLayout/IComponentProps.ts"],"names":[],"mappings":""}

package/Experiments/CRO584/Organisms/ListLayout/ListLayout.d.ts

@@ -0,0 +1,7 @@
+/** @jsxImportSource @emotion/react */
+import { FunctionComponent } from 'react';
+import IComponentProps from './IComponentProps';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+export type ListLayoutType = FunctionComponent<WithExperimentName<IComponentProps>>;
+declare const ListLayout: ListLayoutType;
+export default ListLayout;

package/Experiments/CRO584/Organisms/ListLayout/ListLayout.js

@@ -0,0 +1,19 @@
+"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 Grid_1 = __importDefault(require("@mui/material/Grid"));
+var lodash_1 = require("lodash");
+var makeListLayoutStyling_1 = __importDefault(require("./makeListLayoutStyling"));
+var ListLayout = function (_a) {
+    var children = _a.children;
+    var styles = (0, makeListLayoutStyling_1.default)();
+    var renderChild = function (child, index) {
+        return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 12, "data-testid": "grid-".concat(index), css: styles.item, children: child }, index));
+    };
+    return ((0, jsx_runtime_1.jsx)(Grid_1.default, { container: true, justifyContent: "flex-start", spacing: 1, css: styles.container, "data-testid": "list-layout-container", children: (0, lodash_1.map)(children, renderChild) }));
+};
+exports.default = ListLayout;
+//# sourceMappingURL=ListLayout.js.map

package/Experiments/CRO584/Organisms/ListLayout/ListLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListLayout.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Organisms/ListLayout/ListLayout.tsx"],"names":[],"mappings":";;;;;;AAEA,4DAAwC;AACxC,iCAA6B;AAE7B,kFAA4D;AAO5D,IAAM,UAAU,GAAmB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAC5C,IAAM,MAAM,GAAG,IAAA,+BAAqB,GAAE,CAAC;IACvC,IAAM,WAAW,GAAG,UAAC,KAAgB,EAAE,KAAa;QAClD,OAAO,CACL,uBAAC,cAAM,IACL,IAAI,QAEJ,EAAE,EAAE,EAAE,iBACO,eAAQ,KAAK,CAAE,EAC5B,GAAG,EAAE,MAAM,CAAC,IAAI,YAEf,KAAK,IALD,KAAK,CAMH,CACV,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,cAAM,IACL,SAAS,QACT,cAAc,EAAC,YAAY,EAC3B,OAAO,EAAE,CAAC,EACV,GAAG,EAAE,MAAM,CAAC,SAAS,iBACT,uBAAuB,YAElC,IAAA,YAAG,EAAC,QAAQ,EAAE,WAAW,CAAC,GACpB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.d.ts

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

package/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.js

@@ -0,0 +1,26 @@
+"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 CheckBox_1 = __importDefault(require("../../Molecules/CheckBox/CheckBox"));
+var ListLayout_1 = __importDefault(require("./ListLayout"));
+describe('<ListLayout />', function () {
+    it('should display children', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(ListLayout_1.default, { experimentName: "default", children: [(0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: '1', text: 'child-1', experimentName: "default" }), (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: '2', text: 'child-2', experimentName: "default" })] })).getByText;
+        expect(getByText('child-1')).toBeTruthy();
+        expect(getByText('child-2')).toBeTruthy();
+    });
+    it('should display more than 6 children in one column', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(ListLayout_1.default, { experimentName: "default", children: [(0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: '1', text: 'child-1', experimentName: "default" }), (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: '2', text: 'child-2', experimentName: "default" }), (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: '3', text: 'child-3', experimentName: "default" }), (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: '4', text: 'child-4', experimentName: "default" }), (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: '5', text: 'child-5', experimentName: "default" }), (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: '6', text: 'child-6', experimentName: "default" }), (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: '7', text: 'child-7', experimentName: "default" }), (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: '8', text: 'child-8', experimentName: "default" })] })).getByTestId;
+        for (var i = 0; i < 5; i += 1) {
+            var gridItem = getByTestId("grid-".concat(i));
+            expect(gridItem).not.toHaveClass('MuiGrid-grid-sm-6');
+            expect(gridItem).toHaveClass('MuiGrid-grid-xs-12');
+        }
+    });
+});
+//# sourceMappingURL=ListLayout.test.js.map

package/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListLayout.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,+EAAyD;AACzD,4DAAsC;AAEtC,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,yBAAyB,EAAE;QACpB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,wBAAC,oBAAU,IAAC,cAAc,EAAC,SAAS,aAClC,uBAAC,kBAAQ,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAC,SAAS,GAAG,EAC/D,uBAAC,kBAAQ,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAC,SAAS,GAAG,IACpD,CACd,UALgB,CAKf;QACF,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAC1C,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE;QAC9C,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,wBAAC,oBAAU,IAAC,cAAc,EAAC,SAAS,aAClC,uBAAC,kBAAQ,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAC,SAAS,GAAG,EAC/D,uBAAC,kBAAQ,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAC,SAAS,GAAG,EAC/D,uBAAC,kBAAQ,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAC,SAAS,GAAG,EAC/D,uBAAC,kBAAQ,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAC,SAAS,GAAG,EAC/D,uBAAC,kBAAQ,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAC,SAAS,GAAG,EAC/D,uBAAC,kBAAQ,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAC,SAAS,GAAG,EAC/D,uBAAC,kBAAQ,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAC,SAAS,GAAG,EAC/D,uBAAC,kBAAQ,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAC,SAAS,GAAG,IACpD,CACd,YAXkB,CAWjB;QACF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9B,IAAM,QAAQ,GAAG,WAAW,CAAC,eAAQ,CAAC,CAAE,CAAC,CAAC;YAC1C,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;YACtD,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;QACrD,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ISvgs } from '../../../../Assets/svgs/svgs';
+type ListLayoutStoryType = React.FunctionComponent<{
+    iconType: keyof ISvgs | 'none';
+    optionsCount: number;
+    text: string;
+    componentType: 'radio' | 'checkbox';
+    hasOtherOption: boolean;
+    parentContainerWidth: number;
+}>;
+declare const ListLayoutStory: ListLayoutStoryType;
+export default ListLayoutStory;

package/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.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");
+var Options_1 = __importDefault(require("../__helpers__/Options"));
+var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
+var RadioGroup_1 = __importDefault(require("../RadioGroup"));
+var ListLayoutStory = function (_a) {
+    var iconType = _a.iconType, optionsCount = _a.optionsCount, text = _a.text, componentType = _a.componentType, hasOtherOption = _a.hasOtherOption, parentContainerWidth = _a.parentContainerWidth;
+    var Icon = iconType === 'none' ? undefined : ((0, jsx_runtime_1.jsx)("img", { src: svgs_1.default[iconType], alt: "optionImage" }));
+    return ((0, jsx_runtime_1.jsx)("div", { style: { width: parentContainerWidth }, children: (0, jsx_runtime_1.jsx)(RadioGroup_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(Options_1.default, { Icon: Icon, layout: "list", count: optionsCount, type: componentType, hasOtherOption: hasOtherOption, text: text }) }) }));
+};
+exports.default = ListLayoutStory;
+//# sourceMappingURL=ListLayoutStory.js.map

package/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListLayoutStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.tsx"],"names":[],"mappings":";;;;;;AACA,mEAA6C;AAC7C,sEAA2D;AAC3D,6DAAuC;AAWvC,IAAM,eAAe,GAAwB,UAAC,EAO7C;QANC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,oBAAoB,0BAAA;IAEpB,IAAM,IAAI,GACR,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAChC,gCAAK,GAAG,EAAE,cAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAC,aAAa,GAAG,CAC/C,CAAC;IACJ,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YACzC,uBAAC,oBAAU,IAAC,cAAc,EAAC,SAAS,YAClC,uBAAC,iBAAO,IACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,aAAa,EACnB,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,GACV,GACS,GACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/Experiments/CRO584/Organisms/ListLayout/index.d.ts

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

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

package/Experiments/CRO584/Organisms/ListLayout/index.js.map

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

package/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.d.ts

@@ -0,0 +1,5 @@
+declare const makeListLayoutStyling: () => {
+    container: import("@emotion/react").SerializedStyles;
+    item: import("@emotion/react").SerializedStyles;
+};
+export default makeListLayoutStyling;

package/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@emotion/react");
+var makeListLayoutStyling = function () {
+    return {
+        container: (0, react_1.css)({
+            '&.MuiGrid-container.MuiGrid-spacing-xs-1': {
+                width: '100%',
+                margin: '-4px auto',
+                maxWidth: 668,
+            },
+        }),
+        item: (0, react_1.css)({
+            '&.MuiGrid-item': {
+                padding: '0 0 12px 0',
+            },
+        }),
+    };
+};
+exports.default = makeListLayoutStyling;
+//# sourceMappingURL=makeListLayoutStyling.js.map

package/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeListLayoutStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.ts"],"names":[],"mappings":";;AAAA,wCAAqC;AAErC,IAAM,qBAAqB,GAAG;IAC5B,OAAO;QACL,SAAS,EAAE,IAAA,WAAG,EAAC;YACb,0CAA0C,EAAE;gBAC1C,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,WAAW;gBACnB,QAAQ,EAAE,GAAG;aACd;SACF,CAAC;QACF,IAAI,EAAE,IAAA,WAAG,EAAC;YACR,gBAAgB,EAAE;gBAChB,OAAO,EAAE,YAAY;aACtB;SACF,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface IComponentProps {
+    children: ReactNode;
+    defaultSelectedId?: string;
+    onChange: (currentId: string | undefined, previousId?: string) => void;
+}
+export default IComponentProps;

package/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.js

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

package/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IComponentProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.ts"],"names":[],"mappings":""}

package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.d.ts

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

package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.js

@@ -0,0 +1,57 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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_1 = __importStar(require("react"));
+var RadioGroupContext_1 = __importDefault(require("./RadioGroupContext"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var RadioGroup = function (_a) {
+    var children = _a.children, defaultSelectedId = _a.defaultSelectedId, onChange = _a.onChange;
+    var _b = react_1.default.useState(defaultSelectedId), selectedId = _b[0], setSelectedOptionId = _b[1];
+    (0, react_1.useEffect)(function () {
+        setSelectedOptionId(defaultSelectedId);
+    }, [defaultSelectedId]);
+    var setSelectedId = function (currentId) {
+        onChange(currentId, selectedId);
+        setSelectedOptionId(currentId);
+    };
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: { selectedId: selectedId, setSelectedId: setSelectedId }, children: children }) }));
+};
+RadioGroup.defaultProps = defaultProps_1.default;
+exports.default = RadioGroup;
+//# sourceMappingURL=RadioGroup.js.map

package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AAGzC,0EAAoD;AACpD,gEAA0C;AAO1C,IAAM,UAAU,GAAmB,UAAC,EAInC;QAHC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,QAAQ,cAAA;IAEF,IAAA,KAAoC,eAAK,CAAC,QAAQ,CACtD,iBAAiB,CAClB,EAFM,UAAU,QAAA,EAAE,mBAAmB,QAErC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,IAAM,aAAa,GAAG,UAAC,SAA6B;QAClD,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QAChC,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,2DACE,uBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,YAC7D,QAAQ,GACkB,GAC5B,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}

package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.d.ts

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

package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.js

@@ -0,0 +1,103 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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 Button_1 = __importDefault(require("@mui/material/Button"));
+var react_1 = require("@testing-library/react");
+var react_2 = require("react");
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var RadioButton_1 = __importDefault(require("../../Molecules/RadioButton/RadioButton"));
+var RadioGroup_1 = __importDefault(require("./RadioGroup"));
+describe('<RadioGroup />', function () {
+    it('should display children', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(RadioGroup_1.default, { experimentName: "default", children: [(0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'child-1', experimentName: "default" }), (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '2', text: 'child-2', experimentName: "default" })] })).getByText;
+        expect(getByText('child-1')).toBeTruthy();
+        expect(getByText('child-2')).toBeTruthy();
+    });
+    it('should check an item if selected', function () {
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(RadioGroup_1.default, { experimentName: "default", children: [(0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'child-1', experimentName: "default" }), (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '2', text: 'child-2', experimentName: "default" })] })), getByTestId = _a.getByTestId, getByText = _a.getByText;
+        getByText('child-1').click();
+        var radioOne = getByTestId('toggle-1').querySelector('input[type=radio]');
+        expect(radioOne).toBeChecked();
+    });
+    it('should call onChange function with the ids to be changed', function () {
+        var callback = jest.fn();
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(RadioGroup_1.default, { onChange: callback, experimentName: "default", children: [(0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'child-1', experimentName: "default" }), (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '2', text: 'child-2', experimentName: "default" })] })).getByText;
+        getByText('child-1').click();
+        getByText('child-2').click();
+        expect(callback).toHaveBeenCalledWith('1', undefined);
+        expect(callback).toHaveBeenCalledWith('2', '1');
+    });
+    it('should only allow one item to be selected', function () {
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(RadioGroup_1.default, { experimentName: "default", children: [(0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'child-1', experimentName: "default" }), (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '2', text: 'child-2', experimentName: "default" })] })), getByTestId = _a.getByTestId, getByText = _a.getByText;
+        getByText('child-1').click();
+        getByText('child-2').click();
+        var radioOne = getByTestId('toggle-1').querySelector('input[type=radio]');
+        var radioTwo = getByTestId('toggle-2').querySelector('input[type=radio]');
+        expect(radioOne).not.toBeChecked();
+        expect(radioTwo).toBeChecked();
+    });
+    it('should be able to select an item by default', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(RadioGroup_1.default, { defaultSelectedId: "2", experimentName: "default", children: [(0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'child-1', experimentName: "default" }), (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '2', text: 'child-2', experimentName: "default" })] })).getByTestId;
+        var radioTwo = getByTestId('toggle-2').querySelector('input[type=radio]');
+        expect(radioTwo).toBeChecked();
+    });
+    it('should change selection if default is edited', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var TestComponent, _a, getByTestId, getByText, radioTwo;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    TestComponent = function () {
+                        var _a = (0, react_2.useState)('1'), defaultSelectedId = _a[0], setDefaultSelectedId = _a[1];
+                        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(RadioGroup_1.default, { defaultSelectedId: defaultSelectedId, experimentName: "default", children: [(0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'child-1', experimentName: "default" }), (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '2', text: 'child-2', experimentName: "default" })] }), ",", (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: function () { return setDefaultSelectedId('2'); }, children: "button" })] }));
+                    };
+                    _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TestComponent, {})), getByTestId = _a.getByTestId, getByText = _a.getByText;
+                    getByText('button').click();
+                    radioTwo = getByTestId('toggle-2').querySelector('input[type=radio]');
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () { return expect(radioTwo).toBeChecked(); })];
+                case 1:
+                    _b.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});
+//# sourceMappingURL=RadioGroup.test.js.map

package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.tsx"],"names":[],"mappings":"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"}

package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.d.ts

@@ -0,0 +1,6 @@
+type RadioGroupContextType = {
+    selectedId?: string;
+    setSelectedId: (id: string | undefined) => void;
+};
+declare const RadioGroupContext: import("react").Context<RadioGroupContextType>;
+export default RadioGroupContext;

package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var RadioGroupContext = (0, react_1.createContext)({
+    selectedId: undefined,
+    setSelectedId: function () { },
+});
+exports.default = RadioGroupContext;
+//# sourceMappingURL=RadioGroupContext.js.map

package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.ts"],"names":[],"mappings":";;AAAA,+BAAsC;AAOtC,IAAM,iBAAiB,GAAG,IAAA,qBAAa,EAAwB;IAC7D,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,cAAO,CAAC;CACxB,CAAC,CAAC;AAEH,kBAAe,iBAAiB,CAAC"}

package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupStory.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ISvgs } from '../../../../Assets/svgs/svgs';
+type RadioGroupStoryType = React.FunctionComponent<{
+    iconType: keyof ISvgs | 'none';
+    defaultSelectedId?: string;
+    itemsCount: number;
+    layout: 'list' | 'tile';
+    hasOtherOption: boolean;
+    parentContainerWidth: number;
+    text: string;
+}>;
+declare const RadioGroupStory: RadioGroupStoryType;
+export default RadioGroupStory;