@mvf/external-components 3.20.2 → 3.21.0

package/Experiments/CRO584/Molecules/RadioButton/RadioButton.js

@@ -0,0 +1,86 @@
+"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 Grid_1 = __importDefault(require("@mui/material/Grid"));
+var Radio_1 = __importDefault(require("@mui/material/Radio"));
+var react_1 = require("react");
+var RadioIcon_1 = __importDefault(require("../../../../Assets/CustomIcons/RadioIcon"));
+var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"));
+var Text_1 = __importDefault(require("../../Atoms/Text"));
+var RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/RadioGroupContext"));
+var TextField_1 = __importDefault(require("../TextField/TextField"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var browserAndDeviceDetection_1 = require("../../../../Helpers/browserAndDeviceDetection");
+var deviceSpecificHandlers_1 = require("../../../../Helpers/deviceSpecificHandlers");
+var makeRadioButtonStyling_1 = __importDefault(require("./makeRadioButtonStyling"));
+var RadioButton = function (_a) {
+    var Icon = _a.Icon, id = _a.id, text = _a.text, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, experimentName = _a.experimentName;
+    var _b = (0, react_1.useContext)(RadioGroupContext_1.default), selectedId = _b.selectedId, setSelectedId = _b.setSelectedId;
+    var _c = (0, react_1.useState)(otherInputValue), otherValue = _c[0], setOtherValue = _c[1];
+    var _d = (0, react_1.useState)(false), isFocused = _d[0], setIsFocused = _d[1];
+    var otherInputRef = (0, react_1.useRef)(null);
+    var isSelected = id === selectedId;
+    var styles = (0, makeRadioButtonStyling_1.default)();
+    var isTextfield = (isOtherOption && isFocused) || !!otherValue;
+    var isIconPresent = !!Icon;
+    var handleClick = function () {
+        onClick({ id: id });
+        if ((0, browserAndDeviceDetection_1.isIOS)() && !otherInputRef.current && isOtherOption) {
+            (0, deviceSpecificHandlers_1.iosFocusHandler)(otherInputRef);
+        }
+        if (otherInputRef.current) {
+            otherInputRef.current.focus();
+            if (!isSelected && otherValue) {
+                setSelectedId(id);
+            }
+            return;
+        }
+        setSelectedId(id);
+        setIsFocused(true);
+    };
+    var handleKeyDown = function (event) {
+        if (event) {
+            onKeyDown(event);
+            if (event.key === 'Enter' && otherInputRef.current) {
+                if (!otherValue) {
+                    setSelectedId(undefined);
+                    setIsFocused(false);
+                }
+                otherInputRef.current.blur();
+            }
+        }
+    };
+    var onOtherTextFieldChange = function (inputChangeEvent) {
+        onChange(inputChangeEvent);
+        setOtherValue(inputChangeEvent.value);
+        if (inputChangeEvent.value) {
+            setSelectedId(id);
+        }
+        else {
+            setSelectedId(undefined);
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        if (isSelected && otherInputRef.current && !(0, browserAndDeviceDetection_1.isIOS)()) {
+            otherInputRef.current.focus();
+        }
+    }, [isSelected]);
+    var handleBlur = function () {
+        if (!otherValue) {
+            setSelectedId(undefined);
+        }
+        setIsFocused(false);
+    };
+    return ((0, jsx_runtime_1.jsx)(Grid_1.default, { children: (0, jsx_runtime_1.jsx)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, onBlur: handleBlur, "data-testid": "radioButtonCardButton", outlined: isSelected, experimentName: experimentName, children: (0, jsx_runtime_1.jsx)(Grid_1.default, { container: true, css: styles.grid, justifyContent: "flex-start", alignItems: "center", wrap: "nowrap", children: (0, jsx_runtime_1.jsxs)(Grid_1.default, { container: true, alignItems: "center", css: styles.innerGrid, children: [isIconPresent ? ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.icon, children: (0, jsx_runtime_1.jsx)("div", { css: styles.imgDiv, "data-testid": "radioIcon", children: Icon }) })) : ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, children: (0, jsx_runtime_1.jsx)(Radio_1.default, { id: "radio-".concat(id), icon: (0, jsx_runtime_1.jsx)(RadioIcon_1.default, { isChecked: false }), checkedIcon: (0, jsx_runtime_1.jsx)(RadioIcon_1.default, { isChecked: true }), css: styles.radio, checked: isSelected, 
+                                // TODO there is no click handler on the radio button itself, add one so that the radio button can be selected by clicking on it
+                                color: "primary", "data-testid": "toggle-".concat(id), onMouseDown: function (event) { return event.preventDefault(); } }) })), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.textGrid, children: isTextfield ? ((0, jsx_runtime_1.jsx)("div", { css: styles.otherInput, children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "otherOptionTextfield:".concat(id), id: id, placeholder: text, onBlur: onBlur, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, inputProps: {
+                                        enterKeyHint: 'go',
+                                    }, experimentName: experimentName }) })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { variant: "listItem", align: "left", experimentName: experimentName, children: text })) })] }) }) }) }));
+};
+RadioButton.defaultProps = defaultProps_1.default;
+exports.default = RadioButton;
+//# sourceMappingURL=RadioButton.js.map

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

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

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

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

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

