@proprioo/salatim 18.5.0 → 19.1.0

package/lib/ui/src/radio/Radio.stories.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 __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]; } });
@@ -33,29 +22,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var storybook_state_1 = require("@sambego/storybook-state");
-var addon_actions_1 = require("@storybook/addon-actions");
-var react_2 = require("@storybook/react");
-var Radio_1 = __importDefault(require("./Radio"));
-var radioState = new storybook_state_1.Store({
+const react_1 = __importStar(require("react"));
+const storybook_state_1 = require("@sambego/storybook-state");
+const addon_actions_1 = require("@storybook/addon-actions");
+const react_2 = require("@storybook/react");
+const Radio_1 = __importDefault(require("./Radio"));
+const radioState = new storybook_state_1.Store({
     isChecked: false
 });
-var onChange = addon_actions_1.action('onChange');
-var defaultProps = {
+const onChange = (0, addon_actions_1.action)('onChange');
+const defaultProps = {
     id: 'id',
     label: 'Radio',
     name: 'name',
     value: '',
     isChecked: false,
-    onChange: onChange
+    onChange
 };
-react_2.storiesOf('Radio', module).add('Radio', function () { return (react_1.default.createElement(storybook_state_1.State, { store: radioState }, function (state) { return (react_1.default.createElement(react_1.Fragment, null,
-    react_1.default.createElement(Radio_1.default, __assign({}, defaultProps, { id: 'id1', isChecked: state.isChecked, value: '1', onChange: function () {
-            return radioState.set({ isChecked: !radioState.get('isChecked') });
-        } })),
+(0, react_2.storiesOf)('Radio', module).add('Radio', () => (react_1.default.createElement(storybook_state_1.State, { store: radioState }, state => (react_1.default.createElement(react_1.Fragment, null,
+    react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps, { id: 'id1', isChecked: state.isChecked, value: '1', onChange: () => radioState.set({ isChecked: !radioState.get('isChecked') }) })),
     react_1.default.createElement("br", null),
-    react_1.default.createElement(Radio_1.default, __assign({}, defaultProps, { id: 'id2', isChecked: state.isChecked, value: '2', onChange: function () {
-            return radioState.set({ isChecked: !radioState.get('isChecked') });
-        } })))); })); });
+    react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps, { id: 'id2', isChecked: state.isChecked, value: '2', onChange: () => radioState.set({ isChecked: !radioState.get('isChecked') }) })))))));
 //# sourceMappingURL=Radio.stories.js.map

package/lib/ui/src/radio/Radio.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAExC,4DAAwD;AACxD,0DAAkD;AAClD,0CAA6C;AAE7C,kDAA4C;AAE5C,IAAM,UAAU,GAAG,IAAI,uBAAK,CAAC;IAC3B,SAAS,EAAE,KAAK;CACjB,CAAC,CAAC;AAEH,IAAM,QAAQ,GAAG,sBAAM,CAAC,UAAU,CAAC,CAAC;AAEpC,IAAM,YAAY,GAAe;IAC/B,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,KAAK;IAChB,QAAQ,UAAA;CACT,CAAC;AAEF,iBAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,cAAM,OAAA,CAC5C,8BAAC,uBAAK,IAAC,KAAK,EAAE,UAAU,IACrB,UAAA,KAAK,IAAI,OAAA,CACR,8BAAC,gBAAQ;IACP,8BAAC,eAAK,eACA,YAAY,IAChB,EAAE,EAAE,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE;YACR,OAAA,UAAU,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;QAA3D,CAA2D,IAE7D;IACF,yCAAM;IACN,8BAAC,eAAK,eACA,YAAY,IAChB,EAAE,EAAE,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE;YACR,OAAA,UAAU,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;QAA3D,CAA2D,IAE7D,CACO,CACZ,EAtBS,CAsBT,CACK,CACT,EA1B6C,CA0B7C,CAAC,CAAC"}
+{"version":3,"file":"Radio.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,8DAAwD;AACxD,4DAAkD;AAClD,4CAA6C;AAE7C,oDAA4C;AAE5C,MAAM,UAAU,GAAG,IAAI,uBAAK,CAAC;IAC3B,SAAS,EAAE,KAAK;CACjB,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC;AAEpC,MAAM,YAAY,GAAe;IAC/B,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,KAAK;IAChB,QAAQ;CACT,CAAC;AAEF,IAAA,iBAAS,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAC5C,8BAAC,uBAAK,IAAC,KAAK,EAAE,UAAU,IACrB,KAAK,CAAC,EAAE,CAAC,CACR,8BAAC,gBAAQ;IACP,8BAAC,eAAK,oBACA,YAAY,IAChB,EAAE,EAAE,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,GAAG,EAAE,CACb,UAAU,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,IAE7D;IACF,yCAAM;IACN,8BAAC,eAAK,oBACA,YAAY,IAChB,EAAE,EAAE,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,GAAG,EAAE,CACb,UAAU,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,IAE7D,CACO,CACZ,CACK,CACT,CAAC,CAAC"}

