@mvf/external-components 3.20.0 → 3.21.0

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+"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 Options_1 = __importDefault(require("../__helpers__/Options"));
+var RadioGroup_1 = __importDefault(require("./RadioGroup"));
+var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
+var RadioGroupStory = function (_a) {
+    var iconType = _a.iconType, defaultSelectedId = _a.defaultSelectedId, itemsCount = _a.itemsCount, layout = _a.layout, hasOtherOption = _a.hasOtherOption, parentContainerWidth = _a.parentContainerWidth, text = _a.text;
+    var onChange = function (currentId) {
+        (0, addon_actions_1.action)('SelectedId')(currentId);
+    };
+    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, { defaultSelectedId: defaultSelectedId, onChange: onChange, experimentName: "default", children: (0, jsx_runtime_1.jsx)(Options_1.default, { Icon: Icon, layout: layout, count: itemsCount, hasOtherOption: hasOtherOption, type: layout === 'list' ? 'radio' : 'iconTileRadioButton', text: text }) }) }));
+};
+exports.default = RadioGroupStory;
+//# sourceMappingURL=RadioGroupStory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Organisms/RadioGroup/RadioGroupStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAElD,mEAA6C;AAC7C,4DAAsC;AACtC,sEAA2D;AAY3D,IAAM,eAAe,GAAwB,UAAC,EAQ7C;QAPC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,oBAAoB,0BAAA,EACpB,IAAI,UAAA;IAEJ,IAAM,QAAQ,GAAG,UAAC,SAA6B;QAC7C,IAAA,sBAAM,EAAC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC,CAAC;IACF,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,oBAAoB,EAAE,YACzC,uBAAC,oBAAU,IACT,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAC,SAAS,YAExB,uBAAC,iBAAO,IACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB,EACzD,IAAI,EAAE,IAAI,GACV,GACS,GACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

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

@@ -0,0 +1,4 @@
+declare const defaultProps: {
+    onChange: () => void;
+};
+export default defaultProps;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    onChange: function () {
+        /* do nothing */
+    },
+};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Organisms/RadioGroup/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;CACF,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

package/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ISvgs } from '../../../../Assets/svgs/svgs';
+type TileLayoutStoryType = React.FunctionComponent<{
+    itemsCount: number;
+    iconType: keyof ISvgs;
+    text: string;
+}>;
+declare const TileLayoutStory: TileLayoutStoryType;
+export default TileLayoutStory;

package/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.js

@@ -0,0 +1,80 @@
+"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 () {
+    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 addon_actions_1 = require("@storybook/addon-actions");
+var lodash_1 = require("lodash");
+var React = __importStar(require("react"));
+var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
+var IconTileCheckBox_1 = __importDefault(require("../../Molecules/IconTileCheckBox/IconTileCheckBox"));
+var generateMenuItems_1 = __importDefault(require("../__helpers__/generateMenuItems"));
+var TileLayout_1 = __importDefault(require("./TileLayout"));
+var TileLayoutStory = function (_a) {
+    var itemsCount = _a.itemsCount, text = _a.text, iconType = _a.iconType;
+    var imageSrc = svgs_1.default[iconType];
+    var _b = React.useState((0, generateMenuItems_1.default)(itemsCount, text)), items = _b[0], updateItems = _b[1];
+    React.useLayoutEffect(function () {
+        updateItems((0, generateMenuItems_1.default)(itemsCount, text));
+    }, [itemsCount]);
+    var handleClick = function (_a) {
+        var _b;
+        var id = _a.id, selected = _a.selected;
+        (0, addon_actions_1.action)('Clicked')(id, selected);
+        var item = items[id];
+        var newState = __assign(__assign({}, items), (_b = {}, _b[id] = __assign(__assign({}, item), { selected: selected }), _b));
+        updateItems(newState);
+    };
+    var renderCheckbox = function (_a) {
+        var id = _a.id, selected = _a.selected;
+        return ((0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: id, Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), onClick: handleClick, text: text, selected: selected, experimentName: "default" }, id));
+    };
+    return ((0, jsx_runtime_1.jsx)(TileLayout_1.default, { experimentName: "default", children: (0, lodash_1.map)(items, renderCheckbox) }));
+};
+exports.default = TileLayoutStory;
+//# sourceMappingURL=IconTileCheckBoxStory.js.map

