Socket
Socket
Sign inDemoInstall

modal-sk-01

Package Overview
Dependencies
5
Maintainers
1
Versions
9
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.0.6 to 1.0.7

dist/index.es.js

74

dist/index.js

@@ -1,73 +0,1 @@

'use strict';
var React = require('react');
const OVERLAY = {
position: 'fixed',
top: 0,
right: 0,
bottom: 0,
left: 0,
width: '100%',
height: '100%',
overflow: 'auto',
zIndex: 1000,
padding: '20px',
boxSizing: 'border-box',
backgroundColor: 'rgba(0,0,0,0.75)',
textAlign: 'center'
};
const MODALSTYLE = {
position: 'fixed',
top: '50%',
left: '50%',
transform: 'translate(-50%,-50%)',
backgroundColor: '#FFF',
padding: '50px',
zIndex: 1000
};
const CROSS = {
position: 'absolute',
top: '-12.5px',
right: '-12.5px',
display: 'block',
width: '30px',
height: '30px',
textIndent: '-9999px',
cursor: 'pointer',
border: 'none',
background: 'none',
backgroundSize: 'contain',
backgroundRepeat: 'no-repeat',
backgroundPosition: 'center center',
backgroundImage: 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)'
};
function Modal({
open,
children,
onClose,
overlayClassName,
modalClassName,
crossClassName
}) {
if (!open) return null;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
style: OVERLAY,
className: overlayClassName,
onClick: () => {
onClose();
}
}, /*#__PURE__*/React.createElement("div", {
style: MODALSTYLE,
className: modalClassName,
onClick: e => {
e.stopPropagation();
}
}, /*#__PURE__*/React.createElement("button", {
style: CROSS,
onClick: onClose,
className: crossClassName
}, "Close Modal"), children)));
}
exports.Modal = Modal;
"use strict";var e=require("react");const t={position:"fixed",top:0,right:0,bottom:0,left:0,width:"100%",height:"100%",overflow:"auto",zIndex:1e3,padding:"20px",boxSizing:"border-box",backgroundColor:"rgba(0,0,0,0.75)",textAlign:"center"},r={position:"fixed",top:"50%",left:"50%",transform:"translate(-50%,-50%)",backgroundColor:"#FFF",padding:"50px",zIndex:1e3},o={position:"absolute",top:"-12.5px",right:"-12.5px",display:"block",width:"30px",height:"30px",textIndent:"-9999px",cursor:"pointer",border:"none",background:"none",backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"center center",backgroundImage:"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)"};exports.Modal=function({open:a,children:n,onClose:l,overlayClassName:i,modalClassName:p,crossClassName:s}){return a?e.createElement(e.Fragment,null,e.createElement("div",{style:t,className:i,onClick:()=>{l()}},e.createElement("div",{style:r,className:p,onClick:e=>{e.stopPropagation()}},e.createElement("button",{style:o,onClick:l,className:s},"Close Modal"),n))):null};
{
"name": "modal-sk-01",
"version": "1.0.6",
"version": "1.0.7",
"description": "A simple react component that show a modal",

@@ -5,0 +5,0 @@ "main": "dist/index.js",

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc