@pedidopago/ui 1.7.1 → 1.7.3

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

@@ -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

@@ -0,0 +1,4 @@
+/// <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/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/useReposition/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEtE,wBAAgB,aAAa,CAC3B,EAAE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,sBAAsB,EACtE,OAAO,EAAE,KAAK,CAAC,cAAc,GAC5B,mBAAmB,CA0CrB"}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useReposition = useReposition;
+var _react = require("react");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function useReposition(_ref, depList) {
+  var _triggerRef$current, _triggerRef$current2, _triggerRef$current3, _containerRef$current, _triggerRef$current4;
+  var containerRef = _ref.containerRef,
+    triggerRef = _ref.triggerRef,
+    onUpdatePosition = _ref.onUpdatePosition;
+  // TODO implement reposition left and right
+
+  var left = "".concat((_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.getBoundingClientRect().left, "px");
+  var topTrigger = ((_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : _triggerRef$current2.getBoundingClientRect().top) || 0;
+  var bottomTrigger = ((_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : _triggerRef$current3.getBoundingClientRect().bottom) || 0;
+  var heightContainerRect = ((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect().height) || 0;
+  var _useState = (0, _react.useState)(heightContainerRect),
+    _useState2 = _slicedToArray(_useState, 2),
+    heightContainer = _useState2[0],
+    setHeightContainer = _useState2[1];
+  var gap = '10px';
+  var offsetBottom = 30;
+  var positionAboveTriggerElement = "calc(".concat(topTrigger - heightContainerRect, "px - ").concat(gap, ")");
+  var positionBellowTriggerElement = "calc(".concat(((_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.getBoundingClientRect().bottom) || 0, "px + ").concat(gap, ")");
+  var shouldRepositionBellow = bottomTrigger + heightContainerRect + offsetBottom < window.innerHeight;
+  var top = shouldRepositionBellow ? positionBellowTriggerElement : positionAboveTriggerElement;
+  (0, _react.useEffect)(function () {
+    var _containerRef$current2;
+    (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.childNodes.forEach(function (child) {
+      var childHeight = child.clientHeight;
+      setHeightContainer(function (prev) {
+        return prev + childHeight;
+      });
+    });
+    onUpdatePosition === null || onUpdatePosition === void 0 ? void 0 : onUpdatePosition({
+      containerRef: containerRef,
+      triggerRef: triggerRef,
+      heightContainer: heightContainer
+    });
+  }, depList);
+  return {
+    left: left,
+    top: top
+  };
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/useReposition/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAEhE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,YAAY,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,YAAY,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACrC,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACpC,CAAC;AAEF,KAAK,qBAAqB,GAAG,sBAAsB,GAAG;IACpD,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,sBAAsB,GAAG;IAC5D;;OAEG;IAEH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAC1D,CAAC"}

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

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

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