@pedidopago/ui 1.3.28 → 1.4.1

package/dist/components/Rating/components/GradientIcon/data/dash.d.ts

@@ -1,9 +1,9 @@
-export declare const dashIcons: {
-    name: string;
-    width: number;
-    height: number;
-    viewBox: string;
-    html: string;
-    xmlns: string;
-}[];
+export declare const dashIcons: {
+    name: string;
+    width: number;
+    height: number;
+    viewBox: string;
+    html: string;
+    xmlns: string;
+}[];
 //# sourceMappingURL=dash.d.ts.map

package/dist/components/Rating/components/GradientIcon/data/ecommerce.d.ts

@@ -1,9 +1,9 @@
-export declare const ecommerceIcons: {
-    name: string;
-    width: number;
-    height: number;
-    viewBox: string;
-    html: string;
-    xmlns: string;
-}[];
+export declare const ecommerceIcons: {
+    name: string;
+    width: number;
+    height: number;
+    viewBox: string;
+    html: string;
+    xmlns: string;
+}[];
 //# sourceMappingURL=ecommerce.d.ts.map

package/dist/components/Rating/components/GradientIcon/index.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IIconComponentProps } from './types';
-declare const Icon: FC<IIconComponentProps>;
-export default Icon;
+import { FC } from 'react';
+import { IIconComponentProps } from './types';
+declare const Icon: FC<IIconComponentProps>;
+export default Icon;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Rating/components/GradientIcon/scripts/build.d.ts

@@ -1,8 +1,8 @@
-/**
- * Builds the icons and types files.
- * To run this script, you need to call this at the test file:
- * `require('./scripts/build')` or `import build from './scripts/build'`
- */
-declare const builder: () => void;
-export default builder;
+/**
+ * Builds the icons and types files.
+ * To run this script, you need to call this at the test file:
+ * `require('./scripts/build')` or `import build from './scripts/build'`
+ */
+declare const builder: () => void;
+export default builder;
 //# sourceMappingURL=build.d.ts.map

package/dist/components/Rating/components/GradientIcon/scripts/extractor.d.ts

@@ -1,16 +1,16 @@
-/**
- * Extractor is a function that extracts the svg content from the icon file.
- * @param files - The directory with the files to extract.
- * @param currentPath - The current path of the file
- * @returns Array of objects with the name and the content of the icon svg.
- */
-declare const extractor: (files: string[], currentPath: string) => {
-    name: string;
-    width: string;
-    height: string;
-    viewBox: string;
-    xmlns: string;
-    html: string;
-}[];
-export default extractor;
+/**
+ * Extractor is a function that extracts the svg content from the icon file.
+ * @param files - The directory with the files to extract.
+ * @param currentPath - The current path of the file
+ * @returns Array of objects with the name and the content of the icon svg.
+ */
+declare const extractor: (files: string[], currentPath: string) => {
+    name: string;
+    width: string;
+    height: string;
+    viewBox: string;
+    xmlns: string;
+    html: string;
+}[];
+export default extractor;
 //# sourceMappingURL=extractor.d.ts.map

package/dist/components/Rating/components/GradientIcon/scripts/writers.d.ts

