@pedidopago/ui 1.3.29 → 1.4.2

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

@@ -1,102 +1,79 @@
 "use strict";
 
+var _index = require("./index");
+
+require("@testing-library/jest-dom");
+
 var _testUtils = require("../../shared/tests/test-utils");
 
 var _react = require("@testing-library/react");
 
-require("@testing-library/jest-dom/extend-expect");
-
-var _ = _interopRequireDefault(require("."));
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
 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; }
-
-var setup = function setup() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
-  var RatingWrapper = utils.getByTestId('rating-wrapper');
-  var RatingIcon = utils.getByTestId('rating-icon-0');
-  return _objectSpread({
-    RatingWrapper: RatingWrapper,
-    RatingIcon: RatingIcon
-  }, utils);
-};
-
 describe('Rating', function () {
-  it('Should be Rendered', function () {
-    var _setup = setup(),
-        RatingWrapper = _setup.RatingWrapper;
-
-    expect(RatingWrapper).toBeInTheDocument();
-    expect(RatingWrapper.querySelectorAll('svg').length).toBeGreaterThan(1);
+  it('should be rendered', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {}));
+    expect(_react.screen.getAllByRole('button')[4]).toBeInTheDocument();
   });
-  it('should be able to render a icon with name prop', function () {
-    var iconName = 'heart';
+  it('should be call onChange when onChange prop is provided', function () {
+    var onChange = jest.fn();
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+      value: 5,
+      onChange: onChange
+    }));
 
-    var _setup2 = setup({
-      name: iconName
-    }),
-        RatingWrapper = _setup2.RatingWrapper;
+    _userEvent.default.click(_react.screen.getAllByRole('button')[4]);
 
-    var oneSVG = RatingWrapper.querySelector('svg');
-    var svgName = oneSVG === null || oneSVG === void 0 ? void 0 : oneSVG.getAttribute('name');
-    expect(svgName).toBe(iconName);
+    expect(onChange).toHaveBeenCalled();
   });
-  it('should be able to render any quantity of icons', function () {
-    var _setup3 = setup({
-      name: 'star',
-      iconsQuantity: 8
-    }),
-        RatingWrapper = _setup3.RatingWrapper;
-
-    var icons = RatingWrapper.querySelectorAll('svg');
-    var iconsQuantity = icons.length;
-    expect(iconsQuantity).toEqual(8);
+  it('should be able to render any quantity of icons ', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+      value: 4,
+      quantity: 7
+    }));
+    expect(_react.screen.getAllByRole('button')[6]).toBeInTheDocument();
   });
   it('should be able to fill svg if hover', function () {
-    var _setup4 = setup({
-      name: 'star'
-    }),
-        RatingIcon = _setup4.RatingIcon;
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {}));
 
-    var RatingIconPath = RatingIcon.querySelector('path');
+    var RatingIcon = _react.screen.getAllByRole('button')[4];
 
-    _react.fireEvent.mouseMove(RatingIconPath);
+    _react.fireEvent.mouseMove(RatingIcon);
 
-    expect(RatingIcon === null || RatingIcon === void 0 ? void 0 : RatingIcon.style.fill).toBe('url(#star_gradient)');
+    expect(RatingIcon === null || RatingIcon === void 0 ? void 0 : RatingIcon.style.fill).not.toBe('none');
   });
   it('should be able to change precision', function () {
-    var _setup5 = setup({
-      name: 'star',
-      precision: '1'
-    }),
-        RatingIcon = _setup5.RatingIcon;
-
-    var RatingIconPath = RatingIcon.querySelector('path');
-
-    _react.fireEvent.mouseMove(RatingIconPath);
-
-    expect(RatingIcon === null || RatingIcon === void 0 ? void 0 : RatingIcon.style.fill).toBe('yellow');
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+      value: 4.5,
+      precision: 0.5
+    }));
+    expect(_react.screen.getAllByRole('button')[4]).toBeInTheDocument();
   });
-  it('should be able to change primary color', function () {
-    var _setup6 = setup({
-      name: 'star',
-      precision: '1',
-      primaryColor: 'red'
-    }),
-        RatingIcon = _setup6.RatingIcon;
-
-    var RatingIconPath = RatingIcon.querySelector('path');
+  it('should be able to change color', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+      value: 5,
+      colorFilledIcon: "neutral.neutral5"
+    }));
 
-    _react.fireEvent.mouseMove(RatingIconPath);
+    var RatingIcon = _react.screen.getAllByRole('button')[0];
 
-    expect(RatingIcon === null || RatingIcon === void 0 ? void 0 : RatingIcon.style.fill).toBe('red');
+    expect(RatingIcon.firstChild).toHaveStyle('fill: #587169;');
+  });
+  it('should be able to change size 40px', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+      value: 5,
+      size: "40px"
+    }));
+
+    var RatingIcons = _react.screen.getAllByRole('button')[0];
+
+    expect(RatingIcons.firstChild).toHaveStyle({
+      width: 40,
+      height: 40
+    });
   });
 });

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,eAAe;;;;cAA0B,OAAO;yGAQ5D,CAAC;AAEF,eAAO,MAAM,aAAa;;;;cAA0B,OAAO;yGAM1D,CAAC;AAEF,eAAO,MAAM,eAAe;;;+HAM3B,CAAC"}

package/dist/components/Rating/styles.js

@@ -0,0 +1,38 @@
+"use strict";
+
+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;
+  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;

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

