@mvf/external-components 3.20.0 → 3.21.0

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

@@ -0,0 +1,25 @@
+import { IInputCallbackParams } from '../../../CRO584/Atoms/Input/IInputProps';
+import { MouseEventHandler } from 'react';
+interface ITextFieldProps {
+    disabled: boolean;
+    errorMessage?: string;
+    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;
+    label: string;
+    multiline?: boolean;
+    onBlur: () => void;
+    onChange: (item: IInputCallbackParams) => void;
+    onClick: MouseEventHandler<HTMLInputElement>;
+    placeholder?: string;
+    rows?: number;
+    shrinkLabel?: boolean;
+    value: string;
+}
+export default ITextFieldProps;

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

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

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

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

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

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

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

@@ -0,0 +1,40 @@
+"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");
+var FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
+var FormControl_1 = __importDefault(require("../../Atoms/FormControl"));
+var Input_1 = __importDefault(require("../../Atoms/Input"));
+var InputLabel_1 = __importDefault(require("../../Atoms/InputLabel"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var TextField = function (_a) {
+    var errorMessage = _a.errorMessage, id = _a.id, label = _a.label, multiline = _a.multiline, isAnswered = _a.isAnswered, shrinkLabel = _a.shrinkLabel, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, rows = _a.rows, experimentName = _a.experimentName, props = __rest(_a, ["errorMessage", "id", "label", "multiline", "isAnswered", "shrinkLabel", "isAutoFilledActive", "isSafari", "rows", "experimentName"]);
+    return ((0, jsx_runtime_1.jsxs)(FormControl_1.default, { error: !!errorMessage, isAutoFilledActive: isAutoFilledActive, isSafari: isSafari, experimentName: experimentName, children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { shrink: shrinkLabel, isAnswered: isAnswered, htmlFor: id, experimentName: experimentName, children: label })), (0, jsx_runtime_1.jsx)(Input_1.default, __assign({ error: !!errorMessage, id: id, multiline: multiline, rows: rows, isAnswered: isAnswered, isAutoFilledActive: isAutoFilledActive }, props, { experimentName: experimentName })), errorMessage && (0, jsx_runtime_1.jsx)(FormHelperText_1.default, { children: errorMessage })] }));
+};
+TextField.defaultProps = defaultProps_1.default;
+exports.default = TextField;
+//# sourceMappingURL=TextField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gFAA0D;AAE1D,wEAAkD;AAClD,4DAAsC;AACtC,sEAAgD;AAEhD,gEAA0C;AAQ1C,IAAM,SAAS,GAAkB,UAAC,EAYjC;IAXC,IAAA,YAAY,kBAAA,EACZ,EAAE,QAAA,EACF,KAAK,WAAA,EACL,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,cAAc,oBAAA,EACX,KAAK,cAXwB,qIAYjC,CADS;IAER,OAAO,CACL,wBAAC,qBAAW,IACV,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,aAE7B,KAAK,IAAI,CACR,uBAAC,oBAAU,IACT,MAAM,EAAE,WAAW,EACnB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,EAAE,EACX,cAAc,EAAE,cAAc,YAE7B,KAAK,GACK,CACd,EACD,uBAAC,eAAK,aACJ,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,IAClC,KAAK,IACT,cAAc,EAAE,cAAc,IAC9B,EACD,YAAY,IAAI,uBAAC,wBAAc,cAAE,YAAY,GAAkB,IACpD,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEtC,kBAAe,SAAS,CAAC"}

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

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

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":";;;;;;AAAA,2EAAoD;AACpD,sGAAgF;AAChF,0DAAoC;AAEpC,QAAQ,CAAC,WAAW,EAAE;IACpB,EAAE,CAAC,oCAAoC,EAAE;QAC/B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,mBAAS,IAAC,KAAK,EAAC,UAAU,EAAC,EAAE,EAAC,GAAG,EAAC,cAAc,EAAC,SAAS,GAAG,CAC/D,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE;QAC3B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,mBAAS,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,GAAG,EAAC,cAAc,EAAC,SAAS,GAAG,CAC9D,UAFgB,CAEf;QAEF,oBAAS,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;QAC9C,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE;QAC9B,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,mBAAS,IACR,KAAK,EAAC,YAAY,EAClB,EAAE,EAAC,GAAG,EACN,QAAQ,EAAC,QAAQ,EACjB,cAAc,EAAC,SAAS,GACxB,CACH,YAPkB,CAOjB;QACF,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE;QAC3C,IAAA,aAAa,GAAK,IAAA,6BAAmB,EAC3C,uBAAC,mBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,EAAE,EAAC,GAAG,EAAC,cAAc,EAAC,SAAS,GAAG,CACjE,cAFoB,CAEnB;QACF,MAAM,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE;;QACzC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,mBAAS,IACR,KAAK,EAAC,YAAY,EAClB,EAAE,EAAC,GAAG,EACN,QAAQ,EAAC,QAAQ,EACjB,cAAc,EAAC,SAAS,GACxB,CACH,UAPgB,CAOf;QACF,MAAM,CAAC,MAAA,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,0CAAE,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE;;QACjC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,mBAAS,IACR,KAAK,EAAC,aAAa,EACnB,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,OAAO,EACZ,cAAc,EAAC,SAAS,GACxB,CACH,UAPgB,CAOf;QACF,MAAM,CAAC,MAAA,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,0CAAE,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE;QAClC,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,mBAAS,IACR,KAAK,EAAC,YAAY,EAClB,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,MAAM,EACX,YAAY,EAAC,oBAAoB,EACjC,cAAc,EAAC,SAAS,GACxB,CACH,YARkB,CAQjB;QACF,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE;QAC/C,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,mBAAS,IACR,KAAK,EAAC,YAAY,EAClB,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,MAAM,EACX,UAAU,EAAE,IAAI,EAChB,cAAc,EAAC,SAAS,GACxB,CACH,YARkB,CAQjB;QACF,MAAM,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE;QAChE,IAAA,KAAiC,IAAA,6BAAmB,EACxD,uBAAC,mBAAS,IACR,KAAK,EAAC,YAAY,EAClB,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,MAAM,EACX,UAAU,EAAE,IAAI,EAChB,YAAY,EAAC,oBAAoB,EACjC,cAAc,EAAC,SAAS,GACxB,CACH,EATO,WAAW,iBAAA,EAAE,aAAa,mBASjC,CAAC;QACF,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACzD,MAAM,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,WAAW,EAAE;QACpB,EAAE,CAAC,6DAA6D,EAAE;YACxD,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,mBAAS,IACR,KAAK,EAAC,sBAAsB,EAC5B,EAAE,EAAC,GAAG,EACN,SAAS,EAAE,IAAI,EACf,cAAc,EAAC,SAAS,GACxB,CACH,UAPgB,CAOf;YACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gCAAgC,EAAE;YAC3B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,mBAAS,IACR,KAAK,EAAC,sBAAsB,EAC5B,EAAE,EAAC,GAAG,EACN,SAAS,EAAE,IAAI,EACf,cAAc,EAAC,SAAS,GACxB,CACH,UAPgB,CAOf;YAEF,oBAAS,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,2BAA2B,CAAC,CAAC;YAClE,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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 {};