@proprioo/salatim 18.6.2 → 19.3.1

package/lib/ui/src/numberInput/NumberInput.utils.test.js

@@ -1,44 +1,44 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var NumberInput_utils_1 = require("./NumberInput.utils");
-describe('NumberInput utils', function () {
-    describe('cleanNumericValue()', function () {
-        it('should remove spaces', function () {
-            expect(NumberInput_utils_1.cleanNumericValue('1\u202f000')).toEqual('1000');
-            expect(NumberInput_utils_1.cleanNumericValue('1 000\u202f000')).toEqual('1000000');
+const NumberInput_utils_1 = require("./NumberInput.utils");
+describe('NumberInput utils', () => {
+    describe('cleanNumericValue()', () => {
+        it('should remove spaces', () => {
+            expect((0, NumberInput_utils_1.cleanNumericValue)('1\u202f000')).toEqual('1000');
+            expect((0, NumberInput_utils_1.cleanNumericValue)('1 000\u202f000')).toEqual('1000000');
         });
-        it('should transform comma into dot', function () {
-            expect(NumberInput_utils_1.cleanNumericValue('100,4')).toEqual('100.4');
+        it('should transform comma into dot', () => {
+            expect((0, NumberInput_utils_1.cleanNumericValue)('100,4')).toEqual('100.4');
         });
-        it('should remove trailing comma', function () {
-            expect(NumberInput_utils_1.cleanNumericValue('100,')).toEqual('100');
-            expect(NumberInput_utils_1.cleanNumericValue('100.')).toEqual('100');
+        it('should remove trailing comma', () => {
+            expect((0, NumberInput_utils_1.cleanNumericValue)('100,')).toEqual('100');
+            expect((0, NumberInput_utils_1.cleanNumericValue)('100.')).toEqual('100');
         });
-        it('should keep trailing comma', function () {
-            expect(NumberInput_utils_1.cleanNumericValue('100,', true)).toEqual('100.');
-            expect(NumberInput_utils_1.cleanNumericValue('100.', true)).toEqual('100.');
+        it('should keep trailing comma', () => {
+            expect((0, NumberInput_utils_1.cleanNumericValue)('100,', true)).toEqual('100.');
+            expect((0, NumberInput_utils_1.cleanNumericValue)('100.', true)).toEqual('100.');
         });
     });
-    describe('formatDisplayValue()', function () {
-        it('should format integer value', function () {
-            expect(NumberInput_utils_1.formatDisplayValue('100', false)).toEqual('100');
-            expect(NumberInput_utils_1.formatDisplayValue('1000', false)).toEqual('1 000');
-            expect(NumberInput_utils_1.formatDisplayValue('10000000', false)).toEqual('10 000 000');
+    describe('formatDisplayValue()', () => {
+        it('should format integer value', () => {
+            expect((0, NumberInput_utils_1.formatDisplayValue)('100', false)).toEqual('100');
+            expect((0, NumberInput_utils_1.formatDisplayValue)('1000', false)).toEqual('1 000');
+            expect((0, NumberInput_utils_1.formatDisplayValue)('10000000', false)).toEqual('10 000 000');
         });
-        it('should format float value', function () {
-            expect(NumberInput_utils_1.formatDisplayValue('100', true)).toEqual('100');
-            expect(NumberInput_utils_1.formatDisplayValue('1000.2', true)).toEqual('1 000.2');
-            expect(NumberInput_utils_1.formatDisplayValue('1000,2', true)).toEqual('1 000.2');
+        it('should format float value', () => {
+            expect((0, NumberInput_utils_1.formatDisplayValue)('100', true)).toEqual('100');
+            expect((0, NumberInput_utils_1.formatDisplayValue)('1000.2', true)).toEqual('1 000.2');
+            expect((0, NumberInput_utils_1.formatDisplayValue)('1000,2', true)).toEqual('1 000.2');
         });
-        it('should format partial float value', function () {
-            expect(NumberInput_utils_1.formatDisplayValue('1000.', true)).toEqual('1 000.');
-            expect(NumberInput_utils_1.formatDisplayValue('1000,', true)).toEqual('1 000.');
+        it('should format partial float value', () => {
+            expect((0, NumberInput_utils_1.formatDisplayValue)('1000.', true)).toEqual('1 000.');
+            expect((0, NumberInput_utils_1.formatDisplayValue)('1000,', true)).toEqual('1 000.');
         });
     });
-    describe('formatInternalValue()', function () {
-        it('should remove trailing zeros on decimal part', function () {
-            expect(NumberInput_utils_1.formatInternalValue('100,400', true)).toEqual('100.4');
-            expect(NumberInput_utils_1.formatInternalValue('20,0', true)).toEqual('20');
+    describe('formatInternalValue()', () => {
+        it('should remove trailing zeros on decimal part', () => {
+            expect((0, NumberInput_utils_1.formatInternalValue)('100,400', true)).toEqual('100.4');
+            expect((0, NumberInput_utils_1.formatInternalValue)('20,0', true)).toEqual('20');
         });
     });
 });

package/lib/ui/src/numberInput/NumberInput.utils.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.utils.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/numberInput/NumberInput.utils.test.ts"],"names":[],"mappings":";;AAAA,yDAI6B;AAE7B,QAAQ,CAAC,mBAAmB,EAAE;IAC5B,QAAQ,CAAC,qBAAqB,EAAE;QAC9B,EAAE,CAAC,sBAAsB,EAAE;YACzB,MAAM,CAAC,qCAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACxD,MAAM,CAAC,qCAAiB,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iCAAiC,EAAE;YACpC,MAAM,CAAC,qCAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,8BAA8B,EAAE;YACjC,MAAM,CAAC,qCAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACjD,MAAM,CAAC,qCAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE;YAC/B,MAAM,CAAC,qCAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACxD,MAAM,CAAC,qCAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,sBAAsB,EAAE;QAC/B,EAAE,CAAC,6BAA6B,EAAE;YAChC,MAAM,CAAC,sCAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACxD,MAAM,CAAC,sCAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC3D,MAAM,CAAC,sCAAkB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2BAA2B,EAAE;YAC9B,MAAM,CAAC,sCAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACvD,MAAM,CAAC,sCAAkB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YAC9D,MAAM,CAAC,sCAAkB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mCAAmC,EAAE;YACtC,MAAM,CAAC,sCAAkB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YAC5D,MAAM,CAAC,sCAAkB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,uBAAuB,EAAE;QAChC,EAAE,CAAC,8CAA8C,EAAE;YACjD,MAAM,CAAC,uCAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC9D,MAAM,CAAC,uCAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"NumberInput.utils.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/numberInput/NumberInput.utils.test.ts"],"names":[],"mappings":"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"}

package/lib/ui/src/option/Option.js

@@ -4,20 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isOptionSelected = void 0;
-var react_1 = __importDefault(require("react"));
-var Tick_1 = __importDefault(require("../icons/Tick"));
-var Option_styles_1 = require("./Option.styles");
-var isOptionSelected = function (optionValue, value) {
-    return value === optionValue;
-};
+const react_1 = __importDefault(require("react"));
+const Tick_1 = __importDefault(require("../icons/Tick"));
+const Option_styles_1 = require("./Option.styles");
+const isOptionSelected = (optionValue, value) => value === optionValue;
 exports.isOptionSelected = isOptionSelected;
-var Option = function (_a) {
-    var option = _a.option, value = _a.value, onSelect = _a.onSelect;
-    var isSelected = exports.isOptionSelected(option.value, value);
+const Option = ({ option, value, onSelect }) => {
+    const isSelected = (0, exports.isOptionSelected)(option.value, value);
     return (react_1.default.createElement(Option_styles_1.Layout, { "data-test": "option-layout", isSelected: isSelected, onClick: onSelect },
-        react_1.default.createElement(Option_styles_1.Label, { "data-test": "option-label-" + option.value, isSelected: isSelected, title: option.label },
+        react_1.default.createElement(Option_styles_1.Label, { "data-test": `option-label-${option.value}`, isSelected: isSelected, title: option.label },
             option.label,
-            isSelected && (react_1.default.createElement(Option_styles_1.IconContainer, { "data-test": "checked-icon-" + option.value },
+            isSelected && (react_1.default.createElement(Option_styles_1.IconContainer, { "data-test": `checked-icon-${option.value}` },
                 react_1.default.createElement(Tick_1.default, null))))));
 };
 exports.default = Option;

package/lib/ui/src/option/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../packages/ui/src/option/Option.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAkC;AAElC,uDAAiC;AACjC,iDAA+D;AAaxD,IAAM,gBAAgB,GAAG,UAAC,WAAmB,EAAE,KAAa;IACjE,OAAA,KAAK,KAAK,WAAW;AAArB,CAAqB,CAAC;AADX,QAAA,gBAAgB,oBACL;AAExB,IAAM,MAAM,GAAiB,UAAC,EAA2B;QAAzB,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IACrD,IAAM,UAAU,GAAY,wBAAgB,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAElE,OAAO,CACL,8BAAC,sBAAM,iBACK,eAAe,EACzB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,QAAQ;QAEjB,8BAAC,qBAAK,iBACO,kBAAgB,MAAM,CAAC,KAAO,EACzC,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,MAAM,CAAC,KAAK;YAElB,MAAM,CAAC,KAAK;YACZ,UAAU,IAAI,CACb,8BAAC,6BAAa,iBAAY,kBAAgB,MAAM,CAAC,KAAO;gBACtD,8BAAC,cAAI,OAAG,CACM,CACjB,CACK,CACD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
+{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../packages/ui/src/option/Option.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;AAElC,yDAAiC;AACjC,mDAA+D;AAaxD,MAAM,gBAAgB,GAAG,CAAC,WAAmB,EAAE,KAAa,EAAW,EAAE,CAC9E,KAAK,KAAK,WAAW,CAAC;AADX,QAAA,gBAAgB,oBACL;AAExB,MAAM,MAAM,GAAiB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3D,MAAM,UAAU,GAAY,IAAA,wBAAgB,EAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAElE,OAAO,CACL,8BAAC,sBAAM,iBACK,eAAe,EACzB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,QAAQ;QAEjB,8BAAC,qBAAK,iBACO,gBAAgB,MAAM,CAAC,KAAK,EAAE,EACzC,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,MAAM,CAAC,KAAK;YAElB,MAAM,CAAC,KAAK;YACZ,UAAU,IAAI,CACb,8BAAC,6BAAa,iBAAY,gBAAgB,MAAM,CAAC,KAAK,EAAE;gBACtD,8BAAC,cAAI,OAAG,CACM,CACjB,CACK,CACD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/lib/ui/src/option/Option.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,19 +20,63 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconContainer = exports.Layout = exports.Label = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var utils_1 = require("../../../utils");
-exports.Label = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n  font-weight: lighter;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  padding-right: ", ";\n\n  ", "\n"], ["\n  ", ";\n  font-weight: lighter;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  padding-right: ", ";\n\n  ",
-    "\n"])), utils_1.ArchivoFont, utils_1.convertPxToRem(32), function (props) {
-    return !props.isSelected && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      padding-right: 0;\n    "], ["\n      padding-right: 0;\n    "])));
-});
-exports.Layout = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  line-height: ", ";\n  min-height: ", ";\n  border-radius: ", ";\n  margin: 0 ", " 0 ", ";\n  padding: 0 ", " 0 ", ";\n  color: ", ";\n  border-radius: ", ";\n  transition: 0.2s background ease-out;\n\n  ", "\n  ", ";\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  line-height: ", ";\n  min-height: ", ";\n  border-radius: ", ";\n  margin: 0 ", " 0 ", ";\n  padding: 0 ", " 0 ", ";\n  color: ", ";\n  border-radius: ", ";\n  transition: 0.2s background ease-out;\n\n  ",
-    "\n  ",
-    ";\n"])), utils_1.convertPxToRem(24), utils_1.convertPxToRem(32), utils_1.radius.normal, utils_1.convertPxToRem(4), utils_1.convertPxToRem(4), utils_1.convertPxToRem(12), utils_1.convertPxToRem(12), utils_1.colors.dark.base, utils_1.radius.biggest, function (props) {
-    return !props.isSelected && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      :hover {\n        background: ", ";\n      }\n\n      :active {\n        background: ", ";\n      }\n    "], ["\n      :hover {\n        background: ", ";\n      }\n\n      :active {\n        background: ", ";\n      }\n    "])), utils_1.colors.red.base10, utils_1.colors.red.base10);
-}, function (props) {
-    return props.isSelected && styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background: ", ";\n    "], ["\n      background: ", ";\n    "])), utils_1.colors.red.base10);
-});
-exports.IconContainer = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n"], ["\n  width: ", ";\n  height: ", ";\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n"])), utils_1.convertPxToRem(32), utils_1.convertPxToRem(32));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+const styled_components_1 = __importStar(require("styled-components"));
+const utils_1 = require("../../../utils");
+exports.Label = styled_components_1.default.div `
+  ${utils_1.ArchivoFont};
+  font-weight: lighter;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding-right: ${(0, utils_1.convertPxToRem)(32)};
+
+  ${props => !props.isSelected &&
+    (0, styled_components_1.css) `
+      padding-right: 0;
+    `}
+`;
+exports.Layout = styled_components_1.default.div `
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
+  line-height: ${(0, utils_1.convertPxToRem)(24)};
+  min-height: ${(0, utils_1.convertPxToRem)(32)};
+  border-radius: ${utils_1.radius.normal};
+  margin: 0 ${(0, utils_1.convertPxToRem)(4)} 0 ${(0, utils_1.convertPxToRem)(4)};
+  padding: 0 ${(0, utils_1.convertPxToRem)(12)} 0 ${(0, utils_1.convertPxToRem)(12)};
+  color: ${utils_1.colors.dark.base};
+  border-radius: ${utils_1.radius.biggest};
+  transition: 0.2s background ease-out;
+
+  ${props => !props.isSelected &&
+    (0, styled_components_1.css) `
+      :hover {
+        background: ${utils_1.colors.red.base10};
+      }
+
+      :active {
+        background: ${utils_1.colors.red.base10};
+      }
+    `}
+  ${props => props.isSelected &&
+    (0, styled_components_1.css) `
+      background: ${utils_1.colors.red.base10};
+    `};
+`;
+exports.IconContainer = styled_components_1.default.div `
+  width: ${(0, utils_1.convertPxToRem)(32)};
+  height: ${(0, utils_1.convertPxToRem)(32)};
+  position: absolute;
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%);
+
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+`;
 //# sourceMappingURL=Option.styles.js.map

package/lib/ui/src/option/Option.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/option/Option.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,wCAA6E;AAMhE,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,oOAAsB,MACjD,EAAW,wIAMI,EAAkB,SAEjC;IAIC,IACJ,KAbG,mBAAW,EAMI,sBAAc,CAAC,EAAE,CAAC,EAEjC,UAAA,KAAK;IACL,OAAA,CAAC,KAAK,CAAC,UAAU,IACjB,uBAAG,oGAAA,iCAEF,IAAA;AAHD,CAGC,EACH;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,2ZAAsB,2IAMrC,EAAkB,mBACnB,EAAkB,sBACf,EAAa,iBAClB,EAAiB,KAAM,EAAiB,kBACvC,EAAkB,KAAM,EAAkB,cAC9C,EAAgB,sBACR,EAAc,kDAG7B;IAUC,MACD;IAIC,KACJ,KAzBgB,sBAAc,CAAC,EAAE,CAAC,EACnB,sBAAc,CAAC,EAAE,CAAC,EACf,cAAM,CAAC,MAAM,EAClB,sBAAc,CAAC,CAAC,CAAC,EAAM,sBAAc,CAAC,CAAC,CAAC,EACvC,sBAAc,CAAC,EAAE,CAAC,EAAM,sBAAc,CAAC,EAAE,CAAC,EAC9C,cAAM,CAAC,IAAI,CAAC,IAAI,EACR,cAAM,CAAC,OAAO,EAG7B,UAAA,KAAK;IACL,OAAA,CAAC,KAAK,CAAC,UAAU,IACjB,uBAAG,sLAAA,wCAEe,EAAiB,qDAIjB,EAAiB,kBAElC,KANiB,cAAM,CAAC,GAAG,CAAC,MAAM,EAIjB,cAAM,CAAC,GAAG,CAAC,MAAM,CAElC;AATD,CASC,EACD,UAAA,KAAK;IACL,OAAA,KAAK,CAAC,UAAU,IAChB,uBAAG,oGAAA,sBACa,EAAiB,SAChC,KADe,cAAM,CAAC,GAAG,CAAC,MAAM,CAChC;AAHD,CAGC,EACH;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,8OAAA,aAC5B,EAAkB,eACjB,EAAkB,2IAU7B,KAXU,sBAAc,CAAC,EAAE,CAAC,EACjB,sBAAc,CAAC,EAAE,CAAC,EAU5B"}
+{"version":3,"file":"Option.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/option/Option.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAA6E;AAMhE,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAsB;IACjD,mBAAW;;;;;;mBAMI,IAAA,sBAAc,EAAC,EAAE,CAAC;;IAEjC,KAAK,CAAC,EAAE,CACR,CAAC,KAAK,CAAC,UAAU;IACjB,IAAA,uBAAG,EAAA;;KAEF;CACJ,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAsB;;;;;;iBAMrC,IAAA,sBAAc,EAAC,EAAE,CAAC;gBACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;mBACf,cAAM,CAAC,MAAM;cAClB,IAAA,sBAAc,EAAC,CAAC,CAAC,MAAM,IAAA,sBAAc,EAAC,CAAC,CAAC;eACvC,IAAA,sBAAc,EAAC,EAAE,CAAC,MAAM,IAAA,sBAAc,EAAC,EAAE,CAAC;WAC9C,cAAM,CAAC,IAAI,CAAC,IAAI;mBACR,cAAM,CAAC,OAAO;;;IAG7B,KAAK,CAAC,EAAE,CACR,CAAC,KAAK,CAAC,UAAU;IACjB,IAAA,uBAAG,EAAA;;sBAEe,cAAM,CAAC,GAAG,CAAC,MAAM;;;;sBAIjB,cAAM,CAAC,GAAG,CAAC,MAAM;;KAElC;IACD,KAAK,CAAC,EAAE,CACR,KAAK,CAAC,UAAU;IAChB,IAAA,uBAAG,EAAA;oBACa,cAAM,CAAC,GAAG,CAAC,MAAM;KAChC;CACJ,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;WAC5B,IAAA,sBAAc,EAAC,EAAE,CAAC;YACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;;;;CAU7B,CAAC"}

package/lib/ui/src/option/Option.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,43 +27,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 Option_1 = __importStar(require("./Option"));
-var mockOnSelect = 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 Option_1 = __importStar(require("./Option"));
+const mockOnSelect = jest.fn();
+const defaultProps = {
     option: {
         value: 'banana',
         label: 'Banane'
@@ -82,38 +44,34 @@ var defaultProps = {
     value: '',
     onSelect: mockOnSelect
 };
-describe('Option component', function () {
-    it('should render component', function () {
-        react_2.render(react_1.default.createElement(Option_1.default, __assign({}, defaultProps)));
+describe('Option component', () => {
+    it('should render component', () => {
+        (0, react_2.render)(react_1.default.createElement(Option_1.default, Object.assign({}, defaultProps)));
         expect(react_2.screen.getByTestId('option-layout')).toBeInTheDocument();
     });
-    it('should render option label', function () {
-        react_2.render(react_1.default.createElement(Option_1.default, __assign({}, defaultProps)));
-        expect(react_2.screen.getByTestId("option-label-" + defaultProps.option.value)).toHaveTextContent('Banane');
+    it('should render option label', () => {
+        (0, react_2.render)(react_1.default.createElement(Option_1.default, Object.assign({}, defaultProps)));
+        expect(react_2.screen.getByTestId(`option-label-${defaultProps.option.value}`)).toHaveTextContent('Banane');
     });
 });
-describe('isOptionSelected function', function () {
-    it('should return true on matching value', function () {
-        var props = __assign(__assign({}, defaultProps), { value: 'banana' });
-        react_2.render(react_1.default.createElement(Option_1.default, __assign({}, props)));
-        expect(Option_1.isOptionSelected(props.option.value, props.value)).toEqual(true);
-        expect(react_2.screen.getByTestId("checked-icon-" + defaultProps.option.value)).toBeInTheDocument();
+describe('isOptionSelected function', () => {
+    it('should return true on matching value', () => {
+        const props = Object.assign(Object.assign({}, defaultProps), { value: 'banana' });
+        (0, react_2.render)(react_1.default.createElement(Option_1.default, Object.assign({}, props)));
+        expect((0, Option_1.isOptionSelected)(props.option.value, props.value)).toEqual(true);
+        expect(react_2.screen.getByTestId(`checked-icon-${defaultProps.option.value}`)).toBeInTheDocument();
     });
-    it('should return false on non matching value', function () {
-        var props = __assign(__assign({}, defaultProps), { value: 'orange' });
-        react_2.render(react_1.default.createElement(Option_1.default, __assign({}, props)));
-        expect(Option_1.isOptionSelected(props.option.value, props.value)).toEqual(false);
-        expect(react_2.screen.queryByTestId("checked-icon-" + defaultProps.option.value)).not.toBeInTheDocument();
+    it('should return false on non matching value', () => {
+        const props = Object.assign(Object.assign({}, defaultProps), { value: 'orange' });
+        (0, react_2.render)(react_1.default.createElement(Option_1.default, Object.assign({}, props)));
+        expect((0, Option_1.isOptionSelected)(props.option.value, props.value)).toEqual(false);
+        expect(react_2.screen.queryByTestId(`checked-icon-${defaultProps.option.value}`)).not.toBeInTheDocument();
     });
-    it('should call onSelect function', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var props;
-        return __generator(this, function (_a) {
-            props = __assign(__assign({}, defaultProps), { value: 'orange' });
-            react_2.render(react_1.default.createElement(Option_1.default, __assign({}, props)));
-            user_event_1.default.click(react_2.screen.getByTestId('option-layout'));
-            expect(mockOnSelect).toHaveBeenCalled();
-            return [2 /*return*/];
-        });
-    }); });
+    it('should call onSelect function', () => __awaiter(void 0, void 0, void 0, function* () {
+        const props = Object.assign(Object.assign({}, defaultProps), { value: 'orange' });
+        (0, react_2.render)(react_1.default.createElement(Option_1.default, Object.assign({}, props)));
+        user_event_1.default.click(react_2.screen.getByTestId('option-layout'));
+        expect(mockOnSelect).toHaveBeenCalled();
+    }));
 });
 //# sourceMappingURL=Option.test.js.map

package/lib/ui/src/option/Option.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/option/Option.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,gDAAwD;AACxD,2EAAoD;AAEpD,iDAA8D;AAE9D,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,IAAM,YAAY,GAAa;IAC7B,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,YAAY;CACvB,CAAC;AAEF,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,EAAE,CAAC,yBAAyB,EAAE;QAC5B,cAAM,CAAC,8BAAC,gBAAM,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,4BAA4B,EAAE;QAC/B,cAAM,CAAC,8BAAC,gBAAM,eAAK,YAAY,EAAI,CAAC,CAAC;QACrC,MAAM,CACJ,cAAM,CAAC,WAAW,CAAC,kBAAgB,YAAY,CAAC,MAAM,CAAC,KAAO,CAAC,CAChE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,2BAA2B,EAAE;IACpC,EAAE,CAAC,sCAAsC,EAAE;QACzC,IAAM,KAAK,yBAAkB,YAAY,KAAE,KAAK,EAAE,QAAQ,GAAE,CAAC;QAC7D,cAAM,CAAC,8BAAC,gBAAM,eAAK,KAAK,EAAI,CAAC,CAAC;QAE9B,MAAM,CAAC,yBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACxE,MAAM,CACJ,cAAM,CAAC,WAAW,CAAC,kBAAgB,YAAY,CAAC,MAAM,CAAC,KAAO,CAAC,CAChE,CAAC,iBAAiB,EAAE,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE;QAC9C,IAAM,KAAK,yBAAkB,YAAY,KAAE,KAAK,EAAE,QAAQ,GAAE,CAAC;QAE7D,cAAM,CAAC,8BAAC,gBAAM,eAAK,KAAK,EAAI,CAAC,CAAC;QAE9B,MAAM,CAAC,yBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACzE,MAAM,CACJ,cAAM,CAAC,aAAa,CAAC,kBAAgB,YAAY,CAAC,MAAM,CAAC,KAAO,CAAC,CAClE,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE;;;YAC5B,KAAK,yBAAkB,YAAY,KAAE,KAAK,EAAE,QAAQ,GAAE,CAAC;YAE7D,cAAM,CAAC,8BAAC,gBAAM,eAAK,KAAK,EAAI,CAAC,CAAC;YAE9B,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC;YACrD,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;;;SACzC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Option.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/option/Option.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,kDAAwD;AACxD,6EAAoD;AAEpD,mDAA8D;AAE9D,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAAa;IAC7B,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,YAAY;CACvB,CAAC;AAEF,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,8BAAC,gBAAM,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,4BAA4B,EAAE,GAAG,EAAE;QACpC,IAAA,cAAM,EAAC,8BAAC,gBAAM,oBAAK,YAAY,EAAI,CAAC,CAAC;QACrC,MAAM,CACJ,cAAM,CAAC,WAAW,CAAC,gBAAgB,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAChE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,KAAK,mCAAkB,YAAY,KAAE,KAAK,EAAE,QAAQ,GAAE,CAAC;QAC7D,IAAA,cAAM,EAAC,8BAAC,gBAAM,oBAAK,KAAK,EAAI,CAAC,CAAC;QAE9B,MAAM,CAAC,IAAA,yBAAgB,EAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACxE,MAAM,CACJ,cAAM,CAAC,WAAW,CAAC,gBAAgB,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAChE,CAAC,iBAAiB,EAAE,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,KAAK,mCAAkB,YAAY,KAAE,KAAK,EAAE,QAAQ,GAAE,CAAC;QAE7D,IAAA,cAAM,EAAC,8BAAC,gBAAM,oBAAK,KAAK,EAAI,CAAC,CAAC;QAE9B,MAAM,CAAC,IAAA,yBAAgB,EAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACzE,MAAM,CACJ,cAAM,CAAC,aAAa,CAAC,gBAAgB,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAClE,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAS,EAAE;QAC7C,MAAM,KAAK,mCAAkB,YAAY,KAAE,KAAK,EAAE,QAAQ,GAAE,CAAC;QAE7D,IAAA,cAAM,EAAC,8BAAC,gBAAM,oBAAK,KAAK,EAAI,CAAC,CAAC;QAE9B,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC;QACrD,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/ui/src/panel/Panel.js

@@ -4,13 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Panel = void 0;
-var react_1 = __importDefault(require("react"));
-var Panel_interfaces_1 = require("./Panel.interfaces");
-var Panel_styles_1 = require("./Panel.styles");
-var Panel = function (_a) {
-    var children = _a.children, color = _a.color, _b = _a.orientation, orientation = _b === void 0 ? Panel_interfaces_1.PanelOrientation.HORIZONTAL : _b;
-    return (react_1.default.createElement(Panel_styles_1.Layout, { color: color, orientation: orientation, "data-test": "panel" }, children));
-};
+const react_1 = __importDefault(require("react"));
+const Panel_interfaces_1 = require("./Panel.interfaces");
+const Panel_styles_1 = require("./Panel.styles");
+const Panel = ({ children, color, orientation = Panel_interfaces_1.PanelOrientation.HORIZONTAL }) => (react_1.default.createElement(Panel_styles_1.Layout, { color: color, orientation: orientation, "data-test": "panel" }, children));
 exports.Panel = Panel;
 exports.default = exports.Panel;
 //# sourceMappingURL=Panel.js.map

package/lib/ui/src/panel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../packages/ui/src/panel/Panel.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAkC;AAElC,uDAAkE;AAClE,+CAAwC;AAEjC,IAAM,KAAK,GAAmB,UAAC,EAIrC;QAHC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,mBAAyC,EAAzC,WAAW,mBAAG,mCAAgB,CAAC,UAAU,KAAA;IACrC,OAAA,CACJ,8BAAC,qBAAM,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,eAAY,OAAO,IAC9D,QAAQ,CACF,CACV;AAJK,CAIL,CAAC;AARW,QAAA,KAAK,SAQhB;AAEF,kBAAe,aAAK,CAAC"}
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../packages/ui/src/panel/Panel.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;AAElC,yDAAkE;AAClE,iDAAwC;AAEjC,MAAM,KAAK,GAAmB,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,mCAAgB,CAAC,UAAU,EAC1C,EAAE,EAAE,CAAC,CACJ,8BAAC,qBAAM,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,eAAY,OAAO,IAC9D,QAAQ,CACF,CACV,CAAC;AARW,QAAA,KAAK,SAQhB;AAEF,kBAAe,aAAK,CAAC"}

package/lib/ui/src/panel/Panel.stories.js

@@ -3,17 +3,17 @@ 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 addon_knobs_1 = require("@storybook/addon-knobs");
-var react_2 = require("@storybook/react");
-var Panel_1 = require("./Panel");
-var Panel_interfaces_1 = require("./Panel.interfaces");
-var color = addon_knobs_1.select('Couleur', Object.values(Panel_interfaces_1.PanelColorsTypes), Panel_interfaces_1.PanelColorsTypes.GREEN);
-react_2.storiesOf('Panel', module)
-    .add('Panel', function () {
+const react_1 = __importDefault(require("react"));
+const addon_knobs_1 = require("@storybook/addon-knobs");
+const react_2 = require("@storybook/react");
+const Panel_1 = require("./Panel");
+const Panel_interfaces_1 = require("./Panel.interfaces");
+const color = (0, addon_knobs_1.select)('Couleur', Object.values(Panel_interfaces_1.PanelColorsTypes), Panel_interfaces_1.PanelColorsTypes.GREEN);
+(0, react_2.storiesOf)('Panel', module)
+    .add('Panel', () => {
     return react_1.default.createElement(Panel_1.Panel, { color: color }, "Contenu du panel");
 })
-    .add('Panel vertical', function () {
+    .add('Panel vertical', () => {
     return (react_1.default.createElement(Panel_1.Panel, { color: color, orientation: Panel_interfaces_1.PanelOrientation.VERTICAL }, "Contenu du panel"));
 });
 //# sourceMappingURL=Panel.stories.js.map

package/lib/ui/src/panel/Panel.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/panel/Panel.stories.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,sDAAgD;AAChD,0CAA6C;AAE7C,iCAAgC;AAChC,uDAAwE;AAExE,IAAM,KAAK,GAAG,oBAAM,CAClB,SAAS,EACT,MAAM,CAAC,MAAM,CAAC,mCAAgB,CAAC,EAC/B,mCAAgB,CAAC,KAAK,CACvB,CAAC;AAEF,iBAAS,CAAC,OAAO,EAAE,MAAM,CAAC;KACvB,GAAG,CAAC,OAAO,EAAE;IACZ,OAAO,8BAAC,aAAK,IAAC,KAAK,EAAE,KAAK,uBAA0B,CAAC;AACvD,CAAC,CAAC;KACD,GAAG,CAAC,gBAAgB,EAAE;IACrB,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,mCAAgB,CAAC,QAAQ,uBAEnD,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Panel.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/panel/Panel.stories.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,wDAAgD;AAChD,4CAA6C;AAE7C,mCAAgC;AAChC,yDAAwE;AAExE,MAAM,KAAK,GAAG,IAAA,oBAAM,EAClB,SAAS,EACT,MAAM,CAAC,MAAM,CAAC,mCAAgB,CAAC,EAC/B,mCAAgB,CAAC,KAAK,CACvB,CAAC;AAEF,IAAA,iBAAS,EAAC,OAAO,EAAE,MAAM,CAAC;KACvB,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE;IACjB,OAAO,8BAAC,aAAK,IAAC,KAAK,EAAE,KAAK,uBAA0B,CAAC;AACvD,CAAC,CAAC;KACD,GAAG,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC1B,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,mCAAgB,CAAC,QAAQ,uBAEnD,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui/src/panel/Panel.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,19 +20,29 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var utils_1 = require("../../../utils");
-var Panel_interfaces_1 = require("./Panel.interfaces");
-var PanelColors_1 = require("./PanelColors");
-exports.Layout = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ",
-    "\n\n  ",
-    "\n"])), function (_a) {
-    var color = _a.color;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      border-color: ", ";\n      padding: ", ";\n\n      @media (min-width: ", "px) {\n        padding: ", ";\n      }\n    "], ["\n      background-color: ", ";\n      border-color: ", ";\n      padding: ", ";\n\n      @media (min-width: ", "px) {\n        padding: ", ";\n      }\n    "])), PanelColors_1.PANEL_COLORS[color].background, PanelColors_1.PANEL_COLORS[color].border, utils_1.convertPxToRem(24), utils_1.convertPxToRem(4), utils_1.convertPxToRem(40));
-}, function (_a) {
-    var orientation = _a.orientation;
-    return orientation === Panel_interfaces_1.PanelOrientation.HORIZONTAL
-        ? styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          border-left-width: ", ";\n          border-left-style: solid;\n        "], ["\n          border-left-width: ", ";\n          border-left-style: solid;\n        "])), utils_1.convertPxToRem(3)) : styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          border-top-width: ", ";\n          border-top-style: solid;\n        "], ["\n          border-top-width: ", ";\n          border-top-style: solid;\n        "])), utils_1.convertPxToRem(3));
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+const styled_components_1 = __importStar(require("styled-components"));
+const utils_1 = require("../../../utils");
+const Panel_interfaces_1 = require("./Panel.interfaces");
+const PanelColors_1 = require("./PanelColors");
+exports.Layout = styled_components_1.default.div `
+  ${({ color }) => (0, styled_components_1.css) `
+      background-color: ${PanelColors_1.PANEL_COLORS[color].background};
+      border-color: ${PanelColors_1.PANEL_COLORS[color].border};
+      padding: ${(0, utils_1.convertPxToRem)(24)};
+
+      @media (min-width: ${(0, utils_1.convertPxToRem)(4)}px) {
+        padding: ${(0, utils_1.convertPxToRem)(40)};
+      }
+    `}
+
+  ${({ orientation }) => orientation === Panel_interfaces_1.PanelOrientation.HORIZONTAL
+    ? (0, styled_components_1.css) `
+          border-left-width: ${(0, utils_1.convertPxToRem)(3)};
+          border-left-style: solid;
+        `
+    : (0, styled_components_1.css) `
+          border-top-width: ${(0, utils_1.convertPxToRem)(3)};
+          border-top-style: solid;
+        `}
+`;
 //# sourceMappingURL=Panel.styles.js.map

package/lib/ui/src/panel/Panel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/panel/Panel.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,wCAAgD;AAChD,uDAAkE;AAClE,6CAA6C;AAEhC,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,yFAAY,MACxC;IASC,QAED;IASK,IACR,KArBG,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,uBAAG,kOAAA,4BACmB,EAA8B,yBAClC,EAA0B,oBAC/B,EAAkB,gCAER,EAAiB,0BACzB,EAAkB,kBAEhC,KAPqB,0BAAY,CAAC,KAAK,CAAC,CAAC,UAAU,EAClC,0BAAY,CAAC,KAAK,CAAC,CAAC,MAAM,EAC/B,sBAAc,CAAC,EAAE,CAAC,EAER,sBAAc,CAAC,CAAC,CAAC,EACzB,sBAAc,CAAC,EAAE,CAAC;AANjC,CAQC,EAED,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW,KAAK,mCAAgB,CAAC,UAAU;QACzC,CAAC,CAAC,uBAAG,wJAAA,iCACoB,EAAiB,kDAEvC,KAFsB,sBAAc,CAAC,CAAC,CAAC,EAG1C,CAAC,CAAC,uBAAG,sJAAA,gCACmB,EAAiB,iDAEtC,KAFqB,sBAAc,CAAC,CAAC,CAAC,CAEtC;AARL,CAQK,EACP"}
+{"version":3,"file":"Panel.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/panel/Panel.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAAgD;AAChD,yDAAkE;AAClE,+CAA6C;AAEhC,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAY;IACxC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,IAAA,uBAAG,EAAA;0BACmB,0BAAY,CAAC,KAAK,CAAC,CAAC,UAAU;sBAClC,0BAAY,CAAC,KAAK,CAAC,CAAC,MAAM;iBAC/B,IAAA,sBAAc,EAAC,EAAE,CAAC;;2BAER,IAAA,sBAAc,EAAC,CAAC,CAAC;mBACzB,IAAA,sBAAc,EAAC,EAAE,CAAC;;KAEhC;;IAED,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CACpB,WAAW,KAAK,mCAAgB,CAAC,UAAU;IACzC,CAAC,CAAC,IAAA,uBAAG,EAAA;+BACoB,IAAA,sBAAc,EAAC,CAAC,CAAC;;SAEvC;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;8BACmB,IAAA,sBAAc,EAAC,CAAC,CAAC;;SAEtC;CACR,CAAC"}

package/lib/ui/src/panel/PanelColors.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PANEL_COLORS = void 0;
-var utils_1 = require("../../../utils");
+const utils_1 = require("../../../utils");
 exports.PANEL_COLORS = {
     blue: {
         background: utils_1.colors.blue.base5,

package/lib/ui/src/panel/PanelColors.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelColors.js","sourceRoot":"","sources":["../../../../packages/ui/src/panel/PanelColors.ts"],"names":[],"mappings":";;;AAAA,wCAAwC;AAE3B,QAAA,YAAY,GAAG;IAC1B,IAAI,EAAE;QACJ,UAAU,EAAE,cAAM,CAAC,IAAI,CAAC,KAAK;QAC7B,MAAM,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;KACzB;IACD,GAAG,EAAE;QACH,UAAU,EAAE,cAAM,CAAC,GAAG,CAAC,KAAK;QAC5B,MAAM,EAAE,cAAM,CAAC,GAAG,CAAC,IAAI;KACxB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,cAAM,CAAC,KAAK,CAAC,KAAK;QAC9B,MAAM,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;KAC1B;IACD,MAAM,EAAE;QACN,UAAU,EAAE,cAAM,CAAC,MAAM,CAAC,KAAK;QAC/B,MAAM,EAAE,cAAM,CAAC,MAAM,CAAC,IAAI;KAC3B;IACD,SAAS,EAAE;QACT,UAAU,EAAE,cAAM,CAAC,UAAU;QAC7B,MAAM,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;KAC1B;IACD,OAAO,EAAE;QACP,UAAU,EAAE,cAAM,CAAC,UAAU;QAC7B,MAAM,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;KACzB;CACF,CAAC"}
+{"version":3,"file":"PanelColors.js","sourceRoot":"","sources":["../../../../packages/ui/src/panel/PanelColors.ts"],"names":[],"mappings":";;;AAAA,0CAAwC;AAE3B,QAAA,YAAY,GAAG;IAC1B,IAAI,EAAE;QACJ,UAAU,EAAE,cAAM,CAAC,IAAI,CAAC,KAAK;QAC7B,MAAM,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;KACzB;IACD,GAAG,EAAE;QACH,UAAU,EAAE,cAAM,CAAC,GAAG,CAAC,KAAK;QAC5B,MAAM,EAAE,cAAM,CAAC,GAAG,CAAC,IAAI;KACxB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,cAAM,CAAC,KAAK,CAAC,KAAK;QAC9B,MAAM,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;KAC1B;IACD,MAAM,EAAE;QACN,UAAU,EAAE,cAAM,CAAC,MAAM,CAAC,KAAK;QAC/B,MAAM,EAAE,cAAM,CAAC,MAAM,CAAC,IAAI;KAC3B;IACD,SAAS,EAAE;QACT,UAAU,EAAE,cAAM,CAAC,UAAU;QAC7B,MAAM,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;KAC1B;IACD,OAAO,EAAE;QACP,UAAU,EAAE,cAAM,CAAC,UAAU;QAC7B,MAAM,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;KACzB;CACF,CAAC"}

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

@@ -3,13 +3,12 @@ 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 Radio_styles_1 = require("./Radio.styles");
-var Radio = function (_a) {
-    var name = _a.name, label = _a.label, id = _a.id, isChecked = _a.isChecked, onChange = _a.onChange, value = _a.value, dataTest = _a.dataTest;
-    var hash = id + "-" + name;
-    return (react_1.default.createElement(Radio_styles_1.Layout, { "data-test": dataTest || "radio-" + name },
-        react_1.default.createElement(Radio_styles_1.RadioLayout, { type: "radio", id: hash, name: name, value: value, onChange: function (event) { return onChange(event); }, checked: isChecked }),
+const react_1 = __importDefault(require("react"));
+const Radio_styles_1 = require("./Radio.styles");
+const Radio = ({ name, label, id, isChecked, onChange, value, dataTest }) => {
+    const hash = `${id}-${name}`;
+    return (react_1.default.createElement(Radio_styles_1.Layout, { "data-test": dataTest || `radio-${name}` },
+        react_1.default.createElement(Radio_styles_1.RadioLayout, { type: "radio", id: hash, name: name, value: value, onChange: event => onChange(event), checked: isChecked }),
         react_1.default.createElement(Radio_styles_1.RadioLabelLayout, { htmlFor: hash }, label)));
 };
 exports.default = Radio;

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA+C;AAE/C,+CAAuE;AAYvE,IAAM,KAAK,GAAmB,UAAC,EAQ9B;QAPC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,EAAE,QAAA,EACF,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,IAAM,IAAI,GAAM,EAAE,SAAI,IAAM,CAAC;IAC7B,OAAO,CACL,8BAAC,qBAAM,iBAAY,QAAQ,IAAI,WAAS,IAAM;QAC5C,8BAAC,0BAAW,IACV,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,QAAQ,CAAC,KAAK,CAAC,EAAf,CAAe,EAClC,OAAO,EAAE,SAAS,GAClB;QACF,8BAAC,+BAAgB,IAAC,OAAO,EAAE,IAAI,IAAG,KAAK,CAAoB,CACpD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA+C;AAE/C,iDAAuE;AAYvE,MAAM,KAAK,GAAmB,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,EAAE,EACF,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC;IAC7B,OAAO,CACL,8BAAC,qBAAM,iBAAY,QAAQ,IAAI,SAAS,IAAI,EAAE;QAC5C,8BAAC,0BAAW,IACV,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAClC,OAAO,EAAE,SAAS,GAClB;QACF,8BAAC,+BAAgB,IAAC,OAAO,EAAE,IAAI,IAAG,KAAK,CAAoB,CACpD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}