package/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconTileCheckBoxStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,iCAA6B;AAC7B,2CAA+B;AAC/B,sEAA2D;AAI3D,uGAAiF;AACjF,uFAAiE;AACjE,4DAAsC;AAQtC,IAAM,eAAe,GAAwB,UAAC,EAI7C;QAHC,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,QAAQ,cAAA;IAER,IAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,CAAC;IAE1B,IAAA,KAAuB,KAAK,CAAC,QAAQ,CACzC,IAAA,2BAAiB,EAAC,UAAU,EAAE,IAAI,CAAC,CACpC,EAFM,KAAK,QAAA,EAAE,WAAW,QAExB,CAAC;IAEF,KAAK,CAAC,eAAe,CAAC;QACpB,WAAW,CAAC,IAAA,2BAAiB,EAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAM,WAAW,GAAG,UAAC,EAGa;;YAFhC,EAAE,QAAA,EACF,QAAQ,cAAA;QAER,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QAChC,IAAM,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;QACvB,IAAM,QAAQ,yBACT,KAAK,gBACP,EAAE,0BACE,IAAI,KACP,QAAQ,UAAA,SAEX,CAAC;QACF,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,EAAuC;YAArC,EAAE,QAAA,EAAE,QAAQ,cAAA;QAA8B,OAAA,CAClE,uBAAC,0BAAgB,IACf,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,aAAa,GAAG,EAC9C,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAElB,cAAc,EAAC,SAAS,IADnB,EAAE,CAEP,CACH;IAVmE,CAUnE,CAAC;IAEF,OAAO,CACL,uBAAC,oBAAU,IAAC,cAAc,EAAC,SAAS,YACjC,IAAA,YAAG,EAAC,KAAK,EAAE,cAAc,CAAC,GAChB,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ISvgs } from '../../../../Assets/svgs/svgs';
+type TileLayoutStoryType = React.FunctionComponent<{
+    itemsCount: number;
+    iconType: keyof ISvgs;
+    text: string;
+}>;
+declare const TileLayoutStory: TileLayoutStoryType;
+export default TileLayoutStory;

package/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.js

@@ -0,0 +1,83 @@
+"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 () {
+    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 addon_actions_1 = require("@storybook/addon-actions");
+var lodash_1 = require("lodash");
+var React = __importStar(require("react"));
+var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
+var IconTileRadioButton_1 = __importDefault(require("../../Molecules/IconTileRadioButton/IconTileRadioButton"));
+var RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/RadioGroupContext"));
+var generateMenuItems_1 = __importDefault(require("../__helpers__/generateMenuItems"));
+var TileLayout_1 = __importDefault(require("./TileLayout"));
+var TileLayoutStory = function (_a) {
+    var itemsCount = _a.itemsCount, text = _a.text, iconType = _a.iconType;
+    var imageSrc = svgs_1.default[iconType];
+    var _b = React.useState(undefined), selectedId = _b[0], setSelectedId = _b[1];
+    var _c = React.useState((0, generateMenuItems_1.default)(itemsCount, text)), items = _c[0], updateItems = _c[1];
+    React.useLayoutEffect(function () {
+        updateItems((0, generateMenuItems_1.default)(itemsCount, text));
+    }, [itemsCount]);
+    var handleClick = function (_a) {
+        var _b;
+        var id = _a.id;
+        (0, addon_actions_1.action)('Clicked')(id);
+        setSelectedId(id);
+        var item = items[id];
+        var newState = __assign(__assign({}, items), (_b = {}, _b[id] = __assign({}, item), _b));
+        updateItems(newState);
+    };
+    var renderCheckbox = function (_a) {
+        var id = _a.id;
+        return ((0, jsx_runtime_1.jsx)(IconTileRadioButton_1.default, { id: id, Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), onClick: handleClick, text: text, experimentName: "default" }, id));
+    };
+    return ((0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, { value: { selectedId: selectedId, setSelectedId: setSelectedId }, children: (0, jsx_runtime_1.jsx)(TileLayout_1.default, { experimentName: "default", children: (0, lodash_1.map)(items, renderCheckbox) }) }));
+};
+exports.default = TileLayoutStory;
+//# sourceMappingURL=IconTileRadioButtonStory.js.map

package/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconTileRadioButtonStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,iCAA6B;AAC7B,2CAA+B;AAC/B,sEAA2D;AAI3D,gHAA0F;AAC1F,mGAA6E;AAC7E,uFAAiE;AACjE,4DAAsC;AAQtC,IAAM,eAAe,GAAwB,UAAC,EAI7C;QAHC,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,QAAQ,cAAA;IAER,IAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,CAAC;IAE1B,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAChD,SAAS,CACV,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAC;IAEI,IAAA,KAAuB,KAAK,CAAC,QAAQ,CACzC,IAAA,2BAAiB,EAAC,UAAU,EAAE,IAAI,CAAC,CACpC,EAFM,KAAK,QAAA,EAAE,WAAW,QAExB,CAAC;IAEF,KAAK,CAAC,eAAe,CAAC;QACpB,WAAW,CAAC,IAAA,2BAAiB,EAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAM,WAAW,GAAG,UAAC,EAA0C;;YAAxC,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;QACtB,aAAa,CAAC,EAAE,CAAC,CAAC;QAClB,IAAM,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;QACvB,IAAM,QAAQ,yBACT,KAAK,gBACP,EAAE,iBACE,IAAI,OAEV,CAAC;QACF,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,EAAgC;YAA9B,EAAE,QAAA;QAAiC,OAAA,CAC3D,uBAAC,6BAAmB,IAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,aAAa,GAAG,EAC9C,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EAEV,cAAc,EAAC,SAAS,IADnB,EAAE,CAEP,CACH;IAT4D,CAS5D,CAAC;IAEF,OAAO,CACL,uBAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,YAC9D,uBAAC,oBAAU,IAAC,cAAc,EAAC,SAAS,YACjC,IAAA,YAAG,EAAC,KAAK,EAAE,cAAc,CAAC,GAChB,GACc,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

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

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import IComponentProps from './IComponentProps';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+export type TileLayoutType = FunctionComponent<WithExperimentName<IComponentProps>>;
+declare const TileLayout: TileLayoutType;
+export default TileLayout;