@@ -1,23 +1,23 @@
-declare type iconsList = {
-    name: string;
-    width: string;
-    height: string;
-    viewBox: string;
-    html: string;
-    xmlns: string;
-};
-/**
- * This function generates the types file for the Icon component
- * @param iconsList - The list of icons
- * @param overwrite - If true, the file will be overwritten
- */
-export declare const writeTypesFile: (iconsList: iconsList[], overwrite?: boolean) => void;
-/**
- * This function generates the icons json file for the Icon component
- * @param iconsList - The list of icons
- * @param jsonFileName - The name of the json file
- * @param overwrite - If true, the file will be overwritten
- */
-export declare const writeIconsFile: (iconsList: iconsList[], jsonFileName: string, overwrite?: boolean) => void;
-export {};
+declare type iconsList = {
+    name: string;
+    width: string;
+    height: string;
+    viewBox: string;
+    html: string;
+    xmlns: string;
+};
+/**
+ * This function generates the types file for the Icon component
+ * @param iconsList - The list of icons
+ * @param overwrite - If true, the file will be overwritten
+ */
+export declare const writeTypesFile: (iconsList: iconsList[], overwrite?: boolean) => void;
+/**
+ * This function generates the icons json file for the Icon component
+ * @param iconsList - The list of icons
+ * @param jsonFileName - The name of the json file
+ * @param overwrite - If true, the file will be overwritten
+ */
+export declare const writeIconsFile: (iconsList: iconsList[], jsonFileName: string, overwrite?: boolean) => void;
+export {};
 //# sourceMappingURL=writers.d.ts.map

package/dist/components/Rating/components/GradientIcon/styles.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { ExtendThemeProps } from '../../../../shared/theme';
-declare type StyledIconProps = {
-    theme?: ExtendThemeProps;
-    strokeColor?: string;
-    disabled?: boolean;
-};
-export declare const IconComponent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & StyledIconProps, import("react").SVGProps<SVGSVGElement>, {}>;
-export {};
+/// <reference types="react" />
+import { ExtendThemeProps } from '../../../../shared/theme';
+declare type StyledIconProps = {
+    theme?: ExtendThemeProps;
+    strokeColor?: string;
+    disabled?: boolean;
+};
+export declare const IconComponent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & StyledIconProps, import("react").SVGProps<SVGSVGElement>, {}>;
+export {};
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Rating/components/GradientIcon/types.d.ts

