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

package/Experiments/Example/Molecules/CheckBox/CheckBox.js

@@ -0,0 +1,123 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var Grid_1 = __importDefault(require("@mui/material/Grid"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var react_1 = require("react");
+var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"));
+var Text_1 = __importDefault(require("../../Atoms/Text"));
+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 makeCheckBoxStyling_1 = __importStar(require("./makeCheckBoxStyling"));
+var CheckBox = function (_a) {
+    var showText = _a.showText, Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, selected = _a.selected, text = _a.text;
+    var _b = (0, react_1.useState)(selected), isSelected = _b[0], setIsSelected = _b[1];
+    var _c = (0, react_1.useState)(false), isFocused = _c[0], setIsFocused = _c[1];
+    var _d = (0, react_1.useState)(otherInputValue), otherValue = _d[0], setOtherValue = _d[1];
+    var styles = (0, makeCheckBoxStyling_1.default)();
+    var otherInputRef = (0, react_1.useRef)(null);
+    var isIconPresent = !!Icon;
+    var isOtherInputPresent = (isOtherOption && isFocused) || !!otherValue;
+    var handleBlur = function (event) {
+        if (event) {
+            event.stopPropagation();
+        }
+        if (!isSelected) {
+            setIsFocused(false);
+            if (!otherValue) {
+                setIsSelected(false);
+            }
+        }
+        if (isSelected && isFocused && !otherValue) {
+            setTimeout(function () {
+                setIsSelected(false);
+                setIsFocused(false);
+            }, 100);
+        }
+    };
+    var handleClick = function () {
+        onClick({ id: id, selected: !selected });
+        if (!isSelected && (0, browserAndDeviceDetection_1.isIOS)() && isOtherOption) {
+            (0, deviceSpecificHandlers_1.iosFocusHandler)(otherInputRef);
+        }
+        setIsSelected(!isSelected);
+        setIsFocused(true);
+    };
+    var handleInputClick = function (e) {
+        var _a;
+        e.stopPropagation();
+        (_a = otherInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        setIsSelected(true);
+        onClick({ id: id, selected: true });
+    };
+    var handleKeyDown = function (event) {
+        onKeyDown(event);
+        if (event.key === 'Enter' && otherInputRef.current) {
+            if (!otherValue) {
+                setIsSelected(false);
+                setIsFocused(false);
+            }
+            otherInputRef.current.blur();
+        }
+    };
+    var onOtherTextFieldChange = function (inputChangeEvent) {
+        onChange(inputChangeEvent);
+        setOtherValue(inputChangeEvent.value);
+        setIsSelected(!!inputChangeEvent.value);
+    };
+    (0, react_1.useEffect)(function () {
+        if (isSelected && otherInputRef.current) {
+            otherInputRef.current.focus();
+        }
+    }, [isSelected]);
+    var renderOtherInput = function () { return ((0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ item: true, css: styles.textGrid }, { children: (0, jsx_runtime_1.jsx)(Box_1.default, __assign({ css: styles.otherInput, marginRight: isIconPresent ? '45px' : '1.2rem' }, { children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "otherInputTextfield:".concat(id), id: id, placeholder: text, onClick: handleInputClick, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue }) })) }))); };
+    var renderTextContent = function () { return ((0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ item: true, css: styles.textGrid, "data-testid": "centerText:".concat(id) }, { children: (0, jsx_runtime_1.jsx)(Box_1.default, { children: (0, jsx_runtime_1.jsx)(Text_1.default, __assign({ variant: "listItem", align: 'center' }, { children: text })) }) }))); };
+    var renderIcon = function (location) { return ((0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ item: true, css: location === 'center' ? styles.centerIcon : styles.leftIcon }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: styles.imgDiv, "data-testid": "".concat(location, "CheckboxIcon") }, { children: Icon })) }))); };
+    var renderRightPlaceholder = function () {
+        return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: (0, makeCheckBoxStyling_1.getPlaceholderStyles)(true, isIconPresent) }));
+    };
+    return ((0, jsx_runtime_1.jsx)(CardButton_1.default, __assign({ selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "checkboxCardButton", outlined: isSelected, onBlur: handleBlur }, { children: (0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ container: true, css: styles.grid, justifyContent: "flex-start", alignItems: "center", wrap: "nowrap" }, { children: (0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ container: true, alignItems: "center", css: styles.innerGrid }, { children: showText ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isIconPresent && renderIcon('left'), isOtherInputPresent ? renderOtherInput() : renderTextContent(), isIconPresent && renderRightPlaceholder()] })) : (renderIcon('center')) })) })) })));
+};
+CheckBox.defaultProps = defaultProps_1.default;
+exports.default = CheckBox;
+//# sourceMappingURL=CheckBox.js.map

