react-pure-modal 2.0.19 → 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,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import './react-pure-modal.css';
|
|
2
3
|
declare type Props = {
|
|
3
4
|
children: JSX.Element;
|
|
@@ -15,4 +16,5 @@ declare type Props = {
|
|
|
15
16
|
portal?: boolean;
|
|
16
17
|
};
|
|
17
18
|
declare function PureModal(props: Props): JSX.Element | null;
|
|
18
|
-
|
|
19
|
+
declare const _default: React.MemoExoticComponent<typeof PureModal>;
|
|
20
|
+
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.body-modal-fix{height:100%;width:100%;
|
|
1
|
+
.body-modal-fix{height:100%;width:100%;overflow:hidden}.pure-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:center;align-items:center}.backdrop-overflow-hidden{overflow:hidden!important}.pure-modal-backdrop .pure-modal{width:300px;max-width:100%;box-sizing:border-box;transition:all .2s ease-in-out;max-height:100%}.pure-modal.auto-height{position:static}.pure-modal-backdrop.scrollable{overflow-y:auto}.pure-modal-backdrop .panel{display:grid;grid-template-rows:repeat(3,min-content)}.pure-modal-backdrop:not(.scrollable) .panel{grid-template-rows:min-content minmax(0,1fr) min-content;max-height:-moz-available;max-height:-webkit-fill-available;max-height:fill-available;height:100%}.pure-modal>*>*{flex:0 0 auto}.pure-modal>*>.scrollable{overflow-x:hidden;overflow-scrolling:touch}@media (max-width:480px){.pure-modal-backdrop .pure-modal{width:100%}}.pure-modal .panel-body{background-color:#fff}.pure-modal .panel-heading{background:#f0f0f0}.pure-modal .panel-title{padding:12px 45px 12px 15px;margin:0}.pure-modal .close{right:10px;top:10px;z-index:1;background:hsla(0,0%,94.1%,.8);width:30px;color:#8c8c8c;transition:color .1s ease-in-out;height:30px;border-radius:15px;text-align:center;line-height:30px;cursor:pointer}.pure-modal .panel-heading .close:hover{color:#000}.pure-modal .panel-body{padding:15px}.pure-modal .panel-footer{padding:12px 45px 12px 15px;background:#f0f0f0}.pure-modal .panel-body,.pure-modal .panel-footer,.pure-modal .panel-title{word-break:break-all}.pure-modal-backdrop .additional-row,.pure-modal-backdrop:not(.scrollable) .additional-row{display:grid;grid-template-rows:min-content minmax(0,1fr) min-content min-content}
|
|
@@ -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);
|
|
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)}])}));
|