@dotmind/react-modals - npm Package Compare versions

Comparing version 2.0.9 to 2.1.0

dist/index.js

@@ -1,2 +0,2 @@
-var g=Object.create;var u=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var y=e=>u(e,"__esModule",{value:!0});var T=(e,t)=>{for(var n in t)u(e,n,{get:t[n],enumerable:!0})},E=(e,t,n,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of R(t))!V.call(e,a)&&(n||a!=="default")&&u(e,a,{get:()=>t[a],enumerable:!(d=h(t,a))||d.enumerable});return e},L=(e,t)=>E(y(u(e!=null?g(w(e)):{},"default",!t&&e&&e.__esModule?{get:()=>e.default,enumerable:!0}:{value:e,enumerable:!0})),e),k=(e=>(t,n)=>e&&e.get(t)||(n=E(y({}),t,1),e&&e.set(t,n),n))(typeof WeakMap!="undefined"?new WeakMap:0);var I={};T(I,{default:()=>M});var o=L(require("react")),v=require("react-dom");var z=`@charset "UTF-8";
+var N=Object.create;var l=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var x=e=>l(e,"__esModule",{value:!0});var w=(e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0})},B=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of h(t))!V.call(e,r)&&(n||r!=="default")&&l(e,r,{get:()=>t[r],enumerable:!(i=R(t,r))||i.enumerable});return e},T=(e,t)=>B(x(l(e!=null?N(g(e)):{},"default",!t&&e&&e.__esModule?{get:()=>e.default,enumerable:!0}:{value:e,enumerable:!0})),e),L=(e=>(t,n)=>e&&e.get(t)||(n=B(x({}),t,1),e&&e.set(t,n),n))(typeof WeakMap!="undefined"?new WeakMap:0);var z={};w(z,{default:()=>k});var o=T(require("react")),v=require("react-dom");var D=`@charset "UTF-8";
 .react-modal-container {
@@ -37,3 +37,3 @@ position: fixed;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL2RvdG1pbmQvcmVhY3QtbW9kYWxzL3NyYyIsInNvdXJjZXMiOlsic3R5bGVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOztBQUlGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHRTtFQUNFO0VBQ0EifQ== */`;document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(z));var D=({modalOpen:e,withShadow:t,containerClassName:n,contentClassName:d,closeButtonClassName:a,closeButtonElement:m,containerZIndex:b=9999999,closeOnClickOutside:l=!0,showCloseButton:f=!0,onClose:r,children:U})=>{let s=(0,o.useRef)(null),[i,F]=(0,o.useState)(!1),p=(0,o.useCallback)(c=>{c.key==="Escape"&&e&&l&&r()},[r,e,l]),Q=(0,o.useCallback)(c=>{var x;let{target:N}=c;s&&s.current&&!((x=s.current)==null?void 0:x.contains(N))&&e&&l&&r()},[s,r,e,l]),B=(0,o.useMemo)(()=>f?o.default.createElement("button",{onClick:r,className:`react-modal-close ${m?"":"default"} ${a||""}`},m):null,[f,m,a,r]);return(0,o.useEffect)(()=>(F(!0),()=>{F(!1)}),[]),(0,o.useEffect)(()=>{if(i){let c=document.createElement("div");c.id="react-modals",document.body.appendChild(c)}},[i]),(0,o.useEffect)(()=>(document.addEventListener("keydown",p,!1),document.addEventListener("mousedown",Q,!1),()=>{document.removeEventListener("keydown",p,!1),document.removeEventListener("mousedown",Q,!1)}),[p,Q]),(0,o.useMemo)(()=>i&&e&&document?(0,v.createPortal)(o.default.createElement("div",{className:`react-modal-container ${n||""}`,style:{zIndex:b}},o.default.createElement("div",{ref:s,className:`react-modal-content ${t?"with-shadow":""} ${d||""}`},B,U)),document.getElementById("react-modals")||document.body):null,[d,B,e,U,t,b,n,i])},M=D;module.exports=k(I);0&&(module.exports={});
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL2RvdG1pbmQvcmVhY3QtbW9kYWxzL3NyYyIsInNvdXJjZXMiOlsic3R5bGVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOztBQUlGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHRTtFQUNFO0VBQ0EifQ== */`;document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(D));var M=({modalOpen:e,withShadow:t,containerClassName:n,contentClassName:i,closeButtonClassName:r,closeButtonElement:m,containerZIndex:Q=9999999,closeOnClickOutside:s=!0,showCloseButton:b=!0,onClose:d,children:f})=>{let y=document.createElement("div"),a=(0,o.useRef)(y);(0,o.useEffect)(()=>{let c=a.current;return c.setAttribute("id","react-modals"),document.body.appendChild(c),()=>{document.body.removeChild(c)}},[]);let u=(0,o.useCallback)(c=>{c.key==="Escape"&&e&&s&&d()},[d,e,s]),p=(0,o.useCallback)(c=>{var F;let{target:E}=c;a&&a.current&&!((F=a.current)==null?void 0:F.contains(E))&&e&&s&&d()},[a,d,e,s]),U=(0,o.useMemo)(()=>b?o.default.createElement("button",{onClick:d,className:`react-modal-close ${m?"":"default"} ${r||""}`},m):null,[b,m,r,d]);return(0,o.useEffect)(()=>(document.addEventListener("keydown",u,!1),document.addEventListener("mousedown",p,!1),()=>{document.removeEventListener("keydown",u,!1),document.removeEventListener("mousedown",p,!1)}),[u,p]),(0,o.useMemo)(()=>e?(0,v.createPortal)(o.default.createElement("div",{className:`react-modal-container ${n||""}`,style:{zIndex:Q}},o.default.createElement("div",{ref:a,className:`react-modal-content ${t?"with-shadow":""} ${i||""}`},U,f)),document.getElementById("react-modals")||document.body):null,[i,U,e,f,t,Q,n,a])},k=M;module.exports=L(z);0&&(module.exports={});
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@dotmind/react-modals",
-  "version": "2.0.9",
+  "version": "2.1.0",
   "description": "Create quickly and easily modals for React. Builded by dotmind.io",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Worsened metrics

Total package byte prevSize

16377

decreased by-0.87%

No dependency changes