@pedidopago/ui 1.5.21 → 1.5.24

package/dist/components/Slider/slider.test.js

@@ -0,0 +1,134 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _ = _interopRequireDefault(require("."));
+
+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(props) {
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
+  return utils;
+};
+
+describe('Slider', function () {
+  it('should it render the slider component', function () {
+    var _setup = setup({
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
+      minValue: 0,
+      maxValue: 100
+    }),
+        container = _setup.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the slider component with multiply values', function () {
+    var _setup2 = setup({
+      valueSlider: [50, 100],
+      onChangeSlider: jest.fn(),
+      minValue: 0,
+      maxValue: 100
+    }),
+        container = _setup2.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the slider component with different pointer', function () {
+    var _setup3 = setup({
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
+      minValue: 0,
+      maxValue: 100,
+      thumbType: 'pointer'
+    }),
+        container = _setup3.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the slider component with different colors', function () {
+    var _setup4 = setup({
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
+      minValue: 0,
+      maxValue: 100,
+      trackColor: 'primary.alert',
+      thumbColor: 'tertiary.default'
+    }),
+        container = _setup4.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the slider component with different sizes', function () {
+    var small = setup({
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
+      minValue: 0,
+      maxValue: 100,
+      sizeSlider: 'sm'
+    });
+    var medium = setup({
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
+      minValue: 0,
+      maxValue: 100,
+      sizeSlider: 'md'
+    });
+    var large = setup({
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
+      minValue: 0,
+      maxValue: 100,
+      sizeSlider: 'lg'
+    });
+    expect(small.container).toBeInTheDocument();
+    expect(medium.container).toBeInTheDocument();
+    expect(large.container).toBeInTheDocument();
+  });
+  it('should it render the slider component with label', function () {
+    var _setup5 = setup({
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
+      minValue: 0,
+      maxValue: 100,
+      valueLabelDisplay: 'auto'
+    }),
+        container = _setup5.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the slider component with custom label', function () {
+    var _setup6 = setup({
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
+      minValue: 0,
+      maxValue: 100,
+      valueLabelDisplay: 'Teste'
+    }),
+        container = _setup6.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the slider component with multiply value and different pointer', function () {
+    var _setup7 = setup({
+      valueSlider: [50, 100],
+      onChangeSlider: jest.fn(),
+      minValue: 0,
+      maxValue: 100,
+      thumbType: 'pointer'
+    }),
+        container = _setup7.container;
+
+    expect(container).toBeInTheDocument();
+  });
+});

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

