@pedidopago/ui 1.6.9 → 1.6.11

package/dist/components/RadioInput/index.js

@@ -1,46 +1,36 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _ChoiceList = require("./components/ChoiceList");
-
 var _styles = require("./styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["isDisabled", "id", "name", "value", "children", "color", "defaultChecked", "onChange"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var RadioInput = function RadioInput(_ref) {
   var isDisabled = _ref.isDisabled,
-      id = _ref.id,
-      name = _ref.name,
-      value = _ref.value,
-      children = _ref.children,
-      color = _ref.color,
-      defaultChecked = _ref.defaultChecked,
-      onChange = _ref.onChange,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    id = _ref.id,
+    name = _ref.name,
+    value = _ref.value,
+    children = _ref.children,
+    color = _ref.color,
+    defaultChecked = _ref.defaultChecked,
+    onChange = _ref.onChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useContext = (0, _react.useContext)(_ChoiceList.RadioGroup),
-      groupName = _useContext.groupName,
-      handleRadioClick = _useContext.handleRadioClick,
-      isDisabledContext = _useContext.isDisabled;
-
+    groupName = _useContext.groupName,
+    handleRadioClick = _useContext.handleRadioClick,
+    isDisabledContext = _useContext.isDisabled;
   var radioRef = (0, _react.useRef)(null);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Input, _objectSpread({
@@ -59,6 +49,5 @@ var RadioInput = function RadioInput(_ref) {
     })]
   });
 };
-
 var _default = RadioInput;
 exports.default = _default;

package/dist/components/RadioInput/radio-input.test.js

@@ -1,110 +1,88 @@
 "use strict";
 
 require("@testing-library/jest-dom");
-
 var _react = require("@testing-library/react");
-
 var _testUtils = require("../../shared/tests/test-utils");
-
 var _ChoiceList = _interopRequireDefault(require("./components/ChoiceList"));
-
 var _ = _interopRequireDefault(require("."));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 describe('Radio Input', function () {
   it('should render input', function () {
     var fn = jest.fn();
-
     var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      onChange: fn,
-      value: "test",
-      id: "test",
-      children: "Radio Test"
-    })),
-        container = _render.container;
-
+        onChange: fn,
+        value: "test",
+        id: "test",
+        children: "Radio Test"
+      })),
+      container = _render.container;
     var radio = container.querySelector('input[type="radio"]');
     expect(radio).toBeInTheDocument();
   });
   it('should check input on Click on input', function () {
     var fn = jest.fn();
-
     var _render2 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
-      radiosName: "radio",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        onChange: fn,
-        value: "test",
-        id: "test",
-        children: "Radio Test"
-      })
-    })),
-        container = _render2.container;
-
+        radiosName: "radio",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          onChange: fn,
+          value: "test",
+          id: "test",
+          children: "Radio Test"
+        })
+      })),
+      container = _render2.container;
     var radio = container.querySelector('input[type="radio"]');
-
     _react.fireEvent.click(radio);
-
     expect(radio).toBeChecked();
   });
   it('should check input on Click label', function () {
     var fn = jest.fn();
-
     var _render3 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
-      radiosName: "radio",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        onChange: fn,
-        value: "test",
-        id: "test",
-        children: "Radio Test"
-      })
-    })),
-        container = _render3.container,
-        getByText = _render3.getByText;
-
+        radiosName: "radio",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          onChange: fn,
+          value: "test",
+          id: "test",
+          children: "Radio Test"
+        })
+      })),
+      container = _render3.container,
+      getByText = _render3.getByText;
     var radio = container.querySelector('input[type="radio"]');
     var label = getByText('Radio Test');
-
     _react.fireEvent.click(label);
-
     expect(radio).toBeChecked();
   });
   it('should checked input if defaultChecked is provided', function () {
     var fn = jest.fn();
-
     var _render4 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
-      defaultValue: "test",
-      radiosName: "radio",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        onChange: fn,
-        value: "test",
-        id: "test",
-        children: "Radio Test"
-      })
-    })),
-        container = _render4.container;
-
+        defaultValue: "test",
+        radiosName: "radio",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          onChange: fn,
+          value: "test",
+          id: "test",
+          children: "Radio Test"
+        })
+      })),
+      container = _render4.container;
     var radio = container.querySelector('input[type="radio"]');
     expect(radio).toBeChecked();
   });
   it('should call onChange on Click input', function () {
     var fn = jest.fn();
-
     var _render5 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
-      onChangeValue: fn,
-      radiosName: "radio",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        value: "test",
-        id: "test",
-        children: "Radio Test"
-      })
-    })),
-        container = _render5.container;
-
+        onChangeValue: fn,
+        radiosName: "radio",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          value: "test",
+          id: "test",
+          children: "Radio Test"
+        })
+      })),
+      container = _render5.container;
     _react.fireEvent.click(container);