package/lib/ui/src/radio/Radio.styles.js

@@ -1,17 +1,81 @@
 "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.RadioLayout = exports.RadioLabelLayout = exports.Layout = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var utils_1 = require("../../../utils");
-exports.Layout = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-exports.RadioLabelLayout = styled_components_1.default.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  cursor: pointer;\n  color: ", ";\n  font-size: ", ";\n  line-height: ", ";\n\n  ::selection {\n    background-color: transparent;\n  }\n"], ["\n  ", "\n  cursor: pointer;\n  color: ", ";\n  font-size: ", ";\n  line-height: ", ";\n\n  ::selection {\n    background-color: transparent;\n  }\n"])), utils_1.ArchivoFont, utils_1.colors.dark.base, utils_1.fonts.small, utils_1.convertPxToRem(18));
-exports.RadioLayout = styled_components_1.default.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  opacity: 0;\n\n  + ", " {\n    ::before {\n      content: '';\n      position: relative;\n      border-radius: ", ";\n      background-color: white;\n      display: inline-block;\n      border: ", " solid ", ";\n      width: ", ";\n      height: ", ";\n      top: -", ";\n      margin-right: ", ";\n      vertical-align: top;\n      transition: all 250ms ease;\n    }\n\n    ::after {\n      content: '';\n      position: absolute;\n      width: ", ";\n      height: ", ";\n      top: ", ";\n      left: ", ";\n      background-color: ", ";\n      border-radius: ", ";\n      transform: scale(0);\n      transition: all 0.25s ease;\n      opacity: 0;\n    }\n  }\n\n  :not(:checked) {\n    + ", " {\n      :hover {\n        ::before {\n          border-color: ", ";\n        }\n      }\n    }\n  }\n\n  :checked {\n    + ", " {\n      ::before {\n        border-color: ", ";\n      }\n\n      ::after {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n  }\n"], ["\n  position: absolute;\n  opacity: 0;\n\n  + ", " {\n    ::before {\n      content: '';\n      position: relative;\n      border-radius: ", ";\n      background-color: white;\n      display: inline-block;\n      border: ", " solid ", ";\n      width: ", ";\n      height: ", ";\n      top: -", ";\n      margin-right: ", ";\n      vertical-align: top;\n      transition: all 250ms ease;\n    }\n\n    ::after {\n      content: '';\n      position: absolute;\n      width: ", ";\n      height: ", ";\n      top: ", ";\n      left: ", ";\n      background-color: ", ";\n      border-radius: ", ";\n      transform: scale(0);\n      transition: all 0.25s ease;\n      opacity: 0;\n    }\n  }\n\n  :not(:checked) {\n    + ", " {\n      :hover {\n        ::before {\n          border-color: ", ";\n        }\n      }\n    }\n  }\n\n  :checked {\n    + ", " {\n      ::before {\n        border-color: ", ";\n      }\n\n      ::after {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n  }\n"])), exports.RadioLabelLayout, utils_1.radius.max, utils_1.convertPxToRem(2), utils_1.colors.dark.base20, utils_1.convertPxToRem(24), utils_1.convertPxToRem(24), utils_1.convertPxToRem(2), utils_1.convertPxToRem(8), utils_1.convertPxToRem(12), utils_1.convertPxToRem(12), utils_1.convertPxToRem(4), utils_1.convertPxToRem(6), utils_1.colors.orange.base, utils_1.radius.max, exports.RadioLabelLayout, utils_1.colors.orange.base, exports.RadioLabelLayout, utils_1.colors.orange.base20);
-var templateObject_1, templateObject_2, templateObject_3;
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../../utils");
+exports.Layout = styled_components_1.default.div `
+  position: relative;
+`;
+exports.RadioLabelLayout = styled_components_1.default.label `
+  ${utils_1.ArchivoFont}
+  cursor: pointer;
+  color: ${utils_1.colors.dark.base};
+  font-size: ${utils_1.fonts.small};
+  line-height: ${(0, utils_1.convertPxToRem)(18)};
+
+  ::selection {
+    background-color: transparent;
+  }
+`;
+exports.RadioLayout = styled_components_1.default.input `
+  position: absolute;
+  opacity: 0;
+
+  + ${exports.RadioLabelLayout} {
+    ::before {
+      content: '';
+      position: relative;
+      border-radius: ${utils_1.radius.max};
+      background-color: white;
+      display: inline-block;
+      border: ${(0, utils_1.convertPxToRem)(2)} solid ${utils_1.colors.dark.base20};
+      width: ${(0, utils_1.convertPxToRem)(24)};
+      height: ${(0, utils_1.convertPxToRem)(24)};
+      top: -${(0, utils_1.convertPxToRem)(2)};
+      margin-right: ${(0, utils_1.convertPxToRem)(8)};
+      vertical-align: top;
+      transition: all 250ms ease;
+    }
+
+    ::after {
+      content: '';
+      position: absolute;
+      width: ${(0, utils_1.convertPxToRem)(12)};
+      height: ${(0, utils_1.convertPxToRem)(12)};
+      top: ${(0, utils_1.convertPxToRem)(4)};
+      left: ${(0, utils_1.convertPxToRem)(6)};
+      background-color: ${utils_1.colors.orange.base};
+      border-radius: ${utils_1.radius.max};
+      transform: scale(0);
+      transition: all 0.25s ease;
+      opacity: 0;
+    }
+  }
+
+  :not(:checked) {
+    + ${exports.RadioLabelLayout} {
+      :hover {
+        ::before {
+          border-color: ${utils_1.colors.orange.base};
+        }
+      }
+    }
+  }
+
+  :checked {
+    + ${exports.RadioLabelLayout} {
+      ::before {
+        border-color: ${utils_1.colors.orange.base20};
+      }
+
+      ::after {
+        transform: scale(1);
+        opacity: 1;
+      }
+    }
+  }
+`;
 //# sourceMappingURL=Radio.styles.js.map

package/lib/ui/src/radio/Radio.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAEvC,wCAMwB;AAEX,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,8FAAA,2BAE/B,KAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,KAAK,yNAAA,MACxC,EAAW,iCAEJ,EAAgB,kBACZ,EAAW,oBACT,EAAkB,iEAKlC,KATG,mBAAW,EAEJ,cAAM,CAAC,IAAI,CAAC,IAAI,EACZ,aAAK,CAAC,KAAK,EACT,sBAAc,CAAC,EAAE,CAAC,EAKjC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,gjCAAA,gDAIjC,EAAgB,0FAIC,EAAU,iFAGjB,EAAiB,SAAU,EAAkB,kBAC9C,EAAkB,mBACjB,EAAkB,iBACpB,EAAiB,yBACT,EAAiB,wJAQxB,EAAkB,mBACjB,EAAkB,gBACrB,EAAiB,iBAChB,EAAiB,6BACL,EAAkB,0BACrB,EAAU,+HAQzB,EAAgB,kEAGE,EAAkB,2DAOpC,EAAgB,8CAEA,EAAoB,yGAS3C,KArDK,wBAAgB,EAIC,cAAM,CAAC,GAAG,EAGjB,sBAAc,CAAC,CAAC,CAAC,EAAU,cAAM,CAAC,IAAI,CAAC,MAAM,EAC9C,sBAAc,CAAC,EAAE,CAAC,EACjB,sBAAc,CAAC,EAAE,CAAC,EACpB,sBAAc,CAAC,CAAC,CAAC,EACT,sBAAc,CAAC,CAAC,CAAC,EAQxB,sBAAc,CAAC,EAAE,CAAC,EACjB,sBAAc,CAAC,EAAE,CAAC,EACrB,sBAAc,CAAC,CAAC,CAAC,EAChB,sBAAc,CAAC,CAAC,CAAC,EACL,cAAM,CAAC,MAAM,CAAC,IAAI,EACrB,cAAM,CAAC,GAAG,EAQzB,wBAAgB,EAGE,cAAM,CAAC,MAAM,CAAC,IAAI,EAOpC,wBAAgB,EAEA,cAAM,CAAC,MAAM,CAAC,MAAM,EAS1C"}
+{"version":3,"file":"Radio.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,0CAMwB;AAEX,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAE/B,CAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,KAAK,CAAA;IACxC,mBAAW;;WAEJ,cAAM,CAAC,IAAI,CAAC,IAAI;eACZ,aAAK,CAAC,KAAK;iBACT,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;CAKlC,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAA;;;;MAIjC,wBAAgB;;;;uBAIC,cAAM,CAAC,GAAG;;;gBAGjB,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;eAC9C,IAAA,sBAAc,EAAC,EAAE,CAAC;gBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;cACpB,IAAA,sBAAc,EAAC,CAAC,CAAC;sBACT,IAAA,sBAAc,EAAC,CAAC,CAAC;;;;;;;;eAQxB,IAAA,sBAAc,EAAC,EAAE,CAAC;gBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;aACrB,IAAA,sBAAc,EAAC,CAAC,CAAC;cAChB,IAAA,sBAAc,EAAC,CAAC,CAAC;0BACL,cAAM,CAAC,MAAM,CAAC,IAAI;uBACrB,cAAM,CAAC,GAAG;;;;;;;;QAQzB,wBAAgB;;;0BAGE,cAAM,CAAC,MAAM,CAAC,IAAI;;;;;;;QAOpC,wBAAgB;;wBAEA,cAAM,CAAC,MAAM,CAAC,MAAM;;;;;;;;;CAS3C,CAAC"}

package/lib/ui/src/radio/Radio.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,43 +8,16 @@ 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 Radio_1 = __importDefault(require("./Radio"));
-var mockChange = jest.fn();
-var defaultProps = {
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const Radio_1 = __importDefault(require("./Radio"));
+const mockChange = jest.fn();
+const defaultProps = {
     id: 'id',
     label: 'Radio',
     name: 'name',
@@ -63,26 +25,18 @@ var defaultProps = {
     isChecked: false,
     onChange: mockChange
 };
-describe('Radio component', function () {
-    afterEach(function () { return jest.resetAllMocks(); });
-    afterAll(function () { return jest.clearAllMocks(); });
-    it('should render component', function () {
-        react_2.render(react_1.default.createElement(Radio_1.default, __assign({}, defaultProps)));
+describe('Radio component', () => {
+    afterEach(() => jest.resetAllMocks());
+    afterAll(() => jest.clearAllMocks());
+    it('should render component', () => {
+        (0, react_2.render)(react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps)));
         expect(react_2.screen.getByRole('radio')).toBeInTheDocument();
     });
-    it('should trigger onChange component', 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(Radio_1.default, __assign({}, defaultProps)));
-                    expect(react_2.screen.getByRole('radio')).toBeInTheDocument();
-                    user_event_1.default.click(react_2.screen.getByRole('radio'));
-                    return [4 /*yield*/, react_2.waitFor(function () { return expect(mockChange).toHaveBeenCalled(); })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
+    it('should trigger onChange component', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps)));
+        expect(react_2.screen.getByRole('radio')).toBeInTheDocument();
+        user_event_1.default.click(react_2.screen.getByRole('radio'));
+        yield (0, react_2.waitFor)(() => expect(mockChange).toHaveBeenCalled());
+    }));
 });
 //# sourceMappingURL=Radio.test.js.map

package/lib/ui/src/radio/Radio.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,gDAAiE;AACjE,2EAAoD;AAEpD,kDAA4C;AAE5C,IAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE7B,IAAM,YAAY,GAAe;IAC/B,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,SAAS,CAAC,cAAM,OAAA,IAAI,CAAC,aAAa,EAAE,EAApB,CAAoB,CAAC,CAAC;IACtC,QAAQ,CAAC,cAAM,OAAA,IAAI,CAAC,aAAa,EAAE,EAApB,CAAoB,CAAC,CAAC;IAErC,EAAE,CAAC,yBAAyB,EAAE;QAC5B,cAAM,CAAC,8BAAC,eAAK,eAAK,YAAY,EAAI,CAAC,CAAC;QAEpC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE;;;;oBACtC,cAAM,CAAC,8BAAC,eAAK,eAAK,YAAY,EAAI,CAAC,CAAC;oBAEpC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;oBAEtD,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC3C,qBAAM,eAAO,CAAC,cAAM,OAAA,MAAM,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,EAArC,CAAqC,CAAC,EAAA;;oBAA1D,SAA0D,CAAC;;;;SAC5D,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Radio.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,kDAAiE;AACjE,6EAAoD;AAEpD,oDAA4C;AAE5C,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE7B,MAAM,YAAY,GAAe;IAC/B,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACtC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IAErC,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,8BAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEpC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAS,EAAE;QACjD,IAAA,cAAM,EAAC,8BAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEpC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAEtD,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3C,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC7D,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/ui/src/select/Select.js

@@ -1,28 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -44,23 +20,21 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Select = void 0;
-var react_1 = __importStar(require("react"));
-var Option_1 = __importStar(require("../option/Option"));
-var Select_styles_1 = require("./Select.styles");
-var Select = /** @class */ (function (_super) {
-    __extends(Select, _super);
-    function Select(props) {
-        var _this = _super.call(this, props) || this;
-        _this.selectItem = _this.selectItem.bind(_this);
-        return _this;
+const react_1 = __importStar(require("react"));
+const Option_1 = __importStar(require("../option/Option"));
+const Select_styles_1 = require("./Select.styles");
+class Select extends react_1.PureComponent {
+    constructor(props) {
+        super(props);
+        this.selectItem = this.selectItem.bind(this);
     }
-    Select.prototype.selectItem = function (value) {
-        var _a = this.props, onClose = _a.onClose, onSelect = _a.onSelect;
+    selectItem(value) {
+        const { onClose, onSelect } = this.props;
         onSelect(value);
         onClose();
-    };
-    Select.prototype.componentDidUpdate = function () {
-        var selectedOptionRef = this.props.selectedOptionRef;
+    }
+    componentDidUpdate() {
+        const { selectedOptionRef } = this.props;
         if (selectedOptionRef.current && selectedOptionRef.current.scrollIntoView) {
             selectedOptionRef.current.scrollIntoView({
                 behavior: 'smooth',
@@ -68,18 +42,16 @@ var Select = /** @class */ (function (_super) {
                 inline: 'end'
             });
         }
-    };
-    Select.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, options = _a.options, value = _a.value, isOpen = _a.isOpen, selectRef = _a.selectRef, selectedOptionRef = _a.selectedOptionRef, optionsMinWidth = _a.optionsMinWidth, optionsAlign = _a.optionsAlign;
+    }
+    render() {
+        const { options, value, isOpen, selectRef, selectedOptionRef, optionsMinWidth, optionsAlign } = this.props;
         return isOpen ? (react_1.default.createElement(Select_styles_1.Layout, { optionsMinWidth: optionsMinWidth, optionsAlign: optionsAlign, "data-test": "select-layout", ref: selectRef },
-            react_1.default.createElement(Select_styles_1.ItemContainer, null, options.map(function (option, i) { return (react_1.default.createElement(Select_styles_1.ItemLayout, { key: i, ref: Option_1.isOptionSelected(option.value, value)
+            react_1.default.createElement(Select_styles_1.ItemContainer, null, options.map((option, i) => (react_1.default.createElement(Select_styles_1.ItemLayout, { key: i, ref: (0, Option_1.isOptionSelected)(option.value, value)
                     ? selectedOptionRef
                     : undefined },
-                react_1.default.createElement(Option_1.default, { value: value, option: option, onSelect: function () { return _this.selectItem(option); } }))); })))) : null;
-    };
-    return Select;
-}(react_1.PureComponent));
+                react_1.default.createElement(Option_1.default, { value: value, option: option, onSelect: () => this.selectItem(option) }))))))) : null;
+    }
+}
 exports.Select = Select;
-exports.default = react_1.forwardRef(function (props, ref) { return (react_1.default.createElement(Select, __assign({ ref: ref }, props))); });
+exports.default = (0, react_1.forwardRef)((props, ref) => (react_1.default.createElement(Select, Object.assign({ ref: ref }, props))));
 //# sourceMappingURL=Select.js.map

package/lib/ui/src/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../packages/ui/src/select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoE;AAEpE,yDAAyE;AACzE,iDAKyB;AAczB;IAA4B,0BAA0B;IACpD,gBAAY,KAAkB;QAA9B,YACE,kBAAM,KAAK,CAAC,SAEb;QADC,KAAI,CAAC,UAAU,GAAG,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;;IAC/C,CAAC;IAED,2BAAU,GAAV,UAAW,KAAkB;QACrB,IAAA,KAAwB,IAAI,CAAC,KAAK,EAAhC,OAAO,aAAA,EAAE,QAAQ,cAAe,CAAC;QACzC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,mCAAkB,GAAlB;QACU,IAAA,iBAAiB,GAAK,IAAI,CAAC,KAAK,kBAAf,CAAgB;QACzC,IAAI,iBAAiB,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,CAAC,cAAc,EAAE;YACzE,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC;gBACvC,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,KAAK;aACd,CAAC,CAAC;SACJ;IACH,CAAC;IAED,uBAAM,GAAN;QAAA,iBAqCC;QApCO,IAAA,KAQF,IAAI,CAAC,KAAK,EAPZ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,MAAM,YAAA,EACN,SAAS,eAAA,EACT,iBAAiB,uBAAA,EACjB,eAAe,qBAAA,EACf,YAAY,kBACA,CAAC;QACf,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,8BAAC,sBAAM,IACL,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,eAChB,eAAe,EACzB,GAAG,EAAE,SAAS;YAEd,8BAAC,6BAAa,QACX,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,CAAC,IAAK,OAAA,CAC1B,8BAAC,0BAAU,IACT,GAAG,EAAE,CAAC,EACN,GAAG,EACD,yBAAgB,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC;oBACnC,CAAC,CAAC,iBAAiB;oBACnB,CAAC,CAAC,SAAS;gBAGf,8BAAC,gBAAM,IACL,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,cAAM,OAAA,KAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAvB,CAAuB,GACvC,CACS,CACd,EAf2B,CAe3B,CAAC,CACY,CACT,CACV,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IACH,aAAC;AAAD,CAAC,AA7DD,CAA4B,qBAAa,GA6DxC;AA7DY,wBAAM;AA+DnB,kBAAe,kBAAU,CAAsB,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,CAC7D,8BAAC,MAAM,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAChC,EAF8D,CAE9D,CAAC,CAAC"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../packages/ui/src/select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;AAEpE,2DAAyE;AACzE,mDAKyB;AAczB,MAAa,MAAO,SAAQ,qBAA0B;IACpD,YAAY,KAAkB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IAED,UAAU,CAAC,KAAkB;QAC3B,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACzC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,kBAAkB;QAChB,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACzC,IAAI,iBAAiB,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,CAAC,cAAc,EAAE;YACzE,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC;gBACvC,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,KAAK;aACd,CAAC,CAAC;SACJ;IACH,CAAC;IAED,MAAM;QACJ,MAAM,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,eAAe,EACf,YAAY,EACb,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,8BAAC,sBAAM,IACL,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,eAChB,eAAe,EACzB,GAAG,EAAE,SAAS;YAEd,8BAAC,6BAAa,QACX,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,8BAAC,0BAAU,IACT,GAAG,EAAE,CAAC,EACN,GAAG,EACD,IAAA,yBAAgB,EAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC;oBACnC,CAAC,CAAC,iBAAiB;oBACnB,CAAC,CAAC,SAAS;gBAGf,8BAAC,gBAAM,IACL,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,GACvC,CACS,CACd,CAAC,CACY,CACT,CACV,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;CACF;AA7DD,wBA6DC;AAED,kBAAe,IAAA,kBAAU,EAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7D,8BAAC,MAAM,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAChC,CAAC,CAAC"}

package/lib/ui/src/select/Select.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]; } });
@@ -24,23 +20,47 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ItemLayout = exports.ItemContainer = exports.Layout = exports.OptionsAlignement = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var utils_1 = require("../../../utils");
+const styled_components_1 = __importStar(require("styled-components"));
+const utils_1 = require("../../../utils");
 var OptionsAlignement;
 (function (OptionsAlignement) {
     OptionsAlignement["LEFT"] = "left";
     OptionsAlignement["RIGHT"] = "right";
 })(OptionsAlignement = exports.OptionsAlignement || (exports.OptionsAlignement = {}));
