@pedidopago/ui 1.3.22 → 1.3.25

package/dist/shared/hooks/useDisableBodyScroll.js

@@ -18,33 +18,45 @@ function enableBodyOverflow() {
   document.body.style.paddingRight = '';
 }
 
-var useDisableBodyScroll = function useDisableBodyScroll(disable) {
-  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'child_element';
-  (0, _react.useEffect)(function () {
-    // disable body scroll when type modal:
-    if (disable && type === 'modal') {
-      document.body.setAttribute('data-modal-open', 'true');
-      return disableBodyOverflow();
-    } // enable body scroll when type modal:
+function setBodyOverflow(disable, type) {
+  // disable body scroll when type modal:
+  if (disable && type === 'modal') {
+    document.body.setAttribute('data-modal-open', 'true');
+    return disableBodyOverflow();
+  } // enable body scroll when type modal:
+
 
+  if (!disable && type === 'modal') {
+    document.body.setAttribute('data-modal-open', 'false');
+    return enableBodyOverflow();
+  } // disable body scroll when type child_element:
 
-    if (!disable && type === 'modal') {
-      document.body.setAttribute('data-modal-open', 'false');
-      return enableBodyOverflow();
-    } // disable body scroll when type child_element:
 
+  if (disable && type === 'child_element') {
+    if (document.body.getAttribute('data-modal-open') === 'true') return;
+    return disableBodyOverflow();
+  } // enable body scroll when type child_element:
 
-    if (disable && type === 'child_element') {
-      if (document.body.getAttribute('data-modal-open') === 'true') return;
-      return disableBodyOverflow();
-    } // enable body scroll when type child_element:
 
+  if (!disable && type === 'child_element') {
+    if (document.body.getAttribute('data-modal-open') === 'true') return;
+    return enableBodyOverflow();
+  }
+}
 
-    if (!disable && type === 'child_element') {
-      if (document.body.getAttribute('data-modal-open') === 'true') return;
-      return enableBodyOverflow();
-    }
-  }, [disable]);
+var useDisableBodyScroll = function useDisableBodyScroll(disable) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'child_element';
+  (0, _react.useEffect)(function () {
+    setBodyOverflow(disable, type);
+    document.body.addEventListener('data-modal-open', function () {
+      setBodyOverflow(disable, type);
+    });
+    return function () {
+      document.body.removeEventListener('data-modal-open', function () {
+        setBodyOverflow(disable, type);
+      });
+    };
+  }, [disable, type]);
 };
 
 exports.useDisableBodyScroll = useDisableBodyScroll;

package/dist/utils/getColorValue.d.ts

@@ -289,4 +289,5 @@ export declare const getColorValue: (color: string, theme?: {
         level48: string;
     };
 } | undefined, defaultValue?: string | undefined) => string;
+export declare const getThemeHex: (path: string, obj: object, separator?: string) => any;
 //# sourceMappingURL=getColorValue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"getColorValue.d.ts","sourceRoot":"","sources":["../../src/utils/getColorValue.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,UACjB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAGZ,MAMF,CAAC"}
+{"version":3,"file":"getColorValue.d.ts","sourceRoot":"","sources":["../../src/utils/getColorValue.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,UACjB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAGZ,MAMF,CAAC;AAEF,eAAO,MAAM,WAAW,SAAU,MAAM,OAAO,MAAM,yBAAoB,GAGxE,CAAC"}

package/dist/utils/getColorValue.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getColorValue = void 0;
+exports.getThemeHex = exports.getColorValue = void 0;
 
 var _colorCheck = require("../utils/colorCheck");
 
@@ -22,4 +22,14 @@ var getColorValue = function getColorValue(color, theme, defaultValue) {
   return colorIsThemeColor || defaultValue || 'inherit';
 };
 
-exports.getColorValue = getColorValue;
+exports.getColorValue = getColorValue;
+
+var getThemeHex = function getThemeHex(path, obj) {
+  var separator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '.';
+  var properties = path.split(separator);
+  return properties.reduce(function (prev, curr) {
+    return prev && prev[curr];
+  }, obj);
+};
+
+exports.getThemeHex = getThemeHex;

package/package.json

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