@dotmind/react-modals - npm Package Compare versions

Comparing version 2.0.4 to 2.0.5

dist/index.js

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

package.json

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

README.md

@@ -109,2 +109,4 @@ <div align="center">
 | contentClassName     | Add custom class on content      | false    | string                 |
+| closeOnClickOutside  | Close modal on click outside     | false    | boolean                |
+| showCloseButton      | Hide or show button button       | false    | boolean                |
 | withShadow           | Add default box shadow           | false    | boolean                |
@@ -111,0 +113,0 @@

No alert changes

Improved metrics

Total package byte prevSize

15666

increased by7.37%

Number of lines in readme file

122

increased by1.67%

No dependency changes