-
     expect(fn).toBeCalled();
   });
   it('Should ChoiceList disabled radio children is isDisabled is provided', function () {
@@ -128,9 +106,7 @@ describe('Radio Input', function () {
         children: "Radio Test 3"
       })]
     }));
-
     var sut = _react.screen.getAllByRole('radio');
-
     sut.forEach(function (value) {
       expect(value).toBeDisabled();
     });

package/dist/components/RadioInput/styles.js

@@ -4,55 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Wrapper = exports.ListWrapper = exports.Label = exports.Input = exports.HelpText = exports.ChoiceWrapper = exports.ChoiceLabel = void 0;
-
 var _react = require("@emotion/react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var Wrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"])));
-
 exports.Wrapper = Wrapper;
-
 var Label = _styled.default.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-weight: 500;\n  margin-right: 12px;\n"])));
-
 exports.Label = Label;
-
 var Input = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var colors = _ref.theme.colors;
   return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    appearance: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0;\n    min-width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    border: 2px solid ", ";\n    transition: all ease 0.2s;\n    cursor: pointer;\n\n    + label {\n      color: ", ";\n      line-height: 20px;\n      cursor: pointer;\n    }\n\n    :hover {\n      border-color: ", ";\n    }\n\n    :disabled {\n      cursor: default;\n      border-color: ", ";\n      background-color: ", ";\n      + label {\n        color: ", ";\n        cursor: default;\n      }\n    }\n\n    :checked {\n      background-color: ", ";\n      border-color: ", ";\n      &:focus {\n        background-color: ", ";\n        border-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      }\n      &:hover {\n        background-color: ", ";\n        border-color: ", ";\n      }\n      &:disabled {\n        background-color: ", ";\n        border-color: ", ";\n        + label {\n          color: ", ";\n          cursor: default;\n        }\n      }\n\n      &::after {\n        content: '';\n        width: 6px;\n        height: 6px;\n        background: #fff;\n        border-radius: 50%;\n      }\n    }\n  "])), colors.neutral.neutral2, colors.neutral.black, colors.primary.hover, colors.neutral.neutral1, colors.neutral.neutral1, colors.neutral.neutral2, colors.primary.default, colors.primary.default, colors.primary.focus, colors.primary.focus, colors.primary.disabled, colors.primary.hover, colors.primary.hover, colors.neutral.neutral2, colors.neutral.neutral2, colors.neutral.neutral4);
 });
-
 exports.Input = Input;
-
 var ChoiceWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([""])));
-
 exports.ChoiceWrapper = ChoiceWrapper;
-
 var ListWrapper = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
   var _ref2$alignDirection = _ref2.alignDirection,
-      alignDirection = _ref2$alignDirection === void 0 ? 'row' : _ref2$alignDirection;
+    alignDirection = _ref2$alignDirection === void 0 ? 'row' : _ref2$alignDirection;
   return (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: ", ";\n    flex-wrap: wrap;\n    gap: 12px;\n  "])), alignDirection);
 });
-
 exports.ListWrapper = ListWrapper;
-
 var ChoiceLabel = _styled.default.label(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
   var colors = _ref3.theme.colors;
   return (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    display: block;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 24px;\n    color: ", ";\n    margin-bottom: 16px;\n  "])), colors.neutral.black);
 });
-
 exports.ChoiceLabel = ChoiceLabel;
-
 var HelpText = _styled.default.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref4) {
   var theme = _ref4.theme,
-      textColor = _ref4.textColor;
+    textColor = _ref4.textColor;
   return (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    font-size: ", ";\n    color: ", ";\n    font-weight: 500;\n    display: block;\n    padding-left: 30px;\n    margin-top: 18px;\n  "])), theme.fontSizes.xxs, textColor);
 });
-
 exports.HelpText = HelpText;