package/Experiments/CRO584/Organisms/TileLayout/TileLayout.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");
+/** @jsxImportSource @emotion/react */
+var Grid_1 = __importDefault(require("@mui/material/Grid"));
+var lodash_1 = require("lodash");
+var react_1 = require("react");
+var makeTileLayoutStyling_1 = __importDefault(require("./makeTileLayoutStyling"));
+var TileLayout = function (_a) {
+    var children = _a.children;
+    var styles = (0, makeTileLayoutStyling_1.default)({ tileCount: react_1.Children.count(children) });
+    var renderTile = function (child, index) { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, "data-testid": "grid-".concat(index), children: (0, jsx_runtime_1.jsx)("div", { css: styles.tileContainer, children: child }) }, index)); };
+    return ((0, jsx_runtime_1.jsx)(Grid_1.default, { css: styles.root, container: true, justifyContent: "center", spacing: 1, "data-testid": "tile-layout-container", children: (0, lodash_1.map)(children, renderTile) }));
+};
+exports.default = TileLayout;
+//# sourceMappingURL=TileLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TileLayout.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Organisms/TileLayout/TileLayout.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,4DAAwC;AACxC,iCAA6B;AAC7B,+BAA2D;AAE3D,kFAA4D;AAO5D,IAAM,UAAU,GAAmB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAC5C,IAAM,MAAM,GAAG,IAAA,+BAAqB,EAAC,EAAE,SAAS,EAAE,gBAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE9E,IAAM,UAAU,GAAG,UAAC,KAAsB,EAAE,KAAa,IAAK,OAAA,CAC5D,uBAAC,cAAM,IAAC,IAAI,uBAA0B,eAAQ,KAAK,CAAE,YACnD,gCAAK,GAAG,EAAE,MAAM,CAAC,aAAa,YAAG,KAAK,GAAO,IAD7B,KAAK,CAEd,CACV,EAJ6D,CAI7D,CAAC;IAEF,OAAO,CACL,uBAAC,cAAM,IACL,GAAG,EAAE,MAAM,CAAC,IAAI,EAChB,SAAS,QACT,cAAc,EAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,iBACE,uBAAuB,YAElC,IAAA,YAAG,EAAC,QAAQ,EAAE,UAAU,CAAC,GACnB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var IconTileCheckBox_1 = __importDefault(require("../../Molecules/IconTileCheckBox/IconTileCheckBox"));
+var TileLayout_1 = __importDefault(require("./TileLayout"));
+var imageSrc = svgs_1.default.truck;
+describe('<TileLayout />', function () {
+    it('should display children in grid items', function () {
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(TileLayout_1.default, { experimentName: "default", children: [(0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'test-id-one', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'child-1', experimentName: "default" }), (0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'test-id-two', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'child-2', experimentName: "default" })] })), getByText = _a.getByText, queryByTestId = _a.queryByTestId;
+        expect(getByText('child-1')).toBeTruthy();
+        expect(getByText('child-2')).toBeTruthy();
+        expect(queryByTestId('grid-0')).toBeInTheDocument();
+        expect(queryByTestId('grid-1')).toBeInTheDocument();
+        expect(queryByTestId('grid-2')).not.toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=TileLayout.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TileLayout.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Organisms/TileLayout/TileLayout.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sEAAgD;AAChD,sGAAgF;AAChF,uGAAiF;AACjF,4DAAsC;AAEtC,IAAM,QAAQ,GAAG,cAAI,CAAC,KAAK,CAAC;AAE5B,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,uCAAuC,EAAE;QACpC,IAAA,KAA+B,IAAA,6BAAmB,EACtD,wBAAC,oBAAU,IAAC,cAAc,EAAC,SAAS,aAClC,uBAAC,0BAAgB,IACf,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,SAAS,EACf,cAAc,EAAC,SAAS,GACxB,EACF,uBAAC,0BAAgB,IACf,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,SAAS,EACf,cAAc,EAAC,SAAS,GACxB,IACS,CACd,EAfO,SAAS,eAAA,EAAE,aAAa,mBAe/B,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAC1C,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAC1C,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACpD,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACpD,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

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

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

package/Experiments/CRO584/Organisms/TileLayout/makeTileLayoutStyling.d.ts

@@ -0,0 +1,9 @@
+interface ITileLayoutStyleProps {
+    tileCount: number;
+}
+declare const makeTileLayoutStyling: ({ tileCount }: ITileLayoutStyleProps) => {
+    root: import("@emotion/react").SerializedStyles;
+    tileContainer: import("@emotion/react").SerializedStyles;
+    imgDiv: import("@emotion/react").SerializedStyles;
+};
+export default makeTileLayoutStyling;