react-pure-modal 2.2.5 → 2.2.6

package/README.md

@@ -68,7 +68,7 @@ You can drag a modal window
 
 #### onClose: `Function`
 
-Handle modal closing. Should return true if you allow closing
+Handle modal closing. Should change isOpen to false
 
 #### className: `string`
 
@@ -100,6 +100,7 @@ Creates React.Portal
 
 ## Changelog (latest on top)
 
+- Removed double calling onClose on popup closing and unmount. onClose will be called only on: close button, backdrop, esc click
 - Drag and drop
 - fix bug in firefox and safari with modal position
 - set width as atribute

package/dist/react-pure-modal.min.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("react"),require("react-dom"));else if("function"==typeof define&&define.amd)define(["react","react-dom"],t);else{var o="object"==typeof exports?t(require("react"),require("react-dom")):t(e.react,e["react-dom"]);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(this,((e,t)=>(()=>{var o={494:()=>{},156:t=>{"use strict";t.exports=e},111:e=>{"use strict";e.exports=t}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{"use strict";a.r(r),a.d(r,{default:()=>l});var e=a(156),t=a.n(e),o=a(111);function n(e){const{children:o,replace:n,bodyClass:a,header:r,footer:c,onDragStart:s,onDragEnd:l,onClose:u,closeButton:i,closeButtonPosition:d}=e;return n?o:t().createElement("div",{className:"panel panel-default "+("bottom"===d?"additional-row":"")},t().createElement("div",{className:"panel-heading",onTouchStart:s,onMouseDown:s,onTouchEnd:l,onMouseUp:l},r&&t().createElement("h3",{className:"panel-title"},r)),t().createElement("div",{className:a},o),c&&t().createElement("div",{className:"panel-footer"},c),t().createElement("div",{className:"close",onClick:u,style:{position:"header"===d?"absolute":"static",margin:"bottom"===d?"10px auto":""}},i))}n.defaultProps={closeButton:"×",closeButtonPosition:"header",replace:!1,draggable:!1};const c=n;a(494);function s(n){let a=Math.random().toString();const[r,s]=(0,e.useState)(!1),[l,u]=(0,e.useState)(null),[i,d]=(0,e.useState)(null),[p,f]=(0,e.useState)(0),[m,g]=(0,e.useState)(0),[v,h]=(0,e.useState)(0),[b,y]=(0,e.useState)(0),{isOpen:E,onClose:S}=n,T=(0,e.useCallback)((()=>{document.body.classList.remove("body-modal-fix")}),[]);(0,e.useEffect)((()=>(E&&function(e){e&&(e.stopPropagation(),e.preventDefault());!function(){document.addEventListener("keydown",x),document.activeElement instanceof HTMLElement&&document.activeElement.blur();document.body.classList.add("body-modal-fix")}()}(),()=>{!document.querySelector(".pure-modal")&&P()})),[E]);const x=(0,e.useCallback)((e=>{const t=document.querySelectorAll(".pure-modal");if(t.length&&t[t.length-1].classList.contains(a))return!1;"Escape"===e.key&&document.activeElement&&P(e)}),[]);if(!E)return null;function P(e){e&&(e.stopPropagation(),e.preventDefault()),S&&S(e?{isPassive:!0}:{isPassive:!1}),document.removeEventListener("keydown",x),T(),u(null),d(null),f(0),g(0),h(0),y(0)}function M(e){return e instanceof TouchEvent&&e.changedTouches.length>0?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY}:e instanceof MouseEvent?{pageX:e.pageX,pageY:e.pageY}:{pageX:0,pageY:0}}function j(e){if(e instanceof TouchEvent&&e.changedTouches&&e.changedTouches.length>1)return D();e.preventDefault();const{pageX:t,pageY:o}=M(e);"number"==typeof l&&"number"==typeof i&&(f(t-l-v),g(o-i-b))}function D(){return s(!1)}const{children:k,replace:w=!1,className:B,header:C,footer:N,scrollable:L=!0,draggable:X=!1,width:Y,closeButton:q,closeButtonPosition:O,portal:_=!1}=n;let $=["pure-modal-backdrop"],A=["pure-modal",a],H=["panel-body"];B&&(A=A.concat(B)),L?H=H.concat("scrollable"):($=$.concat("scrollable"),A=A.concat("auto-height")),X&&($=$.concat("backdrop-overflow-hidden"));const R=t().createElement("div",{className:$.join(" "),onMouseDown:function(e){if(e){if(!e.target.classList.contains("pure-modal-backdrop"))return;e.stopPropagation(),e.preventDefault()}P(e)},onTouchMove:r?j:void 0,onMouseMove:r?j:void 0},t().createElement("div",{className:A.join(" "),style:{transform:`translate(${p}px, ${m}px)`,transition:"none",width:Y}},t().createElement(c,{replace:w,header:C,footer:N,onDragStart:X?function(e){if(e instanceof TouchEvent&&e.changedTouches&&e.changedTouches.length>1)return;e.preventDefault();const{pageX:t,pageY:o}=M(e),{top:n,left:a}=e.currentTarget.getBoundingClientRect();s(!0),u("number"==typeof l?l:a),d("number"==typeof i?i:n),h(t-a),y(o-n)}:void 0,onDragEnd:X?D:void 0,onClose:P,bodyClass:H.join(" "),closeButton:q,closeButtonPosition:O},k)));return _?(0,o.createPortal)(R,document.body):R}const l=t().memo(s)})(),r})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("react"),require("react-dom"));else if("function"==typeof define&&define.amd)define(["react","react-dom"],t);else{var o="object"==typeof exports?t(require("react"),require("react-dom")):t(e.react,e["react-dom"]);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(this,((e,t)=>(()=>{var o={494:()=>{},156:t=>{"use strict";t.exports=e},111:e=>{"use strict";e.exports=t}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{"use strict";a.r(r),a.d(r,{default:()=>s});var e=a(156),t=a.n(e),o=a(111);function n(e){const{children:o,replace:n,bodyClass:a,header:r,footer:c,onDragStart:l,onDragEnd:s,onClose:u,closeButton:i,closeButtonPosition:d}=e;return n?o:t().createElement("div",{className:"panel panel-default "+("bottom"===d?"additional-row":"")},t().createElement("div",{className:"panel-heading",onTouchStart:l,onMouseDown:l,onTouchEnd:s,onMouseUp:s},r&&t().createElement("h3",{className:"panel-title"},r)),t().createElement("div",{className:a},o),c&&t().createElement("div",{className:"panel-footer"},c),t().createElement("div",{className:"close",onClick:u,style:{position:"header"===d?"absolute":"static",margin:"bottom"===d?"10px auto":""}},i))}n.defaultProps={closeButton:"×",closeButtonPosition:"header",replace:!1,draggable:!1};const c=n;a(494);function l(n){let a=Math.random().toString();const[r,l]=(0,e.useState)(!1),[s,u]=(0,e.useState)(null),[i,d]=(0,e.useState)(null),[p,f]=(0,e.useState)(0),[m,g]=(0,e.useState)(0),[h,v]=(0,e.useState)(0),[b,y]=(0,e.useState)(0),{isOpen:E,onClose:S}=n,T=(0,e.useCallback)((()=>{document.body.classList.remove("body-modal-fix")}),[]);(0,e.useEffect)((()=>(E&&(document.addEventListener("keydown",x),document.activeElement instanceof HTMLElement&&document.activeElement.blur(),document.body.classList.add("body-modal-fix")),()=>{document.querySelector(".pure-modal")||(document.removeEventListener("keydown",x),T(),u(null),d(null),f(0),g(0),v(0),y(0))})),[E]);const x=(0,e.useCallback)((e=>{const t=document.querySelectorAll(".pure-modal");if(t.length&&t[t.length-1].classList.contains(a))return!1;"Escape"===e.key&&document.activeElement&&P(e)}),[]);if(!E)return null;function P(e){e&&(e.stopPropagation(),e.preventDefault()),null==S||S({isPassive:Boolean(e)})}function M(e){return e instanceof TouchEvent&&e.changedTouches.length>0?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY}:e instanceof MouseEvent?{pageX:e.pageX,pageY:e.pageY}:{pageX:0,pageY:0}}function j(e){if(e instanceof TouchEvent&&e.changedTouches&&e.changedTouches.length>1)return B();e.preventDefault();const{pageX:t,pageY:o}=M(e);"number"==typeof s&&"number"==typeof i&&(f(t-s-h),g(o-i-b))}function B(){return l(!1)}const{children:D,replace:k=!1,className:w,header:C,footer:N,scrollable:L=!0,draggable:X=!1,width:Y,closeButton:q,closeButtonPosition:O,portal:_=!1}=n;let $=["pure-modal-backdrop"],A=["pure-modal",a],H=["panel-body"];w&&(A=A.concat(w)),L?H=H.concat("scrollable"):($=$.concat("scrollable"),A=A.concat("auto-height")),X&&($=$.concat("backdrop-overflow-hidden"));const R=t().createElement("div",{className:$.join(" "),onMouseDown:function(e){if(e){if(!e.target.classList.contains("pure-modal-backdrop"))return;e.stopPropagation(),e.preventDefault()}P(e)},onTouchMove:r?j:void 0,onMouseMove:r?j:void 0},t().createElement("div",{className:A.join(" "),style:{transform:`translate(${p}px, ${m}px)`,transition:"none",width:Y}},t().createElement(c,{replace:k,header:C,footer:N,onDragStart:X?function(e){if(e instanceof TouchEvent&&e.changedTouches&&e.changedTouches.length>1)return;e.preventDefault();const{pageX:t,pageY:o}=M(e),{top:n,left:a}=e.currentTarget.getBoundingClientRect();l(!0),u("number"==typeof s?s:a),d("number"==typeof i?i:n),v(t-a),y(o-n)}:void 0,onDragEnd:X?B:void 0,onClose:P,bodyClass:H.join(" "),closeButton:q,closeButtonPosition:O},D)));return _?(0,o.createPortal)(R,document.body):R}const s=t().memo(l)})(),r})()));