@pedidopago/ui 1.5.21 → 1.5.24

package/dist/index.js

@@ -37,6 +37,7 @@ var _exportNames = {
   Tooltip: true,
   Typography: true,
   CollapseCard: true,
+  Observer: true,
   Input: true,
   DateInput: true,
   Select: true,
@@ -53,7 +54,8 @@ var _exportNames = {
   useDisableBodyScroll: true,
   useKeyPress: true,
   useOnClickOutside: true,
-  useWindowSize: true
+  useWindowSize: true,
+  iconExists: true
 };
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
@@ -193,6 +195,12 @@ Object.defineProperty(exports, "MultipleSelect", {
     return _MultipleSelect.default;
   }
 });
+Object.defineProperty(exports, "Observer", {
+  enumerable: true,
+  get: function get() {
+    return _Observer.Observer;
+  }
+});
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
   get: function get() {
@@ -307,6 +315,12 @@ Object.defineProperty(exports, "Typography", {
     return _Typography.default;
   }
 });
+Object.defineProperty(exports, "iconExists", {
+  enumerable: true,
+  get: function get() {
+    return _iconExists.iconExists;
+  }
+});
 Object.defineProperty(exports, "useBreakpoints", {
   enumerable: true,
   get: function get() {
@@ -450,6 +464,8 @@ var _Typography = _interopRequireDefault(require("./components/Typography"));
 
 var _CollapseCard = require("./components/CollapseCard");
 
+var _Observer = require("./components/Observer");
+
 var _Input = _interopRequireDefault(require("./components/Input"));
 
 var _DateInput = require("./components/DateInput");
@@ -498,6 +514,8 @@ Object.keys(_theme).forEach(function (key) {
   });
 });
 
+var _iconExists = require("./components/Icon/utils/iconExists");
+
 var _formatters = require("./utils/formatters");
 
 Object.keys(_formatters).forEach(function (key) {

package/dist/shared/components/FocusLock/index.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
-interface FocusLockProps {
-    isLocked: boolean;
-    children: ReactNode;
-}
-declare const FocusLock: ({ isLocked, children, ...otherProps }: FocusLockProps) => JSX.Element;
-export default FocusLock;
+import { ReactNode } from 'react';
+interface FocusLockProps {
+    isLocked: boolean;
+    children: ReactNode;
+}
+declare const FocusLock: ({ isLocked, children, ...otherProps }: FocusLockProps) => JSX.Element;
+export default FocusLock;
 //# sourceMappingURL=index.d.ts.map

package/dist/shared/formatters/format-number.d.ts

@@ -1,6 +1,6 @@
-import { FormatCurrency } from './types';
-export declare function formatCurrency({ amount, currency, locale }: FormatCurrency): string;
-export declare function formatNumber(number: string): string;
-export declare function sanitizeNumber(number: string): string;
-export declare function formatCurrencyWithoutSymbol(value: string): string;
+import { FormatCurrency } from './types';
+export declare function formatCurrency({ amount, currency, locale }: FormatCurrency): string;
+export declare function formatNumber(number: string): string;
+export declare function sanitizeNumber(number: string): string;
+export declare function formatCurrencyWithoutSymbol(value: string): string;
 //# sourceMappingURL=format-number.d.ts.map

package/dist/shared/formatters/types.d.ts

@@ -1,6 +1,6 @@
-export interface FormatCurrency {
-    amount: number;
-    currency?: string;
-    locale?: string;
-}
+export interface FormatCurrency {
+    amount: number;
+    currency?: string;
+    locale?: string;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/shared/hooks/devices.d.ts

@@ -1,9 +1,9 @@
-export declare const devices: {
-    mobile: number;
-    tablet: number;
-    'monitor-small': number;
-    'monitor-wide': number;
-    'monitor-ultra': number;
-};
-export declare type DeviceTypes = 'mobile' | 'tablet' | 'monitor-small' | 'monitor-wide' | 'monitor-ultra' | number;
+export declare const devices: {
+    mobile: number;
+    tablet: number;
+    'monitor-small': number;
+    'monitor-wide': number;
+    'monitor-ultra': number;
+};
+export declare type DeviceTypes = 'mobile' | 'tablet' | 'monitor-small' | 'monitor-wide' | 'monitor-ultra' | number;
 //# sourceMappingURL=devices.d.ts.map

package/dist/shared/hooks/useBreakpoints.d.ts

@@ -1,26 +1,26 @@
-declare type BreakpointsConfig = {
-    base: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    xxl: number;
-};
-declare type BreakpointName = 'base' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-declare type BreakpointValue<T> = {
-    [key in BreakpointName]?: T;
-};
-/**
- * It returns a function that takes a breakpoint value object and returns the value
- * of the closest breakpoint to the current window size
- * @param {BreakpointsConfig} [breakpointsConfig] - This is an optional parameter
- * that allows you to pass in your own breakpoints.
- * @returns a `breakpointPicker` function, which receives an object with  breakpoint keys and values.
- * @example const flexDirection = breapointPicker({ sm: 'column', lg: 'row' });
- */
-export declare const useBreakpoints: (breakpointsConfig?: BreakpointsConfig | undefined) => {
-    breakpoint: BreakpointName | null;
-    breakpointPicker: <T = string>(breakpointValues: BreakpointValue<T>) => T | undefined;
-};
-export {};
+declare type BreakpointsConfig = {
+    base: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+declare type BreakpointName = 'base' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+declare type BreakpointValue<T> = {
+    [key in BreakpointName]?: T;
+};
+/**
+ * It returns a function that takes a breakpoint value object and returns the value
+ * of the closest breakpoint to the current window size
+ * @param {BreakpointsConfig} [breakpointsConfig] - This is an optional parameter
+ * that allows you to pass in your own breakpoints.
+ * @returns a `breakpointPicker` function, which receives an object with  breakpoint keys and values.
+ * @example const flexDirection = breapointPicker({ sm: 'column', lg: 'row' });
+ */
+export declare const useBreakpoints: (breakpointsConfig?: BreakpointsConfig) => {
+    breakpoint: BreakpointName | null;
+    breakpointPicker: <T = string>(breakpointValues: BreakpointValue<T>) => T | undefined;
+};
+export {};
 //# sourceMappingURL=useBreakpoints.d.ts.map

package/dist/shared/hooks/useBreakpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useBreakpoints.tsx"],"names":[],"mappings":"AAGA,aAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,aAAK,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEjE,aAAK,eAAe,CAAC,CAAC,IAAI;KAEvB,GAAG,IAAI,cAAc,CAAC,CAAC,EAAE,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;;;CAqG1B,CAAC"}
+{"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useBreakpoints.tsx"],"names":[],"mappings":"AAGA,aAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,aAAK,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEjE,aAAK,eAAe,CAAC,CAAC,IAAI;KAEvB,GAAG,IAAI,cAAc,CAAC,CAAC,EAAE,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,uBAAwB,iBAAiB;;;CAqGnE,CAAC"}

package/dist/shared/hooks/useDebounce.d.ts

@@ -1,2 +1,2 @@
-export declare function useDebounce<T extends (...args: any[]) => any>(callback: T, delay: number, eachStep?: boolean): (...args: Parameters<T>) => void;
+export declare function useDebounce<T extends (...args: any[]) => any>(callback: T, delay: number, eachStep?: boolean): (...args: Parameters<T>) => void;
 //# sourceMappingURL=useDebounce.d.ts.map

package/dist/shared/hooks/useDevices.d.ts

@@ -1,9 +1,9 @@
-import { DeviceTypes } from './devices';
-/**
- * Checks if the screen width matches the device in a certain direction everytime the screen resizes.
- * @param device The target device to compare. Can use one of the specified devices or a custom one passing a number.
- * @param direction The direction to compare. "Down" will return true if the screen width is shorter than the device. "Up" will return true if it's larger.
- * @returns If the screen width matches the device in a certain direction.
- */
-export declare function useDevices(device: DeviceTypes, direction?: 'up' | 'down'): boolean;
+import { DeviceTypes } from './devices';
+/**
+ * Checks if the screen width matches the device in a certain direction everytime the screen resizes.
+ * @param device The target device to compare. Can use one of the specified devices or a custom one passing a number.
+ * @param direction The direction to compare. "Down" will return true if the screen width is shorter than the device. "Up" will return true if it's larger.
+ * @returns If the screen width matches the device in a certain direction.
+ */
+export declare function useDevices(device: DeviceTypes, direction?: 'up' | 'down'): boolean;
 //# sourceMappingURL=useDevices.d.ts.map

package/dist/shared/hooks/useDisableBodyScroll.d.ts

@@ -1,2 +1,2 @@
-export declare const useDisableBodyScroll: (isDisabled: boolean, type?: 'modal' | 'child_element', noScrollbarPadding?: boolean) => void;
+export declare const useDisableBodyScroll: (isDisabled: boolean, type?: 'modal' | 'child_element', noScrollbarPadding?: boolean) => void;
 //# sourceMappingURL=useDisableBodyScroll.d.ts.map

package/dist/shared/hooks/useKeyPress.d.ts

@@ -1,2 +1,2 @@
-export declare function useKeyPress(key: string, action: () => void): void;
+export declare function useKeyPress(key: string, action: () => void): void;
 //# sourceMappingURL=useKeyPress.d.ts.map

package/dist/shared/hooks/useObserver.d.ts

@@ -1,11 +1,11 @@
-import { RefObject } from 'react';
-interface IntersectionObserverInit {
-    root?: Element | Document | null;
-    rootMargin?: string;
-    threshold?: number | number[];
-}
-export declare function useObserver(ref: RefObject<Element>, callback: () => void, options?: IntersectionObserverInit & {
-    enabled?: boolean;
-}): void;
-export {};
+import { RefObject } from 'react';
+interface IntersectionObserverInit {
+    root?: Element | Document | null;
+    rootMargin?: string;
+    threshold?: number | number[];
+}
+export declare function useObserver(ref: RefObject<Element>, callback: () => void, options?: IntersectionObserverInit & {
+    enabled?: boolean;
+}): void;
+export {};
 //# sourceMappingURL=useObserver.d.ts.map

package/dist/shared/hooks/useOnClickOutside.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from 'react';
-export declare const useOnClickOutside: (ref: RefObject<HTMLDivElement> | RefObject<HTMLDivElement>[], closeMenu: () => void) => void;
+import { RefObject } from 'react';
+export declare const useOnClickOutside: (ref: RefObject<HTMLDivElement> | RefObject<HTMLDivElement>[], closeMenu: () => void) => void;
 //# sourceMappingURL=useOnClickOutside.d.ts.map

package/dist/shared/hooks/useWindowSize.d.ts

@@ -1,9 +1,9 @@
-export declare type WindowSize = {
-    width: number;
-    height: number;
-};
-export declare function useWindowSize(): {
-    width: number;
-    height: number;
-};
+export declare type WindowSize = {
+    width: number;
+    height: number;
+};
+export declare function useWindowSize(): {
+    width: number;
+    height: number;
+};
 //# sourceMappingURL=useWindowSize.d.ts.map

package/dist/shared/tests/test-utils.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { RenderOptions } from '@testing-library/react';
-declare function customRender(ui: ReactElement, options?: Omit<RenderOptions, 'wrapper'>): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
-export { customRender as render };
+import { ReactElement } from 'react';
+import { RenderOptions } from '@testing-library/react';
+declare function customRender(ui: ReactElement, options?: Omit<RenderOptions, 'wrapper'>): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
+export { customRender as render };
 //# sourceMappingURL=test-utils.d.ts.map

package/dist/shared/tests/test-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"test-utils.d.ts","sourceRoot":"","sources":["../../../src/shared/tests/test-utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAM,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAU,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAW/D,iBAAS,YAAY,CAAC,EAAE,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,mHAE/E;AAED,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"test-utils.d.ts","sourceRoot":"","sources":["../../../src/shared/tests/test-utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAU,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAa/D,iBAAS,YAAY,CAAC,EAAE,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,mHAE/E;AAED,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,CAAC"}

package/dist/shared/tests/types.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare type AllTheProvidersProps = {
+    children?: React.ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/shared/tests/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/shared/tests/types.ts"],"names":[],"mappings":";AAAA,oBAAY,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC"}

package/dist/shared/tests/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/shared/theme/button-example.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Button: () => JSX.Element;
+/// <reference types="react" />
+export declare const Button: () => JSX.Element;
 //# sourceMappingURL=button-example.d.ts.map

package/dist/shared/theme/contexts/ThemeContext.d.ts

@@ -1,16 +1,16 @@
-import { ReactNode } from 'react';
-import { ExtendThemeProps } from '../theme.types';
-declare type ThemeContextProps = {
-    theme: ExtendThemeProps;
-    colorMode: boolean;
-    switchColorMode: () => void;
-};
-declare type ThemeProviderProps = {
-    theme?: ExtendThemeProps;
-    initialColorMode?: 'light' | 'dark';
-    children: ReactNode;
-};
-export declare const ThemeContext: import("react").Context<ThemeContextProps>;
-export declare function PPUIThemeProvider({ children, theme, initialColorMode }: ThemeProviderProps): JSX.Element;
-export {};
+import { ReactNode } from 'react';
+import { ExtendThemeProps } from '../theme.types';
+declare type ThemeContextProps = {
+    theme: ExtendThemeProps;
+    colorMode: boolean;
+    switchColorMode: () => void;
+};
+declare type ThemeProviderProps = {
+    theme?: ExtendThemeProps;
+    initialColorMode?: 'light' | 'dark';
+    children: ReactNode;
+};
+export declare const ThemeContext: import("react").Context<ThemeContextProps>;
+export declare function PPUIThemeProvider({ children, theme, initialColorMode }: ThemeProviderProps): JSX.Element;
+export {};
 //# sourceMappingURL=ThemeContext.d.ts.map

package/dist/shared/theme/hooks/useColorMode.d.ts

@@ -1,5 +1,5 @@
-export declare const useColorMode: () => {
-    colorMode: string;
-    switchColorMode: () => void;
-};
+export declare const useColorMode: () => {
+    colorMode: string;
+    switchColorMode: () => void;
+};
 //# sourceMappingURL=useColorMode.d.ts.map

package/dist/shared/theme/hooks/useColorModeValue.d.ts

@@ -1,2 +1,2 @@
-export declare const useColorModeValue: (valueToLight: string, valueToDark: string) => string;
+export declare const useColorModeValue: (valueToLight: string, valueToDark: string) => string;
 //# sourceMappingURL=useColorModeValue.d.ts.map