@pedidopago/ui 1.5.1 → 1.5.3

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

@@ -1,29 +1,29 @@
-import { ExtendThemeProps } from 'src';
-import { IconName } from '../Icon/types';
-export interface IPaginationProps {
-    count: number;
-    defaultPage?: number;
-    variant?: 'outlined' | 'text';
-    shape?: 'circular' | 'rounded';
-    size?: 'small' | 'large';
-    previousButtonIcon?: IconName;
-    nextButtonIcon?: IconName;
-    color?: string;
-    isDisabled?: boolean;
-    onChange?: (value: number) => void;
-}
-export interface IPaginationHook {
-    count: number;
-    activePage: number;
-}
-export interface IStyledPagination {
-    theme?: ExtendThemeProps;
-    isActivePage?: boolean;
-    variant?: 'outlined' | 'text';
-    shape?: 'circular' | 'rounded';
-    size?: 'small' | 'large';
-    numberOfPageColor?: string;
-    grayColor?: string;
-    saturationColor?: string;
-}
+import { ExtendThemeProps } from 'src';
+import { IconName } from '../Icon/types';
+export interface IPaginationProps {
+    count: number;
+    defaultPage?: number;
+    variant?: 'outlined' | 'text';
+    shape?: 'circular' | 'rounded';
+    size?: 'small' | 'large';
+    previousButtonIcon?: IconName;
+    nextButtonIcon?: IconName;
+    color?: string;
+    isDisabled?: boolean;
+    onChange?: (value: number) => void;
+}
+export interface IPaginationHook {
+    count: number;
+    activePage: number;
+}
+export interface IStyledPagination {
+    theme?: ExtendThemeProps;
+    isActivePage?: boolean;
+    variant?: 'outlined' | 'text';
+    shape?: 'circular' | 'rounded';
+    size?: 'small' | 'large';
+    numberOfPageColor?: string;
+    grayColor?: string;
+    saturationColor?: string;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Progress/Circle/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { CircleProps } from './types';
-export declare function CircleProgress({ percent, isAnimated, percentBarColor, size, stroke, circleBody, showValue, steps, }: CircleProps): JSX.Element;
+/// <reference types="react" />
+import { CircleProps } from './types';
+export declare function CircleProgress({ percent, isAnimated, percentBarColor, size, stroke, circleBody, showValue, steps, }: CircleProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Progress/Circle/styles.d.ts

@@ -1,28 +1,28 @@
-/// <reference types="react" />
-import { DisplayValueProps } from '../types';
-import { CircleStyleProps, CircleBodyProps } from './types';
-export declare const CircleArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    size?: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Value: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & DisplayValueProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SVGArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    size?: number | undefined;
-}, import("react").SVGProps<SVGSVGElement>, {}>;
-export declare const SVGCircle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & CircleStyleProps, import("react").SVGProps<SVGCircleElement>, {}>;
-export declare const SVGSecondCircle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & CircleBodyProps, import("react").SVGProps<SVGCircleElement>, {}>;
+/// <reference types="react" />
+import { DisplayValueProps } from '../types';
+import { CircleStyleProps, CircleBodyProps } from './types';
+export declare const CircleArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    size?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Value: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & DisplayValueProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SVGArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    size?: number | undefined;
+}, import("react").SVGProps<SVGSVGElement>, {}>;
+export declare const SVGCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & CircleStyleProps, import("react").SVGProps<SVGCircleElement>, {}>;
+export declare const SVGSecondCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & CircleBodyProps, import("react").SVGProps<SVGCircleElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Progress/Circle/types.d.ts

