@pedidopago/ui 1.3.29 → 1.4.2

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

@@ -1,27 +1,27 @@
-import { HTMLAttributes, ReactNode } from 'react';
-export declare type InputAlertTypes = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-export interface InputProps extends HTMLAttributes<HTMLInputElement> {
-    disabled?: boolean;
-    withIcon?: ReactNode;
-    hiddenContent?: boolean;
-    helperText?: string;
-    withAddon?: boolean;
-    addonContent?: string;
-    alert?: InputAlertTypes;
-}
-export interface InputComponentProps extends InputProps {
-    hasValueOnInput: boolean;
-    labelBackground?: {
-        dark: string;
-        light: string;
-    } | string;
-}
-export interface InputGroupProps extends InputProps {
-    label?: string;
-    labelBackground?: {
-        dark: string;
-        light: string;
-    } | string;
-    placeholder?: string;
-}
+import { HTMLAttributes, ReactNode } from 'react';
+export declare type InputAlertTypes = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+export interface InputProps extends HTMLAttributes<HTMLInputElement> {
+    disabled?: boolean;
+    withIcon?: ReactNode;
+    hiddenContent?: boolean;
+    helperText?: string;
+    withAddon?: boolean;
+    addonContent?: string;
+    alert?: InputAlertTypes;
+}
+export interface InputComponentProps extends InputProps {
+    hasValueOnInput: boolean;
+    labelBackground?: {
+        dark: string;
+        light: string;
+    } | string;
+}
+export interface InputGroupProps extends InputProps {
+    label?: string;
+    labelBackground?: {
+        dark: string;
+        light: string;
+    } | string;
+    placeholder?: string;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { LabelProps } from './types';
-export default function LabelInput({ label, labelType, icon: Icon, iconSide, textColor, backgroundColor, }: LabelProps): JSX.Element;
+/// <reference types="react" />
+import { LabelProps } from './types';
+export default function LabelInput({ label, labelType, icon: Icon, iconSide, textColor, backgroundColor, }: LabelProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Label/label.test.d.ts

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

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

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

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

@@ -1,18 +1,18 @@
-import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme';
-import { IconName } from '../Icon/types';
-export declare type IStyleProps = {
-    theme?: ExtendThemeProps;
-    disabled?: boolean;
-    isActive?: boolean;
-    backgroundColor?: string;
-    color?: string;
-};
-export declare type LabelProps = {
-    labelType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-    icon?: IconName;
-    label?: string;
-    iconSide?: 'left' | 'right';
-    textColor?: GlobalColorsProps | (string & {});
-    backgroundColor?: GlobalColorsProps | (string & {});
-};
+import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme';
+import { IconName } from '../Icon/types';
+export declare type IStyleProps = {
+    theme?: ExtendThemeProps;
+    disabled?: boolean;
+    isActive?: boolean;
+    backgroundColor?: string;
+    color?: string;
+};
+export declare type LabelProps = {
+    labelType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+    icon?: IconName;
+    label?: string;
+    iconSide?: 'left' | 'right';
+    textColor?: GlobalColorsProps | (string & {});
+    backgroundColor?: GlobalColorsProps | (string & {});
+};
 //# sourceMappingURL=types.d.ts.map

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

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

package/dist/components/List/list.test.d.ts

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

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

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-import { ListProps } from './types';
-export declare const StyledList: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ListProps & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const StyledListTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+import { ListProps } from './types';
+export declare const StyledList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ListProps & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const StyledListTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,8 +1,8 @@
-import { MouseEventHandler } from 'react';
-export interface ListProps {
-    title?: string;
-    maxHeight?: string;
-    item?: boolean;
-    onClick?: MouseEventHandler;
-}
+import { MouseEventHandler } from 'react';
+export interface ListProps {
+    title?: string;
+    maxHeight?: string;
+    item?: boolean;
+    onClick?: MouseEventHandler;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Modal/ModalExample.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { ModalProps } from './types';
-export declare const SelectOptionsPagination: {
-    label: string;
-    value: string;
-}[];
-export declare function ModalExample(props: ModalProps): JSX.Element;
+/// <reference types="react" />
+import { ModalProps } from './types';
+export declare const SelectOptionsPagination: {
+    label: string;
+    value: string;
+}[];
+export declare function ModalExample(props: ModalProps): JSX.Element;
 //# sourceMappingURL=ModalExample.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ModalProps } from './types';
-export declare const Modal: ({ open, left, top, anchorX, anchorY, offsetX, offsetY, hideScrollBar, hideOverlay, disableScrollOnOpen, maxWidth, maxHeight, onClose, ...rest }: ModalProps) => JSX.Element;
+/// <reference types="react" />
+import { ModalProps } from './types';
+export declare const Modal: import("react").MemoExoticComponent<({ open, left, top, anchorX, anchorY, offsetX, offsetY, hideScrollBar, disableScrollOnOpen, maxWidth, maxHeight, onClose, ...rest }: ModalProps) => JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,KAAK,oJAef,UAAU,gBAyEZ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA2GrC,eAAO,MAAM,KAAK,2KA3Ff,UAAU,iBA2F4B,CAAC"}

package/dist/components/Modal/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Modal = void 0;
 
+var _framerMotion = require("framer-motion");
+
 var _react = require("react");
 
 var _useDisableBodyScroll = require("../../shared/hooks/useDisableBodyScroll");
@@ -17,19 +19,13 @@ var _styles = require("./styles");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["open", "left", "top", "anchorX", "anchorY", "offsetX", "offsetY", "hideScrollBar", "hideOverlay", "disableScrollOnOpen", "maxWidth", "maxHeight", "onClose"];
-
-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 _excluded = ["open", "left", "top", "anchorX", "anchorY", "offsetX", "offsetY", "hideScrollBar", "disableScrollOnOpen", "maxWidth", "maxHeight", "onClose"];
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var Modal = function Modal(_ref) {
+var ModalComponent = function ModalComponent(_ref) {
   var open = _ref.open,
       _ref$left = _ref.left,
       left = _ref$left === void 0 ? '50vw' : _ref$left,
@@ -45,8 +41,6 @@ var Modal = function Modal(_ref) {
       offsetY = _ref$offsetY === void 0 ? '0px' : _ref$offsetY,
       _ref$hideScrollBar = _ref.hideScrollBar,
       hideScrollBar = _ref$hideScrollBar === void 0 ? false : _ref$hideScrollBar,
-      _ref$hideOverlay = _ref.hideOverlay,
-      hideOverlay = _ref$hideOverlay === void 0 ? false : _ref$hideOverlay,
       _ref$disableScrollOnO = _ref.disableScrollOnOpen,
       disableScrollOnOpen = _ref$disableScrollOnO === void 0 ? true : _ref$disableScrollOnO,
       maxWidth = _ref.maxWidth,
@@ -109,30 +103,62 @@ var Modal = function Modal(_ref) {
     return "translate(".concat(percentageX, "%, ").concat(percentageY, "%)");
   }
 
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ReactPortal.ReactPortal, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
     wrapperId: "portal-root",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Overlay, {
-      isOpen: open,
-      onClick: function onClick() {
-        return onClose();
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ModalContainer, {
-      ref: containerRef,
-      open: open,
-      maxWidth: typeof maxWidth === 'number' ? "".concat(maxWidth, "px") : maxWidth,
-      maxHeight: typeof maxHeight === 'number' ? "".concat(maxHeight, "px") : maxHeight,
-      left: "calc(".concat(left, " + ").concat(offsetX, ")"),
-      top: "calc(".concat(top, " + ").concat(offsetY, ")"),
-      anchorTranslate: getAnchorTranslate(),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ModalElement, _objectSpread(_objectSpread({
-        open: open,
-        maxHeight: typeof maxHeight === 'number' ? "".concat(maxHeight, "px") : maxHeight,
-        hideScrollBar: hideScrollBar
-      }, rest), {}, {
-        children: rest.children
-      }))
-    })]
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
+      exitBeforeEnter: true,
+      children: open && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Overlay, {
+          initial: {
+            opacity: 0
+          },
+          exit: {
+            opacity: 0
+          },
+          animate: {
+            opacity: 0.5
+          },
+          transition: {
+            duration: 0.2
+          },
+          isOpen: open,
+          onClick: function onClick() {
+            return onClose();
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ModalContainer, {
+          ref: containerRef,
+          open: open,
+          maxWidth: typeof maxWidth === 'number' ? "".concat(maxWidth, "px") : maxWidth,
+          maxHeight: typeof maxHeight === 'number' ? "".concat(maxHeight, "px") : maxHeight,
+          left: "calc(".concat(left, " + ").concat(offsetX, ")"),
+          top: "calc(".concat(top, " + ").concat(offsetY, ")"),
+          anchorTranslate: getAnchorTranslate(),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ModalElement, {
+            open: open,
+            maxHeight: typeof maxHeight === 'number' ? "".concat(maxHeight, "px") : maxHeight,
+            hideScrollBar: hideScrollBar,
+            initial: {
+              scale: 0.8,
+              opacity: 0
+            },
+            exit: {
+              scale: 0.8,
+              opacity: 0
+            },
+            animate: {
+              scale: 1,
+              opacity: 1
+            },
+            transition: {
+              duration: 0.1
+            },
+            children: rest.children
+          })
+        })]
+      })
+    })
   });
 };
 
+var Modal = /*#__PURE__*/(0, _react.memo)(ModalComponent);
 exports.Modal = Modal;

package/dist/components/Modal/modal.test.d.ts

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