@@ -0,0 +1,123 @@
+"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 react_1 = require("@testing-library/react");
+var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/RadioGroupContext"));
+var RadioButton_1 = __importDefault(require("./RadioButton"));
+var imageSrc = svgs_1.default.truck;
+describe('<RadioButton />', function () {
+    it('should display radio button text', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: 'id', text: 'test', experimentName: "default" })).getByText;
+        expect(getByText('test')).toBeTruthy();
+    });
+    it('should call onClick function if radio button is clicked', function () {
+        var callback = jest.fn();
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', onClick: callback, experimentName: "default" })).getByText;
+        getByText('test').click();
+        expect(callback).toHaveBeenCalled();
+    });
+    it('should call onKeyDown and blur the button when enter is pressed', function () {
+        var callback = jest.fn();
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', onKeyDown: callback, isOtherOption: true, otherInputValue: "test value", experimentName: "default" })).getByRole;
+        var textbox = getByRole('textbox');
+        var blurSpy = jest.spyOn(textbox, 'blur');
+        react_1.fireEvent.keyDown(textbox, { key: 'Enter', code: 'Enter' });
+        expect(callback).toHaveBeenCalled();
+        expect(blurSpy).toHaveBeenCalled();
+    });
+    it('should alter checked state based on context selectedId', function () {
+        var providerProps = { selectedId: '1', setSelectedId: function () { } };
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(RadioGroupContext_1.default.Provider, { value: providerProps, children: [(0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', experimentName: "default" }), ","] })).getByRole;
+        var radio = getByRole('radio');
+        expect(radio.checked).toBeTruthy();
+    });
+    it('should trigger context callback function on click', function () {
+        var callback = jest.fn();
+        var providerProps = {
+            selectedId: undefined,
+            setSelectedId: callback,
+        };
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', experimentName: "default" }) })).getByText;
+        getByText('test').click();
+        expect(callback).toHaveBeenCalled();
+    });
+    it('should not display otherInput unless specified', function () {
+        var providerProps = { selectedId: '1', setSelectedId: function () { } };
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', experimentName: "default" }) })).getByTestId;
+        var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
+        expect(input).toBeNull();
+    });
+    it('should call onChange when otherInput is updated', function () {
+        var callback = jest.fn();
+        var providerProps = { selectedId: '1', setSelectedId: function () { } };
+        // GIVEN the other option is selected
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, onChange: callback, otherInputValue: "test value", experimentName: "default" }) })).getByTestId;
+        var input = getByTestId('otherOptionTextfield:1').querySelector('input[type=text]');
+        // WHEN the input is updated
+        react_1.fireEvent.change(input, { target: { value: 'Test' } });
+        // THEN the callback is called
+        expect(callback).toHaveBeenCalledWith({
+            id: '1',
+            value: 'Test',
+        });
+        // AND the input value is updated
+        expect(input.value).toBe('Test');
+    });
+    it('should focus on OtherInput when clicked', function () {
+        var _a;
+        var providerProps = { selectedId: '1', setSelectedId: function () { } };
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, experimentName: "default" }) })).getByTestId;
+        getByTestId('radioButtonCardButton').click();
+        var input = getByTestId('radioButtonCardButton');
+        var currentInput = input.querySelector('input[type=text]');
+        var activeInput = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.querySelector('input[type=text]');
+        expect(currentInput).toBe(activeInput);
+    });
+    it('should trigger onBlur when other input deselected', function () {
+        var callback = jest.fn();
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: 'id', text: 'test', selected: false, isOtherOption: true, onBlur: callback, otherInputValue: "test value", experimentName: "default" })).getByTestId;
+        var textfield = getByTestId('otherOptionTextfield:id').querySelector('input[type=text]');
+        var blurSpy = jest.spyOn(textfield, 'blur');
+        // WHEN enter is pressed
+        react_1.fireEvent.keyDown(textfield, { key: 'Enter', code: 'Enter' });
+        // THEN the blur is called
+        expect(blurSpy).toHaveBeenCalled();
+    });
+    it('should select the card component when a value for the other option is entered', function () {
+        var providerProps = { selectedId: '1', setSelectedId: function () { } };
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, experimentName: "default" }) })).getByTestId;
+        var radioButtonCardButton = getByTestId('radioButtonCardButton');
+        radioButtonCardButton.click();
+        var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
+        react_1.fireEvent.change(input, { target: { value: 'Test' } });
+        expect(radioButtonCardButton.dataset.selected).toBe('true');
+    });
+    it('should select the card component when a value for the other option is already present and the card is selected by default', function () {
+        var providerProps = { selectedId: '1', setSelectedId: function () { } };
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: true, experimentName: "default" }) })).getByTestId;
+        var radioButtonCardButton = getByTestId('radioButtonCardButton');
+        expect(radioButtonCardButton.dataset.selected).toBe('true');
+    });
+    it('should select the card component on click when a value is already present and the card is not selected by default', function () {
+        var providerProps = { selectedId: '1', setSelectedId: function () { } };
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: providerProps, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false, experimentName: "default" }) })).getByTestId;
+        var radioButtonCardButton = getByTestId('radioButtonCardButton');
+        radioButtonCardButton.click();
+        expect(radioButtonCardButton.dataset.selected).toBe('true');
+    });
+    it('should not display an icon by default', function () {
+        var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false, experimentName: "default" })).queryByTestId;
+        expect(queryByTestId('radioIcon')).not.toBeInTheDocument();
+    });
+    it('should display a supplied Icon', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: '1', text: 'test', isOtherOption: true, otherInputValue: 'Text', selected: false, Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), experimentName: "default" })).getByTestId;
+        expect(getByTestId('radioIcon')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=RadioButton.test.js.map

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

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

package/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ISvgs } from '../../../../Assets/svgs/svgs';
+type RadioButtonStoryType = React.FunctionComponent<{
+    error: boolean;
+    iconType: keyof ISvgs | 'none';
+    otherInputError: boolean;
+    isOtherOption: boolean;
+    text: string;
+    parentContainerWidth: number;
+}>;
+declare const RadioButtonStory: RadioButtonStoryType;
+export default RadioButtonStory;

