@pedidopago/ui 1.8.2 → 1.8.4

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 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 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,18 @@
-type BreakpointsConfig = {
-    base: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    xxl: number;
-};
-type BreakpointName = 'base' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-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 {};
+type BreakpointsConfig = {
+    base: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+type BreakpointName = 'base' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+type BreakpointValue<T> = {
+    [key in BreakpointName]?: T;
+};
+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,KAAK,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,KAAK,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEjE,KAAK,eAAe,CAAC,CAAC,IAAI;KAEvB,GAAG,IAAI,cAAc,CAAC,CAAC,EAAE,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,uBAAwB,iBAAiB;;;CAqGnE,CAAC"}
+{"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useBreakpoints.tsx"],"names":[],"mappings":"AAGA,KAAK,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,KAAK,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEjE,KAAK,eAAe,CAAC,CAAC,IAAI;KAEvB,GAAG,IAAI,cAAc,CAAC,CAAC,EAAE,CAAC;CAC5B,CAAC;AAoBF,eAAO,MAAM,cAAc,uBAAwB,iBAAiB;;;CA6FnE,CAAC"}

package/dist/shared/hooks/useBreakpoints.js

@@ -5,4 +5,4 @@
  * 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' });
- */var useBreakpoints=function(breakpointsConfig){function currentBreakpointWidth(windowSize,breakpoints){var response;return breakpoints.base<=windowSize.width&&(response=breakpoints.base),breakpoints.sm<=windowSize.width&&(response=breakpoints.sm),breakpoints.md<=windowSize.width&&(response=breakpoints.md),breakpoints.lg<=windowSize.width&&(response=breakpoints.lg),breakpoints.xl<=windowSize.width&&(response=breakpoints.xl),breakpoints.xxl<=windowSize.width&&(response=breakpoints.xxl),response}function getClosestBreakpointName(activeBreakpoint,breakpointValues,breakpoints){var breakpointIndex=Object.keys(breakpointValues).findIndex(function(breakpoint){return breakpoint===activeBreakpoint});if(-1!==breakpointIndex)return activeBreakpoint;for(var key,stopIndex=Object.keys(breakpoints).indexOf(activeBreakpoint);0<=stopIndex;){if(key=Object.keys(breakpoints)[stopIndex],Object.prototype.hasOwnProperty.call(breakpointValues,key)){breakpointIndex=stopIndex;break}stopIndex-=1}if(-1!==breakpointIndex){var _key=Object.keys(breakpoints)[breakpointIndex];return _key}return Object.keys(breakpointValues)[0]}var _useState=(0,_react.useState)(null),_useState2=_slicedToArray(_useState,2),breakpoint=_useState2[0],setBreakpoint=_useState2[1],breakpoints=breakpointsConfig||{base:1,sm:480,md:768,lg:1024,xl:1280,xxl:1600},windowSize=(0,_useWindowSize.useWindowSize)();return(0,_react.useEffect)(function(){var breakpointWidth=currentBreakpointWidth(windowSize,breakpoints);if(breakpointWidth){var activeBreakpoint=Object.keys(breakpoints).filter(function(activeBreakpoint){return breakpoints[activeBreakpoint]===breakpointWidth})[0];setBreakpoint(activeBreakpoint)}},[breakpoints,windowSize]),{breakpoint:breakpoint,breakpointPicker:function(breakpointValues){if(breakpoint){var closestBreakpoint=getClosestBreakpointName(breakpoint,breakpointValues,breakpoints);return closestBreakpoint?breakpointValues[closestBreakpoint]:void 0}}}};exports.useBreakpoints=useBreakpoints;
+ */var defaultBreakpoints={base:1,sm:480,md:768,lg:1024,xl:1280,xxl:1600},useBreakpoints=function(breakpointsConfig){function currentBreakpointWidth(windowSize,breakpoints){var response;return breakpoints.base<=windowSize.width&&(response=breakpoints.base),breakpoints.sm<=windowSize.width&&(response=breakpoints.sm),breakpoints.md<=windowSize.width&&(response=breakpoints.md),breakpoints.lg<=windowSize.width&&(response=breakpoints.lg),breakpoints.xl<=windowSize.width&&(response=breakpoints.xl),breakpoints.xxl<=windowSize.width&&(response=breakpoints.xxl),response}function getClosestBreakpointName(activeBreakpoint,breakpointValues,breakpoints){var breakpointIndex=Object.keys(breakpointValues).findIndex(function(breakpoint){return breakpoint===activeBreakpoint});if(-1!==breakpointIndex)return activeBreakpoint;for(var key,stopIndex=Object.keys(breakpoints).indexOf(activeBreakpoint);0<=stopIndex;){if(key=Object.keys(breakpoints)[stopIndex],Object.prototype.hasOwnProperty.call(breakpointValues,key)){breakpointIndex=stopIndex;break}stopIndex-=1}if(-1!==breakpointIndex){var _key=Object.keys(breakpoints)[breakpointIndex];return _key}return Object.keys(breakpointValues)[0]}var _useState=(0,_react.useState)(null),_useState2=_slicedToArray(_useState,2),breakpoint=_useState2[0],setBreakpoint=_useState2[1],breakpoints=breakpointsConfig||defaultBreakpoints,windowSize=(0,_useWindowSize.useWindowSize)();return(0,_react.useEffect)(function(){var breakpointWidth=currentBreakpointWidth(windowSize,breakpoints);if(breakpointWidth){var activeBreakpoint=Object.keys(breakpoints).filter(function(activeBreakpoint){return breakpoints[activeBreakpoint]===breakpointWidth})[0];setBreakpoint(activeBreakpoint)}},[breakpoints,windowSize]),{breakpoint:breakpoint,breakpointPicker:function(breakpointValues){if(breakpoint){var closestBreakpoint=getClosestBreakpointName(breakpoint,breakpointValues,breakpoints);return closestBreakpoint?breakpointValues[closestBreakpoint]:void 0}}}};exports.useBreakpoints=useBreakpoints;

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/useDraggableScroll/index.d.ts