@@ -1,16 +1,16 @@
-import { HTMLAttributes } from 'react';
-import { GlobalColorsProps } from '../../../../shared/theme';
-import { SizeType } from '../../types';
-export declare type GradientIconName = 'bookmark' | 'circle' | 'droplet' | 'facebook' | 'filter' | 'folder' | 'heart' | 'hexagon' | 'message-square' | 'moon' | 'navigation-2' | 'navigation' | 'octagon' | 'play' | 'satisfaction' | 'square' | 'star' | 'tool' | 'triangle' | 'volume' | 'zap' | 'ecc-client' | 'ecc-logout';
-export declare type fillStateType = 'filled' | 'halfFilled' | 'empty';
-export interface IIconComponentProps extends HTMLAttributes<SVGSVGElement> {
-    name?: GradientIconName;
-    size?: number | string | SizeType;
-    color?: GlobalColorsProps | (string & {});
-    secondaryColor?: GlobalColorsProps | (string & {});
-    primaryColor?: string;
-    strokeColor?: string;
-    fillState?: fillStateType;
-    disabled?: boolean;
-}
+import { HTMLAttributes } from 'react';
+import { GlobalColorsProps } from '../../../../shared/theme';
+import { SizeType } from '../../types';
+export declare type GradientIconName = 'bookmark' | 'circle' | 'droplet' | 'facebook' | 'filter' | 'folder' | 'heart' | 'hexagon' | 'message-square' | 'moon' | 'navigation-2' | 'navigation' | 'octagon' | 'play' | 'satisfaction' | 'square' | 'star' | 'tool' | 'triangle' | 'volume' | 'zap' | 'ecc-client' | 'ecc-logout';
+export declare type fillStateType = 'filled' | 'halfFilled' | 'empty';
+export interface IIconComponentProps extends HTMLAttributes<SVGSVGElement> {
+    name?: GradientIconName;
+    size?: number | string | SizeType;
+    color?: GlobalColorsProps | (string & {});
+    secondaryColor?: GlobalColorsProps | (string & {});
+    primaryColor?: string;
+    strokeColor?: string;
+    fillState?: fillStateType;
+    disabled?: boolean;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Rating/components/GradientIcon/utils/allIcons.d.ts

@@ -1,9 +1,9 @@
-export declare const allIcons: {
-    name: string;
-    width: number;
-    height: number;
-    viewBox: string;
-    html: string;
-    xmlns: string;
-}[];
+export declare const allIcons: {
+    name: string;
+    width: number;
+    height: number;
+    viewBox: string;
+    html: string;
+    xmlns: string;
+}[];
 //# sourceMappingURL=allIcons.d.ts.map

package/dist/components/Rating/components/RatingWithMultipleValues/RatingWithMultipleValues.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { RatingWithMultipleValuesProps } from './types';
-export declare function RatingWithMultipleValues({ disabled, iconsQuantity, defaultValue, readOnly, name, onChange, size, primaryColor, secondaryColor, strokeColor, onChangeValue, precision, value, }: RatingWithMultipleValuesProps): JSX.Element;
+/// <reference types="react" />
+import { RatingWithMultipleValuesProps } from './types';
+export declare function RatingWithMultipleValues({ disabled, iconsQuantity, defaultValue, readOnly, name, onChange, size, primaryColor, secondaryColor, strokeColor, onChangeValue, precision, value, }: RatingWithMultipleValuesProps): JSX.Element;
 //# sourceMappingURL=RatingWithMultipleValues.d.ts.map

package/dist/components/Rating/components/RatingWithMultipleValues/styles.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { IStyleProps } from '../../types';
-export declare const RatingWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { IStyleProps } from '../../types';
+export declare const RatingWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Rating/components/RatingWithMultipleValues/types.d.ts

@@ -1,17 +1,17 @@
-import { GradientIconName } from '../GradientIcon/types';
-export interface RatingWithMultipleValuesProps {
-    disabled: boolean;
-    iconsQuantity: number;
-    defaultValue: number;
-    readOnly: boolean;
-    size: string | number;
-    primaryColor?: string;
-    secondaryColor?: string;
-    strokeColor?: string;
-    name: GradientIconName;
-    precision: '1' | '0.5';
-    value: number;
-    onChange?: (value: number) => void;
-    onChangeValue?: (value: number) => void;
-}
+import { GradientIconName } from '../GradientIcon/types';
+export interface RatingWithMultipleValuesProps {
+    disabled: boolean;
+    iconsQuantity: number;
+    defaultValue: number;
+    readOnly: boolean;
+    size: string | number;
+    primaryColor?: string;
+    secondaryColor?: string;
+    strokeColor?: string;
+    name: GradientIconName;
+    precision: '1' | '0.5';
+    value: number;
+    onChange?: (value: number) => void;
+    onChangeValue?: (value: number) => void;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Rating/components/RatingWithSingleValue/RatingWithSingleValue.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { RatingWithSingleValueProps } from './types';
-export declare function RatingWithSingleValue({ disabled, size, onChangeValue, primaryColor, secondaryColor, }: RatingWithSingleValueProps): JSX.Element;
+/// <reference types="react" />
+import { RatingWithSingleValueProps } from './types';
+export declare function RatingWithSingleValue({ disabled, size, onChangeValue, primaryColor, secondaryColor, }: RatingWithSingleValueProps): JSX.Element;
 //# sourceMappingURL=RatingWithSingleValue.d.ts.map

package/dist/components/Rating/components/RatingWithSingleValue/icons/0.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-declare const _default: import("react").ReactSVGElement;
-export default _default;
+/// <reference types="react" />
+declare const _default: import("react").ReactSVGElement;
+export default _default;
 //# sourceMappingURL=0.d.ts.map

package/dist/components/Rating/components/RatingWithSingleValue/icons/1.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-declare const _default: import("react").ReactSVGElement;
-export default _default;
+/// <reference types="react" />
+declare const _default: import("react").ReactSVGElement;
+export default _default;
 //# sourceMappingURL=1.d.ts.map

package/dist/components/Rating/components/RatingWithSingleValue/icons/2.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-declare const _default: import("react").ReactSVGElement;
-export default _default;
+/// <reference types="react" />
+declare const _default: import("react").ReactSVGElement;
+export default _default;
 //# sourceMappingURL=2.d.ts.map

package/dist/components/Rating/components/RatingWithSingleValue/icons/3.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-declare const _default: import("react").ReactSVGElement;
-export default _default;
+/// <reference types="react" />
+declare const _default: import("react").ReactSVGElement;
+export default _default;
 //# sourceMappingURL=3.d.ts.map

package/dist/components/Rating/components/RatingWithSingleValue/icons/4.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-declare const _default: import("react").ReactSVGElement;
-export default _default;
+/// <reference types="react" />
+declare const _default: import("react").ReactSVGElement;
+export default _default;
 //# sourceMappingURL=4.d.ts.map

package/dist/components/Rating/components/RatingWithSingleValue/icons/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare const icons: {
-    id: number;
-    icon: import("react").ReactSVGElement;
-    selected: boolean;
-}[];
+/// <reference types="react" />
+export declare const icons: {
+    id: number;
+    icon: import("react").ReactSVGElement;
+    selected: boolean;
+}[];
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Rating/components/RatingWithSingleValue/styles.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { IStyleProps } from '../../types';
-export declare const RatingWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { IStyleProps } from '../../types';
+export declare const RatingWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Rating/components/RatingWithSingleValue/types.d.ts

@@ -1,11 +1,11 @@
-export interface RatingWithSingleValueProps {
-    disabled: boolean;
-    primaryColor?: string;
-    secondaryColor?: string;
-    strokeColor?: string;
-    readOnly: boolean;
-    size: string | number;
-    onChange?: (value: number) => void;
-    onChangeValue?: (value: number) => void;
-}
+export interface RatingWithSingleValueProps {
+    disabled: boolean;
+    primaryColor?: string;
+    secondaryColor?: string;
+    strokeColor?: string;
+    readOnly: boolean;
+    size: string | number;
+    onChange?: (value: number) => void;
+    onChangeValue?: (value: number) => void;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Rating/index.d.ts

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-import { IInputProps } from './types';
-declare const RatingComponent: FC<IInputProps>;
-export default RatingComponent;
+import { HTMLAttributes } from 'react';
+import { RatingProps } from './types';
+export declare const Rating: import("react").ForwardRefExoticComponent<RatingProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Rating/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAOtC,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,WAAW,CAoDpC,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,cAAc,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,eAAO,MAAM,MAAM,yIA4FlB,CAAC"}

package/dist/components/Rating/index.js

@@ -1,75 +1,160 @@
 "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 _theme = require("../../shared/theme");
+exports.Rating = void 0;
 
-var _react = require("@emotion/react");
+var _react = require("react");
 
-var _RatingWithMultipleValues = require("./components/RatingWithMultipleValues/RatingWithMultipleValues");
+var _Icon = _interopRequireDefault(require("../Icon"));
 
-var _RatingWithSingleValue = require("./components/RatingWithSingleValue/RatingWithSingleValue");
+var S = _interopRequireWildcard(require("./styles"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var RatingComponent = function RatingComponent(_ref) {
+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 _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 _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 ? '0.5' : _ref$precision,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? 'star' : _ref$name,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'medium' : _ref$size,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      precision = _ref$precision === void 0 ? 1 : _ref$precision,
       _ref$value = _ref.value,
       value = _ref$value === void 0 ? 0 : _ref$value,
-      primaryColor = _ref.primaryColor,
-      secondaryColor = _ref.secondaryColor,
-      strokeColor = _ref.strokeColor,
-      _ref$iconsQuantity = _ref.iconsQuantity,
-      iconsQuantity = _ref$iconsQuantity === void 0 ? 5 : _ref$iconsQuantity,
-      _ref$defaultValue = _ref.defaultValue,
-      defaultValue = _ref$defaultValue === void 0 ? 0 : _ref$defaultValue,
+      _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,
-      onChangeValue = _ref.onChangeValue,
-      onChange = _ref.onChange;
-
-  var _useTheme = (0, _theme.useTheme)(),
-      theme = _useTheme.theme;
-
-  var parsedSize = size === 'small' ? '16px' : size === 'medium' ? '24px' : size === 'large' ? '32px' : size;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.ThemeProvider, {
-    theme: theme,
-    children: name !== 'satisfaction' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RatingWithMultipleValues.RatingWithMultipleValues, {
-      name: name,
-      defaultValue: defaultValue,
-      disabled: disabled,
-      iconsQuantity: iconsQuantity,
-      precision: precision,
-      readOnly: readOnly,
-      primaryColor: primaryColor,
-      secondaryColor: secondaryColor,
-      strokeColor: strokeColor,
-      value: value,
-      size: parsedSize,
-      onChangeValue: onChangeValue,
-      onChange: onChange
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_RatingWithSingleValue.RatingWithSingleValue, {
-      disabled: disabled,
-      size: parsedSize,
-      onChange: onChange,
-      primaryColor: primaryColor,
-      secondaryColor: secondaryColor,
-      strokeColor: strokeColor,
-      onChangeValue: onChangeValue,
-      readOnly: 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];
+
+  var _useState3 = (0, _react.useState)(0),
+      _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];
+
+  var ratingContainerRef = (0, _react.useRef)(null);
+  var activeState = isHovered ? hoverActiveStar : activeStar;
+  var isActiveRating = activeState !== 1;
+  var isRatingWithPrecision = activeState % 1 !== 0;
+
+  function calculateRating(clientX) {
+    if (!ratingContainerRef.current) return 0;
 
-var _default = RatingComponent;
-exports.default = _default;
+    var _ratingContainerRef$c = ratingContainerRef.current.getBoundingClientRect(),
+        width = _ratingContainerRef$c.width,
+        left = _ratingContainerRef$c.left;
+
+    var percent = (clientX - left) / width;
+    var numberInStars = percent * quantity;
+    return Math.round((numberInStars + precision / 2) / precision) * precision;
+  }
+
+  function handleClick(e) {
+    var targetRating = calculateRating(e.clientX);
+    setIsHovered(false);
+    setActiveStar(targetRating);
+    onChange === null || onChange === void 0 ? void 0 : onChange(calculateRating(targetRating));
+  }
+
+  function handleMouseMove(e) {
+    setIsHovered(true);
+    setHoverActiveStar(calculateRating(e.clientX));
+  }
+
+  function handleMouseLeave() {
+    setHoverActiveStar(0);
+    setIsHovered(false);
+  }
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return ratingContainerRef.current;
+  });
+  (0, _react.useEffect)(function () {
+    setActiveStar(value);
+  }, [value]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(S.RatingContainer, _objectSpread(_objectSpread({
+    readOnly: readOnly,
+    onClick: handleClick,
+    onMouseMove: handleMouseMove,
+    onMouseLeave: handleMouseLeave,
+    ref: ratingContainerRef
+  }, rest), {}, {
+    children: Array.from(Array(quantity).keys()).map(function (_, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(S.ContainerIcon, {
+        readOnly: readOnly,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(S.ContainerFilled, {
+          role: "button",
+          showRatingWithPrecision: isActiveRating && isRatingWithPrecision && Math.ceil(activeState) === index + 1,
+          activeState: activeState,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: filledIcon,
+            color: colorFilledIcon,
+            size: size
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: activeState === 0 || activeState < index + 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: outlinedIcon,
+            color: colorOutlinedIcon,
+            size: size
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: filledIcon,
+            color: colorFilledIcon,
+            size: size
+          })
+        })]
+      }, index);
+    })
+  }));
+});
+exports.Rating = Rating;
+Rating.displayName = 'Rating';

package/dist/components/Rating/rating.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=rating.test.d.ts.map