@pedidopago/ui 1.6.12 → 1.7.0-0

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,26 @@
-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;
+};
+/**
+ * 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/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

@@ -0,0 +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;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/shared/hooks/useDraggableScroll/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/useDraggableScroll/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,SAAS,CAAC,WAAW,CAAC,EAC3B,OAAO,GAAE;IACP,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;CACxB;yBA+BG;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE;EAsBjE"}

package/dist/shared/hooks/useDraggableScroll/index.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDraggableScroll = useDraggableScroll;
+function useDraggableScroll(ref) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    direction: 'both'
+  };
+  var direction = options.direction;
+
+  // The initial position (scroll progress and mouse location) when the mouse is pressed down on the element
+  var initialPosition = {
+    scrollTop: 0,
+    scrollLeft: 0,
+    mouseX: 0,
+    mouseY: 0
+  };
+  var mouseMoveHandler = function mouseMoveHandler(event) {
+    if (ref.current) {
+      // Calculate differences to see how far the user has moved
+      var dx = event.clientX - initialPosition.mouseX;
+      var dy = event.clientY - initialPosition.mouseY;
+
+      // Scroll the element according to those differences
+      if (direction !== 'horizontal') ref.current.scrollTop = initialPosition.scrollTop - dy;
+      if (direction !== 'vertical') ref.current.scrollLeft = initialPosition.scrollLeft - dx;
+    }
+  };
+  var mouseUpHandler = function mouseUpHandler() {
+    // Return to cursor: grab after the user is no longer pressing
+    if (ref.current) {
+      ref.current.setAttribute('style', 'scroll-snap-type: y mandatory;');
+      ref.current.style.cursor = 'grab';
+    }
+
+    // Remove the event listeners since it is not necessary to track the mouse position anymore
+    document.removeEventListener('mousemove', mouseMoveHandler);
+    document.removeEventListener('mouseup', mouseUpHandler);
+  };
+  var onMouseDown = function onMouseDown(event) {
+    if (ref.current) {
+      // Save the position at the moment the user presses down
+      initialPosition = {
+        scrollLeft: ref.current.scrollLeft,
+        scrollTop: ref.current.scrollTop,
+        mouseX: event.clientX,
+        mouseY: event.clientY
+      };
+
+      // Show a cursor: grabbing style and set user-select: none to avoid highlighting text while dragging
+      ref.current.style.scrollSnapType = '';
+      ref.current.style.cursor = 'grabbing';
+      ref.current.style.userSelect = 'none';
+
+      // Add the event listeners that will track the mouse position for the rest of the interaction
+      document.addEventListener('mousemove', mouseMoveHandler);
+      document.addEventListener('mouseup', mouseUpHandler);
+    }
+  };
+  return {
+    onMouseDown: onMouseDown
+  };
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/useDraggableScroll/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC"}

package/dist/shared/hooks/useDraggableScroll/types.js

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

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 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: boolean;
-    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: boolean;
+    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: 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