-exports.Layout = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  top: ", ";\n  background: white;\n  z-index: -1;\n  border-radius: ", ";\n  padding: ", ";\n  border: ", " solid ", ";\n  overflow: hidden;\n\n  ", "\n\n  ", "\n"], ["\n  position: absolute;\n  width: 100%;\n  top: ", ";\n  background: white;\n  z-index: -1;\n  border-radius: ", ";\n  padding: ", ";\n  border: ", " solid ", ";\n  overflow: hidden;\n\n  ",
-    "\n\n  ",
-    "\n"])), utils_1.convertPxToRem(60), utils_1.radius.biggest, utils_1.convertPxToRem(20), utils_1.convertPxToRem(1), utils_1.colors.orange.base, function (_a) {
-    var optionsAlign = _a.optionsAlign;
-    return optionsAlign === OptionsAlignement.RIGHT && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      right: 0;\n    "], ["\n      right: 0;\n    "])));
-}, function (_a) {
-    var optionsMinWidth = _a.optionsMinWidth;
-    return optionsMinWidth && styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      min-width: ", ";\n    "], ["\n      min-width: ", ";\n    "])), utils_1.convertPxToRem(optionsMinWidth));
-});
-exports.ItemContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  overflow: auto;\n  height: 100%;\n  max-height: ", ";\n"], ["\n  ", ";\n  overflow: auto;\n  height: 100%;\n  max-height: ", ";\n"])), utils_1.scrollbar, utils_1.convertPxToRem(100));
-exports.ItemLayout = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  font-size: ", ";\n  margin: ", " 0 0;\n\n  :first-child {\n    margin-top: 0;\n  }\n"], ["\n  ", ";\n  font-size: ", ";\n  margin: ", " 0 0;\n\n  :first-child {\n    margin-top: 0;\n  }\n"])), utils_1.ArchivoFont, utils_1.fonts.small, utils_1.convertPxToRem(2));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+exports.Layout = styled_components_1.default.div `
+  position: absolute;
+  width: 100%;
+  top: ${(0, utils_1.convertPxToRem)(60)};
+  background: white;
+  z-index: -1;
+  border-radius: ${utils_1.radius.biggest};
+  padding: ${(0, utils_1.convertPxToRem)(20)};
+  border: ${(0, utils_1.convertPxToRem)(1)} solid ${utils_1.colors.orange.base};
+  overflow: hidden;
+
+  ${({ optionsAlign }) => optionsAlign === OptionsAlignement.RIGHT &&
+    (0, styled_components_1.css) `
+      right: 0;
+    `}
+
+  ${({ optionsMinWidth }) => optionsMinWidth &&
+    (0, styled_components_1.css) `
+      min-width: ${(0, utils_1.convertPxToRem)(optionsMinWidth)};
+    `}
+`;
+exports.ItemContainer = styled_components_1.default.div `
+  ${utils_1.scrollbar};
+  overflow: auto;
+  height: 100%;
+  max-height: ${(0, utils_1.convertPxToRem)(100)};
+`;
+exports.ItemLayout = styled_components_1.default.div `
+  ${utils_1.ArchivoFont};
+  font-size: ${utils_1.fonts.small};
+  margin: ${(0, utils_1.convertPxToRem)(2)} 0 0;
+
+  :first-child {
+    margin-top: 0;
+  }
+`;
 //# sourceMappingURL=Select.styles.js.map

package/lib/ui/src/select/Select.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/select/Select.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,wCAOwB;AAExB,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,kCAAa,CAAA;IACb,oCAAe,CAAA;AACjB,CAAC,EAHW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAG5B;AAOY,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,iRAAa,kDAGpC,EAAkB,4DAGR,EAAc,gBACpB,EAAkB,eACnB,EAAiB,SAAU,EAAkB,8BAGrD;IAIC,QAED;IAIC,IACJ,KAnBQ,sBAAc,CAAC,EAAE,CAAC,EAGR,cAAM,CAAC,OAAO,EACpB,sBAAc,CAAC,EAAE,CAAC,EACnB,sBAAc,CAAC,CAAC,CAAC,EAAU,cAAM,CAAC,MAAM,CAAC,IAAI,EAGrD,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,KAAK,iBAAiB,CAAC,KAAK,IACxC,uBAAG,4FAAA,yBAEF,IAAA;AAHD,CAGC,EAED,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,OAAA,eAAe,IACf,uBAAG,mGAAA,qBACY,EAA+B,SAC7C,KADc,sBAAc,CAAC,eAAe,CAAC,CAC7C;AAHD,CAGC,EACH;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,yIAAA,MACnC,EAAS,uDAGG,EAAmB,KAClC,KAJG,iBAAS,EAGG,sBAAc,CAAC,GAAG,CAAC,EACjC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,sKAAA,MAChC,EAAW,kBACA,EAAW,eACd,EAAiB,sDAK5B,KAPG,mBAAW,EACA,aAAK,CAAC,KAAK,EACd,sBAAc,CAAC,CAAC,CAAC,EAK3B"}
+{"version":3,"file":"Select.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/select/Select.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAOwB;AAExB,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,kCAAa,CAAA;IACb,oCAAe,CAAA;AACjB,CAAC,EAHW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAG5B;AAOY,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAa;;;SAGpC,IAAA,sBAAc,EAAC,EAAE,CAAC;;;mBAGR,cAAM,CAAC,OAAO;aACpB,IAAA,sBAAc,EAAC,EAAE,CAAC;YACnB,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,MAAM,CAAC,IAAI;;;IAGrD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CACrB,YAAY,KAAK,iBAAiB,CAAC,KAAK;IACxC,IAAA,uBAAG,EAAA;;KAEF;;IAED,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CACxB,eAAe;IACf,IAAA,uBAAG,EAAA;mBACY,IAAA,sBAAc,EAAC,eAAe,CAAC;KAC7C;CACJ,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;IACnC,iBAAS;;;gBAGG,IAAA,sBAAc,EAAC,GAAG,CAAC;CAClC,CAAC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAA;IAChC,mBAAW;eACA,aAAK,CAAC,KAAK;YACd,IAAA,sBAAc,EAAC,CAAC,CAAC;;;;;CAK5B,CAAC"}

package/lib/ui/src/select/Select.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 __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]; } });
@@ -38,44 +27,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 = __importStar(require("react"));
-var react_2 = require("@testing-library/react");
-var user_event_1 = __importDefault(require("@testing-library/user-event"));
-var Select_1 = require("./Select");
-var mockOnClose = jest.fn();
-var mockOnSelect = jest.fn();
-var defaultProps = {
+const react_1 = __importStar(require("react"));
+const react_2 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const Select_1 = require("./Select");
+const mockOnClose = jest.fn();
+const mockOnSelect = jest.fn();
+const defaultProps = {
     options: [
         {
             value: 'banana',
@@ -90,40 +52,32 @@ var defaultProps = {
     isOpen: true,
     onClose: mockOnClose,
     onSelect: mockOnSelect,
-    selectRef: react_1.createRef(),
-    selectedOptionRef: react_1.createRef()
+    selectRef: (0, react_1.createRef)(),
+    selectedOptionRef: (0, react_1.createRef)()
 };
-describe('Select options component', function () {
-    afterEach(function () { return jest.resetAllMocks(); });
-    afterAll(function () { return jest.clearAllMocks(); });
-    it('should render component', function () {
-        react_2.render(react_1.default.createElement(Select_1.Select, __assign({}, defaultProps)));
+describe('Select options component', () => {
+    afterEach(() => jest.resetAllMocks());
+    afterAll(() => jest.clearAllMocks());
+    it('should render component', () => {
+        (0, react_2.render)(react_1.default.createElement(Select_1.Select, Object.assign({}, defaultProps)));
         expect(react_2.screen.getByTestId('select-layout')).toBeInTheDocument();
     });
-    it('should not render component', function () {
-        var props = __assign(__assign({}, defaultProps), { isOpen: false });
-        react_2.render(react_1.default.createElement(Select_1.Select, __assign({}, props)));
+    it('should not render component', () => {
+        const props = Object.assign(Object.assign({}, defaultProps), { isOpen: false });
+        (0, react_2.render)(react_1.default.createElement(Select_1.Select, Object.assign({}, props)));
         expect(react_2.screen.queryByTestId('select-layout')).not.toBeInTheDocument();
     });
-    it('should have 2 Option', function () {
-        react_2.render(react_1.default.createElement(Select_1.Select, __assign({}, defaultProps)));
+    it('should have 2 Option', () => {
+        (0, react_2.render)(react_1.default.createElement(Select_1.Select, Object.assign({}, defaultProps)));
         expect(react_2.screen.getAllByTestId('option-layout')).toHaveLength(2);
     });
-    it('should call onSelect and onClose function', 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(Select_1.Select, __assign({}, defaultProps)));
-                    user_event_1.default.click(react_2.screen.getAllByTestId('option-layout')[0]);
-                    return [4 /*yield*/, react_2.waitFor(function () {
-                            expect(mockOnSelect).toHaveBeenCalled();
-                            expect(mockOnClose).toHaveBeenCalled();
-                        })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
+    it('should call onSelect and onClose function', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(Select_1.Select, Object.assign({}, defaultProps)));
+        user_event_1.default.click(react_2.screen.getAllByTestId('option-layout')[0]);
+        yield (0, react_2.waitFor)(() => {
+            expect(mockOnSelect).toHaveBeenCalled();
+            expect(mockOnClose).toHaveBeenCalled();
         });
-    }); });
+    }));
 });
 //# sourceMappingURL=Select.test.js.map

package/lib/ui/src/select/Select.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/select/Select.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AAEzC,gDAAiE;AACjE,2EAAoD;AAEpD,mCAA+C;AAE/C,IAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAC9B,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,IAAM,YAAY,GAAgB;IAChC,OAAO,EAAE;QACP;YACE,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;SAChB;QACD;YACE,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;SAChB;KACF;IACD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,WAAW;IACpB,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,iBAAS,EAAkB;IACtC,iBAAiB,EAAE,iBAAS,EAAkB;CAC/C,CAAC;AAEF,QAAQ,CAAC,0BAA0B,EAAE;IACnC,SAAS,CAAC,cAAM,OAAA,IAAI,CAAC,aAAa,EAAE,EAApB,CAAoB,CAAC,CAAC;IACtC,QAAQ,CAAC,cAAM,OAAA,IAAI,CAAC,aAAa,EAAE,EAApB,CAAoB,CAAC,CAAC;IAErC,EAAE,CAAC,yBAAyB,EAAE;QAC5B,cAAM,CAAC,8BAAC,eAAM,eAAK,YAAY,EAAI,CAAC,CAAC;QAErC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE;QAChC,IAAM,KAAK,yBACN,YAAY,KACf,MAAM,EAAE,KAAK,GACd,CAAC;QAEF,cAAM,CAAC,8BAAC,eAAM,eAAK,KAAK,EAAI,CAAC,CAAC;QAE9B,MAAM,CAAC,cAAM,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE;QACzB,cAAM,CAAC,8BAAC,eAAM,eAAK,YAAY,EAAI,CAAC,CAAC;QAErC,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE;;;;oBAC9C,cAAM,CAAC,8BAAC,eAAM,eAAK,YAAY,EAAI,CAAC,CAAC;oBAErC,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC3D,qBAAM,eAAO,CAAC;4BACZ,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;4BACxC,MAAM,CAAC,WAAW,CAAC,CAAC,gBAAgB,EAAE,CAAC;wBACzC,CAAC,CAAC,EAAA;;oBAHF,SAGE,CAAC;;;;SACJ,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Select.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/select/Select.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AAEzC,kDAAiE;AACjE,6EAAoD;AAEpD,qCAA+C;AAE/C,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAC9B,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAAgB;IAChC,OAAO,EAAE;QACP;YACE,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;SAChB;QACD;YACE,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;SAChB;KACF;IACD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,WAAW;IACpB,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,IAAA,iBAAS,GAAkB;IACtC,iBAAiB,EAAE,IAAA,iBAAS,GAAkB;CAC/C,CAAC;AAEF,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACtC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IAErC,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,8BAAC,eAAM,oBAAK,YAAY,EAAI,CAAC,CAAC;QAErC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,KAAK,mCACN,YAAY,KACf,MAAM,EAAE,KAAK,GACd,CAAC;QAEF,IAAA,cAAM,EAAC,8BAAC,eAAM,oBAAK,KAAK,EAAI,CAAC,CAAC;QAE9B,MAAM,CAAC,cAAM,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC9B,IAAA,cAAM,EAAC,8BAAC,eAAM,oBAAK,YAAY,EAAI,CAAC,CAAC;QAErC,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAS,EAAE;QACzD,IAAA,cAAM,EAAC,8BAAC,eAAM,oBAAK,YAAY,EAAI,CAAC,CAAC;QAErC,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3D,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE;YACjB,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;YACxC,MAAM,CAAC,WAAW,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}