@@ -1,10 +1,10 @@
-import { RefObject } from 'react';
-export declare function useDraggableScroll(ref: RefObject<HTMLElement>, options?: {
-    direction?: 'vertical' | 'horizontal' | 'both';
-}): {
-    onMouseDown: (event: {
-        clientX: number;
-        clientY: number;
-    }) => void;
-};
+import { RefObject } from 'react';
+export declare function useDraggableScroll(ref: RefObject<HTMLElement>, options?: {
+    direction?: 'vertical' | 'horizontal' | 'both';
+}): {
+    onMouseDown: (event: {
+        clientX: number;
+        clientY: number;
+    }) => void;
+};
 //# sourceMappingURL=index.d.ts.map

package/dist/shared/hooks/useDraggableScroll/types.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from 'react';
-export type UseMouseMoveProps = {
-    containerRef?: RefObject<HTMLDivElement | null>;
-    numbers: Array<string>;
-};
+import { RefObject } from 'react';
+export type UseMouseMoveProps = {
+    containerRef?: RefObject<HTMLDivElement | null>;
+    numbers: Array<string>;
+};
 //# sourceMappingURL=types.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/useReposition/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { RefsUseRepositionProps, UseRepositionReturn } from './types';
-export declare function useReposition({ containerRef, triggerRef, onUpdatePosition }: RefsUseRepositionProps, depList: React.DependencyList): UseRepositionReturn;
+/// <reference types="react" />
+import { RefsUseRepositionProps, UseRepositionReturn } from './types';
+export declare function useReposition({ containerRef, triggerRef, onUpdatePosition }: RefsUseRepositionProps, depList: React.DependencyList): UseRepositionReturn;
 //# sourceMappingURL=index.d.ts.map

package/dist/shared/hooks/useReposition/types.d.ts

@@ -1,30 +1,30 @@
-import { RefObject } from 'react';
-import { SelectOption } from '../../../components/Select/types';
-export type UseRepositionProps = {
-    triggerRef: RefObject<HTMLElement>;
-    containerRef: RefObject<HTMLElement>;
-};
-export type UseRepositionReturn = {
-    left: string;
-    top: string;
-};
-export type ChangeOptions = {
-    event?: React.MouseEvent;
-    value?: string | boolean;
-    option?: SelectOption;
-};
-type UseRepositionRefsProps = {
-    containerRef: RefObject<HTMLElement>;
-    triggerRef: RefObject<HTMLElement>;
-};
-type OnUpdatePositionProps = UseRepositionRefsProps & {
-    heightContainer: number;
-};
-export type RefsUseRepositionProps = UseRepositionRefsProps & {
-    /**
-     *@param remember to declare the dependency list after use this function
-     */
-    onUpdatePosition?: (refs: OnUpdatePositionProps) => void;
-};
-export {};
+import { RefObject } from 'react';
+import { SelectOption } from '../../../components/Select/types';
+export type UseRepositionProps = {
+    triggerRef: RefObject<HTMLElement>;
+    containerRef: RefObject<HTMLElement>;
+};
+export type UseRepositionReturn = {
+    left: string;
+    top: string;
+};
+export type ChangeOptions = {
+    event?: React.MouseEvent;
+    value?: string | boolean;
+    option?: SelectOption;
+};
+type UseRepositionRefsProps = {
+    containerRef: RefObject<HTMLElement>;
+    triggerRef: RefObject<HTMLElement>;
+};
+type OnUpdatePositionProps = UseRepositionRefsProps & {
+    heightContainer: number;
+};
+export type RefsUseRepositionProps = UseRepositionRefsProps & {
+    /**
+     *@param remember to declare the dependency list after use this function
+     */
+    onUpdatePosition?: (refs: OnUpdatePositionProps) => void;
+};
+export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,5 +1,5 @@
-export declare const useSystemTheme: () => {
-    theme: "light" | "dark";
-    isFirstRender: boolean;
-};
+export declare const useSystemTheme: () => {
+    theme: "light" | "dark";
+    isFirstRender: boolean;
+};
 //# sourceMappingURL=useSystemTheme.d.ts.map

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

@@ -1,9 +1,9 @@
-export type WindowSize = {
-    width: number;
-    height: number;
-};
-export declare function useWindowSize(): {
-    width: number;
-    height: number;
-};
+export 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/types.d.ts

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

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';
-type ThemeContextProps = {
-    theme: ExtendThemeProps;
-    colorMode: 'dark' | 'light';
-    switchColorMode: () => void;
-};
-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';
+type ThemeContextProps = {
+    theme: ExtendThemeProps;
+    colorMode: 'dark' | 'light';
+    switchColorMode: () => void;
+};
+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: "light" | "dark";
-    switchColorMode: () => void;
-};
+export declare const useColorMode: () => {
+    colorMode: "light" | "dark";
+    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