@@ -1,66 +1,66 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-import { GlobalColorsProps } from '../../shared/theme/theme.types';
-export declare const SliderContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    fullSize?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    direction?: "horizontal" | "vertical" | undefined;
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderExtremesText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const SliderContainer: 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 SliderRailContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    trackColor?: GlobalColorsProps | (string & {}) | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderTrack: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    thumbColor: GlobalColorsProps | (string & {});
-    direction?: "horizontal" | "vertical" | undefined;
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const SliderThumb: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    direction?: "horizontal" | "vertical" | undefined;
-    thumbColor: GlobalColorsProps | (string & {});
-    thumbType?: "circle" | "default" | "pointer" | undefined;
-    disabled?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderPointerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    direction?: "horizontal" | "vertical" | undefined;
-    thumbColor: GlobalColorsProps | (string & {});
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderPointerIcon: 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 SliderLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    direction?: "horizontal" | "vertical" | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+import { GlobalColorsProps } from '../../shared/theme/theme.types';
+export declare const SliderContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    fullSize?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    direction?: "horizontal" | "vertical" | undefined;
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderExtremesText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const SliderContainer: 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 SliderRailContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    trackColor?: GlobalColorsProps | (string & {}) | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderTrack: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    thumbColor: GlobalColorsProps | (string & {});
+    direction?: "horizontal" | "vertical" | undefined;
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const SliderThumb: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    direction?: "horizontal" | "vertical" | undefined;
+    thumbColor: GlobalColorsProps | (string & {});
+    thumbType?: "circle" | "default" | "pointer" | undefined;
+    disabled?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderPointerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    direction?: "horizontal" | "vertical" | undefined;
+    thumbColor: GlobalColorsProps | (string & {});
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderPointerIcon: 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 SliderLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    direction?: "horizontal" | "vertical" | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,41 +1,41 @@
-import { ReactNode, RefObject } from 'react';
-import { GlobalColorsProps } from '../../shared/theme/theme.types';
-declare type IGenericSliderProps = {
-    /**
-     * @default "circle"
-     */
-    thumbType?: 'default' | 'circle' | 'pointer';
-    minValue: number;
-    maxValue: number;
-    step?: number;
-    trackColor?: GlobalColorsProps | (string & {});
-    thumbColor?: GlobalColorsProps | (string & {});
-    disabled?: boolean;
-    fullSize?: boolean;
-    sizeSlider?: 'sm' | 'md' | 'lg';
-    direction?: 'horizontal' | 'vertical';
-    valueLabelDisplay?: 'auto' | 'off' | '%v' | (string & {});
-};
-export declare type ISliderProps = IGenericSliderProps & {
-    valueSlider: number | number[];
-    onChangeSlider: (value: number | number[], index?: number) => void;
-    minMaxFormat?: 'currency-BRL' | 'percentage' | 'number';
-};
-export declare type ISliderSelectorProps = IGenericSliderProps & {
-    valueSliderSelector: number | number[];
-    onChangeSliderSelector: (percentage: number, index?: number) => void;
-};
-export declare type ISliderTrackerProps = {
-    maxValue: number;
-    step: number;
-    onChangeSliderTracker: (value: number, ref?: RefObject<HTMLDivElement>) => void;
-    trackColor?: GlobalColorsProps | (string & {});
-    children: ReactNode;
-    direction?: 'horizontal' | 'vertical';
-};
-export declare type ISliderPointerProps = {
-    direction?: 'horizontal' | 'vertical';
-    thumbColor: GlobalColorsProps | (string & {});
-};
-export {};
+import { ReactNode, RefObject } from 'react';
+import { GlobalColorsProps } from '../../shared/theme/theme.types';
+declare type IGenericSliderProps = {
+    /**
+     * @default "circle"
+     */
+    thumbType?: 'default' | 'circle' | 'pointer';
+    minValue: number;
+    maxValue: number;
+    step?: number;
+    trackColor?: GlobalColorsProps | (string & {});
+    thumbColor?: GlobalColorsProps | (string & {});
+    disabled?: boolean;
+    fullSize?: boolean;
+    sizeSlider?: 'sm' | 'md' | 'lg';
+    direction?: 'horizontal' | 'vertical';
+    valueLabelDisplay?: 'auto' | 'off' | '%v' | (string & {});
+};
+export declare type ISliderProps = IGenericSliderProps & {
+    valueSlider: number | number[];
+    onChangeSlider: (value: number | number[], index?: number) => void;
+    minMaxFormat?: 'currency-BRL' | 'percentage' | 'number';
+};
+export declare type ISliderSelectorProps = IGenericSliderProps & {
+    valueSliderSelector: number | number[];
+    onChangeSliderSelector: (percentage: number, index?: number) => void;
+};
+export declare type ISliderTrackerProps = {
+    maxValue: number;
+    step: number;
+    onChangeSliderTracker: (value: number, ref?: RefObject<HTMLDivElement>) => void;
+    trackColor?: GlobalColorsProps | (string & {});
+    children: ReactNode;
+    direction?: 'horizontal' | 'vertical';
+};
+export declare type ISliderPointerProps = {
+    direction?: 'horizontal' | 'vertical';
+    thumbColor: GlobalColorsProps | (string & {});
+};
+export {};
 //# sourceMappingURL=types.d.ts.map

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

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

package/dist/components/Spinner/spinner.test.d.ts

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

package/dist/components/Spinner/spinner.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.test.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/spinner.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

package/dist/components/Spinner/spinner.test.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _ = _interopRequireDefault(require("."));
+
+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(props) {
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
+  return utils;
+};
+
+describe('Spinner', function () {
+  it('should it render the spinner component', function () {
+    var _setup = setup({}),
+        container = _setup.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the spinner with size', function () {
+    var _setup2 = setup({
+      size: 'lg'
+    }),
+        container = _setup2.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the spinner with color', function () {
+    var _setup3 = setup({
+      color: 'warning.default'
+    }),
+        container = _setup3.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('shoult it render the spinner with empty space color', function () {
+    var _setup4 = setup({
+      emptyColor: 'warning.default'
+    }),
+        container = _setup4.container;
+
+    expect(container).toBeInTheDocument();
+  });
+});