@mvf/external-components 3.20.2 → 3.21.0

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;

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

@@ -0,0 +1,129 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@emotion/react");
+var makeTileLayoutStyling = function (_a) {
+    var _b, _c, _d;
+    var tileCount = _a.tileCount;
+    var theme = (0, react_1.useTheme)();
+    var _e = theme.breakpoints.values, desktopLarge = _e.desktopLarge, desktopMedium = _e.desktopMedium, mobileMedium = _e.mobileMedium, tabletMedium = _e.tabletMedium, tabletSmall = _e.tabletSmall;
+    return {
+        root: (0, react_1.css)({
+            '&.MuiGrid-spacing-xs-1': (_b = {
+                    margin: '0 auto',
+                    width: '100%'
+                },
+                _b[theme.breakpoints.up('desktopLarge')] = __assign(__assign({}, ((tileCount === 9 ||
+                    tileCount === 8 ||
+                    tileCount === 7 ||
+                    tileCount === 4) && {
+                    maxWidth: 1080,
+                })), ((tileCount === 6 || tileCount === 5 || tileCount === 3) && {
+                    maxWidth: 700,
+                })),
+                _b[theme.breakpoints.between(tabletMedium, desktopLarge)] = __assign(__assign({}, (tileCount === 4 && {
+                    maxWidth: 500,
+                })), ((tileCount === 9 ||
+                    tileCount === 8 ||
+                    tileCount === 7 ||
+                    tileCount === 6 ||
+                    tileCount === 5 ||
+                    tileCount === 3) && {
+                    maxWidth: 700,
+                })),
+                _b[theme.breakpoints.between(tabletSmall, tabletMedium)] = __assign(__assign({}, (tileCount === 4 && {
+                    maxWidth: 350,
+                })), ((tileCount === 9 ||
+                    tileCount === 8 ||
+                    tileCount === 7 ||
+                    tileCount === 6 ||
+                    tileCount === 5 ||
+                    tileCount === 3) && {
+                    maxWidth: 600,
+                })),
+                _b[theme.breakpoints.down(tabletSmall)] = {
+                    maxWidth: 350,
+                },
+                _b),
+            '&.MuiGrid-spacing-xs-1 > .MuiGrid-item': (_c = {},
+                _c[theme.breakpoints.up('desktopLarge')] = {
+                    padding: 10,
+                },
+                _c[theme.breakpoints.between(desktopMedium, desktopLarge)] = {
+                    padding: 10,
+                },
+                _c[theme.breakpoints.between(tabletMedium, desktopMedium)] = {
+                    padding: 7.5,
+                },
+                _c[theme.breakpoints.between(tabletSmall, tabletMedium)] = {
+                    padding: 6.5,
+                },
+                _c[theme.breakpoints.between(mobileMedium, tabletSmall)] = {
+                    padding: 6,
+                },
+                _c[theme.breakpoints.down(mobileMedium)] = {
+                    padding: 5,
+                },
+                _c),
+        }),
+        tileContainer: (0, react_1.css)((_d = {
+                minHeight: 87,
+                height: '100%',
+                width: 118,
+                margin: 'auto'
+            },
+            _d[theme.breakpoints.up('mobileMedium')] = {
+                width: 132,
+                minHeight: 97,
+            },
+            _d[theme.breakpoints.up('mobileLarge')] = {
+                width: 139,
+                minHeight: 102,
+            },
+            _d[theme.breakpoints.up('tabletSmall')] = __assign({ width: 142, minHeight: 105 }, (tileCount === 2 && {
+                width: 190,
+                minHeight: 140,
+                '& img': {
+                    height: 59,
+                },
+            })),
+            _d[theme.breakpoints.up('tabletMedium')] = __assign({ width: 183, minHeight: 135 }, (tileCount === 2 && {
+                width: 220,
+                minHeight: 162,
+                '& img': {
+                    height: 68,
+                },
+            })),
+            _d[theme.breakpoints.up('desktopMedium')] = __assign({ width: 209, minHeight: 154 }, (tileCount === 2 && {
+                width: 240,
+                minHeight: 177,
+                '& img': {
+                    height: 75,
+                },
+            })),
+            _d[theme.breakpoints.up('desktopLarge')] = __assign({}, (tileCount === 2 && {
+                width: 250,
+                minHeight: 184,
+                '& img': {
+                    height: 78,
+                },
+            })),
+            _d)),
+        imgDiv: (0, react_1.css)({
+            display: 'flex',
+            justifyContent: 'center',
+        }),
+    };
+};
+exports.default = makeTileLayoutStyling;
+//# sourceMappingURL=makeTileLayoutStyling.js.map

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

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

package/Experiments/CRO584/Organisms/__helpers__/Options.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare const Options: ({ Icon, layout, count, type, hasOtherOption, text, }: {
+    Icon?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+    type: "radio" | "checkbox" | "iconTileRadioButton" | "iconTileCheckbox";
+    layout: "tile" | "list";
+    count: number;
+    text: string;
+    hasOtherOption: boolean;
+}) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export default Options;