package/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.js

@@ -0,0 +1,28 @@
+"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 addon_actions_1 = require("@storybook/addon-actions");
+var react_1 = __importDefault(require("react"));
+var ErrorMessageProvider_1 = __importDefault(require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider"));
+var RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/RadioGroupContext"));
+var RadioButton_1 = __importDefault(require("./RadioButton"));
+var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
+var RadioButtonStory = function (_a) {
+    var error = _a.error, iconType = _a.iconType, otherInputError = _a.otherInputError, isOtherOption = _a.isOtherOption, text = _a.text, parentContainerWidth = _a.parentContainerWidth;
+    var _b = react_1.default.useState(undefined), selectedId = _b[0], setSelectedId = _b[1];
+    var handleClick = function (_a) {
+        var id = _a.id;
+        (0, addon_actions_1.action)('Clicked')(id);
+        setSelectedId(id);
+    };
+    var handleKeyDown = function (event) {
+        (0, addon_actions_1.action)('Key down')(event);
+    };
+    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: "".concat(parentContainerWidth, "px") }, children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default", children: (0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: { selectedId: selectedId, setSelectedId: setSelectedId }, children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { Icon: Icon, id: 'id', onClick: handleClick, onKeyDown: handleKeyDown, text: text, isOtherOption: isOtherOption, otherInputError: otherInputError, experimentName: "default" }) }) }) }));
+};
+exports.default = RadioButtonStory;
+//# sourceMappingURL=RadioButtonStory.js.map