package/dist/components/RadioInput/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, InputHTMLAttributes } from 'react';
 export interface IRadioInputProps {
     isDisabled?: boolean;
     name?: string;
@@ -9,8 +9,8 @@ export interface IRadioInputProps {
     defaultChecked?: boolean;
     onChange?: (value: string) => void;
 }
-export interface ChoiceListProps {
-    onChangeValue?: (value: string) => void;
+export interface ChoiceListProps extends InputHTMLAttributes<HTMLInputElement> {
+    onChangeValue?: (value?: string) => void;
     label?: string;
     defaultValue?: string;
     isDisabled?: boolean;
@@ -20,7 +20,7 @@ export interface ChoiceListProps {
     helpText?: string;
     children: ReactNode;
 }
-export declare type ChoiceListContext = {
+export type ChoiceListContext = {
     handleRadioClick: (e: string) => void;
     defaultValue?: string;
     groupName: string;

package/dist/components/RadioInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,oBAAY,iBAAiB,GAAG;IAC9B,gBAAgB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CACnC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC5E,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gBAAgB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CACnC"}

package/dist/components/RadioInput/utils/get-colors-props.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getColorsProps = getColorsProps;
-
 function getColorsProps(hue) {
   return {
     black: "hsl(".concat(hue + 4, ", ", 12, "%, ", 23, "%)"),

package/dist/components/Rating/index.js

@@ -1,123 +1,92 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Rating = void 0;
-
 var _react = require("react");
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var S = _interopRequireWildcard(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["precision", "value", "quantity", "colorFilledIcon", "colorOutlinedIcon", "size", "readOnly", "filledIcon", "outlinedIcon", "onChange"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var Rating = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$precision = _ref.precision,
-      precision = _ref$precision === void 0 ? 1 : _ref$precision,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? 0 : _ref$value,
-      _ref$quantity = _ref.quantity,
-      quantity = _ref$quantity === void 0 ? 5 : _ref$quantity,
-      _ref$colorFilledIcon = _ref.colorFilledIcon,
-      colorFilledIcon = _ref$colorFilledIcon === void 0 ? 'primary.default' : _ref$colorFilledIcon,
-      _ref$colorOutlinedIco = _ref.colorOutlinedIcon,
-      colorOutlinedIcon = _ref$colorOutlinedIco === void 0 ? 'success.blurred' : _ref$colorOutlinedIco,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? '24px' : _ref$size,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      _ref$filledIcon = _ref.filledIcon,
-      filledIcon = _ref$filledIcon === void 0 ? 'ecc-star' : _ref$filledIcon,
-      _ref$outlinedIcon = _ref.outlinedIcon,
-      outlinedIcon = _ref$outlinedIcon === void 0 ? 'star' : _ref$outlinedIcon,
-      onChange = _ref.onChange,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    precision = _ref$precision === void 0 ? 1 : _ref$precision,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? 0 : _ref$value,
+    _ref$quantity = _ref.quantity,
+    quantity = _ref$quantity === void 0 ? 5 : _ref$quantity,
+    _ref$colorFilledIcon = _ref.colorFilledIcon,
+    colorFilledIcon = _ref$colorFilledIcon === void 0 ? 'primary.default' : _ref$colorFilledIcon,
+    _ref$colorOutlinedIco = _ref.colorOutlinedIcon,
+    colorOutlinedIcon = _ref$colorOutlinedIco === void 0 ? 'success.blurred' : _ref$colorOutlinedIco,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '24px' : _ref$size,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    _ref$filledIcon = _ref.filledIcon,
+    filledIcon = _ref$filledIcon === void 0 ? 'ecc-star' : _ref$filledIcon,
+    _ref$outlinedIcon = _ref.outlinedIcon,
+    outlinedIcon = _ref$outlinedIcon === void 0 ? 'star' : _ref$outlinedIcon,
+    onChange = _ref.onChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      activeStar = _useState2[0],
-      setActiveStar = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    activeStar = _useState2[0],
+    setActiveStar = _useState2[1];
   var _useState3 = (0, _react.useState)(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      hoverActiveStar = _useState4[0],
-      setHoverActiveStar = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    hoverActiveStar = _useState4[0],
+    setHoverActiveStar = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isHovered = _useState6[0],
-      setIsHovered = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    isHovered = _useState6[0],
+    setIsHovered = _useState6[1];
   var ratingContainerRef = (0, _react.useRef)(null);
   var activeState = isHovered ? hoverActiveStar : activeStar;
   var isActiveRating = activeState !== 1;
   var isRatingWithPrecision = activeState % 1 !== 0;
-
   function calculateRating(clientX) {
     var _precision$toString$s;
-
     if (!ratingContainerRef.current) return 0;
-
     var _ratingContainerRef$c = ratingContainerRef.current.getBoundingClientRect(),
-        width = _ratingContainerRef$c.width,
-        left = _ratingContainerRef$c.left;
-
+      width = _ratingContainerRef$c.width,
+      left = _ratingContainerRef$c.left;
     var percent = (clientX - left) / width;
     var numberInStars = percent * quantity;
     var nearestNumber = Math.round((numberInStars + precision / 2) / precision) * precision;
     return Number(nearestNumber.toFixed(((_precision$toString$s = precision.toString().split('.')[1]) === null || _precision$toString$s === void 0 ? void 0 : _precision$toString$s.length) || 0));
   }
-
   function handleClick(e) {
     setIsHovered(false);
     setActiveStar(calculateRating(e.clientX));
     onChange && onChange(calculateRating(e.clientX));
   }
-
   function handleMouseMove(e) {
     setIsHovered(true);
     setHoverActiveStar(calculateRating(e.clientX));
   }
-
   function handleMouseLeave() {
     setHoverActiveStar(0);
     setIsHovered(false);
   }
-
   (0, _react.useImperativeHandle)(ref, function () {
     return ratingContainerRef.current;
   });

package/dist/components/Rating/rating.test.js

@@ -1,19 +1,12 @@
 "use strict";
 
 var _index = require("./index");
-
 require("@testing-library/jest-dom");
-
 var _testUtils = require("../../shared/tests/test-utils");
-
 var _react = require("@testing-library/react");
-
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 describe('Rating', function () {
   it('should be rendered', function () {
     (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {}));
@@ -25,9 +18,7 @@ describe('Rating', function () {
       value: 5,
       onChange: onChange
     }));
-
     _userEvent.default.click(_react.screen.getAllByRole('button')[4]);
-
     expect(onChange).toHaveBeenCalled();
   });
   it('should be able to render any quantity of icons ', function () {
@@ -39,11 +30,8 @@ describe('Rating', function () {
   });
   it('should be able to fill svg if hover', function () {
     (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {}));
-
     var RatingIcon = _react.screen.getAllByRole('button')[4];
-
     _react.fireEvent.mouseMove(RatingIcon);
-
     expect(RatingIcon === null || RatingIcon === void 0 ? void 0 : RatingIcon.style.fill).not.toBe('none');
   });
   it('should be able to change precision', function () {
@@ -58,9 +46,7 @@ describe('Rating', function () {
       value: 5,
       colorFilledIcon: "neutral.neutral5"
     }));
-
     var RatingIcon = _react.screen.getAllByRole('button')[0];
-
     expect(RatingIcon.firstChild).toHaveStyle('fill: #587169;');
   });
   it('should be able to change size 40px', function () {
@@ -68,9 +54,7 @@ describe('Rating', function () {
       value: 5,
       size: "40px"
     }));
-
     var RatingIcons = _react.screen.getAllByRole('button')[0];
-
     expect(RatingIcons.firstChild).toHaveStyle({
       width: 40,
       height: 40

package/dist/components/Rating/styles.js

@@ -4,35 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RatingContainer = exports.ContainerIcon = exports.ContainerFilled = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _react = require("@emotion/react");
-
 var _templateObject, _templateObject2, _templateObject3;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var RatingContainer = _styled.default.div(function (_ref) {
   var readOnly = _ref.readOnly;
   return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-flex;\n    position: relative;\n    cursor: pointer;\n    pointer-events: ", ";\n    text-align: left;\n  "])), readOnly ? 'none' : 'auto');
 });
-
 exports.RatingContainer = RatingContainer;
-
 var ContainerIcon = _styled.default.div(function (_ref2) {
   var readOnly = _ref2.readOnly;
   return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: relative;\n    cursor: pointer;\n    pointer-events: ", ";\n  "])), readOnly ? 'none' : 'auto');
 });
-
 exports.ContainerIcon = ContainerIcon;
-
 var ContainerFilled = _styled.default.div(function (_ref3) {
   var showRatingWithPrecision = _ref3.showRatingWithPrecision,
-      activeState = _ref3.activeState;
+    activeState = _ref3.activeState;
   return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: ", ";\n    overflow: hidden;\n    position: absolute;\n  "])), showRatingWithPrecision ? "".concat(activeState % 1 * 100, "%") : '0%');
 });
-
 exports.ContainerFilled = ContainerFilled;