@pedidopago/ui 1.5.21 → 1.5.24

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

@@ -1,176 +1,176 @@
-import { Ref } from 'react';
-import { defaultTheme } from '../../shared/theme';
-declare type flexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
-declare type flexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
-declare type flexJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
-declare type flexAlignContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
-declare type flexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
-declare type flexJustifySelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
-declare type flexAlignSelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
-declare type flexGrow = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
-declare type flexShrink = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
-declare type flexBasis = 'auto' | 'content' | 'max-content' | 'min-content' | 'fit-content' | 'fill-available' | (string & {});
-declare type flexSpacing = 'auto' | 'inherit' | 'initial' | 'unset' | keyof typeof defaultTheme.space | (string & {});
-export declare type IFlexProps = {
-    /**
-     * The flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
-     * @default 'row'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
-     */
-    direction?: flexDirection | {
-        base?: flexDirection;
-        sm?: flexDirection;
-        md?: flexDirection;
-        lg?: flexDirection;
-        xl?: flexDirection;
-        xxl?: flexDirection;
-    };
-    /**
-     * The CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
-     * @default 'stretch'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
-     */
-    alignItems?: flexAlignItems | {
-        base?: flexAlignItems;
-        sm?: flexAlignItems;
-        md?: flexAlignItems;
-        lg?: flexAlignItems;
-        xl?: flexAlignItems;
-        xxl?: flexAlignItems;
-    };
-    /**
-     * The CSS align-content property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.
-     * @default 'stretch'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
-     */
-    alignContent?: flexAlignContent | {
-        base?: flexAlignContent;
-        sm?: flexAlignContent;
-        md?: flexAlignContent;
-        lg?: flexAlignContent;
-        xl?: flexAlignContent;
-        xxl?: flexAlignContent;
-    };
-    /**
-     * The align-self CSS property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.
-     * @default 'auto'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
-     */
-    alignSelf?: flexAlignSelf | {
-        base?: flexAlignSelf;
-        sm?: flexAlignSelf;
-        md?: flexAlignSelf;
-        lg?: flexAlignSelf;
-        xl?: flexAlignSelf;
-        xxl?: flexAlignSelf;
-    };
-    /**
-     * The CSS justify-content property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.
-     * @default 'stretch'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
-     */
-    justifyContent?: flexJustifyContent | {
-        base?: flexJustifyContent;
-        sm?: flexJustifyContent;
-        md?: flexJustifyContent;
-        lg?: flexJustifyContent;
-        xl?: flexJustifyContent;
-        xxl?: flexJustifyContent;
-    };
-    /**
-     * The CSS justify-self property sets the way a box is justified inside its alignment container along the appropriate axis.
-     * @default 'auto'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self
-     */
-    justifySelf?: flexJustifySelf | {
-        base?: flexJustifySelf;
-        sm?: flexJustifySelf;
-        md?: flexJustifySelf;
-        lg?: flexJustifySelf;
-        xl?: flexJustifySelf;
-        xxl?: flexJustifySelf;
-    };
-    /**
-     * The spacing provides a gap CSS property that sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.
-     * @default '0'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/gap
-     */
-    spacing?: flexSpacing | {
-        base?: flexSpacing;
-        sm?: flexSpacing;
-        md?: flexSpacing;
-        lg?: flexSpacing;
-        xl?: flexSpacing;
-        xxl?: flexSpacing;
-    };
-    /**
-     * The flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked.
-     * @default '0'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
-     */
-    wrap?: flexWrap | {
-        base?: flexWrap;
-        sm?: flexWrap;
-        md?: flexWrap;
-        lg?: flexWrap;
-        xl?: flexWrap;
-        xxl?: flexWrap;
-    };
-    /**
-     * The flex-grow CSS property sets the flex grow factor of a flex item's main size.
-     * @default '0'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
-     */
-    grow?: flexGrow | {
-        base?: flexGrow;
-        sm?: flexGrow;
-        md?: flexGrow;
-        lg?: flexGrow;
-        xl?: flexGrow;
-        xxl?: flexGrow;
-    };
-    /**
-     * The flex-shrink CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink.
-     * @default '0'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
-     */
-    shrink?: flexShrink | {
-        base?: flexShrink;
-        sm?: flexShrink;
-        md?: flexShrink;
-        lg?: flexShrink;
-        xl?: flexShrink;
-        xxl?: flexShrink;
-    };
-    /**
-     * The flex-basis CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing.
-     * @default '0'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
-     */
-    basis?: flexBasis | {
-        base?: flexBasis;
-        sm?: flexBasis;
-        md?: flexBasis;
-        lg?: flexBasis;
-        xl?: flexBasis;
-        xxl?: flexBasis;
-    };
-    /**
-     * The react ref prop for the flex container.
-     * @see https://reactjs.org/docs/refs-and-the-dom.html#the-ref-callback-attribute
-     */
-    ref?: Ref<any>;
-};
-export declare type IStyledFlex = IFlexProps & {
-    theme?: typeof defaultTheme;
-    flexDirection?: flexDirection | {
-        base?: flexDirection;
-        sm?: flexDirection;
-        md?: flexDirection;
-        lg?: flexDirection;
-        xl?: flexDirection;
-        xxl?: flexDirection;
-    };
-};
-export {};
+import { Ref } from 'react';
+import { defaultTheme } from 'src';
+declare type flexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+declare type flexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+declare type flexJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+declare type flexAlignContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
+declare type flexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+declare type flexJustifySelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+declare type flexAlignSelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+declare type flexGrow = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+declare type flexShrink = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+declare type flexBasis = 'auto' | 'content' | 'max-content' | 'min-content' | 'fit-content' | 'fill-available' | (string & {});
+declare type flexSpacing = 'auto' | 'inherit' | 'initial' | 'unset' | keyof typeof defaultTheme.space | (string & {});
+export declare type IFlexProps = {
+    /**
+     * The flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
+     * @default 'row'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
+     */
+    direction?: flexDirection | {
+        base?: flexDirection;
+        sm?: flexDirection;
+        md?: flexDirection;
+        lg?: flexDirection;
+        xl?: flexDirection;
+        xxl?: flexDirection;
+    };
+    /**
+     * The CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
+     * @default 'stretch'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
+     */
+    alignItems?: flexAlignItems | {
+        base?: flexAlignItems;
+        sm?: flexAlignItems;
+        md?: flexAlignItems;
+        lg?: flexAlignItems;
+        xl?: flexAlignItems;
+        xxl?: flexAlignItems;
+    };
+    /**
+     * The CSS align-content property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.
+     * @default 'stretch'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
+     */
+    alignContent?: flexAlignContent | {
+        base?: flexAlignContent;
+        sm?: flexAlignContent;
+        md?: flexAlignContent;
+        lg?: flexAlignContent;
+        xl?: flexAlignContent;
+        xxl?: flexAlignContent;
+    };
+    /**
+     * The align-self CSS property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.
+     * @default 'auto'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
+     */
+    alignSelf?: flexAlignSelf | {
+        base?: flexAlignSelf;
+        sm?: flexAlignSelf;
+        md?: flexAlignSelf;
+        lg?: flexAlignSelf;
+        xl?: flexAlignSelf;
+        xxl?: flexAlignSelf;
+    };
+    /**
+     * The CSS justify-content property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.
+     * @default 'stretch'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
+     */
+    justifyContent?: flexJustifyContent | {
+        base?: flexJustifyContent;
+        sm?: flexJustifyContent;
+        md?: flexJustifyContent;
+        lg?: flexJustifyContent;
+        xl?: flexJustifyContent;
+        xxl?: flexJustifyContent;
+    };
+    /**
+     * The CSS justify-self property sets the way a box is justified inside its alignment container along the appropriate axis.
+     * @default 'auto'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self
+     */
+    justifySelf?: flexJustifySelf | {
+        base?: flexJustifySelf;
+        sm?: flexJustifySelf;
+        md?: flexJustifySelf;
+        lg?: flexJustifySelf;
+        xl?: flexJustifySelf;
+        xxl?: flexJustifySelf;
+    };
+    /**
+     * The spacing provides a gap CSS property that sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.
+     * @default '0'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/gap
+     */
+    spacing?: flexSpacing | {
+        base?: flexSpacing;
+        sm?: flexSpacing;
+        md?: flexSpacing;
+        lg?: flexSpacing;
+        xl?: flexSpacing;
+        xxl?: flexSpacing;
+    };
+    /**
+     * The flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked.
+     * @default '0'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
+     */
+    wrap?: flexWrap | {
+        base?: flexWrap;
+        sm?: flexWrap;
+        md?: flexWrap;
+        lg?: flexWrap;
+        xl?: flexWrap;
+        xxl?: flexWrap;
+    };
+    /**
+     * The flex-grow CSS property sets the flex grow factor of a flex item's main size.
+     * @default '0'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
+     */
+    grow?: flexGrow | {
+        base?: flexGrow;
+        sm?: flexGrow;
+        md?: flexGrow;
+        lg?: flexGrow;
+        xl?: flexGrow;
+        xxl?: flexGrow;
+    };
+    /**
+     * The flex-shrink CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink.
+     * @default '0'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
+     */
+    shrink?: flexShrink | {
+        base?: flexShrink;
+        sm?: flexShrink;
+        md?: flexShrink;
+        lg?: flexShrink;
+        xl?: flexShrink;
+        xxl?: flexShrink;
+    };
+    /**
+     * The flex-basis CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing.
+     * @default '0'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
+     */
+    basis?: flexBasis | {
+        base?: flexBasis;
+        sm?: flexBasis;
+        md?: flexBasis;
+        lg?: flexBasis;
+        xl?: flexBasis;
+        xxl?: flexBasis;
+    };
+    /**
+     * The react ref prop for the flex container.
+     * @see https://reactjs.org/docs/refs-and-the-dom.html#the-ref-callback-attribute
+     */
+    ref?: Ref<any>;
+};
+export declare type IStyledFlex = IFlexProps & {
+    theme?: typeof defaultTheme;
+    flexDirection?: flexDirection | {
+        base?: flexDirection;
+        sm?: flexDirection;
+        md?: flexDirection;
+        lg?: flexDirection;
+        xl?: flexDirection;
+        xxl?: flexDirection;
+    };
+};
+export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/types.ts"],"names":[],"mappings":"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"}