@@ -1,29 +1,20 @@
-import { ExtendThemeProps } from '../../shared/theme';
-import { GradientIconName } from './components/GradientIcon/types';
-export declare type SizeType = 'small' | 'medium' | 'large';
-export declare type IStyleProps = {
-    primaryColor?: string;
-    secondaryColor?: string;
-    theme?: ExtendThemeProps;
-    disabled?: boolean;
-    active?: boolean;
-    size?: SizeType;
-    isActive?: boolean;
-    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-};
-export declare type IInputProps = {
-    name: GradientIconName;
-    value?: number;
-    defaultValue?: number;
-    iconsQuantity?: number;
-    precision?: '1' | '0.5';
-    size?: SizeType;
-    readOnly?: boolean;
-    disabled?: boolean;
-    primaryColor?: string;
-    secondaryColor?: string;
-    strokeColor?: string;
-    onChangeValue?: (value: number) => void;
-    onChange?: (value: number) => void;
-};
+import { GlobalColorsProps } from 'src/shared/theme';
+import { IconName } from '../Icon/types';
+export interface RatingProps {
+    precision?: 1 | 0.5 | 0.25;
+    value?: number;
+    quantity?: number;
+    colorFilledIcon?: GlobalColorsProps | (string & {});
+    colorOutlinedIcon?: GlobalColorsProps | (string & {});
+    size?: string;
+    readOnly?: boolean;
+    filledIcon?: IconName;
+    outlinedIcon?: IconName;
+    onChange?: (value: number) => void;
+}
+export interface ContainerIconsProps {
+    showRatingWithPrecision?: boolean;
+    showEmptyIcon?: boolean;
+    activeState: number;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,oBAAY,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,oBAAY,WAAW,GAAG;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;CACzB,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,GAAG,KAAK,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACpD,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,mBAAmB;IAClC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;CACrB"}

package/dist/components/Rating/utils/IconObjectsController.d.ts

@@ -1,10 +1,10 @@
-import { fillStateType } from '../components/GradientIcon/types';
-export interface IIconsObject {
-    id: number;
-    fillState: 'filled' | 'halfFilled' | 'empty';
-}
-export declare function createIconObjects(stars: number, defaultValue?: number): IIconsObject[];
-export declare function makeIconEmptyById(icons: IIconsObject[], id: number): IIconsObject[];
-export declare function controlIconsFillState(icons: IIconsObject[], id: number, fillState: fillStateType): IIconsObject[];
-export declare function convertFillStateToValue(icons: IIconsObject[]): number;
+import { fillStateType } from '../components/GradientIcon/types';
+export interface IIconsObject {
+    id: number;
+    fillState: 'filled' | 'halfFilled' | 'empty';
+}
+export declare function createIconObjects(stars: number, defaultValue?: number): IIconsObject[];
+export declare function makeIconEmptyById(icons: IIconsObject[], id: number): IIconsObject[];
+export declare function controlIconsFillState(icons: IIconsObject[], id: number, fillState: fillStateType): IIconsObject[];
+export declare function convertFillStateToValue(icons: IIconsObject[]): number;
 //# sourceMappingURL=IconObjectsController.d.ts.map

package/dist/components/Rating/utils/svgDataTratamentFunction.d.ts

@@ -1,10 +1,10 @@
-import { MouseEvent } from 'react';
-import { fillStateType } from '../components/GradientIcon/types';
-interface svgDataTratamentFunctionReturn {
-    fillState: fillStateType;
-    isMouseLeave: boolean;
-    isMouseMove: boolean;
-}
-export declare function svgDataTratamentFunction(e: MouseEvent<SVGSVGElement>, precision: '1' | '0.5'): svgDataTratamentFunctionReturn;
-export {};
+import { MouseEvent } from 'react';
+import { fillStateType } from '../components/GradientIcon/types';
+interface svgDataTratamentFunctionReturn {
+    fillState: fillStateType;
+    isMouseLeave: boolean;
+    isMouseMove: boolean;
+}
+export declare function svgDataTratamentFunction(e: MouseEvent<SVGSVGElement>, precision: '1' | '0.5'): svgDataTratamentFunctionReturn;
+export {};
 //# sourceMappingURL=svgDataTratamentFunction.d.ts.map

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

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
-interface ReactPortalProps {
-    wrapperId: string;
-    children: ReactNode | ReactNode[] | JSX.Element | JSX.Element[];
-}
-export declare function ReactPortal({ children, wrapperId }: ReactPortalProps): import("react").ReactPortal | null;
-export {};
+import { ReactNode } from 'react';
+interface ReactPortalProps {
+    wrapperId: string;
+    children: ReactNode | ReactNode[] | JSX.Element | JSX.Element[];
+}
+export declare function ReactPortal({ children, wrapperId }: ReactPortalProps): import("react").ReactPortal | null;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ReactPortal/reactPortal.test.d.ts

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

package/dist/components/ReactPortal/utils/createWrapperAndApprendToBody.d.ts

@@ -1,2 +1,2 @@
-export declare function createWrapperAndAppendToBody(wrapperId: string): HTMLDivElement;
+export declare function createWrapperAndAppendToBody(wrapperId: string): HTMLDivElement;
 //# sourceMappingURL=createWrapperAndApprendToBody.d.ts.map

package/dist/components/Select/components/OptionsSelect/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { OptionsSelectProps } from './types';
-export declare const OptionsSelect: import("react").ForwardRefExoticComponent<OptionsSelectProps & import("react").RefAttributes<HTMLDivElement>>;
+/// <reference types="react" />
+import { OptionsSelectProps } from './types';
+export declare const OptionsSelect: import("react").ForwardRefExoticComponent<OptionsSelectProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=index.d.ts.map