@mvf/external-components 1.10.2 → 1.11.0

package/Components/Organisms/{RadioButtonGroup/RadioButtonGroup.test.js → RadioGroup/RadioGroup.test.js}

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -62,18 +62,18 @@ var react_1 = __importStar(require("react"));
 var core_1 = require("@material-ui/core");
 var react_2 = require("@testing-library/react");
 var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
-var RadioButtonGroup_1 = __importDefault(require("./RadioButtonGroup"));
+var RadioGroup_1 = __importDefault(require("./RadioGroup"));
 var RadioButton_1 = __importDefault(require("../../Molecules/RadioButton/RadioButton"));
-describe('<RadioButtonGroup />', function () {
+describe('<RadioGroup />', function () {
     it('should display children', function () {
-        var getByText = (0, withTheme_1.default)(react_1.default.createElement(RadioButtonGroup_1.default, null,
+        var getByText = withTheme_1.default(react_1.default.createElement(RadioGroup_1.default, null,
             react_1.default.createElement(RadioButton_1.default, { id: '1', text: 'child-1' }),
             react_1.default.createElement(RadioButton_1.default, { id: '2', text: 'child-2' }))).getByText;
         expect(getByText('child-1')).toBeTruthy();
         expect(getByText('child-2')).toBeTruthy();
     });
     it('should check an item if selected', function () {
-        var _a = (0, withTheme_1.default)(react_1.default.createElement(RadioButtonGroup_1.default, null,
+        var _a = withTheme_1.default(react_1.default.createElement(RadioGroup_1.default, null,
             react_1.default.createElement(RadioButton_1.default, { id: '1', text: 'child-1' }),
             react_1.default.createElement(RadioButton_1.default, { id: '2', text: 'child-2' }))), getByTestId = _a.getByTestId, getByText = _a.getByText;
         getByText('child-1').click();
@@ -82,7 +82,7 @@ describe('<RadioButtonGroup />', function () {
     });
     it('should call onChange function with the ids to be changed', function () {
         var callback = jest.fn();
-        var getByText = (0, withTheme_1.default)(react_1.default.createElement(RadioButtonGroup_1.default, { onChange: callback },
+        var getByText = withTheme_1.default(react_1.default.createElement(RadioGroup_1.default, { onChange: callback },
             react_1.default.createElement(RadioButton_1.default, { id: '1', text: 'child-1' }),
             react_1.default.createElement(RadioButton_1.default, { id: '2', text: 'child-2' }))).getByText;
         getByText('child-1').click();
@@ -91,7 +91,7 @@ describe('<RadioButtonGroup />', function () {
         expect(callback).toHaveBeenCalledWith('2', '1');
     });
     it('should only allow one item to be selected', function () {
-        var _a = (0, withTheme_1.default)(react_1.default.createElement(RadioButtonGroup_1.default, null,
+        var _a = withTheme_1.default(react_1.default.createElement(RadioGroup_1.default, null,
             react_1.default.createElement(RadioButton_1.default, { id: '1', text: 'child-1' }),
             react_1.default.createElement(RadioButton_1.default, { id: '2', text: 'child-2' }))), getByTestId = _a.getByTestId, getByText = _a.getByText;
         getByText('child-1').click();
@@ -102,7 +102,7 @@ describe('<RadioButtonGroup />', function () {
         expect(radioTwo).toBeChecked();
     });
     it('should be able to select an item by default', function () {
-        var getByTestId = (0, withTheme_1.default)(react_1.default.createElement(RadioButtonGroup_1.default, { defaultSelectedId: "2" },
+        var getByTestId = withTheme_1.default(react_1.default.createElement(RadioGroup_1.default, { defaultSelectedId: "2" },
             react_1.default.createElement(RadioButton_1.default, { id: '1', text: 'child-1' }),
             react_1.default.createElement(RadioButton_1.default, { id: '2', text: 'child-2' }))).getByTestId;
         var radioTwo = getByTestId('toggle-2').querySelector('input[type=radio]');
@@ -114,50 +114,23 @@ describe('<RadioButtonGroup />', function () {
             switch (_b.label) {
                 case 0:
                     TestComponent = function () {
-                        var _a = (0, react_1.useState)('1'), defaultSelectedId = _a[0], setDefaultSelectedId = _a[1];
+                        var _a = react_1.useState('1'), defaultSelectedId = _a[0], setDefaultSelectedId = _a[1];
                         return (react_1.default.createElement("div", null,
-                            react_1.default.createElement(RadioButtonGroup_1.default, { defaultSelectedId: defaultSelectedId },
+                            react_1.default.createElement(RadioGroup_1.default, { defaultSelectedId: defaultSelectedId },
                                 react_1.default.createElement(RadioButton_1.default, { id: '1', text: 'child-1' }),
                                 react_1.default.createElement(RadioButton_1.default, { id: '2', text: 'child-2' })),
                             ",",
                             react_1.default.createElement(core_1.Button, { onClick: function () { return setDefaultSelectedId('2'); } }, "button")));
                     };
-                    _a = (0, withTheme_1.default)(react_1.default.createElement(TestComponent, null)), getByTestId = _a.getByTestId, getByText = _a.getByText;
+                    _a = withTheme_1.default(react_1.default.createElement(TestComponent, null)), getByTestId = _a.getByTestId, getByText = _a.getByText;
                     getByText('button').click();
                     radioTwo = getByTestId('toggle-2').querySelector('input[type=radio]');
-                    return [4 /*yield*/, (0, react_2.waitFor)(function () { return expect(radioTwo).toBeChecked(); })];
+                    return [4 /*yield*/, react_2.waitFor(function () { return expect(radioTwo).toBeChecked(); })];
                 case 1:
                     _b.sent();
                     return [2 /*return*/];
             }
         });
     }); });
-    it('should display more than 5 children in two columns', function () {
-        var getByTestId = (0, withTheme_1.default)(react_1.default.createElement(RadioButtonGroup_1.default, { defaultSelectedId: "2" },
-            react_1.default.createElement(RadioButton_1.default, { id: '1', text: 'child-1' }),
-            react_1.default.createElement(RadioButton_1.default, { id: '2', text: 'child-2' }),
-            react_1.default.createElement(RadioButton_1.default, { id: '3', text: 'child-3' }),
-            react_1.default.createElement(RadioButton_1.default, { id: '4', text: 'child-4' }),
-            react_1.default.createElement(RadioButton_1.default, { id: '5', text: 'child-5' }),
-            react_1.default.createElement(RadioButton_1.default, { id: '6', text: 'child-6' }))).getByTestId;
-        for (var i = 0; i < 6; i += 1) {
-            var gridItem = getByTestId("grid-" + i);
-            expect(gridItem).toHaveClass('MuiGrid-grid-sm-6');
-            expect(gridItem).not.toHaveClass('MuiGrid-grid-sm-12');
-        }
-    });
-    it('should display less than 6 children in one column', function () {
-        var getByTestId = (0, withTheme_1.default)(react_1.default.createElement(RadioButtonGroup_1.default, { defaultSelectedId: "2" },
-            react_1.default.createElement(RadioButton_1.default, { id: '1', text: 'child-1' }),
-            react_1.default.createElement(RadioButton_1.default, { id: '2', text: 'child-2' }),
-            react_1.default.createElement(RadioButton_1.default, { id: '3', text: 'child-3' }),
-            react_1.default.createElement(RadioButton_1.default, { id: '4', text: 'child-4' }),
-            react_1.default.createElement(RadioButton_1.default, { id: '5', text: 'child-5' }))).getByTestId;
-        for (var i = 0; i < 5; i += 1) {
-            var gridItem = getByTestId("grid-" + i);
-            expect(gridItem).not.toHaveClass('MuiGrid-grid-sm-6');
-            expect(gridItem).toHaveClass('MuiGrid-grid-sm-12');
-        }
-    });
 });
-//# sourceMappingURL=RadioButtonGroup.test.js.map
+//# sourceMappingURL=RadioGroup.test.js.map

package/Components/Organisms/RadioGroup/RadioGroup.test.js.map

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

package/Components/Organisms/RadioGroup/RadioGroupContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type RadioGroupContextType = {
+    selectedId?: string;
+    radioButtonSelected: (id: string) => void;
+};
+declare const RadioGroupContext: import("react").Context<RadioGroupContextType>;
+export default RadioGroupContext;

package/Components/Organisms/{RadioButtonGroup/RadioButtonGroupContext.js → RadioGroup/RadioGroupContext.js}

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

package/Components/Organisms/RadioGroup/RadioGroupContext.js.map

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

package/Components/Organisms/RadioGroup/RadioGroupStory.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare type RadioGroupStoryType = React.FunctionComponent<{
+    defaultSelectedId?: string;
+    itemsCount: number;
+    layout: 'list' | 'tile';
+}>;
+declare const RadioGroupStory: RadioGroupStoryType;
+export default RadioGroupStory;

package/Components/Organisms/{RadioButtonGroup/RadioButtonGroupStory.js → RadioGroup/RadioGroupStory.js}

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -25,8 +25,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var addon_actions_1 = require("@storybook/addon-actions");
 var lodash_1 = require("lodash");
 var React = __importStar(require("react"));
-var RadioButtonGroup_1 = __importDefault(require("./RadioButtonGroup"));
-var RadioButton_1 = __importDefault(require("../../Molecules/RadioButton/RadioButton"));
+var RadioGroup_1 = __importDefault(require("./RadioGroup"));
+var __1 = require("../..");
+var TrucksIcon_1 = __importDefault(require("../../../Assets/Icons/TrucksIcon"));
 var generateMenuItems = function (itemsCount) {
     var menuItems = {};
     for (var itemCount = 0; itemCount < itemsCount; itemCount += 1) {
@@ -38,21 +39,25 @@ var generateMenuItems = function (itemsCount) {
     }
     return menuItems;
 };
-var RadioButtonGroupStory = function (_a) {
-    var defaultSelectedId = _a.defaultSelectedId, itemsCount = _a.itemsCount;
+var RadioGroupStory = function (_a) {
+    var defaultSelectedId = _a.defaultSelectedId, itemsCount = _a.itemsCount, layout = _a.layout;
     var _b = React.useState(generateMenuItems(itemsCount)), items = _b[0], updateItems = _b[1];
     React.useLayoutEffect(function () {
         updateItems(generateMenuItems(itemsCount));
     }, [itemsCount]);
     var onChange = function (currentId) {
-        (0, addon_actions_1.action)('SelectedId')(currentId);
+        addon_actions_1.action('SelectedId')(currentId);
     };
     var renderRadioButton = function (_a) {
         var id = _a.id, text = _a.text;
-        return (React.createElement(RadioButton_1.default, { id: id, text: text, key: id }));
+        return (React.createElement(__1.RadioButton, { id: id, text: text, key: id }));
+    };
+    var renderRadioTile = function (_a) {
+        var id = _a.id, text = _a.text;
+        return (React.createElement(__1.IconTileRadioButton, { id: id, text: text, key: id, Icon: TrucksIcon_1.default }));
     };
     return (React.createElement("div", { style: { maxWidth: '460px' } },
-        React.createElement(RadioButtonGroup_1.default, { defaultSelectedId: defaultSelectedId, onChange: onChange }, (0, lodash_1.map)(items, renderRadioButton))));
+        React.createElement(RadioGroup_1.default, { defaultSelectedId: defaultSelectedId, onChange: onChange }, layout === 'list' ? (React.createElement(__1.ListLayout, null, lodash_1.map(items, renderRadioButton))) : (React.createElement(__1.TileLayout, null, lodash_1.map(items, renderRadioTile))))));
 };
-exports.default = RadioButtonGroupStory;
-//# sourceMappingURL=RadioButtonGroupStory.js.map
+exports.default = RadioGroupStory;
+//# sourceMappingURL=RadioGroupStory.js.map

package/Components/Organisms/RadioGroup/RadioGroupStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupStory.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/RadioGroup/RadioGroupStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,iCAA6B;AAC7B,2CAA+B;AAC/B,4DAAsC;AAEtC,2BAKe;AACf,gFAA0D;AAE1D,IAAM,iBAAiB,GAAG,UAAC,UAAkB;IAC3C,IAAM,SAAS,GAGX,EAAE,CAAC;IACP,KAAK,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,UAAU,EAAE,SAAS,IAAI,CAAC,EAAE;QAC9D,SAAS,CAAC,SAAS,CAAC,GAAG;YACrB,EAAE,EAAE,MAAG,SAAS,GAAG,CAAC,CAAE;YACtB,IAAI,EAAE,kBAAe,SAAS,GAAG,CAAC,CAAE;YACpC,QAAQ,EAAE,KAAK;SAChB,CAAC;KACH;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAQF,IAAM,eAAe,GAAwB,UAAC,EAI7C;QAHC,iBAAiB,uBAAA,EACjB,UAAU,gBAAA,EACV,MAAM,YAAA;IAEA,IAAA,KAAuB,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,EAAnE,KAAK,QAAA,EAAE,WAAW,QAAiD,CAAC;IAE3E,KAAK,CAAC,eAAe,CAAC;QACpB,WAAW,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAM,QAAQ,GAAG,UAAC,SAA6B;QAC7C,sBAAM,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,UAAC,EAA8B;YAA5B,EAAE,QAAA,EAAE,IAAI,UAAA;QAAyB,OAAA,CAC5D,oBAAC,eAAW,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,GAAI,CAC7C;IAF6D,CAE7D,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,EAA8B;YAA5B,EAAE,QAAA,EAAE,IAAI,UAAA;QAAyB,OAAA,CAC1D,oBAAC,uBAAmB,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,oBAAU,GAAI,CACvE;IAF2D,CAE3D,CAAC;IAEF,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/B,oBAAC,oBAAU,IAAC,iBAAiB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,IACjE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CACnB,oBAAC,cAAU,QAAE,YAAG,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAc,CACzD,CAAC,CAAC,CAAC,CACF,oBAAC,cAAU,QAAE,YAAG,CAAC,KAAK,EAAE,eAAe,CAAC,CAAc,CACvD,CACU,CACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/Components/Organisms/RadioGroup/defaultProps.js.map

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

package/Components/Organisms/RadioGroup/index.d.ts

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

package/Components/Organisms/RadioGroup/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var RadioGroup_1 = require("./RadioGroup");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return RadioGroup_1.default; } });
+//# sourceMappingURL=index.js.map

package/Components/Organisms/RadioGroup/index.js.map

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

package/Components/Organisms/TileLayout/IComponentProps.js.map

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

package/Components/Organisms/TileLayout/TileLayout.d.ts

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

package/Components/Organisms/{IconTileCheckBoxGroup/IconTileCheckBoxGroup.js → TileLayout/TileLayout.js}

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var core_1 = require("@material-ui/core");
 var lodash_1 = require("lodash");
-var useIconTileCheckBoxGroupStyles_1 = __importDefault(require("./useIconTileCheckBoxGroupStyles"));
-var IconTileCheckBoxGroup = function (_a) {
+var useTileLayoutStyles_1 = __importDefault(require("./useTileLayoutStyles"));
+var TileLayout = function (_a) {
     var children = _a.children;
-    var classes = (0, useIconTileCheckBoxGroupStyles_1.default)();
+    var classes = useTileLayoutStyles_1.default();
     var renderTile = function (child, index) { return (react_1.default.createElement(core_1.Grid, { item: true, key: index, "data-testid": "grid-" + index },
         react_1.default.createElement("div", { className: classes.iconContainer }, child))); };
-    return (react_1.default.createElement(core_1.Grid, { container: true, justifyContent: "center", spacing: 1 }, (0, lodash_1.map)(children, renderTile)));
+    return (react_1.default.createElement(core_1.Grid, { container: true, justifyContent: "center", spacing: 1 }, lodash_1.map(children, renderTile)));
 };
-exports.default = IconTileCheckBoxGroup;
-//# sourceMappingURL=IconTileCheckBoxGroup.js.map
+exports.default = TileLayout;
+//# sourceMappingURL=TileLayout.js.map

package/Components/Organisms/TileLayout/TileLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileLayout.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/TileLayout/TileLayout.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAiD;AACjD,0CAAmD;AACnD,iCAA6B;AAE7B,8EAAwD;AAIxD,IAAM,UAAU,GAAmB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAC5C,IAAM,OAAO,GAAG,6BAAmB,EAAE,CAAC;IACtC,IAAM,UAAU,GAAG,UAAC,KAAsB,EAAE,KAAa,IAAK,OAAA,CAC5D,8BAAC,WAAM,IAAC,IAAI,QAAC,GAAG,EAAE,KAAK,iBAAe,UAAQ,KAAO;QACnD,uCAAK,SAAS,EAAE,OAAO,CAAC,aAAa,IAAG,KAAK,CAAO,CAC7C,CACV,EAJ6D,CAI7D,CAAC;IAEF,OAAO,CACL,8BAAC,WAAM,IAAC,SAAS,QAAC,cAAc,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,IACjD,YAAG,CAAC,QAAQ,EAAE,UAAU,CAAC,CACnB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/Components/Organisms/{IconTileCheckBoxGroup/IconTileCheckBoxGroup.test.js → TileLayout/TileLayout.test.js}

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -24,12 +24,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
 var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
-var IconTileCheckBoxGroup_1 = __importDefault(require("./IconTileCheckBoxGroup"));
+var TileLayout_1 = __importDefault(require("./TileLayout"));
 var IconTileCheckBox_1 = __importDefault(require("../../Molecules/IconTileCheckBox/IconTileCheckBox"));
 var TrucksIcon_1 = __importDefault(require("../../../Assets/Icons/TrucksIcon"));
-describe('<IconTileCheckBoxGroup />', function () {
+describe('<TileLayout />', function () {
     it('should display children in grid items', function () {
-        var _a = (0, withTheme_1.default)(React.createElement(IconTileCheckBoxGroup_1.default, null,
+        var _a = withTheme_1.default(React.createElement(TileLayout_1.default, null,
             React.createElement(IconTileCheckBox_1.default, { id: 'test-id-one', Icon: TrucksIcon_1.default, text: 'child-1' }),
             React.createElement(IconTileCheckBox_1.default, { id: 'test-id-two', Icon: TrucksIcon_1.default, text: 'child-2' }))), getByText = _a.getByText, queryByTestId = _a.queryByTestId;
         expect(getByText('child-1')).toBeTruthy();
@@ -39,4 +39,4 @@ describe('<IconTileCheckBoxGroup />', function () {
         expect(queryByTestId('grid-2')).not.toBeInTheDocument();
     });
 });
-//# sourceMappingURL=IconTileCheckBoxGroup.test.js.map
+//# sourceMappingURL=TileLayout.test.js.map

package/Components/Organisms/TileLayout/TileLayout.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileLayout.test.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/TileLayout/TileLayout.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+EAAyD;AACzD,4DAAsC;AACtC,uGAAiF;AACjF,gFAA0D;AAE1D,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,uCAAuC,EAAE;QACpC,IAAA,KAA+B,mBAAS,CAC5C,oBAAC,oBAAU;YACT,oBAAC,0BAAgB,IACf,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,oBAAU,EAChB,IAAI,EAAE,SAAS,GACf;YACF,oBAAC,0BAAgB,IACf,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,oBAAU,EAChB,IAAI,EAAE,SAAS,GACf,CACS,CACd,EAbO,SAAS,eAAA,EAAE,aAAa,mBAa/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/Components/Organisms/TileLayout/TileLayoutStory.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { IIcons } from '../../../Assets/Icons/icons';
+declare type TileLayoutStoryType = React.FunctionComponent<{
+    itemsCount: number;
+    iconType: keyof IIcons;
+}>;
+declare const TileLayoutStory: TileLayoutStoryType;
+export default TileLayoutStory;

package/Components/Organisms/{IconTileCheckBoxGroup/IconTileCheckBoxGroupStory.js → TileLayout/TileLayoutStory.js}

@@ -25,7 +25,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -37,7 +37,7 @@ var addon_actions_1 = require("@storybook/addon-actions");
 var lodash_1 = require("lodash");
 var React = __importStar(require("react"));
 var icons_1 = __importDefault(require("../../../Assets/Icons/icons"));
-var IconTileCheckBoxGroup_1 = __importDefault(require("./IconTileCheckBoxGroup"));
+var TileLayout_1 = __importDefault(require("./TileLayout"));
 var IconTileCheckBox_1 = __importDefault(require("../../Molecules/IconTileCheckBox/IconTileCheckBox"));
 var generateMenuItems = function (itemsCount) {
     var menuItems = {};
@@ -50,7 +50,7 @@ var generateMenuItems = function (itemsCount) {
     }
     return menuItems;
 };
-var IconTileCheckBoxGroupStory = function (_a) {
+var TileLayoutStory = function (_a) {
     var itemsCount = _a.itemsCount, iconType = _a.iconType;
     var Icon = icons_1.default[iconType];
     var _b = React.useState(generateMenuItems(itemsCount)), items = _b[0], updateItems = _b[1];
@@ -60,7 +60,7 @@ var IconTileCheckBoxGroupStory = function (_a) {
     var handleClick = function (_a) {
         var _b;
         var id = _a.id, selected = _a.selected;
-        (0, addon_actions_1.action)('Clicked')(id, selected);
+        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);
@@ -70,7 +70,7 @@ var IconTileCheckBoxGroupStory = function (_a) {
         return (React.createElement(IconTileCheckBox_1.default, { id: id, Icon: Icon, onClick: handleClick, text: text, selected: selected, key: id }));
     };
     return (React.createElement("div", { style: { maxWidth: '460px' } },
-        React.createElement(IconTileCheckBoxGroup_1.default, null, (0, lodash_1.map)(items, renderCheckbox))));
+        React.createElement(TileLayout_1.default, null, lodash_1.map(items, renderCheckbox))));
 };
-exports.default = IconTileCheckBoxGroupStory;
-//# sourceMappingURL=IconTileCheckBoxGroupStory.js.map
+exports.default = TileLayoutStory;
+//# sourceMappingURL=TileLayoutStory.js.map

package/Components/Organisms/TileLayout/TileLayoutStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileLayoutStory.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/TileLayout/TileLayoutStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,iCAA6B;AAC7B,2CAA+B;AAC/B,sEAA4D;AAC5D,4DAAsC;AACtC,uGAAiF;AAKjF,IAAM,iBAAiB,GAAG,UAAC,UAAkB;IAC3C,IAAM,SAAS,GAGX,EAAE,CAAC;IACP,KAAK,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,UAAU,EAAE,SAAS,IAAI,CAAC,EAAE;QAC9D,SAAS,CAAC,SAAS,CAAC,GAAG;YACrB,EAAE,EAAE,KAAG,SAAW;YAClB,IAAI,EAAE,eAAY,SAAS,GAAG,CAAC,CAAE;YACjC,QAAQ,EAAE,KAAK;SAChB,CAAC;KACH;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAOF,IAAM,eAAe,GAAwB,UAAC,EAG7C;QAFC,UAAU,gBAAA,EACV,QAAQ,cAAA;IAER,IAAM,IAAI,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;IAEvB,IAAA,KAAuB,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,EAAnE,KAAK,QAAA,EAAE,WAAW,QAAiD,CAAC;IAE3E,KAAK,CAAC,eAAe,CAAC;QACpB,WAAW,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAM,WAAW,GAAG,UAAC,EAAiD;;YAA/C,EAAE,QAAA,EAAE,QAAQ,cAAA;QACjC,sBAAM,CAAC,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,EAA6C;YAA3C,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA;QAA8B,OAAA,CACxE,oBAAC,0BAAgB,IACf,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,EAAE,GACP,CACH;IATyE,CASzE,CAAC;IAEF,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/B,oBAAC,oBAAU,QACR,YAAG,CAAC,KAAK,EAAE,cAAc,CAAC,CAChB,CACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/Components/Organisms/TileLayout/index.d.ts

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

package/Components/Organisms/TileLayout/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var TileLayout_1 = require("./TileLayout");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return TileLayout_1.default; } });
+//# sourceMappingURL=index.js.map

package/Components/Organisms/TileLayout/index.js.map

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

package/Components/Organisms/TileLayout/useTileLayoutStyles.d.ts

@@ -0,0 +1,2 @@
+declare const useTileLayoutStyles: (props?: any) => Record<string, string>;
+export default useTileLayoutStyles;

package/Components/Organisms/{IconTileCheckBoxGroup/useIconTileCheckBoxGroupStyles.js → TileLayout/useTileLayoutStyles.js}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/styles");
-var useIconTileCheckBoxGroupStyles = (0, styles_1.makeStyles)(function () {
-    return (0, styles_1.createStyles)({
+var useTileLayoutStyles = styles_1.makeStyles(function () {
+    return styles_1.createStyles({
         iconContainer: {
             minHeight: '144px',
             height: '100%',
@@ -11,5 +11,5 @@ var useIconTileCheckBoxGroupStyles = (0, styles_1.makeStyles)(function () {
         },
     });
 });
-exports.default = useIconTileCheckBoxGroupStyles;
-//# sourceMappingURL=useIconTileCheckBoxGroupStyles.js.map
+exports.default = useTileLayoutStyles;
+//# sourceMappingURL=useTileLayoutStyles.js.map

package/Components/Organisms/TileLayout/useTileLayoutStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTileLayoutStyles.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/TileLayout/useTileLayoutStyles.ts"],"names":[],"mappings":";;AAAA,8CAA+D;AAG/D,IAAM,mBAAmB,GAAG,mBAAU,CAAgB;IACpD,OAAA,qBAAY,CAAC;QACX,aAAa,EAAE;YACb,SAAS,EAAE,OAAO;YAClB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,MAAM;SACf;KACF,CAAC;AAPF,CAOE,CACH,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}

package/Components/Organisms/index.d.ts

@@ -1,4 +1,3 @@
-export { default as CheckBoxGroup } from './CheckBoxGroup';
-export { default as IconTileCheckBoxGroup } from './IconTileCheckBoxGroup';
-export { default as IconTileRadioButtonGroup } from './IconTileRadioButtonGroup';
-export { default as RadioButtonGroup } from './RadioButtonGroup';
+export { default as ListLayout } from './ListLayout';
+export { default as TileLayout } from './TileLayout';
+export { default as RadioGroup } from './RadioGroup';

package/Components/Organisms/index.js

@@ -1,15 +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.RadioButtonGroup = exports.IconTileRadioButtonGroup = exports.IconTileCheckBoxGroup = exports.CheckBoxGroup = void 0;
-var CheckBoxGroup_1 = require("./CheckBoxGroup");
-Object.defineProperty(exports, "CheckBoxGroup", { enumerable: true, get: function () { return __importDefault(CheckBoxGroup_1).default; } });
-var IconTileCheckBoxGroup_1 = require("./IconTileCheckBoxGroup");
-Object.defineProperty(exports, "IconTileCheckBoxGroup", { enumerable: true, get: function () { return __importDefault(IconTileCheckBoxGroup_1).default; } });
-var IconTileRadioButtonGroup_1 = require("./IconTileRadioButtonGroup");
-Object.defineProperty(exports, "IconTileRadioButtonGroup", { enumerable: true, get: function () { return __importDefault(IconTileRadioButtonGroup_1).default; } });
-var RadioButtonGroup_1 = require("./RadioButtonGroup");
-Object.defineProperty(exports, "RadioButtonGroup", { enumerable: true, get: function () { return __importDefault(RadioButtonGroup_1).default; } });
+var ListLayout_1 = require("./ListLayout");
+Object.defineProperty(exports, "ListLayout", { enumerable: true, get: function () { return ListLayout_1.default; } });
+var TileLayout_1 = require("./TileLayout");
+Object.defineProperty(exports, "TileLayout", { enumerable: true, get: function () { return TileLayout_1.default; } });
+var RadioGroup_1 = require("./RadioGroup");
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.default; } });
 //# sourceMappingURL=index.js.map

package/Components/Organisms/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/Organisms/index.ts"],"names":[],"mappings":";;;;;;AAAA,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,iEAA2E;AAAlE,+IAAA,OAAO,OAAyB;AACzC,uEAAiF;AAAxE,qJAAA,OAAO,OAA4B;AAC5C,uDAAiE;AAAxD,qIAAA,OAAO,OAAoB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/Organisms/index.ts"],"names":[],"mappings":";;AAAA,2CAAqD;AAA5C,wGAAA,OAAO,OAAc;AAC9B,2CAAqD;AAA5C,wGAAA,OAAO,OAAc;AAC9B,2CAAqD;AAA5C,wGAAA,OAAO,OAAc"}

package/Components/index.d.ts

@@ -1,3 +1,3 @@
 export { Button, CardButton, CircularProgress, ErrorMessage, ErrorMessageProvider, IconButton, IFrameWrapper, Link, LoadingIndicator, Modal, ProgressBar, Slide, Text, TextField, } from './Atoms';
 export { CheckBox, DropDownSelect, IconTileCheckBox, IconTileRadioButton, NavBar, RadioButton, ScrollArea, ThankYouBanner, } from './Molecules';
-export { CheckBoxGroup, IconTileCheckBoxGroup, IconTileRadioButtonGroup, RadioButtonGroup, } from './Organisms';
+export { ListLayout, TileLayout, RadioGroup } from './Organisms';

package/Components/index.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioButtonGroup = exports.IconTileRadioButtonGroup = exports.IconTileCheckBoxGroup = exports.CheckBoxGroup = exports.ThankYouBanner = exports.ScrollArea = exports.RadioButton = exports.NavBar = exports.IconTileRadioButton = exports.IconTileCheckBox = exports.DropDownSelect = exports.CheckBox = exports.TextField = exports.Text = exports.Slide = exports.ProgressBar = exports.Modal = exports.LoadingIndicator = exports.Link = exports.IFrameWrapper = exports.IconButton = exports.ErrorMessageProvider = exports.ErrorMessage = exports.CircularProgress = exports.CardButton = exports.Button = void 0;
 var Atoms_1 = require("./Atoms");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Atoms_1.Button; } });
 Object.defineProperty(exports, "CardButton", { enumerable: true, get: function () { return Atoms_1.CardButton; } });
@@ -26,8 +25,7 @@ Object.defineProperty(exports, "RadioButton", { enumerable: true, get: function
 Object.defineProperty(exports, "ScrollArea", { enumerable: true, get: function () { return Molecules_1.ScrollArea; } });
 Object.defineProperty(exports, "ThankYouBanner", { enumerable: true, get: function () { return Molecules_1.ThankYouBanner; } });
 var Organisms_1 = require("./Organisms");
-Object.defineProperty(exports, "CheckBoxGroup", { enumerable: true, get: function () { return Organisms_1.CheckBoxGroup; } });
-Object.defineProperty(exports, "IconTileCheckBoxGroup", { enumerable: true, get: function () { return Organisms_1.IconTileCheckBoxGroup; } });
-Object.defineProperty(exports, "IconTileRadioButtonGroup", { enumerable: true, get: function () { return Organisms_1.IconTileRadioButtonGroup; } });
-Object.defineProperty(exports, "RadioButtonGroup", { enumerable: true, get: function () { return Organisms_1.RadioButtonGroup; } });
+Object.defineProperty(exports, "ListLayout", { enumerable: true, get: function () { return Organisms_1.ListLayout; } });
+Object.defineProperty(exports, "TileLayout", { enumerable: true, get: function () { return Organisms_1.TileLayout; } });
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return Organisms_1.RadioGroup; } });
 //# sourceMappingURL=index.js.map

package/Components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Components/index.ts"],"names":[],"mappings":";;;AAAA,iCAeiB;AAdf,+FAAA,MAAM,OAAA;AACN,mGAAA,UAAU,OAAA;AACV,yGAAA,gBAAgB,OAAA;AAChB,qGAAA,YAAY,OAAA;AACZ,6GAAA,oBAAoB,OAAA;AACpB,mGAAA,UAAU,OAAA;AACV,sGAAA,aAAa,OAAA;AACb,6FAAA,IAAI,OAAA;AACJ,yGAAA,gBAAgB,OAAA;AAChB,8FAAA,KAAK,OAAA;AACL,oGAAA,WAAW,OAAA;AACX,8FAAA,KAAK,OAAA;AACL,6FAAA,IAAI,OAAA;AACJ,kGAAA,SAAS,OAAA;AAGX,yCASqB;AARnB,qGAAA,QAAQ,OAAA;AACR,2GAAA,cAAc,OAAA;AACd,6GAAA,gBAAgB,OAAA;AAChB,gHAAA,mBAAmB,OAAA;AACnB,mGAAA,MAAM,OAAA;AACN,wGAAA,WAAW,OAAA;AACX,uGAAA,UAAU,OAAA;AACV,2GAAA,cAAc,OAAA;AAGhB,yCAKqB;AAJnB,0GAAA,aAAa,OAAA;AACb,kHAAA,qBAAqB,OAAA;AACrB,qHAAA,wBAAwB,OAAA;AACxB,6GAAA,gBAAgB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Components/index.ts"],"names":[],"mappings":";;AAAA,iCAeiB;AAdf,+FAAA,MAAM,OAAA;AACN,mGAAA,UAAU,OAAA;AACV,yGAAA,gBAAgB,OAAA;AAChB,qGAAA,YAAY,OAAA;AACZ,6GAAA,oBAAoB,OAAA;AACpB,mGAAA,UAAU,OAAA;AACV,sGAAA,aAAa,OAAA;AACb,6FAAA,IAAI,OAAA;AACJ,yGAAA,gBAAgB,OAAA;AAChB,8FAAA,KAAK,OAAA;AACL,oGAAA,WAAW,OAAA;AACX,8FAAA,KAAK,OAAA;AACL,6FAAA,IAAI,OAAA;AACJ,kGAAA,SAAS,OAAA;AAGX,yCASqB;AARnB,qGAAA,QAAQ,OAAA;AACR,2GAAA,cAAc,OAAA;AACd,6GAAA,gBAAgB,OAAA;AAChB,gHAAA,mBAAmB,OAAA;AACnB,mGAAA,MAAM,OAAA;AACN,wGAAA,WAAW,OAAA;AACX,uGAAA,UAAU,OAAA;AACV,2GAAA,cAAc,OAAA;AAGhB,yCAAiE;AAAxD,uGAAA,UAAU,OAAA;AAAE,uGAAA,UAAU,OAAA;AAAE,uGAAA,UAAU,OAAA"}

package/Helpers/React/index.js

@@ -1,13 +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.withTheme = exports.css = exports.createProps = void 0;
 var createProps_1 = require("./createProps");
-Object.defineProperty(exports, "createProps", { enumerable: true, get: function () { return __importDefault(createProps_1).default; } });
+Object.defineProperty(exports, "createProps", { enumerable: true, get: function () { return createProps_1.default; } });
 var css_1 = require("./css");
-Object.defineProperty(exports, "css", { enumerable: true, get: function () { return __importDefault(css_1).default; } });
+Object.defineProperty(exports, "css", { enumerable: true, get: function () { return css_1.default; } });
 var withTheme_1 = require("./withTheme");
-Object.defineProperty(exports, "withTheme", { enumerable: true, get: function () { return __importDefault(withTheme_1).default; } });
+Object.defineProperty(exports, "withTheme", { enumerable: true, get: function () { return withTheme_1.default; } });
 //# sourceMappingURL=index.js.map

package/Helpers/React/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Helpers/React/index.ts"],"names":[],"mappings":";;;;;;AACA,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,6BAAuC;AAA9B,2GAAA,OAAO,OAAO;AACvB,yCAAmD;AAA1C,uHAAA,OAAO,OAAa"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Helpers/React/index.ts"],"names":[],"mappings":";;AACA,6CAAuD;AAA9C,0GAAA,OAAO,OAAe;AAC/B,6BAAuC;AAA9B,0FAAA,OAAO,OAAO;AACvB,yCAAmD;AAA1C,sGAAA,OAAO,OAAa"}

package/Helpers/React/withTheme.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -28,7 +28,7 @@ var React = __importStar(require("react"));
 var defaultTheme_1 = __importDefault(require("../../Themes/defaultTheme"));
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 var withTheme = function (component) {
-    return (0, react_1.render)(React.createElement(styles_1.StylesProvider, null,
+    return react_1.render(React.createElement(styles_1.StylesProvider, null,
         React.createElement(styles_1.ThemeProvider, { theme: defaultTheme_1.default }, component)));
 };
 exports.default = withTheme;

package/Helpers/React/withTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTheme.js","sourceRoot":"","sources":["../../../src/Helpers/React/withTheme.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAAoE;AACpE,gDAAgD;AAChD,2CAA+B;AAC/B,2EAAqD;AAErD,6EAA6E;AAC7E,IAAM,SAAS,GAAG,UAAC,SAA0B;IAC3C,OAAA,IAAA,cAAM,EACJ,oBAAC,uBAAc;QACb,oBAAC,sBAAa,IAAC,KAAK,EAAE,sBAAY,IAAG,SAAS,CAAiB,CAChD,CAClB;AAJD,CAIC,CAAC;AAEJ,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"withTheme.js","sourceRoot":"","sources":["../../../src/Helpers/React/withTheme.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAAoE;AACpE,gDAAgD;AAChD,2CAA+B;AAC/B,2EAAqD;AAErD,6EAA6E;AAC7E,IAAM,SAAS,GAAG,UAAC,SAA0B;IAC3C,OAAA,cAAM,CACJ,oBAAC,uBAAc;QACb,oBAAC,sBAAa,IAAC,KAAK,EAAE,sBAAY,IAAG,SAAS,CAAiB,CAChD,CAClB;AAJD,CAIC,CAAC;AAEJ,kBAAe,SAAS,CAAC"}

package/Helpers/index.js

@@ -1,11 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDidUpdate = exports.useThrottle = void 0;
 var useThrottle_1 = require("./useThrottle");
-Object.defineProperty(exports, "useThrottle", { enumerable: true, get: function () { return __importDefault(useThrottle_1).default; } });
+Object.defineProperty(exports, "useThrottle", { enumerable: true, get: function () { return useThrottle_1.default; } });
 var useDidUpdate_1 = require("./useDidUpdate");
-Object.defineProperty(exports, "useDidUpdate", { enumerable: true, get: function () { return __importDefault(useDidUpdate_1).default; } });
+Object.defineProperty(exports, "useDidUpdate", { enumerable: true, get: function () { return useDidUpdate_1.default; } });
 //# sourceMappingURL=index.js.map

package/Helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Helpers/index.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Helpers/index.ts"],"names":[],"mappings":";;AAAA,6CAAuD;AAA9C,0GAAA,OAAO,OAAe;AAC/B,+CAAyD;AAAhD,4GAAA,OAAO,OAAgB"}

package/Helpers/useDidUpdate.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var useDidUpdate = function (callback, deps) {
-    var didMountRef = (0, react_1.useRef)(false);
-    (0, react_1.useEffect)(function () {
+    var didMountRef = react_1.useRef(false);
+    react_1.useEffect(function () {
         if (didMountRef.current) {
             callback();
         }

package/Helpers/useDidUpdate.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDidUpdate.js","sourceRoot":"","sources":["../../src/Helpers/useDidUpdate.ts"],"names":[],"mappings":";;AAAA,+BAAqD;AAErD,IAAM,YAAY,GAAG,UAAC,QAAmB,EAAE,IAAiB;IAC1D,IAAM,WAAW,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAElC,IAAA,iBAAS,EAAC;QACR,IAAI,WAAW,CAAC,OAAO,EAAE;YACvB,QAAQ,EAAE,CAAC;SACZ;aAAM;YACL,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;SAC5B;IACH,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"useDidUpdate.js","sourceRoot":"","sources":["../../src/Helpers/useDidUpdate.ts"],"names":[],"mappings":";;AAAA,+BAAqD;AAErD,IAAM,YAAY,GAAG,UAAC,QAAmB,EAAE,IAAiB;IAC1D,IAAM,WAAW,GAAG,cAAM,CAAC,KAAK,CAAC,CAAC;IAElC,iBAAS,CAAC;QACR,IAAI,WAAW,CAAC,OAAO,EAAE;YACvB,QAAQ,EAAE,CAAC;SACZ;aAAM;YACL,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;SAC5B;IACH,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}