react-hooks-use-modal - npm Package Compare versions

Comparing version 2.0.1 to 2.0.2

dist/index.js

@@ -1,1 +0,1 @@
-var e=require("react"),t=require("react-dom"),o=require("disable-scroll");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(e),r=n(o),i={position:"fixed",top:0,left:0,bottom:0,right:0,display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e3},a={position:"fixed",top:0,left:0,bottom:0,right:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:1e5},d={position:"relative",zIndex:100001},u=function(e){var o=e.children,n=e.isOpen,r=e.elementId,u=void 0===r?"root":r;return!1===(void 0!==n&&n)?null:t.createPortal(l.default.createElement("div",{style:i},l.default.createElement("div",{style:a,onClick:e.close}),l.default.createElement("div",{style:d},o)),document.getElementById(u))};exports.useModal=function(t,o){void 0===t&&(t="root"),void 0===o&&(o={});var n=o.preventScroll,i=void 0!==n&&n,a=e.useState(!1),d=a[0],c=a[1],f=e.useCallback(function(){c(!0),i&&r.default.on()},[c,i]),s=e.useCallback(function(){c(!1),i&&r.default.off()},[c,i]);return[l.default.memo(function(e){return l.default.createElement(u,{isOpen:d,close:s,elementId:t},e.children)}),f,s,d]};
+var e=require("react"),t=require("react-dom"),l=require("disable-scroll");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),r=n(l),i={position:"fixed",top:0,left:0,bottom:0,right:0,display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e3},a={position:"fixed",top:0,left:0,bottom:0,right:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:1e5},d={position:"relative",zIndex:100001},u=function(e){var l=e.children,n=e.isOpen,r=e.elementId,u=void 0===r?"root":r;return!1===(void 0!==n&&n)?null:t.createPortal(o.default.createElement("div",{style:i},o.default.createElement("div",{style:a,onClick:e.close}),o.default.createElement("div",{style:d},l)),document.getElementById(u))};exports.useModal=function(t,l){void 0===t&&(t="root"),void 0===l&&(l={});var n=l.preventScroll,i=void 0!==n&&n,a=e.useState(!1),d=a[0],c=a[1],f=e.useCallback(function(){c(!0),i&&r.default.on()},[c,i]),s=e.useCallback(function(){c(!1),i&&r.default.off()},[c,i]);return[e.useCallback(function(e){return o.default.createElement(u,{isOpen:d,close:s,elementId:t},e.children)},[d,s,t]),f,s,d]};

dist/index.modern.js

@@ -1,1 +0,1 @@
-import e,{useState as t,useCallback as o}from"react";import{createPortal as n}from"react-dom";import r from"disable-scroll";var i={position:"fixed",top:0,left:0,bottom:0,right:0,display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e3},l={position:"fixed",top:0,left:0,bottom:0,right:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:1e5},d={position:"relative",zIndex:100001},c=function(t){var o=t.children,r=t.isOpen,c=t.elementId,m=void 0===c?"root":c;return!1===(void 0!==r&&r)?null:n(e.createElement("div",{style:i},e.createElement("div",{style:l,onClick:t.close}),e.createElement("div",{style:d},o)),document.getElementById(m))},m=function(n,i){void 0===n&&(n="root"),void 0===i&&(i={});var l=i.preventScroll,d=void 0!==l&&l,m=t(!1),f=m[0],a=m[1],s=o(function(){a(!0),d&&r.on()},[a,d]),p=o(function(){a(!1),d&&r.off()},[a,d]);return[e.memo(function(t){return e.createElement(c,{isOpen:f,close:p,elementId:n},t.children)}),s,p,f]};export{m as useModal};
+import e,{useState as t,useCallback as o}from"react";import{createPortal as n}from"react-dom";import r from"disable-scroll";var i={position:"fixed",top:0,left:0,bottom:0,right:0,display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e3},l={position:"fixed",top:0,left:0,bottom:0,right:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:1e5},d={position:"relative",zIndex:100001},c=function(t){var o=t.children,r=t.isOpen,c=t.elementId,m=void 0===c?"root":c;return!1===(void 0!==r&&r)?null:n(e.createElement("div",{style:i},e.createElement("div",{style:l,onClick:t.close}),e.createElement("div",{style:d},o)),document.getElementById(m))},m=function(n,i){void 0===n&&(n="root"),void 0===i&&(i={});var l=i.preventScroll,d=void 0!==l&&l,m=t(!1),f=m[0],a=m[1],s=o(function(){a(!0),d&&r.on()},[a,d]),p=o(function(){a(!1),d&&r.off()},[a,d]);return[o(function(t){return e.createElement(c,{isOpen:f,close:p,elementId:n},t.children)},[f,p,n]),s,p,f]};export{m as useModal};

dist/index.umd.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom"),require("disable-scroll")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","disable-scroll"],t):t((e||self).reactHooksUseModal={},e.react,e.reactDom,e.disableScroll)}(this,function(e,t,o,n){function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(t),r=l(n),d={position:"fixed",top:0,left:0,bottom:0,right:0,display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e3},a={position:"fixed",top:0,left:0,bottom:0,right:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:1e5},c={position:"relative",zIndex:100001},f=function(e){var t=e.children,n=e.isOpen,l=e.elementId,r=void 0===l?"root":l;return!1===(void 0!==n&&n)?null:o.createPortal(i.default.createElement("div",{style:d},i.default.createElement("div",{style:a,onClick:e.close}),i.default.createElement("div",{style:c},t)),document.getElementById(r))};e.useModal=function(e,o){void 0===e&&(e="root"),void 0===o&&(o={});var n=o.preventScroll,l=void 0!==n&&n,d=t.useState(!1),a=d[0],c=d[1],u=t.useCallback(function(){c(!0),l&&r.default.on()},[c,l]),s=t.useCallback(function(){c(!1),l&&r.default.off()},[c,l]);return[i.default.memo(function(t){return i.default.createElement(f,{isOpen:a,close:s,elementId:e},t.children)}),u,s,a]}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom"),require("disable-scroll")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","disable-scroll"],t):t((e||self).reactHooksUseModal={},e.react,e.reactDom,e.disableScroll)}(this,function(e,t,o,l){function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(t),r=n(l),d={position:"fixed",top:0,left:0,bottom:0,right:0,display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e3},a={position:"fixed",top:0,left:0,bottom:0,right:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:1e5},c={position:"relative",zIndex:100001},f=function(e){var t=e.children,l=e.isOpen,n=e.elementId,r=void 0===n?"root":n;return!1===(void 0!==l&&l)?null:o.createPortal(i.default.createElement("div",{style:d},i.default.createElement("div",{style:a,onClick:e.close}),i.default.createElement("div",{style:c},t)),document.getElementById(r))};e.useModal=function(e,o){void 0===e&&(e="root"),void 0===o&&(o={});var l=o.preventScroll,n=void 0!==l&&l,d=t.useState(!1),a=d[0],c=d[1],u=t.useCallback(function(){c(!0),n&&r.default.on()},[c,n]),s=t.useCallback(function(){c(!1),n&&r.default.off()},[c,n]);return[t.useCallback(function(t){return i.default.createElement(f,{isOpen:a,close:s,elementId:e},t.children)},[a,s,e]),u,s,a]}});

package.json

 {
   "name": "react-hooks-use-modal",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "author": "shibe97",
@@ -61,2 +61,2 @@ "description": "A react hook which can open the modal with react-portal",
   }
-}
+}

No alert changes

Improved metrics

Total package byte prevSize

8003

increased by0.2%

No dependency changes