@proprioo/salatim 23.5.4 → 23.5.5

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 ## Changelog
 
+**23.5.5**
+
+    * Fix: do not propagate event click outside modal
+
 **23.5.4**
 
     * Fix: Row can't be single

package/lib/index.js

@@ -2332,7 +2332,7 @@ function _w(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,
   @media (min-width: ${m.small}px) {
     text-align: left;
   }
-`,aT=({closeModal:e,children:r,title:n,text:o,icon:i,isAlternative:l=!1,isFullScreen:s,noPadding:d,fade:c,isLoading:f})=>{const p=t.useRef(null),[h,y]=t.useState(0),g=t=>{"Escape"===t.key&&e()};return jD(p,(t=>{e()})),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");if(e){const t=e.scrollHeight;y(t)}return()=>y(0)}),[f]),t.useEffect((()=>(document.addEventListener("keydown",g),()=>document.removeEventListener("keydown",g))),[]),a.createPortal(u.default.createElement(VI,{fade:c},u.default.createElement(QI,{id:"modal",ref:p,fade:c,isFullScreen:s,noPadding:d},f&&u.default.createElement(YI,{loaderHeight:`${h.toString()}px`}),u.default.createElement(ZI,{"data-test":"close-modal-icon",hasTitle:!!n,onClick:e},u.default.createElement(qI,null)),n&&u.default.createElement(eT,null,n),(i||n||o)&&u.default.createElement(tT,null,i&&u.default.createElement(rT,{"data-test":"modal-icon"},i),n&&u.default.createElement(nT,{isAlternative:l,"data-test":"modal-title",dangerouslySetInnerHTML:{__html:n}}),o&&u.default.createElement(oT,{"data-test":"modal-text",dangerouslySetInnerHTML:{__html:o}})),u.default.createElement("div",null,r))),(null===document||void 0===document?void 0:document.body)||null)};var iT,lT;exports.PanelColorsTypes=void 0,(iT=exports.PanelColorsTypes||(exports.PanelColorsTypes={})).PRIMARY="primary",iT.SECONDARY="secondary",iT.GREEN="green",iT.RED="red",iT.BLUE="blue",iT.ORANGE="orange",iT.YELLOW="yellow",exports.PanelOrientation=void 0,(lT=exports.PanelOrientation||(exports.PanelOrientation={})).HORIZONTAL="horizontal",lT.VERTICAL="vertical";const sT={blue:{background:ne.blue.base5,border:ne.blue.base},red:{background:ne.red.base5,border:ne.red.base},green:{background:ne.green.base5,border:ne.green.base},orange:{background:ne.orange.base5,border:ne.orange.base},secondary:{background:ne.background,border:ne.green.base},primary:{background:ne.background,border:ne.dark.base},yellow:{background:ne.yellow.base5,border:ne.yellow.base}},uT=c.default.div`
+`,aT=({closeModal:e,children:r,title:n,text:o,icon:i,isAlternative:l=!1,isFullScreen:s,noPadding:d,fade:c,isLoading:f})=>{const p=t.useRef(null),[h,y]=t.useState(0),g=t=>{"Escape"===t.key&&e()};return jD(p,(t=>{e()})),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");if(e){const t=e.scrollHeight;y(t)}return()=>y(0)}),[f]),t.useEffect((()=>(document.addEventListener("keydown",g),()=>document.removeEventListener("keydown",g))),[]),a.createPortal(u.default.createElement(VI,{fade:c,onClick:e=>e.stopPropagation()},u.default.createElement(QI,{id:"modal",ref:p,fade:c,isFullScreen:s,noPadding:d},f&&u.default.createElement(YI,{loaderHeight:`${h.toString()}px`}),u.default.createElement(ZI,{"data-test":"close-modal-icon",hasTitle:!!n,onClick:e},u.default.createElement(qI,null)),n&&u.default.createElement(eT,null,n),(i||n||o)&&u.default.createElement(tT,null,i&&u.default.createElement(rT,{"data-test":"modal-icon"},i),n&&u.default.createElement(nT,{isAlternative:l,"data-test":"modal-title",dangerouslySetInnerHTML:{__html:n}}),o&&u.default.createElement(oT,{"data-test":"modal-text",dangerouslySetInnerHTML:{__html:o}})),u.default.createElement("div",null,r))),(null===document||void 0===document?void 0:document.body)||null)};var iT,lT;exports.PanelColorsTypes=void 0,(iT=exports.PanelColorsTypes||(exports.PanelColorsTypes={})).PRIMARY="primary",iT.SECONDARY="secondary",iT.GREEN="green",iT.RED="red",iT.BLUE="blue",iT.ORANGE="orange",iT.YELLOW="yellow",exports.PanelOrientation=void 0,(lT=exports.PanelOrientation||(exports.PanelOrientation={})).HORIZONTAL="horizontal",lT.VERTICAL="vertical";const sT={blue:{background:ne.blue.base5,border:ne.blue.base},red:{background:ne.red.base5,border:ne.red.base},green:{background:ne.green.base5,border:ne.green.base},orange:{background:ne.orange.base5,border:ne.orange.base},secondary:{background:ne.background,border:ne.green.base},primary:{background:ne.background,border:ne.dark.base},yellow:{background:ne.yellow.base5,border:ne.yellow.base}},uT=c.default.div`
   ${({color:e})=>n.css`
       background-color: ${sT[e].background};
       border-color: ${sT[e].border};