react-pure-modal 2.1.1 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +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,(function(e,t){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,o),a.l=!0,a.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)o.d(n,a,function(t){return e[t]}.bind(null,a));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=3)}([function(t,o){t.exports=e},function(e,o){e.exports=t},function(e,t,o){},function(e,t,o){"use strict";o.r(t);var n=o(0),a=o.n(n),r=o(1);function c(e){const{children:t,replace:o,bodyClass:n,header:r,footer:c,onDragStart:u,onDragEnd:l,onClose:s,closeButton:i,closeButtonPosition:d}=e;return o?t:a.a.createElement("div",{className:"panel panel-default "+("bottom"===d?"additional-row":"")},a.a.createElement("div",{className:"panel-heading",onTouchStart:u,onMouseDown:u,onTouchEnd:l,onMouseUp:l},r&&a.a.createElement("h3",{className:"panel-title"},r)),a.a.createElement("div",{className:n},t),c&&a.a.createElement("div",{className:"panel-footer"},c),a.a.createElement("div",{className:"close",onClick:s,style:{position:"header"===d?"absolute":"static",margin:"bottom"===d?"10px auto":""}},i))}c.defaultProps={closeButton:"×",closeButtonPosition:"header",replace:!1,draggable:!1};var u=c;o(2);function l(e){let t=Math.random().toString();const[o,c]=Object(n.useState)(!1),[l,s]=Object(n.useState)(null),[i,d]=Object(n.useState)(null),[f,p]=Object(n.useState)(0),[m,b]=Object(n.useState)(0),[g,v]=Object(n.useState)(0),[h,y]=Object(n.useState)(0),{isOpen:j,onClose:E}=e;Object(n.useEffect)(()=>(j&&function(e){e&&(e.stopPropagation(),e.preventDefault());!function(){document.addEventListener("keydown",O),document.activeElement instanceof HTMLElement&&document.activeElement.blur();document.body.classList.add("body-modal-fix")}()}(),()=>{j&&x()}),[j]);const O=Object(n.useCallback)(e=>{const o=document.querySelectorAll(".pure-modal");if(o.length&&o[o.length-1].classList.contains(t))return!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,(function(e,t){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,o),a.l=!0,a.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)o.d(n,a,function(t){return e[t]}.bind(null,a));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=3)}([function(t,o){t.exports=e},function(e,o){e.exports=t},function(e,t,o){},function(e,t,o){"use strict";o.r(t);var n=o(0),a=o.n(n),r=o(1);function c(e){const{children:t,replace:o,bodyClass:n,header:r,footer:c,onDragStart:u,onDragEnd:l,onClose:s,closeButton:i,closeButtonPosition:d}=e;return o?t:a.a.createElement("div",{className:"panel panel-default "+("bottom"===d?"additional-row":"")},a.a.createElement("div",{className:"panel-heading",onTouchStart:u,onMouseDown:u,onTouchEnd:l,onMouseUp:l},r&&a.a.createElement("h3",{className:"panel-title"},r)),a.a.createElement("div",{className:n},t),c&&a.a.createElement("div",{className:"panel-footer"},c),a.a.createElement("div",{className:"close",onClick:s,style:{position:"header"===d?"absolute":"static",margin:"bottom"===d?"10px auto":""}},i))}c.defaultProps={closeButton:"×",closeButtonPosition:"header",replace:!1,draggable:!1};var u=c;o(2);function l(e){let t=Math.random().toString();const[o,c]=Object(n.useState)(!1),[l,s]=Object(n.useState)(null),[i,d]=Object(n.useState)(null),[f,p]=Object(n.useState)(0),[m,b]=Object(n.useState)(0),[g,v]=Object(n.useState)(0),[h,y]=Object(n.useState)(0),{isOpen:j,onClose:E}=e;Object(n.useEffect)(()=>(j&&function(e){e&&(e.stopPropagation(),e.preventDefault());!function(){document.addEventListener("keydown",O),document.activeElement instanceof HTMLElement&&document.activeElement.blur();document.body.classList.add("body-modal-fix")}()}(),()=>{j&&x()}),[j]);const O=Object(n.useCallback)(e=>{const o=document.querySelectorAll(".pure-modal");if(o.length&&o[o.length-1].classList.contains(t))return!1;"Escape"===e.key&&document.activeElement&&x(e)},[]);if(!j)return null;function x(e){e&&(e.stopPropagation(),e.preventDefault()),E&&E(e?{isPassive:!0}:{isPassive:!1}),document.removeEventListener("keydown",O),document.body.classList.remove("body-modal-fix"),s(null),d(null),p(0),b(0),v(0),y(0)}function S(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 T(e){if(e instanceof TouchEvent&&e.changedTouches&&e.changedTouches.length>1)return P();e.preventDefault();const{pageX:t,pageY:o}=S(e);"number"==typeof l&&"number"==typeof i&&(p(t-l-g),b(o-i-h))}function P(){return c(!1)}const{children:M,replace:D=!1,className:w,header:B,footer:N,scrollable:k=!0,draggable:C=!1,width:L,closeButton:X,closeButtonPosition:Y,portal:_=!1}=e;let q=["pure-modal-backdrop"],$=["pure-modal",t],A=["panel-body"];w&&($=$.concat(w)),k?A=A.concat("scrollable"):(q=q.concat("scrollable"),$=$.concat("auto-height")),C&&(q=q.concat("backdrop-overflow-hidden"));const H=a.a.createElement("div",{className:q.join(" "),onMouseDown:function(e){if(e){if(!e.target.classList.contains("pure-modal-backdrop"))return;e.stopPropagation(),e.preventDefault()}x(e)},onTouchMove:o?T:void 0,onMouseMove:o?T:void 0},a.a.createElement("div",{className:$.join(" "),style:{transform:`translate(${f}px, ${m}px)`,transition:"none",width:L}},a.a.createElement(u,{replace:D,header:B,footer:N,onDragStart:C?function(e){if(e instanceof TouchEvent&&e.changedTouches&&e.changedTouches.length>1)return;e.preventDefault();const{pageX:t,pageY:o}=S(e),{top:n,left:a}=e.currentTarget.getBoundingClientRect();c(!0),s("number"==typeof l?l:a),d("number"==typeof i?i:n),v(t-a),y(o-n)}:void 0,onDragEnd:C?P:void 0,onClose:x,bodyClass:A.join(" "),closeButton:X,closeButtonPosition:Y},M)));return _?Object(r.createPortal)(H,document.body):H}t.default=a.a.memo(l)}])}));
|