@proprioo/salatim 26.1.0 → 26.1.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 ## Changelog
 
+**26.1.2**
+
+    * Modal: add z-index
+
+**26.1.1**
+
+    * Modal: add missing tests
+
 **26.1.0**
 
     * Modal: use CSS and onAnimationEnd from React to handle fade in / out

package/lib/index.js

@@ -2178,6 +2178,7 @@ function Q$(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,
   position: absolute;
   right: ${ee(8)};
   top: ${ee(8)};
+  z-index: 1;
   height: ${ee(32)};
   width: ${ee(32)};
 
@@ -2214,6 +2215,7 @@ function Q$(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,
   position: fixed;
   left: 50%;
   top: 50%;
+  z-index: 1001;
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -2341,6 +2343,7 @@ function Q$(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,
   left: 0;
   right: 0;
   top: 0;
+  z-index: 1000;
   background: ${Y(.2,Q.dark.base)};
   cursor: pointer;
 
@@ -2360,7 +2363,7 @@ function Q$(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,
             animation: ${kT} 0.3s linear;
           }
         `}
-`;var DT;!function(e){e.IN="in",e.OUT="out"}(DT||(DT={}));const AT=({children:e,fade:r,icon:n,isAlternative:o=!1,isFullScreen:i,isLoading:l,noPadding:u,text:d,title:c,closeModal:f,setFadeOut:p})=>{const h=t.useRef(null),[y,b]=t.useState(0),g=({key:e})=>{"Escape"===e&&p()};return cD(h,p),t.useLayoutEffect((()=>{const e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}),[]),t.useLayoutEffect((()=>{const e=document.getElementById("modal");return e&&b(e.scrollHeight),()=>b(0)}),[l]),t.useEffect((()=>(document.addEventListener("keydown",g),()=>document.removeEventListener("keydown",g))),[]),a.createPortal(s.default.createElement(CT,Object.assign({},{fade:r},{onAnimationEnd:()=>{r===DT.OUT&&f()}}),s.default.createElement(mT,Object.assign({},{isFullScreen:i,noPadding:u},{id:"modal",ref:h}),l&&s.default.createElement(gT,{loaderHeight:`${y.toString()}px`}),s.default.createElement(vT,{"data-test":"close-modal-icon",hasTitle:!!c,onClick:p},s.default.createElement(bT,null)),c&&s.default.createElement($T,null,c),(n||c||d)&&s.default.createElement(wT,null,n&&s.default.createElement(xT,{"data-test":"modal-icon"},n),c&&s.default.createElement(OT,Object.assign({},{isAlternative:o},{"data-test":"modal-title",dangerouslySetInnerHTML:{__html:c}})),d&&s.default.createElement(_T,{"data-test":"modal-text",dangerouslySetInnerHTML:{__html:d}})),s.default.createElement("div",null,e))),(null===document||void 0===document?void 0:document.body)||null)},IT=c.default.div`
+`;var DT;!function(e){e.IN="in",e.OUT="out"}(DT||(DT={}));const AT=({children:e,fade:r,icon:n,isAlternative:o=!1,isFullScreen:i,isLoading:l,noPadding:u,text:d,title:c,closeModal:f,setFadeOut:p})=>{const h=t.useRef(null),[y,b]=t.useState(0),g=({key:e})=>{"Escape"===e&&p()};return cD(h,p),t.useLayoutEffect((()=>{const e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}),[]),t.useLayoutEffect((()=>{const e=document.getElementById("modal");return e&&b(e.scrollHeight),()=>b(0)}),[l]),t.useEffect((()=>(document.addEventListener("keydown",g),()=>document.removeEventListener("keydown",g))),[]),a.createPortal(s.default.createElement(CT,Object.assign({},{fade:r},{"data-test":"modal-background",onAnimationEnd:()=>{r===DT.OUT&&f()}}),s.default.createElement(mT,Object.assign({},{isFullScreen:i,noPadding:u},{id:"modal",ref:h}),l&&s.default.createElement(gT,{loaderHeight:`${y.toString()}px`}),s.default.createElement(vT,{"data-test":"close-modal-icon",hasTitle:!!c,onClick:p},s.default.createElement(bT,null)),c&&s.default.createElement($T,null,c),(n||c||d)&&s.default.createElement(wT,null,n&&s.default.createElement(xT,{"data-test":"modal-icon"},n),c&&s.default.createElement(OT,Object.assign({},{isAlternative:o},{"data-test":"modal-title",dangerouslySetInnerHTML:{__html:c}})),d&&s.default.createElement(_T,{"data-test":"modal-text",dangerouslySetInnerHTML:{__html:d}})),s.default.createElement("div",null,e))),(null===document||void 0===document?void 0:document.body)||null)},IT=c.default.div`
   position: relative;
   min-height: ${ee(56)};
   border: ${ee(1)} solid ${Q.grey.base60};