@@ -1,19 +1,19 @@
-import { GlobalColorsProps } from '../../../shared/theme';
-import { LinearProps } from '../Linear/types';
-export declare type CircleProps = LinearProps & {
-    size?: number;
-    stroke?: number;
-    circleBody?: boolean;
-    showValue?: string;
-};
-export interface CircleStyleProps {
-    circumference?: number;
-    percent: number;
-    strokeWidth?: number;
-    color?: string | string[] | GlobalColorsProps | GlobalColorsProps[];
-    isAnimated?: boolean;
-}
-export interface CircleBodyProps {
-    strokeWidth?: number;
-}
+import { GlobalColorsProps } from '../../../shared/theme';
+import { LinearProps } from '../Linear/types';
+export declare type CircleProps = LinearProps & {
+    size?: number;
+    stroke?: number;
+    circleBody?: boolean;
+    showValue?: string;
+};
+export interface CircleStyleProps {
+    circumference?: number;
+    percent: number;
+    strokeWidth?: number;
+    color?: string | string[] | GlobalColorsProps | GlobalColorsProps[];
+    isAnimated?: boolean;
+}
+export interface CircleBodyProps {
+    strokeWidth?: number;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Progress/Linear/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { LinearProps } from './types';
-export declare function LinearProgress({ height, showValue, steps, ...props }: LinearProps): JSX.Element;
+/// <reference types="react" />
+import { LinearProps } from './types';
+export declare function LinearProgress({ height, showValue, steps, ...props }: LinearProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Progress/Linear/styles.d.ts

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

package/dist/components/Progress/Linear/types.d.ts

@@ -1,14 +1,14 @@
-export declare type ProgressBarProps = {
-    height?: string;
-};
-export declare type PercentBarProps = {
-    percent: number;
-    isAnimated?: boolean;
-    percentBarColor?: string | string[];
-};
-export declare type LinearProps = PercentBarProps & {
-    height?: string;
-    steps?: number;
-    showValue?: string;
-};
+export declare type ProgressBarProps = {
+    height?: string;
+};
+export declare type PercentBarProps = {
+    percent: number;
+    isAnimated?: boolean;
+    percentBarColor?: string | string[];
+};
+export declare type LinearProps = PercentBarProps & {
+    height?: string;
+    steps?: number;
+    showValue?: string;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Progress/getSteps.d.ts

@@ -1,2 +1,2 @@
-export declare const getSteps: (v: number, percent: number) => number | undefined;
+export declare const getSteps: (v: number, percent: number) => number | undefined;
 //# sourceMappingURL=getSteps.d.ts.map

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ProgressComponent } from './types';
-export declare function Progress({ height, size, stroke, circleBody, type, color, ...props }: ProgressComponent): JSX.Element;
-export default Progress;
+/// <reference types="react" />
+import { ProgressComponent } from './types';
+export declare function Progress({ height, size, stroke, circleBody, type, color, ...props }: ProgressComponent): JSX.Element;
+export default Progress;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Progress/progress.test.d.ts

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

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

@@ -1,28 +1,28 @@
-export interface DisplayValueProps {
-    height?: string;
-    size?: number;
-    colorMode?: string;
-}
-export declare type ArrayColor = [number, number, number];
-export interface objectGray {
-    neutral1: ArrayColor;
-    neutral2: ArrayColor;
-    neutral3: ArrayColor;
-    neutral4: ArrayColor;
-    neutral5: ArrayColor;
-    neutral6: ArrayColor;
-    black: ArrayColor;
-}
-export declare type ProgressComponent = {
-    type?: 'linear' | 'circle';
-    height?: 'sm' | 'md' | 'lg';
-    size?: number;
-    stroke?: number;
-    circleBody?: boolean;
-    showValue?: string;
-    steps?: number;
-    color?: string | string[];
-    percent: number;
-    isAnimated?: boolean;
-};
+export interface DisplayValueProps {
+    height?: string;
+    size?: number;
+    colorMode?: string;
+}
+export declare type ArrayColor = [number, number, number];
+export interface objectGray {
+    neutral1: ArrayColor;
+    neutral2: ArrayColor;
+    neutral3: ArrayColor;
+    neutral4: ArrayColor;
+    neutral5: ArrayColor;
+    neutral6: ArrayColor;
+    black: ArrayColor;
+}
+export declare type ProgressComponent = {
+    type?: 'linear' | 'circle';
+    height?: 'sm' | 'md' | 'lg';
+    size?: number;
+    stroke?: number;
+    circleBody?: boolean;
+    showValue?: string;
+    steps?: number;
+    color?: string | string[];
+    percent: number;
+    isAnimated?: boolean;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/RadioInput/components/ChoiceList/index.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-import { ChoiceListContext, ChoiceListProps } from '../../types';
-export declare const RadioGroup: import("react").Context<ChoiceListContext>;
-declare const ChoiceList: FC<ChoiceListProps>;
-export default ChoiceList;
+import { FC } from 'react';
+import { ChoiceListContext, ChoiceListProps } from '../../types';
+export declare const RadioGroup: import("react").Context<ChoiceListContext>;
+declare const ChoiceList: FC<ChoiceListProps>;
+export default ChoiceList;
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/RadioInput/radio-input.test.d.ts

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

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

@@ -1,31 +1,31 @@
-/// <reference types="react" />
-import { IStyledRadioInput } from './types';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Label: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const Input: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const ChoiceWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ListWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ChoiceLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const HelpText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { IStyledRadioInput } from './types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const Input: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const ChoiceWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ListWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ChoiceLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const HelpText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,33 +1,33 @@
-import { ReactNode } from 'react';
-export interface IRadioInputProps {
-    isDisabled?: boolean;
-    name?: string;
-    value: string;
-    id: string;
-    children?: ReactNode;
-    color?: string;
-    defaultChecked?: boolean;
-    onChange?: (value: string) => void;
-}
-export interface ChoiceListProps {
-    onChangeValue?: (value: string) => void;
-    label?: string;
-    defaultValue?: string;
-    isDisabled?: boolean;
-    radiosName: string;
-    alignDirection?: 'column' | 'row';
-    color?: string;
-    helpText?: string;
-    children: ReactNode;
-}
-export declare type ChoiceListContext = {
-    handleRadioClick: (e: string) => void;
-    defaultValue?: string;
-    groupName: string;
-    isDisabled?: boolean;
-};
-export interface IStyledRadioInput {
-    textColor?: string;
-    alignDirection?: 'column' | 'row';
-}
+import { ReactNode } from 'react';
+export interface IRadioInputProps {
+    isDisabled?: boolean;
+    name?: string;
+    value: string;
+    id: string;
+    children?: ReactNode;
+    color?: string;
+    defaultChecked?: boolean;
+    onChange?: (value: string) => void;
+}
+export interface ChoiceListProps {
+    onChangeValue?: (value: string) => void;
+    label?: string;
+    defaultValue?: string;
+    isDisabled?: boolean;
+    radiosName: string;
+    alignDirection?: 'column' | 'row';
+    color?: string;
+    helpText?: string;
+    children: ReactNode;
+}
+export declare type ChoiceListContext = {
+    handleRadioClick: (e: string) => void;
+    defaultValue?: string;
+    groupName: string;
+    isDisabled?: boolean;
+};
+export interface IStyledRadioInput {
+    textColor?: string;
+    alignDirection?: 'column' | 'row';
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/RadioInput/utils/get-colors-props.d.ts

@@ -1,12 +1,12 @@
-export declare function getColorsProps(hue: number): {
-    black: string;
-    gray: string;
-    grayLightness: string;
-    graySaturation: string;
-    focus: string;
-    focusChecked: string;
-    shadowLightness: string;
-    saturation: string;
-    saturationFocus: string;
-};
+export declare function getColorsProps(hue: number): {
+    black: string;
+    gray: string;
+    grayLightness: string;
+    graySaturation: string;
+    focus: string;
+    focusChecked: string;
+    shadowLightness: string;
+    saturation: string;
+    saturationFocus: string;
+};
 //# sourceMappingURL=get-colors-props.d.ts.map

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
-import { RatingProps } from './types';
-export declare const Rating: import("react").ForwardRefExoticComponent<RatingProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+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,EAML,cAAc,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,eAAO,MAAM,MAAM,yIA4FlB,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,yIA6FlB,CAAC"}

package/dist/components/Rating/index.js

@@ -88,6 +88,8 @@ var Rating = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var isRatingWithPrecision = activeState % 1 !== 0;
 
   function calculateRating(clientX) {
+    var _precision$toString$s;
+
     if (!ratingContainerRef.current) return 0;
 
     var _ratingContainerRef$c = ratingContainerRef.current.getBoundingClientRect(),
@@ -96,14 +98,14 @@ var Rating = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
 
     var percent = (clientX - left) / width;
     var numberInStars = percent * quantity;
-    return Math.round((numberInStars + precision / 2) / precision) * precision;
+    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) {
-    var targetRating = calculateRating(e.clientX);
     setIsHovered(false);
-    setActiveStar(targetRating);
-    onChange === null || onChange === void 0 ? void 0 : onChange(calculateRating(targetRating));
+    setActiveStar(calculateRating(e.clientX));
+    onChange && onChange(calculateRating(e.clientX));
   }
 
   function handleMouseMove(e) {
@@ -122,39 +124,41 @@ var Rating = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   (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);
-    })
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__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';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=rating.test.d.ts.map