@pedidopago/ui 1.5.21 → 1.5.24

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

@@ -1,89 +1,89 @@
-import { defaultTheme } from '../../shared/theme';
-export declare type IGridProps = {
-    container?: boolean;
-    item?: boolean;
-    gridGap?: keyof typeof defaultTheme.space | {
-        base?: keyof typeof defaultTheme.space;
-        sm?: keyof typeof defaultTheme.space;
-        md?: keyof typeof defaultTheme.space;
-        lg?: keyof typeof defaultTheme.space;
-        xl?: keyof typeof defaultTheme.space;
-        xxl?: keyof typeof defaultTheme.space;
-    };
-    templateColumns?: string | {
-        base?: string;
-        sm?: string;
-        md?: string;
-        lg?: string;
-        xl?: string;
-        xxl?: string;
-    };
-    templateRows?: string | {
-        base?: string;
-        sm?: string;
-        md?: string;
-        lg?: string;
-        xl?: string;
-        xxl?: string;
-    };
-    templateAreas?: string | {
-        base?: string;
-        sm?: string;
-        md?: string;
-        lg?: string;
-        xl?: string;
-        xxl?: string;
-    };
-    colSpan?: number | 'auto' | {
-        base?: number | 'auto';
-        sm?: number | 'auto';
-        md?: number | 'auto';
-        lg?: number | 'auto';
-        xl?: number | 'auto';
-        xxl?: number | 'auto';
-    };
-    colEnd?: number | 'auto' | Partial<Record<string, number | 'auto'>> | {
-        base?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        sm?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        md?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        lg?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        xl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        xxl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-    };
-    colStart?: number | 'auto' | Partial<Record<string, number | 'auto'>> | {
-        base?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        sm?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        md?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        lg?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        xl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        xxl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-    };
-    rowSpan?: number | 'auto' | {
-        base?: number | 'auto';
-        sm?: number | 'auto';
-        md?: number | 'auto';
-        lg?: number | 'auto';
-        xl?: number | 'auto';
-        xxl?: number | 'auto';
-    };
-    rowEnd?: number | 'auto' | Partial<Record<string, number | 'auto'>> | {
-        base?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        sm?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        md?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        lg?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        xl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        xxl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-    };
-    rowStart?: number | 'auto' | Partial<Record<string, number | 'auto'>> | {
-        base?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        sm?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        md?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        lg?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        xl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-        xxl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
-    };
-};
-export declare type IGridComponentProps = IGridProps & {
-    theme?: typeof defaultTheme;
-};
+import { defaultTheme } from '../../shared/theme';
+export declare type IGridProps = {
+    container?: boolean;
+    item?: boolean;
+    gridGap?: keyof typeof defaultTheme.space | {
+        base?: keyof typeof defaultTheme.space;
+        sm?: keyof typeof defaultTheme.space;
+        md?: keyof typeof defaultTheme.space;
+        lg?: keyof typeof defaultTheme.space;
+        xl?: keyof typeof defaultTheme.space;
+        xxl?: keyof typeof defaultTheme.space;
+    };
+    templateColumns?: string | {
+        base?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        xxl?: string;
+    };
+    templateRows?: string | {
+        base?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        xxl?: string;
+    };
+    templateAreas?: string | {
+        base?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        xxl?: string;
+    };
+    colSpan?: number | 'auto' | {
+        base?: number | 'auto';
+        sm?: number | 'auto';
+        md?: number | 'auto';
+        lg?: number | 'auto';
+        xl?: number | 'auto';
+        xxl?: number | 'auto';
+    };
+    colEnd?: number | 'auto' | Partial<Record<string, number | 'auto'>> | {
+        base?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        sm?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        md?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        lg?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        xl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        xxl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+    };
+    colStart?: number | 'auto' | Partial<Record<string, number | 'auto'>> | {
+        base?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        sm?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        md?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        lg?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        xl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        xxl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+    };
+    rowSpan?: number | 'auto' | {
+        base?: number | 'auto';
+        sm?: number | 'auto';
+        md?: number | 'auto';
+        lg?: number | 'auto';
+        xl?: number | 'auto';
+        xxl?: number | 'auto';
+    };
+    rowEnd?: number | 'auto' | Partial<Record<string, number | 'auto'>> | {
+        base?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        sm?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        md?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        lg?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        xl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        xxl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+    };
+    rowStart?: number | 'auto' | Partial<Record<string, number | 'auto'>> | {
+        base?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        sm?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        md?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        lg?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        xl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+        xxl?: number | 'auto' | Partial<Record<string, number | 'auto'>>;
+    };
+};
+export declare type IGridComponentProps = IGridProps & {
+    theme?: typeof defaultTheme;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Icon/data/beauty.d.ts

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

package/dist/components/Icon/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/Icon/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/Icon/data/form.d.ts

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

package/dist/components/Icon/data/health.d.ts

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

package/dist/components/Icon/data/illustrations.d.ts

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

package/dist/components/Icon/data/men.d.ts

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

package/dist/components/Icon/data/payment.d.ts

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

package/dist/components/Icon/data/pedidoPago.d.ts

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

package/dist/components/Icon/data/physicalPerfomance.d.ts

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

package/dist/components/Icon/data/social.d.ts

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

package/dist/components/Icon/data/status.d.ts

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

package/dist/components/Icon/data/summer.d.ts

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

package/dist/components/Icon/data/woman.d.ts

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

package/dist/components/Icon/icon.test.d.ts

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

package/dist/components/Icon/icon.test.d.ts.map

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

package/dist/components/Icon/icon.test.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+var _react = require("@testing-library/react");
+
+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({
+    "data-testid": "icon"
+  }, props)));
+
+  var icon = _react.screen.getByTestId('icon');
+
+  return _objectSpread(_objectSpread({}, utils), {}, {
+    icon: icon
+  });
+};
+
+describe('Icon', function () {
+  it('should to render icon component', function () {
+    var _setup = setup({
+      name: 'check',
+      color: 'primary.default'
+    }),
+        icon = _setup.icon;
+
+    expect(icon).toBeInTheDocument();
+  });
+  it('should to render icon component with size', function () {
+    var _setup2 = setup({
+      name: 'check',
+      size: '1rem',
+      color: 'background.light'
+    }),
+        icon = _setup2.icon;
+
+    expect(icon).toHaveAttribute('width', '1rem');
+    expect(icon).toHaveAttribute('height', '1rem');
+  });
+  it('should to render payment icon component', function () {
+    var _setup3 = setup({
+      name: 'pmt-paypal'
+    }),
+        icon = _setup3.icon;
+
+    expect(icon).toBeInTheDocument();
+  });
+  it('should to render illustration icon component', function () {
+    var _setup4 = setup({
+      name: 'illust-banking-billet'
+    }),
+        icon = _setup4.icon;
+
+    expect(icon).toBeInTheDocument();
+  });
+});

package/dist/components/Icon/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/Icon/scripts/build.d.ts

@@ -1,6 +1,6 @@
-/**
- * Builds the icons and types files.
- */
-declare const builder: () => void;
-export default builder;
+/**
+ * Builds the icons and types files.
+ */
+declare const builder: () => void;
+export default builder;
 //# sourceMappingURL=build.d.ts.map

package/dist/components/Icon/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/Icon/scripts/run-build.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=run-build.d.ts.map

package/dist/components/Icon/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