package/Experiments/Example/Molecules/CheckBox/CheckBox.js.map

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

package/Experiments/Example/Molecules/CheckBox/CheckBox.test.d.ts

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

package/Experiments/Example/Molecules/CheckBox/CheckBox.test.js

@@ -0,0 +1,289 @@
+"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;
+    return g = { next: verb(0), "throw": verb(1), "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 (_) 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");
+/** @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 ErrorMessageProvider_1 = require("../../../../Components/Atoms/ErrorMessageProvider/ErrorMessageProvider");
+var CheckBox_1 = __importDefault(require("./CheckBox"));
+var imageSrc = svgs_1.default.truck;
+describe('<CheckBox />', function () {
+    describe('isOtherOption', function () {
+        describe('props', function () {
+            it('should be selected by prop', function () {
+                var callback = jest.fn();
+                var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, otherInputValue: 'Test', selected: true })).getByTestId;
+                var checkboxCardButton = getByTestId('checkboxCardButton');
+                expect(checkboxCardButton.dataset.selected).toBe('true');
+            });
+            // This experiment will not show a checkbox
+            xit('should be checked by prop', function () {
+                var callback = jest.fn();
+                (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'exampleId', text: 'test', isOtherOption: true, onChange: callback, otherInputValue: 'Test', selected: true }));
+                var checkbox = react_1.screen.getByRole('checkbox');
+                expect(checkbox).toBeChecked();
+            });
+        });
+        describe('clicks', function () {
+            it('should call onClick function if checkbox is clicked', function () {
+                var callback = jest.fn();
+                var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', onClick: callback })).getByText;
+                getByText('test').click();
+                expect(callback).toHaveBeenCalled();
+            });
+            // This experiment will not show a checkbox
+            xit('should add a check mark when card is clicked and maintain it when given an input value', function () {
+                var callback = jest.fn();
+                var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, selected: false })).getByTestId;
+                var checkboxCardButton = getByTestId('checkboxCardButton');
+                checkboxCardButton.click();
+                var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
+                expect(checkbox).toBeChecked();
+                var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
+                react_1.fireEvent.change(input, { target: { value: 'Test' } });
+                expect(checkbox).toBeChecked();
+            });
+            it('should focus on textfield when it the card is clicked', function () {
+                var _a;
+                var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', selected: false, isOtherOption: true })).getByTestId;
+                getByTestId('checkboxCardButton').click();
+                var input = getByTestId('checkboxCardButton');
+                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);
+            });
+            // This experiment will not show a checkbox
+            xit('should un-focus the component when checkbox directly clicked', function () {
+                // GIVEN the checkbox is clicked and no value is entered to the textfield
+                (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true }));
+                react_1.screen.getByRole('checkbox').click();
+                var component = react_1.screen.getByTestId('checkboxCardButton');
+                var input = react_1.screen.getByPlaceholderText('test');
+                expect(input).toHaveFocus();
+                // WHEN the checkbox is clicked again
+                react_1.screen.getByRole('checkbox').click();
+                // THEN the checkbox is unchecked
+                expect(component).not.toHaveFocus();
+            });
+            // This experiment will not show a checkbox
+            xit('should un-check the checkbox when checkbox is clicked', function () {
+                var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, selected: true, otherInputValue: "test value" })), getByRole = _a.getByRole, getByTestId = _a.getByTestId;
+                getByRole('checkbox').click();
+                var checkbox = getByTestId('leftCheckbox:id');
+                expect(checkbox).not.toBeChecked();
+            });
+            // This experiment will not show a checkbox
+            xit('should un-check the checkbox when card is clicked', function () {
+                var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, selected: true, otherInputValue: "test value" })).getByTestId;
+                var checkbox = getByTestId('leftCheckbox:id');
+                if (checkbox) {
+                    checkbox.click();
+                }
+                expect(checkbox).not.toBeChecked();
+            });
+            // This experiment will not show a checkbox
+            xit('should focus the textfield when the checkbox is clicked', function () {
+                var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true })), getByRole = _a.getByRole, getByTestId = _a.getByTestId;
+                getByRole('checkbox').click();
+                var textbox = getByTestId('otherInputTextfield:id');
+                var input = textbox.querySelector('input');
+                expect(input).toHaveFocus();
+                expect(textbox).toBeInTheDocument();
+                expect(document.activeElement).toBe(input);
+            });
+        });
+        describe('when textfield is updated', function () {
+            it('should call onChange', function () {
+                var callback = jest.fn();
+                var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'test id', text: 'test', selected: true, isOtherOption: true, onChange: callback, otherInputValue: "test value" })).getByTestId;
+                var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
+                react_1.fireEvent.change(input, { target: { value: 'New value' } });
+                expect(callback).toHaveBeenCalledWith({
+                    id: 'test id',
+                    value: 'New value',
+                });
+                expect(input.value).toEqual('New value');
+            });
+            it('should select the card component', function () {
+                var callback = jest.fn();
+                var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback })).getByTestId;
+                var checkboxCardButton = getByTestId('checkboxCardButton');
+                checkboxCardButton.click();
+                var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
+                react_1.fireEvent.change(input, { target: { value: 'Test' } });
+                expect(checkboxCardButton.dataset.selected).toBe('true');
+            });
+        });
+        it('should call onKeyDown and blur the input when enter is pressed', function () {
+            var callback = jest.fn();
+            var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: '1', text: 'test', onKeyDown: callback, isOtherOption: true, otherInputValue: "test value" })).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 select the card component on click when a value is already present and the card is not selected by default', function () {
+            var callback = jest.fn();
+            var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, otherInputValue: 'Test', selected: false })).getByTestId;
+            var checkboxCardButton = getByTestId('checkboxCardButton');
+            checkboxCardButton.click();
+            expect(checkboxCardButton.dataset.selected).toBe('true');
+        });
+        it('should select the card component when the other option is clicked', function () {
+            var callback = jest.fn();
+            var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback })).getByTestId;
+            var checkboxCardButton = getByTestId('checkboxCardButton');
+            checkboxCardButton.click();
+            expect(checkboxCardButton.dataset.selected).toBe('true');
+        });
+        // This experiment will not show a checkbox
+        xit('should lose a check mark when input value is undefined and field is blurred', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var callback, getByTestId, checkboxCardButton, checkbox, input;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        callback = jest.fn();
+                        getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, selected: false })).getByTestId;
+                        checkboxCardButton = getByTestId('checkboxCardButton');
+                        checkboxCardButton.click();
+                        checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
+                        expect(checkbox).toBeChecked();
+                        input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
+                        react_1.fireEvent.change(input, { target: { value: undefined } });
+                        expect(checkbox).toBeChecked();
+                        react_1.fireEvent.blur(input);
+                        return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                                expect(checkbox).not.toBeChecked();
+                            })];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('not other option', function () {
+        describe('when no icon is present', function () {
+            it('should display left aligned checkbox text by default', function () {
+                var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.ErrorMessageProvider, { children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test' }) })), getByText = _a.getByText, getByTestId = _a.getByTestId;
+                expect(getByText('test')).toBeTruthy();
+                // This experiment will center the text within the checkbox
+                expect(getByTestId('centerText:id')).toBeInTheDocument();
+            });
+            it('should display center aligned checkbox text', function () {
+                var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.ErrorMessageProvider, { children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', textAlign: "center" }) })), getByText = _a.getByText, getByTestId = _a.getByTestId;
+                expect(getByText('test')).toBeTruthy();
+                expect(getByTestId('centerText:id')).toBeInTheDocument();
+            });
+            it('should hide checkbox text when showText is false', function () {
+                var queryByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.ErrorMessageProvider, { children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', showText: false }) })).queryByText;
+                expect(queryByText('test')).not.toBeTruthy();
+            });
+            // This experiment will show a checkbox
+            xit('should begin unchecked and can be checked', function () {
+                var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test' })), getByText = _a.getByText, getByTestId = _a.getByTestId;
+                getByText('test').click();
+                var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
+                expect(checkbox).toBeChecked();
+            });
+            // This experiment will not show a checkbox
+            xit('should begin checked and be unchecked', function () {
+                var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', selected: true })), getByText = _a.getByText, getByTestId = _a.getByTestId;
+                var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
+                expect(checkbox).toBeChecked();
+                getByText('test').click();
+                expect(checkbox).not.toBeChecked();
+            });
+            it('should not display textfield unless specified', function () {
+                var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', selected: true })).getByTestId;
+                var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
+                expect(input).toBeNull();
+            });
+            it('should not display an icon by default', function () {
+                var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.ErrorMessageProvider, { children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test' }) })).queryByTestId;
+                expect(queryByTestId('checkboxIcon')).not.toBeInTheDocument();
+                // This experiment will show a checkbox
+                expect(queryByTestId('leftCheckbox:id')).not.toBeInTheDocument();
+                expect(queryByTestId('rightCheckbox:id')).not.toBeInTheDocument();
+            });
+        });
+        describe('when an icon is present', function () {
+            it('should display a supplied Icon with left aligned text', function () {
+                var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.ErrorMessageProvider, { children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }) }) })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
+                expect(getByTestId('leftCheckboxIcon')).toBeInTheDocument();
+                // The checkbox should not be present if the checkbox is unselected
+                expect(queryByTestId('leftCheckbox:id')).not.toBeInTheDocument();
+                expect(queryByTestId('rightCheckbox:id')).not.toBeInTheDocument();
+                // This experiment will center the text within the checkbox
+                // expect(getByTestId('leftText:id')).toBeInTheDocument();
+                expect(getByTestId('centerText:id')).toBeInTheDocument();
+            });
+            it('should display a supplied Icon with centrally aligned text', function () {
+                var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.ErrorMessageProvider, { children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), textAlign: "center" }) })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
+                expect(getByTestId('leftCheckboxIcon')).toBeInTheDocument();
+                // The checkbox should not be present if the checkbox is unselected
+                expect(queryByTestId('leftCheckbox:id')).not.toBeInTheDocument();
+                expect(queryByTestId('rightCheckbox:id')).not.toBeInTheDocument();
+                expect(getByTestId('centerText:id')).toBeInTheDocument();
+            });
+            it('should display a left justified Icon and a right justified checkbox if selected', function () {
+                var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.ErrorMessageProvider, { children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), selected: true }) })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
+                expect(getByTestId('leftCheckboxIcon')).toBeInTheDocument();
+                expect(queryByTestId('centerCheckboxIcon')).not.toBeInTheDocument();
+                expect(queryByTestId('leftCheckbox:id')).not.toBeInTheDocument();
+                // This experiment will not show a checkbox
+                expect(queryByTestId('rightCheckbox:id')).not.toBeInTheDocument();
+            });
+            it('should display a centralised Icon when showText is false', function () {
+                var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.ErrorMessageProvider, { children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), showText: false, selected: true }) })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
+                expect(getByTestId('centerCheckboxIcon')).toBeInTheDocument();
+                expect(queryByTestId('leftCheckboxIcon')).not.toBeInTheDocument();
+                expect(queryByTestId('leftCheckbox:id')).not.toBeInTheDocument();
+                // This experiment will not show a checkbox
+                expect(queryByTestId('rightCheckbox:id')).not.toBeInTheDocument();
+            });
+        });
+    });
+});
+//# sourceMappingURL=CheckBox.test.js.map

package/Experiments/Example/Molecules/CheckBox/CheckBox.test.js.map

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

package/Experiments/Example/Molecules/CheckBox/CheckBoxStory.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { ISvgs } from '../../../../Assets/svgs/svgs';
+declare type CheckBoxStoryType = React.FunctionComponent<{
+    error: boolean;
+    showText: boolean;
+    iconType: keyof ISvgs | 'none';
+    isOtherOption: boolean;
+    otherInputError: boolean;
+    text: string;
+    parentContainerWidth: number;
+    selected: boolean;
+    textAlign: 'left' | 'center';
+}>;
+declare const CheckBoxStory: CheckBoxStoryType;
+export default CheckBoxStory;

package/Experiments/Example/Molecules/CheckBox/CheckBoxStory.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var Grid_1 = __importDefault(require("@mui/material/Grid"));
+var addon_actions_1 = require("@storybook/addon-actions");
+var ErrorMessageProvider_1 = require("../../../../Components/Atoms/ErrorMessageProvider/ErrorMessageProvider");
+var CheckBox_1 = __importDefault(require("./CheckBox"));
+var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
+var CheckBoxStory = function (_a) {
+    var error = _a.error, showText = _a.showText, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, text = _a.text, parentContainerWidth = _a.parentContainerWidth, selected = _a.selected, textAlign = _a.textAlign;
+    var handleClick = function (_a) {
+        var id = _a.id;
+        (0, addon_actions_1.action)('Click')({ id: id, selected: selected });
+    };
+    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", __assign({ style: { width: "".concat(parentContainerWidth, "px") } }, { children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.ErrorMessageProvider, __assign({ errorMessage: error || otherInputError ? 'error' : undefined }, { children: (0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { showText: showText, Icon: Icon, id: 'id', onClick: handleClick, onKeyDown: handleKeyDown, text: text, selected: selected, isOtherOption: isOtherOption, otherInputError: otherInputError, textAlign: textAlign }) })) })) })));
+};
+exports.default = CheckBoxStory;
+//# sourceMappingURL=CheckBoxStory.js.map

package/Experiments/Example/Molecules/CheckBox/CheckBoxStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoxStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Molecules/CheckBox/CheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,4DAAyC;AACzC,0DAAkD;AAElD,+GAA8G;AAC9G,wDAAkC;AAElC,sEAA2D;AAc3D,IAAM,aAAa,GAAsB,UAAC,EAUzC;QATC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,oBAAoB,0BAAA,EACpB,QAAQ,cAAA,EACR,SAAS,eAAA;IAET,IAAM,WAAW,GAAG,UAAC,EAA+B;YAA7B,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,OAAO,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IACpC,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,yCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,oBAAoB,OAAI,EAAE,gBAChD,uBAAC,2CAAoB,aACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,gBAE5D,uBAAC,cAAO,aAAC,IAAI,sBACX,uBAAC,kBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,GACpB,IACM,IACW,IACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/Experiments/Example/Molecules/CheckBox/ICheckboxProps.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { IInputCallbackParams } from '../../Atoms/Input/IInputProps';
+export interface ICheckBoxCallbackParams {
+    id: string;
+    selected: boolean;
+}
+interface ICheckboxProps {
+    showText: boolean;
+    Icon?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+    id: string;
+    isOtherOption: boolean;
+    onClick: (item: ICheckBoxCallbackParams) => void;
+    onChange: (item: IInputCallbackParams) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    otherInputError?: boolean;
+    selected: boolean;
+    text: string;
+    otherInputValue: string;
+    textAlign: 'left' | 'center';
+}
+export default ICheckboxProps;

package/Experiments/Example/Molecules/CheckBox/ICheckboxProps.js

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

package/Experiments/Example/Molecules/CheckBox/ICheckboxProps.js.map

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

package/Experiments/Example/Molecules/CheckBox/__helpers__/renderCheckbox.d.ts

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

package/Experiments/Example/Molecules/CheckBox/__helpers__/renderCheckbox.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 CheckBox_1 = __importDefault(require("../CheckBox"));
+var renderCheckBox = function (_a) {
+    var Icon = _a.Icon, id = _a.id, text = _a.text, selected = _a.selected, onClick = _a.onClick, isOtherOption = _a.isOtherOption;
+    return ((0, jsx_runtime_1.jsx)(CheckBox_1.default, { Icon: Icon, id: id, onClick: onClick, text: text, selected: selected, isOtherOption: isOtherOption }, id));
+};
+exports.default = renderCheckBox;
+//# sourceMappingURL=renderCheckbox.js.map

package/Experiments/Example/Molecules/CheckBox/__helpers__/renderCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderCheckbox.js","sourceRoot":"","sources":["../../../../../../src/Experiments/Example/Molecules/CheckBox/__helpers__/renderCheckbox.tsx"],"names":[],"mappings":";;;;;;AAAA,yDAAmC;AAGnC,IAAM,cAAc,GAAG,UAAC,EAOP;QANf,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,aAAa,mBAAA;IACO,OAAA,CACpB,uBAAC,kBAAQ,IACP,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAElB,aAAa,EAAE,aAAa,IADvB,EAAE,CAEP,CACH;AAVqB,CAUrB,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/Experiments/Example/Molecules/CheckBox/defaultProps.d.ts

@@ -0,0 +1,12 @@
+declare const defaultProps: {
+    showText: boolean;
+    isOtherOption: boolean;
+    onBlur: () => void;
+    onClick: () => void;
+    onChange: () => void;
+    onKeyDown: () => void;
+    otherInputValue: string;
+    selected: boolean;
+    textAlign: "left" | "center";
+};
+export default defaultProps;

package/Experiments/Example/Molecules/CheckBox/defaultProps.js

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

package/Experiments/Example/Molecules/CheckBox/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Molecules/CheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;IACd,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,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,MAA2B;CACvC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Experiments/Example/Molecules/CheckBox/index.d.ts

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