@pedidopago/ui 1.13.52 → 1.13.53-beta.0

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

@@ -1,11 +1,18 @@
-import { BreakpointsConfig } from '../types/breakpoints';
-type BreakpointName = 'base' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-type BreakpointValue<T> = {
-    [key in BreakpointName]?: T;
+type BreakpointsConfig = {
+    base: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
 };
-export declare const useBreakpoints: (breakpointsConfig?: BreakpointsConfig) => {
-    breakpoint: BreakpointName | null;
-    breakpointPicker: <T = string>(breakpointValues: BreakpointValue<T>) => T | undefined;
+export type BreakpointName = 'base' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export type BreakpointValue<T> = {
+    [Key in BreakpointName]?: T;
+};
+export declare function useBreakpoints(breakpointsConfig?: BreakpointsConfig): {
+    breakpoint: BreakpointName;
+    breakpointPicker: <T>(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":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,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;;;CAqEnE,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,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAExE,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;KAE9B,GAAG,IAAI,cAAc,CAAC,CAAC,EAAE,CAAC;CAC5B,CAAC;AAoBF,wBAAgB,cAAc,CAAC,iBAAiB,CAAC,EAAE,iBAAiB;;;EA+CnE"}

package/dist/shared/hooks/useBreakpoints.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useBreakpoints=void 0;var _react=require("react"),_breakpoints=require("../../utils/breakpoints"),_useWindowSize=require("./useWindowSize");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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=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}/**
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useBreakpoints=useBreakpoints;var _react=require("react"),_breakpoints=require("../../utils/breakpoints");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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=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}/**
  * 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' });
- */var defaultBreakpoints={base:1,sm:480,md:768,lg:1024,xl:1280,xxl:1600},useBreakpoints=function(breakpointsConfig){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)(breakpoints);return(0,_react.useEffect)(function(){var breakpointWidth=(0,_breakpoints.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};function useBreakpoints(breakpointsConfig){var breakpoints=breakpointsConfig||defaultBreakpoints,isClientSide="undefined"!=typeof window,useIsomorphicLayoutEffect=isClientSide?_react.useLayoutEffect:_react.useEffect,_useState=(0,_react.useState)(function(){return isClientSide?(0,_breakpoints.getCurrentBreakpoint)(breakpoints):"base"}),_useState2=_slicedToArray(_useState,2),breakpoint=_useState2[0],setBreakpoint=_useState2[1],breakpointPicker=(0,_react.useCallback)(function(breakpointValues){for(var key,breakpointEntries=Object.entries(breakpoints).sort(function(a,b){return a[1]-b[1]}),sortedBreakpointNames=breakpointEntries.map(function(_ref){var _ref2=_slicedToArray(_ref,1),key=_ref2[0];return key}),activeIndex=sortedBreakpointNames.indexOf(breakpoint),i=activeIndex;0<=i;i--)if(key=sortedBreakpointNames[i],void 0!==breakpointValues[key])return breakpointValues[key]},[breakpoint]);return useIsomorphicLayoutEffect(function(){function handleResize(){var activeBreakpoint=(0,_breakpoints.getCurrentBreakpoint)(breakpoints);setBreakpoint(activeBreakpoint)}return window.addEventListener("resize",handleResize),function(){return window.removeEventListener("resize",handleResize)}},[breakpoints]),{breakpoint:breakpoint,breakpointPicker:breakpointPicker}}

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

@@ -1,4 +1,9 @@
-import { BreakpointsConfig } from '../types/breakpoints';
-import { WindowSize } from '../types/window-size';
-export declare function useWindowSize(breakpoints?: BreakpointsConfig): WindowSize;
+export type WindowSize = {
+    width: number;
+    height: number;
+};
+export declare function useWindowSize(): {
+    width: number;
+    height: number;
+};
 //# sourceMappingURL=useWindowSize.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useWindowSize.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,wBAAgB,aAAa,CAAC,WAAW,CAAC,EAAE,iBAAiB,cAoC5D"}
+{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useWindowSize.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,aAAa;WACe,MAAM;YAAU,MAAM;EAuBjE"}

package/dist/shared/hooks/useWindowSize.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWindowSize=useWindowSize;var _react=require("react"),_breakpoints=require("../../utils/breakpoints");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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=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 _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function useWindowSize(breakpoints){var isClient="object"===("undefined"==typeof window?"undefined":_typeof(window)),_useState=(0,_react.useState)({width:isClient?window.innerWidth:0,height:isClient?window.innerHeight:0}),_useState2=_slicedToArray(_useState,2),currentSize=_useState2[0],setCurrentSize=_useState2[1];return(0,_react.useEffect)(function(){var handleResize=function(){var newWindowSize={width:window.innerWidth,height:window.innerHeight};if(!breakpoints)return void setCurrentSize(newWindowSize);var currentBreakpoint=(0,_breakpoints.currentBreakpointWidth)(newWindowSize,breakpoints);currentBreakpoint&&(currentSize.width===currentBreakpoint||setCurrentSize({width:currentBreakpoint,height:newWindowSize.height}))};return window.addEventListener("resize",handleResize),function(){return window.removeEventListener("resize",handleResize)}},[currentSize,breakpoints]),currentSize}
+"use strict";var _react=require("react");Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWindowSize=useWindowSize;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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=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 useWindowSize(){function onWindowResize(){setSize({width:window.innerWidth,height:window.innerHeight})}var _useState=(0,_react.useState)({width:0,height:0}),_useState2=_slicedToArray(_useState,2),size=_useState2[0],setSize=_useState2[1];return(0,_react.useEffect)(function(){return onWindowResize(),window.addEventListener("resize",onWindowResize),function(){window.removeEventListener("resize",onWindowResize)}},[]),size}

package/dist/utils/breakpoints.d.ts

@@ -1,4 +1,4 @@
+import { BreakpointName } from '../shared/hooks/useBreakpoints';
 import { BreakpointsConfig } from '../shared/types/breakpoints';
-import { WindowSize } from '../shared/types/window-size';
-export declare function currentBreakpointWidth(windowSize: WindowSize, breakpoints: BreakpointsConfig): number | undefined;
+export declare function getCurrentBreakpoint(breakpoints: BreakpointsConfig): BreakpointName;
 //# sourceMappingURL=breakpoints.d.ts.map

package/dist/utils/breakpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../src/utils/breakpoints.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,sBAsB5F"}
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../src/utils/breakpoints.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAEhE,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,iBAAiB,GAAG,cAAc,CAenF"}

package/dist/utils/breakpoints.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.currentBreakpointWidth=currentBreakpointWidth;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}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getCurrentBreakpoint=getCurrentBreakpoint;function getCurrentBreakpoint(breakpoints){if("undefined"==typeof window)return"base";var width=window.innerWidth,activeBreakpoint="base";return width>=breakpoints.base&&(activeBreakpoint="base"),width>=breakpoints.sm&&(activeBreakpoint="sm"),width>=breakpoints.md&&(activeBreakpoint="md"),width>=breakpoints.lg&&(activeBreakpoint="lg"),width>=breakpoints.xl&&(activeBreakpoint="xl"),width>=breakpoints.xxl&&(activeBreakpoint="xxl"),activeBreakpoint}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pedidopago/ui",
-  "version": "1.13.52",
+  "version": "1.13.53-beta.0",
   "description": "Quick build beatiful Pedido Pago apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",