@proprioo/salatim 18.6.2 → 19.3.1

package/lib/ui/src/button/Button.test.js

@@ -1,15 +1,4 @@
 "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 __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) {
@@ -19,103 +8,68 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_test_renderer_1 = __importDefault(require("react-test-renderer"));
-var react_2 = require("@testing-library/react");
-var user_event_1 = __importDefault(require("@testing-library/user-event"));
-var icons_1 = __importDefault(require("../icons"));
-var Button_1 = __importDefault(require("./Button"));
-var Button_interfaces_1 = require("./Button.interfaces");
-var Button_styles_1 = require("./Button.styles");
-var defaultProps = {
+const react_1 = __importDefault(require("react"));
+const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
+const react_2 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const icons_1 = __importDefault(require("../icons"));
+const Button_1 = __importDefault(require("./Button"));
+const Button_interfaces_1 = require("./Button.interfaces");
+const Button_styles_1 = require("./Button.styles");
+const defaultProps = {
     label: 'Click me',
     onClick: jest.fn()
 };
-var EmoticonCool = icons_1.default.EmoticonCool;
-describe('Button component', function () {
-    afterEach(function () { return jest.resetAllMocks(); });
-    afterAll(function () { return jest.clearAllMocks(); });
-    it('should render component', function () {
-        var tree = react_test_renderer_1.default.create(react_1.default.createElement(Button_1.default, __assign({}, defaultProps))).toJSON();
-        react_2.render(react_1.default.createElement(Button_1.default, __assign({}, defaultProps)));
+const { EmoticonCool } = icons_1.default;
+describe('Button component', () => {
+    afterEach(() => jest.resetAllMocks());
+    afterAll(() => jest.clearAllMocks());
+    it('should render component', () => {
+        const tree = react_test_renderer_1.default.create(react_1.default.createElement(Button_1.default, Object.assign({}, defaultProps))).toJSON();
+        (0, react_2.render)(react_1.default.createElement(Button_1.default, Object.assign({}, defaultProps)));
         expect(react_2.screen.getByRole('button')).toBeInTheDocument();
         expect(react_2.screen.queryByTestId('icon-left')).not.toBeInTheDocument();
         expect(react_2.screen.queryByTestId('icon-right')).not.toBeInTheDocument();
         expect(tree).toMatchSnapshot();
     });
-    it('should render icon right by default', function () {
-        var props = __assign(__assign({}, defaultProps), { icon: react_1.default.createElement(EmoticonCool, null) });
-        var tree = react_test_renderer_1.default.create(react_1.default.createElement(Button_1.default, __assign({}, props))).toJSON();
-        react_2.render(react_1.default.createElement(Button_1.default, __assign({}, props)));
+    it('should render icon right by default', () => {
+        const props = Object.assign(Object.assign({}, defaultProps), { icon: react_1.default.createElement(EmoticonCool, null) });
+        const tree = react_test_renderer_1.default.create(react_1.default.createElement(Button_1.default, Object.assign({}, props))).toJSON();
+        (0, react_2.render)(react_1.default.createElement(Button_1.default, Object.assign({}, props)));
         expect(react_2.screen.getByTestId('icon-right')).toBeInTheDocument();
         expect(tree).toMatchSnapshot();
     });
-    it('should render icon with left position', function () {
-        var props = __assign(__assign({}, defaultProps), { icon: react_1.default.createElement(EmoticonCool, null), iconPosition: Button_interfaces_1.IconPosition.LEFT });
-        var tree = react_test_renderer_1.default.create(react_1.default.createElement(Button_1.default, __assign({}, props))).toJSON();
-        react_2.render(react_1.default.createElement(Button_1.default, __assign({}, props)));
+    it('should render icon with left position', () => {
+        const props = Object.assign(Object.assign({}, defaultProps), { icon: react_1.default.createElement(EmoticonCool, null), iconPosition: Button_interfaces_1.IconPosition.LEFT });
+        const tree = react_test_renderer_1.default.create(react_1.default.createElement(Button_1.default, Object.assign({}, props))).toJSON();
+        (0, react_2.render)(react_1.default.createElement(Button_1.default, Object.assign({}, props)));
         expect(react_2.screen.getByTestId('icon-left')).toBeInTheDocument();
         expect(tree).toMatchSnapshot();
     });
-    it('should render text', function () {
-        react_2.render(react_1.default.createElement(Button_1.default, __assign({}, defaultProps)));
+    it('should render text', () => {
+        (0, react_2.render)(react_1.default.createElement(Button_1.default, Object.assign({}, defaultProps)));
         expect(react_2.screen.getByRole('button')).toHaveTextContent('Click me');
     });
-    it('should not render text if rounded is true', function () {
-        var props = __assign(__assign({}, defaultProps), { icon: react_1.default.createElement(EmoticonCool, null), rounded: true });
-        var tree = react_test_renderer_1.default.create(react_1.default.createElement(Button_1.default, __assign({}, props))).toJSON();
-        react_2.render(react_1.default.createElement(Button_1.default, __assign({}, props)));
+    it('should not render text if rounded is true', () => {
+        const props = Object.assign(Object.assign({}, defaultProps), { icon: react_1.default.createElement(EmoticonCool, null), rounded: true });
+        const tree = react_test_renderer_1.default.create(react_1.default.createElement(Button_1.default, Object.assign({}, props))).toJSON();
+        (0, react_2.render)(react_1.default.createElement(Button_1.default, Object.assign({}, props)));
         expect(react_2.screen.queryByTestId('label')).not.toBeInTheDocument();
         expect(tree).toMatchSnapshot();
     });
-    it('should click on button', function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    react_2.render(react_1.default.createElement(Button_1.default, __assign({}, defaultProps)));
-                    user_event_1.default.click(react_2.screen.getByRole('button'));
-                    return [4 /*yield*/, react_2.waitFor(function () { return expect(defaultProps.onClick).toHaveBeenCalled(); })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
+    it('should click on button', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(Button_1.default, Object.assign({}, defaultProps)));
+        user_event_1.default.click(react_2.screen.getByRole('button'));
+        yield (0, react_2.waitFor)(() => expect(defaultProps.onClick).toHaveBeenCalled());
+    }));
 });
-describe('minusPadding function', function () {
-    it('should return padding minus 2', function () {
-        expect(Button_styles_1.minusPadding('1rem')).toEqual('0.875rem');
+describe('minusPadding function', () => {
+    it('should return padding minus 2', () => {
+        expect((0, Button_styles_1.minusPadding)('1rem')).toEqual('0.875rem');
     });
 });
 //# sourceMappingURL=Button.test.js.map

package/lib/ui/src/button/Button.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.test.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.test.tsx"],"names":[],"mappings":"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"}

package/lib/ui/src/buttonRadioGroup/ButtonRadio.js

@@ -3,14 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_id_generator_1 = __importDefault(require("react-id-generator"));
-var ButtonRadio_styles_1 = require("./ButtonRadio.styles");
-var ButtonRadio = function (_a) {
-    var isChecked = _a.isChecked, name = _a.name, onClick = _a.onClick, option = _a.option;
-    var htmlId = react_1.default.useMemo(function () { return "radio-input-label-" + react_id_generator_1.default(); }, []);
-    return (react_1.default.createElement(ButtonRadio_styles_1.Layout, { key: "radio-option-" + option.value, isActive: isChecked },
-        react_1.default.createElement(ButtonRadio_styles_1.InputLayout, { type: "radio", name: name, "aria-labelledby": htmlId, value: option.value, checked: isChecked, onChange: function (e) { return e.target.checked && onClick(); } }),
+const react_1 = __importDefault(require("react"));
+const react_id_generator_1 = __importDefault(require("react-id-generator"));
+const ButtonRadio_styles_1 = require("./ButtonRadio.styles");
+const ButtonRadio = ({ isChecked, name, onClick, option }) => {
+    const htmlId = react_1.default.useMemo(() => `radio-input-label-${(0, react_id_generator_1.default)()}`, []);
+    return (react_1.default.createElement(ButtonRadio_styles_1.Layout, { key: `radio-option-${option.value}`, isActive: isChecked },
+        react_1.default.createElement(ButtonRadio_styles_1.InputLayout, { type: "radio", name: name, "aria-labelledby": htmlId, value: option.value, checked: isChecked, onChange: e => e.target.checked && onClick() }),
         react_1.default.createElement("div", { "aria-hidden": "true", id: htmlId }, option.label)));
 };
 exports.default = ButtonRadio;

package/lib/ui/src/buttonRadioGroup/ButtonRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonRadio.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadio.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAkC;AAClC,0EAAwC;AAGxC,2DAA2D;AAS3D,IAAM,WAAW,GAAyB,UAAC,EAK1C;QAJC,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,MAAM,YAAA;IAEN,IAAM,MAAM,GAAG,eAAK,CAAC,OAAO,CAAC,cAAM,OAAA,uBAAqB,4BAAM,EAAI,EAA/B,CAA+B,EAAE,EAAE,CAAC,CAAC;IAExE,OAAO,CACL,8BAAC,2BAAM,IAAC,GAAG,EAAE,kBAAgB,MAAM,CAAC,KAAO,EAAE,QAAQ,EAAE,SAAS;QAC9D,8BAAC,gCAAW,IACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,qBACO,MAAM,EACvB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,MAAM,CAAC,OAAO,IAAI,OAAO,EAAE,EAA7B,CAA6B,GAC5C;QACF,sDAAiB,MAAM,EAAC,EAAE,EAAE,MAAM,IAC/B,MAAM,CAAC,KAAK,CACT,CACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"ButtonRadio.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadio.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAkC;AAClC,4EAAwC;AAGxC,6DAA2D;AAS3D,MAAM,WAAW,GAAyB,CAAC,EACzC,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACP,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,IAAA,4BAAM,GAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAExE,OAAO,CACL,8BAAC,2BAAM,IAAC,GAAG,EAAE,gBAAgB,MAAM,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS;QAC9D,8BAAC,gCAAW,IACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,qBACO,MAAM,EACvB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,IAAI,OAAO,EAAE,GAC5C;QACF,sDAAiB,MAAM,EAAC,EAAE,EAAE,MAAM,IAC/B,MAAM,CAAC,KAAK,CACT,CACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/lib/ui/src/buttonRadioGroup/ButtonRadio.styles.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -27,21 +23,82 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputLayout = exports.Layout = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var breakpoints_1 = __importDefault(require("../../../utils/src/breakpoints"));
-var colors_1 = __importDefault(require("../../../utils/src/colors"));
-var radius_1 = __importDefault(require("../../../utils/src/radius"));
-var spacing_1 = require("../../../utils/src/spacing");
-exports.Layout = styled_components_1.default.label(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex: 1;\n  padding: ", " ", ";\n  border: ", " solid ", ";\n  text-align: center;\n  transition: all 0.1s ease-in;\n  cursor: pointer;\n\n  ", "\n\n  &:not(:first-of-type) {\n    margin-top: -", ";\n  }\n\n  &:first-of-type {\n    border-top-left-radius: ", ";\n    border-top-right-radius: ", ";\n  }\n\n  &:last-of-type {\n    border-bottom-left-radius: ", ";\n    border-bottom-right-radius: ", ";\n  }\n\n  :hover {\n    ", "\n  }\n\n  @media (min-width: ", "px) {\n    &:not(:first-of-type) {\n      margin-top: 0;\n      margin-left: -", ";\n    }\n\n    &:first-of-type {\n      border-top-left-radius: ", ";\n      border-top-right-radius: 0;\n      border-bottom-left-radius: ", ";\n    }\n\n    &:last-of-type {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: ", ";\n      border-top-right-radius: ", ";\n    }\n  }\n"], ["\n  flex: 1;\n  padding: ", " ", ";\n  border: ", " solid ", ";\n  text-align: center;\n  transition: all 0.1s ease-in;\n  cursor: pointer;\n\n  ",
-    "\n\n  &:not(:first-of-type) {\n    margin-top: -", ";\n  }\n\n  &:first-of-type {\n    border-top-left-radius: ", ";\n    border-top-right-radius: ", ";\n  }\n\n  &:last-of-type {\n    border-bottom-left-radius: ", ";\n    border-bottom-right-radius: ", ";\n  }\n\n  :hover {\n    ",
-    "\n  }\n\n  @media (min-width: ", "px) {\n    &:not(:first-of-type) {\n      margin-top: 0;\n      margin-left: -", ";\n    }\n\n    &:first-of-type {\n      border-top-left-radius: ", ";\n      border-top-right-radius: 0;\n      border-bottom-left-radius: ", ";\n    }\n\n    &:last-of-type {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: ", ";\n      border-top-right-radius: ", ";\n    }\n  }\n"])), spacing_1.convertPxToRem(16), spacing_1.convertPxToRem(24), spacing_1.convertPxToRem(2), colors_1.default.dark.base20, function (_a) {
-    var isActive = _a.isActive;
-    return isActive
-        ? styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          color: ", ";\n          background-color: ", ";\n          font-weight: bold;\n          border-color: ", ";\n          z-index: 2;\n        "], ["\n          color: ", ";\n          background-color: ", ";\n          font-weight: bold;\n          border-color: ", ";\n          z-index: 2;\n        "])), colors_1.default.dark.base, colors_1.default.green.base5, colors_1.default.green.base) : styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), colors_1.default.dark.base80);
-}, spacing_1.convertPxToRem(2), radius_1.default.normal, radius_1.default.normal, radius_1.default.normal, radius_1.default.normal, function (_a) {
-    var isActive = _a.isActive;
-    return !isActive && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        background-color: ", ";\n        border-color: ", ";\n        z-index: 1;\n      "], ["\n        background-color: ", ";\n        border-color: ", ";\n        z-index: 1;\n      "])), colors_1.default.dark.base5, colors_1.default.dark.base40);
-}, breakpoints_1.default.small, spacing_1.convertPxToRem(2), radius_1.default.normal, radius_1.default.normal, radius_1.default.normal, radius_1.default.normal);
-exports.InputLayout = styled_components_1.default.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  border: 0;\n  clip-path: rect(0, 0, 0, 0);\n  width: ", ";\n  height: ", ";\n  margin: -", ";\n  padding: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  position: absolute;\n"], ["\n  border: 0;\n  clip-path: rect(0, 0, 0, 0);\n  width: ", ";\n  height: ", ";\n  margin: -", ";\n  padding: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  position: absolute;\n"])), spacing_1.convertPxToRem(1), spacing_1.convertPxToRem(1), spacing_1.convertPxToRem(1));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+const styled_components_1 = __importStar(require("styled-components"));
+const breakpoints_1 = __importDefault(require("../../../utils/src/breakpoints"));
+const colors_1 = __importDefault(require("../../../utils/src/colors"));
+const radius_1 = __importDefault(require("../../../utils/src/radius"));
+const spacing_1 = require("../../../utils/src/spacing");
+exports.Layout = styled_components_1.default.label `
+  flex: 1;
+  padding: ${(0, spacing_1.convertPxToRem)(16)} ${(0, spacing_1.convertPxToRem)(24)};
+  border: ${(0, spacing_1.convertPxToRem)(2)} solid ${colors_1.default.dark.base20};
+  text-align: center;
+  transition: all 0.1s ease-in;
+  cursor: pointer;
+
+  ${({ isActive }) => isActive
+    ? (0, styled_components_1.css) `
+          color: ${colors_1.default.dark.base};
+          background-color: ${colors_1.default.green.base5};
+          font-weight: bold;
+          border-color: ${colors_1.default.green.base};
+          z-index: 2;
+        `
+    : (0, styled_components_1.css) `
+          color: ${colors_1.default.dark.base80};
+        `}
+
+  &:not(:first-of-type) {
+    margin-top: -${(0, spacing_1.convertPxToRem)(2)};
+  }
+
+  &:first-of-type {
+    border-top-left-radius: ${radius_1.default.normal};
+    border-top-right-radius: ${radius_1.default.normal};
+  }
+
+  &:last-of-type {
+    border-bottom-left-radius: ${radius_1.default.normal};
+    border-bottom-right-radius: ${radius_1.default.normal};
+  }
+
+  :hover {
+    ${({ isActive }) => !isActive &&
+    (0, styled_components_1.css) `
+        background-color: ${colors_1.default.dark.base5};
+        border-color: ${colors_1.default.dark.base40};
+        z-index: 1;
+      `}
+  }
+
+  @media (min-width: ${breakpoints_1.default.small}px) {
+    &:not(:first-of-type) {
+      margin-top: 0;
+      margin-left: -${(0, spacing_1.convertPxToRem)(2)};
+    }
+
+    &:first-of-type {
+      border-top-left-radius: ${radius_1.default.normal};
+      border-top-right-radius: 0;
+      border-bottom-left-radius: ${radius_1.default.normal};
+    }
+
+    &:last-of-type {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: ${radius_1.default.normal};
+      border-top-right-radius: ${radius_1.default.normal};
+    }
+  }
+`;
+exports.InputLayout = styled_components_1.default.input `
+  border: 0;
+  clip-path: rect(0, 0, 0, 0);
+  width: ${(0, spacing_1.convertPxToRem)(1)};
+  height: ${(0, spacing_1.convertPxToRem)(1)};
+  margin: -${(0, spacing_1.convertPxToRem)(1)};
+  padding: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  position: absolute;
+`;
 //# sourceMappingURL=ButtonRadio.styles.js.map

package/lib/ui/src/buttonRadioGroup/ButtonRadio.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonRadio.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadio.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,+EAAyD;AACzD,qEAA+C;AAC/C,qEAA+C;AAC/C,sDAA4D;AAE/C,QAAA,MAAM,GAAG,2BAAM,CAAC,KAAK,65BAAuB,2BAE5C,EAAkB,GAAI,EAAkB,eACzC,EAAiB,SAAU,EAAkB,qFAKrD;IAWK,kDAGU,EAAiB,6DAIN,EAAa,kCACZ,EAAa,+DAIX,EAAa,qCACZ,EAAa,4BAIzC;IAMC,gCAGgB,EAAiB,gFAGlB,EAAiB,mEAIP,EAAa,yEAEV,EAAa,2GAKZ,EAAa,oCAChB,EAAa,iBAG7C,KA7DY,wBAAc,CAAC,EAAE,CAAC,EAAI,wBAAc,CAAC,EAAE,CAAC,EACzC,wBAAc,CAAC,CAAC,CAAC,EAAU,gBAAM,CAAC,IAAI,CAAC,MAAM,EAKrD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ;QACN,CAAC,CAAC,uBAAG,8NAAA,qBACQ,EAAgB,iCACL,EAAkB,2DAEtB,EAAiB,oCAElC,KALU,gBAAM,CAAC,IAAI,CAAC,IAAI,EACL,gBAAM,CAAC,KAAK,CAAC,KAAK,EAEtB,gBAAM,CAAC,KAAK,CAAC,IAAI,EAGrC,CAAC,CAAC,uBAAG,uGAAA,qBACQ,EAAkB,aAC5B,KADU,gBAAM,CAAC,IAAI,CAAC,MAAM,CAC5B;AAVL,CAUK,EAGU,wBAAc,CAAC,CAAC,CAAC,EAIN,gBAAM,CAAC,MAAM,EACZ,gBAAM,CAAC,MAAM,EAIX,gBAAM,CAAC,MAAM,EACZ,gBAAM,CAAC,MAAM,EAIzC,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,CAAC,QAAQ,IACT,uBAAG,gKAAA,8BACmB,EAAiB,2BACrB,EAAkB,gCAEnC,KAHqB,gBAAM,CAAC,IAAI,CAAC,KAAK,EACrB,gBAAM,CAAC,IAAI,CAAC,MAAM,CAEnC;AALD,CAKC,EAGgB,qBAAW,CAAC,KAAK,EAGlB,wBAAc,CAAC,CAAC,CAAC,EAIP,gBAAM,CAAC,MAAM,EAEV,gBAAM,CAAC,MAAM,EAKZ,gBAAM,CAAC,MAAM,EAChB,gBAAM,CAAC,MAAM,EAG5C;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,2PAAA,2DAG5B,EAAiB,eAChB,EAAiB,gBAChB,EAAiB,wFAK7B,KAPU,wBAAc,CAAC,CAAC,CAAC,EAChB,wBAAc,CAAC,CAAC,CAAC,EAChB,wBAAc,CAAC,CAAC,CAAC,EAK5B"}
+{"version":3,"file":"ButtonRadio.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadio.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,iFAAyD;AACzD,uEAA+C;AAC/C,uEAA+C;AAC/C,wDAA4D;AAE/C,QAAA,MAAM,GAAG,2BAAM,CAAC,KAAK,CAAuB;;aAE5C,IAAA,wBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,wBAAc,EAAC,EAAE,CAAC;YACzC,IAAA,wBAAc,EAAC,CAAC,CAAC,UAAU,gBAAM,CAAC,IAAI,CAAC,MAAM;;;;;IAKrD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACN,CAAC,CAAC,IAAA,uBAAG,EAAA;mBACQ,gBAAM,CAAC,IAAI,CAAC,IAAI;8BACL,gBAAM,CAAC,KAAK,CAAC,KAAK;;0BAEtB,gBAAM,CAAC,KAAK,CAAC,IAAI;;SAElC;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;mBACQ,gBAAM,CAAC,IAAI,CAAC,MAAM;SAC5B;;;mBAGU,IAAA,wBAAc,EAAC,CAAC,CAAC;;;;8BAIN,gBAAM,CAAC,MAAM;+BACZ,gBAAM,CAAC,MAAM;;;;iCAIX,gBAAM,CAAC,MAAM;kCACZ,gBAAM,CAAC,MAAM;;;;MAIzC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,CAAC,QAAQ;IACT,IAAA,uBAAG,EAAA;4BACmB,gBAAM,CAAC,IAAI,CAAC,KAAK;wBACrB,gBAAM,CAAC,IAAI,CAAC,MAAM;;OAEnC;;;uBAGgB,qBAAW,CAAC,KAAK;;;sBAGlB,IAAA,wBAAc,EAAC,CAAC,CAAC;;;;gCAIP,gBAAM,CAAC,MAAM;;mCAEV,gBAAM,CAAC,MAAM;;;;;oCAKZ,gBAAM,CAAC,MAAM;iCAChB,gBAAM,CAAC,MAAM;;;CAG7C,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAA;;;WAG5B,IAAA,wBAAc,EAAC,CAAC,CAAC;YAChB,IAAA,wBAAc,EAAC,CAAC,CAAC;aAChB,IAAA,wBAAc,EAAC,CAAC,CAAC;;;;;CAK7B,CAAC"}

package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.js

@@ -3,12 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ButtonRadio_1 = __importDefault(require("./ButtonRadio"));
-var ButtonRadioGroup_styles_1 = require("./ButtonRadioGroup.styles");
-var ButtonRadioGroup = function (_a) {
-    var label = _a.label, name = _a.name, onChange = _a.onChange, options = _a.options, value = _a.value;
-    return (react_1.default.createElement(ButtonRadioGroup_styles_1.Layout, { role: "radiogroup", "aria-label": label }, options.map(function (option) { return (react_1.default.createElement(ButtonRadio_1.default, { key: "radio-option-" + option.value, isChecked: value === option.value, name: name, option: option, onClick: function () { return onChange(option); } })); })));
-};
+const react_1 = __importDefault(require("react"));
+const ButtonRadio_1 = __importDefault(require("./ButtonRadio"));
+const ButtonRadioGroup_styles_1 = require("./ButtonRadioGroup.styles");
+const ButtonRadioGroup = ({ label, name, onChange, options, value }) => (react_1.default.createElement(ButtonRadioGroup_styles_1.Layout, { role: "radiogroup", "aria-label": label }, options.map(option => (react_1.default.createElement(ButtonRadio_1.default, { key: `radio-option-${option.value}`, isChecked: value === option.value, name: name, option: option, onClick: () => onChange(option) })))));
 exports.default = ButtonRadioGroup;
 //# sourceMappingURL=ButtonRadioGroup.js.map

package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonRadioGroup.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAkC;AAGlC,8DAAwC;AACxC,qEAAmD;AAUnD,IAAM,gBAAgB,GAA8B,UAAC,EAMpD;QALC,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA;IACD,OAAA,CACJ,8BAAC,gCAAM,IAAC,IAAI,EAAC,YAAY,gBAAa,KAAK,IACxC,OAAO,CAAC,GAAG,CAAC,UAAA,MAAM,IAAI,OAAA,CACrB,8BAAC,qBAAW,IACV,GAAG,EAAE,kBAAgB,MAAM,CAAC,KAAO,EACnC,SAAS,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,EACjC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,MAAM,CAAC,EAAhB,CAAgB,GAC/B,CACH,EARsB,CAQtB,CAAC,CACK,CACV;AAZK,CAYL,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ButtonRadioGroup.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAkC;AAGlC,gEAAwC;AACxC,uEAAmD;AAUnD,MAAM,gBAAgB,GAA8B,CAAC,EACnD,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACN,EAAE,EAAE,CAAC,CACJ,8BAAC,gCAAM,IAAC,IAAI,EAAC,YAAY,gBAAa,KAAK,IACxC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,8BAAC,qBAAW,IACV,GAAG,EAAE,gBAAgB,MAAM,CAAC,KAAK,EAAE,EACnC,SAAS,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,EACjC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,GAC/B,CACH,CAAC,CACK,CACV,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.js

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var storybook_state_1 = require("@sambego/storybook-state");
-var react_2 = require("@storybook/react");
-var ButtonRadioGroup_1 = __importDefault(require("./ButtonRadioGroup"));
-var OPTIONS = [
+const react_1 = __importDefault(require("react"));
+const storybook_state_1 = require("@sambego/storybook-state");
+const react_2 = require("@storybook/react");
+const ButtonRadioGroup_1 = __importDefault(require("./ButtonRadioGroup"));
+const OPTIONS = [
     {
         label: 'Choice 1',
         value: 'one'
@@ -25,15 +25,12 @@ var OPTIONS = [
         value: 'four'
     }
 ];
-var radioState = new storybook_state_1.Store({
+const radioState = new storybook_state_1.Store({
     value: ''
 });
-react_2.storiesOf('ButtonRadioGroup', module).add('default', function () {
+(0, react_2.storiesOf)('ButtonRadioGroup', module).add('default', () => {
     radioState.set({ value: OPTIONS[0].value });
     return (react_1.default.createElement(storybook_state_1.State, { store: radioState },
-        react_1.default.createElement(ButtonRadioGroup_1.default, { name: "some-name", label: "some label", onChange: function (_a) {
-                var value = _a.value;
-                return radioState.set({ value: value });
-            }, options: OPTIONS, value: radioState.get('value') })));
+        react_1.default.createElement(ButtonRadioGroup_1.default, { name: "some-name", label: "some label", onChange: ({ value }) => radioState.set({ value }), options: OPTIONS, value: radioState.get('value') })));
 });
 //# sourceMappingURL=ButtonRadioGroup.stories.js.map

package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonRadioGroup.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,4DAAwD;AACxD,0CAA6C;AAG7C,wEAAkD;AAElD,IAAM,OAAO,GAAkB;IAC7B;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,KAAK;KACb;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,KAAK;KACb;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,OAAO;KACf;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF,IAAM,UAAU,GAAG,IAAI,uBAAK,CAAC;IAC3B,KAAK,EAAE,EAAE;CACV,CAAC,CAAC;AAEH,iBAAS,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,EAAE;IACnD,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;IAE5C,OAAO,CACL,8BAAC,uBAAK,IAAC,KAAK,EAAE,UAAU;QACtB,8BAAC,0BAAgB,IACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAE,UAAC,EAAS;oBAAP,KAAK,WAAA;gBAAO,OAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC;YAAzB,CAAyB,EAClD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,GAC9B,CACI,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ButtonRadioGroup.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,8DAAwD;AACxD,4CAA6C;AAG7C,0EAAkD;AAElD,MAAM,OAAO,GAAkB;IAC7B;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,KAAK;KACb;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,KAAK;KACb;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,OAAO;KACf;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF,MAAM,UAAU,GAAG,IAAI,uBAAK,CAAC;IAC3B,KAAK,EAAE,EAAE;CACV,CAAC,CAAC;AAEH,IAAA,iBAAS,EAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE;IACxD,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;IAE5C,OAAO,CACL,8BAAC,uBAAK,IAAC,KAAK,EAAE,UAAU;QACtB,8BAAC,0BAAgB,IACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAClD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,GAC9B,CACI,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.styles.js

@@ -1,16 +1,23 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var breakpoints_1 = __importDefault(require("../../../utils/src/breakpoints"));
-var radius_1 = __importDefault(require("../../../utils/src/radius"));
-exports.Layout = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  z-index: 0;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  border-radius: ", ";\n  overflow: hidden;\n\n  @media (min-width: ", "px) {\n    flex-direction: row;\n  }\n"], ["\n  position: relative;\n  z-index: 0;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  border-radius: ", ";\n  overflow: hidden;\n\n  @media (min-width: ", "px) {\n    flex-direction: row;\n  }\n"])), radius_1.default.normal, breakpoints_1.default.small);
-var templateObject_1;
+const styled_components_1 = __importDefault(require("styled-components"));
+const breakpoints_1 = __importDefault(require("../../../utils/src/breakpoints"));
+const radius_1 = __importDefault(require("../../../utils/src/radius"));
+exports.Layout = styled_components_1.default.div `
+  position: relative;
+  z-index: 0;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  border-radius: ${radius_1.default.normal};
+  overflow: hidden;
+
+  @media (min-width: ${breakpoints_1.default.small}px) {
+    flex-direction: row;
+  }
+`;
 //# sourceMappingURL=ButtonRadioGroup.styles.js.map

package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonRadioGroup.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAEvC,+EAAyD;AACzD,qEAA+C;AAElC,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,8RAAA,8HAMb,EAAa,iDAGT,EAAiB,wCAGvC,KANkB,gBAAM,CAAC,MAAM,EAGT,qBAAW,CAAC,KAAK,EAGtC"}
+{"version":3,"file":"ButtonRadioGroup.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,iFAAyD;AACzD,uEAA+C;AAElC,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;mBAMb,gBAAM,CAAC,MAAM;;;uBAGT,qBAAW,CAAC,KAAK;;;CAGvC,CAAC"}

package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.test.js

@@ -1,15 +1,4 @@
 "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 __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) {
@@ -19,44 +8,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@testing-library/react");
-var user_event_1 = __importDefault(require("@testing-library/user-event"));
-var test_utils_1 = require("../../../utils/src/test-utils");
-var ButtonRadioGroup_1 = __importDefault(require("./ButtonRadioGroup"));
-var mockOnChange = jest.fn();
-var MOCK_OPTIONS = [
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const test_utils_1 = require("../../../utils/src/test-utils");
+const ButtonRadioGroup_1 = __importDefault(require("./ButtonRadioGroup"));
+const mockOnChange = jest.fn();
+const MOCK_OPTIONS = [
     {
         label: 'One',
         value: 'one'
@@ -66,38 +28,26 @@ var MOCK_OPTIONS = [
         value: 'two'
     }
 ];
-var defaultProps = {
+const defaultProps = {
     label: 'Radio group label',
     name: 'some-name',
     onChange: mockOnChange,
     options: MOCK_OPTIONS,
     value: MOCK_OPTIONS[0].value
 };
-describe('ButtonRadioGroup', function () {
-    it('passes a11y test', function () {
-        return test_utils_1.testA11y(react_1.default.createElement(ButtonRadioGroup_1.default, __assign({}, defaultProps)));
-    });
-    it('should render radio group with options', function () {
-        test_utils_1.render(react_1.default.createElement(ButtonRadioGroup_1.default, __assign({}, defaultProps)));
+describe('ButtonRadioGroup', () => {
+    it('passes a11y test', () => (0, test_utils_1.testA11y)(react_1.default.createElement(ButtonRadioGroup_1.default, Object.assign({}, defaultProps))));
+    it('should render radio group with options', () => {
+        (0, test_utils_1.render)(react_1.default.createElement(ButtonRadioGroup_1.default, Object.assign({}, defaultProps)));
         expect(react_2.screen.getByRole('radiogroup', { name: defaultProps.label })).toBeInTheDocument();
-        MOCK_OPTIONS.forEach(function (option) {
+        MOCK_OPTIONS.forEach(option => {
             expect(react_2.screen.getByLabelText(option.label)).toBeInTheDocument();
         });
     });
-    it('should change option', function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    test_utils_1.render(react_1.default.createElement(ButtonRadioGroup_1.default, __assign({}, defaultProps)));
-                    user_event_1.default.click(react_2.screen.getByLabelText(MOCK_OPTIONS[1].label));
-                    return [4 /*yield*/, react_2.waitFor(function () {
-                            return expect(mockOnChange).toHaveBeenCalledWith(MOCK_OPTIONS[1]);
-                        })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
+    it('should change option', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, test_utils_1.render)(react_1.default.createElement(ButtonRadioGroup_1.default, Object.assign({}, defaultProps)));
+        user_event_1.default.click(react_2.screen.getByLabelText(MOCK_OPTIONS[1].label));
+        yield (0, react_2.waitFor)(() => expect(mockOnChange).toHaveBeenCalledWith(MOCK_OPTIONS[1]));
+    }));
 });
 //# sourceMappingURL=ButtonRadioGroup.test.js.map

package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonRadioGroup.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,gDAAyD;AACzD,2EAAoD;AAEpD,4DAAiE;AAEjE,wEAA6E;AAE7E,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,IAAM,YAAY,GAAkB;IAClC;QACE,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,KAAK;KACb;IACD;QACE,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,KAAK;KACb;CACF,CAAC;AAEF,IAAM,YAAY,GAA0B;IAC1C,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,YAAY;IACtB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK;CAC7B,CAAC;AAEF,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,EAAE,CAAC,kBAAkB,EAAE;QACrB,OAAA,qBAAQ,CAAC,8BAAC,0BAAgB,eAAK,YAAY,EAAI,CAAC;IAAhD,CAAgD,CAAC,CAAC;IAEpD,EAAE,CAAC,wCAAwC,EAAE;QAC3C,mBAAM,CAAC,8BAAC,0BAAgB,eAAK,YAAY,EAAI,CAAC,CAAC;QAE/C,MAAM,CACJ,cAAM,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC,CAC7D,CAAC,iBAAiB,EAAE,CAAC;QAEtB,YAAY,CAAC,OAAO,CAAC,UAAA,MAAM;YACzB,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE;;;;oBACzB,mBAAM,CAAC,8BAAC,0BAAgB,eAAK,YAAY,EAAI,CAAC,CAAC;oBAE/C,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;oBAE9D,qBAAM,eAAO,CAAC;4BACZ,OAAA,MAAM,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;wBAA1D,CAA0D,CAC3D,EAAA;;oBAFD,SAEC,CAAC;;;;SACH,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ButtonRadioGroup.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,kDAAyD;AACzD,6EAAoD;AAEpD,8DAAiE;AAEjE,0EAA6E;AAE7E,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAAkB;IAClC;QACE,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,KAAK;KACb;IACD;QACE,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,KAAK;KACb;CACF,CAAC;AAEF,MAAM,YAAY,GAA0B;IAC1C,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,YAAY;IACtB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK;CAC7B,CAAC;AAEF,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE,CAC1B,IAAA,qBAAQ,EAAC,8BAAC,0BAAgB,oBAAK,YAAY,EAAI,CAAC,CAAC,CAAC;IAEpD,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,IAAA,mBAAM,EAAC,8BAAC,0BAAgB,oBAAK,YAAY,EAAI,CAAC,CAAC;QAE/C,MAAM,CACJ,cAAM,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC,CAC7D,CAAC,iBAAiB,EAAE,CAAC;QAEtB,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC5B,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAS,EAAE;QACpC,IAAA,mBAAM,EAAC,8BAAC,0BAAgB,oBAAK,YAAY,EAAI,CAAC,CAAC;QAE/C,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAE9D,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CACjB,MAAM,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAC3D,CAAC;IACJ,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}