package/dist/components/Grid/grid.test.d.ts

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

package/dist/components/Grid/grid.test.d.ts.map

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

package/dist/components/Grid/grid.test.js

@@ -0,0 +1,140 @@
+"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 }; }
+
+describe('Grid', function () {
+  it('should render the grid container', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      container: true,
+      "data-testid": "grid-container"
+    }));
+    expect(_react.screen.getByTestId('grid-container')).toBeInTheDocument();
+  });
+  it('should render grid container with item element', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      container: true,
+      "data-testid": "grid-container",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item"
+      })
+    }));
+    expect(_react.screen.getByTestId('grid-item')).toBeInTheDocument();
+  });
+  it('should render grid container with multiple items', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
+      container: true,
+      templateColumns: "repeat(12, 1fr)",
+      "data-testid": "grid-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-3"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-4"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-5"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-6"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-7"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-8"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-9"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-10"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-11"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-12"
+      })]
+    }));
+    expect(_react.screen.getByTestId('grid-item-1')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-2')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-3')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-4')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-5')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-6')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-7')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-8')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-9')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-10')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-11')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-12')).toBeInTheDocument();
+  });
+  it('should render grid container with multiply elements of different sizes', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
+      container: true,
+      gridGap: 6,
+      "data-testid": "grid-container",
+      templateColumns: "repeat(12, 1fr)",
+      templateRows: "repeat(2, 1fr)",
+      style: {
+        height: '200px'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        rowSpan: 2,
+        colSpan: 2,
+        "data-testid": "grid-item-xs-2",
+        style: {
+          background: '#000'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        rowSpan: 2,
+        colSpan: 4,
+        "data-testid": "grid-item-xs-4",
+        style: {
+          background: '#000'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        rowSpan: 2,
+        colSpan: 6,
+        "data-testid": "grid-item-xs-6",
+        style: {
+          background: '#000'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        rowSpan: 2,
+        colSpan: 10,
+        "data-testid": "grid-item-xs-10",
+        style: {
+          background: '#000'
+        }
+      })]
+    }));
+    expect(_react.screen.getByTestId('grid-container')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-xs-2')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-xs-4')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-xs-6')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-xs-10')).toBeInTheDocument();
+  });
+});

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

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