package/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAClD,gDAA0B;AAC1B,+GAAyF;AACzF,mGAA6E;AAE7E,8DAAwC;AACxC,sEAA2D;AAW3D,IAAM,gBAAgB,GAAyB,UAAC,EAO/C;QANC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,oBAAoB,0BAAA;IAEd,IAAA,KAA8B,eAAK,CAAC,QAAQ,CAChD,SAAS,CACV,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAAkC;YAAhC,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;QACtB,aAAa,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,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;IAEJ,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,oBAAoB,OAAI,EAAE,YAChD,uBAAC,8BAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5D,cAAc,EAAC,SAAS,YAExB,uBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,YAC9D,uBAAC,qBAAW,IACV,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAC,SAAS,GACxB,GACyB,GACR,GACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.d.ts

@@ -0,0 +1,3 @@
+import RadioButtonProps from '../IRadioButtonProps';
+declare const renderRadioButton: ({ Icon, id, text, isOtherOption, otherInputValue, }: RadioButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default renderRadioButton;

package/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.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 RadioButton_1 = __importDefault(require("../../RadioButton"));
+var renderRadioButton = function (_a) {
+    var Icon = _a.Icon, id = _a.id, text = _a.text, isOtherOption = _a.isOtherOption, otherInputValue = _a.otherInputValue;
+    return ((0, jsx_runtime_1.jsx)(RadioButton_1.default, { Icon: Icon, id: id, text: text, isOtherOption: isOtherOption, otherInputValue: otherInputValue, experimentName: "default" }, id));
+};
+exports.default = renderRadioButton;
+//# sourceMappingURL=renderRadioButton.js.map

package/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRadioButton.js","sourceRoot":"","sources":["../../../../../../src/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kEAA4C;AAG5C,IAAM,iBAAiB,GAAG,UAAC,EAMR;QALjB,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,eAAe,qBAAA;IACO,OAAA,CACtB,uBAAC,qBAAW,IACV,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EAEV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAC,SAAS,IAHnB,EAAE,CAIP,CACH;AAVuB,CAUvB,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,10 @@
+declare const defaultProps: {
+    isOtherOption: boolean;
+    onBlur: () => void;
+    onClick: () => void;
+    onChange: () => void;
+    onKeyDown: () => void;
+    selected: boolean;
+    otherInputValue: string;
+};
+export default defaultProps;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/RadioButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE;QACN,gBAAgB;IAClB,CAAC;IACD,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,EAAE;CACpB,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

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

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

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

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

package/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.d.ts

@@ -0,0 +1,10 @@
+declare const makeRadioButtonStyling: () => {
+    radio: import("@emotion/react").SerializedStyles;
+    grid: import("@emotion/react").SerializedStyles;
+    icon: import("@emotion/react").SerializedStyles;
+    imgDiv: import("@emotion/react").SerializedStyles;
+    innerGrid: import("@emotion/react").SerializedStyles;
+    textGrid: import("@emotion/react").SerializedStyles;
+    otherInput: import("@emotion/react").SerializedStyles;
+};
+export default makeRadioButtonStyling;

package/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@emotion/react");
+var material_1 = require("@mui/material");
+var makeRadioButtonStyling = function () {
+    var _a, _b;
+    var _c = (0, react_1.useTheme)(), breakpoints = _c.breakpoints, mvf = _c.mvf;
+    var spacing = mvf.spacing, fontSize = mvf.fontSize, palette = mvf.palette;
+    return {
+        radio: (0, react_1.css)({
+            color: palette.component.answerUnselectedColor,
+            '&.MuiIconButton-root': {
+                '@media (hover: hover)': {
+                    '&:hover': {
+                        backgroundColor: (0, material_1.alpha)(palette.component.answerSelectedColor, 0.04),
+                    },
+                },
+            },
+            '&.MuiRadio-root': (_a = {
+                    paddingLeft: 11,
+                    paddingRight: 11
+                },
+                _a[breakpoints.up('tabletSmall')] = {
+                    paddingLeft: 11,
+                    paddingRight: 11,
+                    marginLeft: 11,
+                },
+                _a),
+        }),
+        grid: (0, react_1.css)({
+            height: '100%',
+            width: '100%',
+            minHeight: 48,
+        }),
+        icon: (0, react_1.css)({
+            marginTop: 9,
+            marginBottom: 9,
+            width: 100,
+            '& img': {
+                height: 40,
+            },
+        }),
+        imgDiv: (0, react_1.css)({
+            display: 'flex',
+            justifyContent: 'center',
+        }),
+        innerGrid: (0, react_1.css)({
+            flexWrap: 'nowrap',
+        }),
+        textGrid: (0, react_1.css)({
+            overflowWrap: 'anywhere',
+            wordBreak: 'normal',
+            justifyContent: 'flex-start',
+            width: '85%',
+        }),
+        otherInput: (0, react_1.css)({
+            marginTop: -1,
+            marginRight: spacing.medium,
+            padding: spacing.tiny,
+            '& .MuiInputBase-root input': (_b = {
+                    textAlign: 'left',
+                    fontSize: fontSize.mini,
+                    padding: 0
+                },
+                _b[breakpoints.up('mobileMedium')] = {
+                    fontSize: fontSize.small,
+                },
+                _b[breakpoints.up('tabletSmall')] = {
+                    fontSize: fontSize.compact,
+                },
+                _b),
+        }),
+    };
+};
+exports.default = makeRadioButtonStyling;
+//# sourceMappingURL=makeRadioButtonStyling.js.map

package/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeRadioButtonStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAC/C,0CAAsC;AAEtC,IAAM,sBAAsB,GAAG;;IACvB,IAAA,KAAuB,IAAA,gBAAQ,GAAE,EAA/B,WAAW,iBAAA,EAAE,GAAG,SAAe,CAAC;IAChC,IAAA,OAAO,GAAwB,GAAG,QAA3B,EAAE,QAAQ,GAAc,GAAG,SAAjB,EAAE,OAAO,GAAK,GAAG,QAAR,CAAS;IAC3C,OAAO;QACL,KAAK,EAAE,IAAA,WAAG,EAAC;YACT,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,qBAAqB;YAC9C,sBAAsB,EAAE;gBACtB,uBAAuB,EAAE;oBACvB,SAAS,EAAE;wBACT,eAAe,EAAE,IAAA,gBAAK,EAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAAE,IAAI,CAAC;qBACpE;iBACF;aACF;YACD,iBAAiB;oBACf,WAAW,EAAE,EAAE;oBACf,YAAY,EAAE,EAAE;;gBAChB,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;oBAC/B,WAAW,EAAE,EAAE;oBACf,YAAY,EAAE,EAAE;oBAChB,UAAU,EAAE,EAAE;iBACf;mBACF;SACF,CAAC;QACF,IAAI,EAAE,IAAA,WAAG,EAAC;YACR,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,EAAE;SACd,CAAC;QACF,IAAI,EAAE,IAAA,WAAG,EAAC;YACR,SAAS,EAAE,CAAC;YACZ,YAAY,EAAE,CAAC;YACf,KAAK,EAAE,GAAG;YACV,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,CAAC;QACF,MAAM,EAAE,IAAA,WAAG,EAAC;YACV,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB,CAAC;QACF,SAAS,EAAE,IAAA,WAAG,EAAC;YACb,QAAQ,EAAE,QAAQ;SACnB,CAAC;QACF,QAAQ,EAAE,IAAA,WAAG,EAAC;YACZ,YAAY,EAAE,UAAU;YACxB,SAAS,EAAE,QAAQ;YACnB,cAAc,EAAE,YAAY;YAC5B,KAAK,EAAE,KAAK;SACb,CAAC;QACF,UAAU,EAAE,IAAA,WAAG,EAAC;YACd,SAAS,EAAE,CAAC,CAAC;YACb,WAAW,EAAE,OAAO,CAAC,MAAM;YAC3B,OAAO,EAAE,OAAO,CAAC,IAAI;YACrB,4BAA4B;oBAC1B,SAAS,EAAE,MAAM;oBACjB,QAAQ,EAAE,QAAQ,CAAC,IAAI;oBACvB,OAAO,EAAE,CAAC;;gBACV,GAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;oBAChC,QAAQ,EAAE,QAAQ,CAAC,KAAK;iBACzB;gBACD,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;oBAC/B,QAAQ,EAAE,QAAQ,CAAC,OAAO;iBAC3B;mBACF;SACF,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}

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