reactjs-popup - npm Package Compare versions

Comparing version 2.0.3 to 2.0.4-0

dist/hooks.d.ts

@@ -1,2 +0,2 @@
-import { RefObject } from 'react';
+import { RefObject, useLayoutEffect } from 'react';
 export declare const useOnEscape: (handler: () => void, active?: boolean) => void;
@@ -6,1 +6,2 @@ export declare const useRepositionOnResize: (handler: () => void, active?: boolean) => void;
 export declare const useTabbing: (contentRef: RefObject<HTMLElement>, active?: boolean) => void;
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

dist/reactjs-popup.cjs.development.js

@@ -141,2 +141,3 @@ 'use strict';
 };
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 
@@ -406,3 +407,3 @@ var Style = {
   var timeOut = React.useRef(0);
-  React.useLayoutEffect(function () {
+  useIsomorphicLayoutEffect(function () {
     if (isOpen) {
@@ -409,0 +410,0 @@ focusedElBeforeOpen.current = document.activeElement;

dist/reactjs-popup.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t.default:t}Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),o=t(e),n=t(require("react-dom"));function r(){return(r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}var i={popupContent:{tooltip:{position:"absolute",zIndex:999},modal:{position:"relative",margin:"auto"}},popupArrow:{height:"8px",width:"16px",position:"absolute",background:"transparent",color:"#FFF",zIndex:-1},overlay:{tooltip:{position:"fixed",top:"0",bottom:"0",left:"0",right:"0",zIndex:999},modal:{position:"fixed",top:"0",bottom:"0",left:"0",right:"0",display:"flex",zIndex:999}}},a=["top left","top center","top right","right top","right center","right bottom","bottom left","bottom center","bottom right","left top","left center","left bottom"],l=function(t,e,o,n,r){var i=r.offsetX,a=r.offsetY,l=n?8:0,u=o.split(" "),c=e.height,s=e.width,f=t.top+t.height/2-c/2,d=t.left+t.width/2-s/2,p="",v="0%",m="0%";switch(u[0]){case"top":f-=c/2+t.height/2+l,p="rotate(180deg)  translateX(50%)",v="100%",m="50%";break;case"bottom":f+=c/2+t.height/2+l,p="rotate(0deg) translateY(-100%) translateX(-50%)",m="50%";break;case"left":d-=s/2+t.width/2+l,p=" rotate(90deg)  translateY(50%) translateX(-25%)",m="100%",v="50%";break;case"right":d+=s/2+t.width/2+l,p="rotate(-90deg)  translateY(-150%) translateX(25%)",v="50%"}switch(u[1]){case"top":f=t.top,v=t.height/2+"px";break;case"bottom":f=t.top-c+t.height,v=c-t.height/2+"px";break;case"left":d=t.left,m=t.width/2+"px";break;case"right":d=t.left-s+t.width,m=s-t.width/2+"px"}return{top:f="top"===u[0]?f-a:f+a,left:d="left"===u[0]?d-i:d+i,transform:p,arrowLeft:m,arrowTop:v}},u=0,c=e.forwardRef((function(t,c){var s=t.trigger,f=void 0===s?null:s,d=t.onOpen,p=void 0===d?function(){}:d,v=t.onClose,m=void 0===v?function(){}:v,h=t.defaultOpen,y=t.open,g=void 0===y?void 0:y,b=t.disabled,w=void 0!==b&&b,E=t.nested,k=void 0!==E&&E,x=t.closeOnDocumentClick,L=void 0===x||x,A=t.repositionOnResize,C=void 0===A||A,T=t.closeOnEscape,O=void 0===T||T,R=t.on,S=void 0===R?["click"]:R,X=t.contentStyle,P=void 0===X?{}:X,Y=t.arrowStyle,j=void 0===Y?{}:Y,z=t.overlayStyle,B=void 0===z?{}:z,I=t.className,D=void 0===I?"":I,M=t.position,N=void 0===M?"bottom center":M,q=t.modal,F=void 0!==q&&q,H=t.lockScroll,_=void 0!==H&&H,K=t.arrow,W=void 0===K||K,G=t.offsetX,J=void 0===G?0:G,Q=t.offsetY,U=void 0===Q?0:Q,V=t.mouseEnterDelay,Z=void 0===V?100:V,$=t.mouseLeaveDelay,tt=void 0===$?100:$,et=t.keepTooltipInside,ot=void 0!==et&&et,nt=t.children,rt=e.useState(g||void 0!==h&&h),it=rt[0],at=rt[1],lt=e.useRef(null),ut=e.useRef(null),ct=e.useRef(null),st=e.useRef(null),ft=e.useRef("popup-"+ ++u),dt=!!F||!f,pt=e.useRef(0);e.useLayoutEffect((function(){return it?(st.current=document.activeElement,At(),kt(),wt()):Et(),function(){clearTimeout(pt.current)}}),[it]),e.useEffect((function(){"boolean"==typeof g&&(g?vt():mt())}),[g,w]);var vt=function(){it||w||(at(!0),setTimeout(p,0))},mt=function(){it&&!w&&(at(!1),dt&&st.current.focus(),setTimeout(m,0))},ht=function(t){null==t||t.stopPropagation(),it?mt():vt()},yt=function(){clearTimeout(pt.current),pt.current=setTimeout(vt,Z)},gt=function(t){null==t||t.preventDefault(),ht()},bt=function(){clearTimeout(pt.current),pt.current=setTimeout(mt,tt)},wt=function(){dt&&_&&(document.getElementsByTagName("body")[0].style.overflow="hidden")},Et=function(){dt&&_&&(document.getElementsByTagName("body")[0].style.overflow="auto")},kt=function(){var t,e=null==ut||null===(t=ut.current)||void 0===t?void 0:t.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex="0"]'),o=Array.prototype.slice.call(e)[0];null==o||o.focus()};e.useImperativeHandle(c,(function(){return{open:function(){vt()},close:function(){mt()},toggle:function(){ht()}}}));var xt,Lt,At=function(){if(!dt&&it&&(null==lt?void 0:lt.current)&&(null==lt?void 0:lt.current)&&(null==ut?void 0:ut.current)){var t,e,o=function(t,e,o,n,r,i){var u=r.offsetX,c=r.offsetY,s={arrowLeft:"0%",arrowTop:"0%",left:0,top:0,transform:"rotate(135deg)"},f=0,d=function(t){var e={top:0,left:0,width:window.innerWidth,height:window.innerHeight};if("string"==typeof t){var o=document.querySelector(t);null!==o&&(e=o.getBoundingClientRect())}return e}(i),p=Array.isArray(o)?o:[o];for((i||Array.isArray(o))&&(p=[].concat(p,a));f<p.length;){var v={top:(s=l(t,e,p[f],n,{offsetX:u,offsetY:c})).top,left:s.left,width:e.width,height:e.height};if(!(v.top<=d.top||v.left<=d.left||v.top+v.height>=d.top+d.height||v.left+v.width>=d.left+d.width))break;f++}return s}(lt.current.getBoundingClientRect(),ut.current.getBoundingClientRect(),N,W,{offsetX:J,offsetY:U},ot);ut.current.style.top=o.top+window.scrollY+"px",ut.current.style.left=o.left+window.scrollX+"px",W&&ct.current&&(ct.current.style.transform=o.transform,ct.current.style.setProperty("-ms-transform",o.transform),ct.current.style.setProperty("-webkit-transform",o.transform),ct.current.style.top=(null===(t=j.top)||void 0===t?void 0:t.toString())||o.arrowTop,ct.current.style.left=(null===(e=j.left)||void 0===e?void 0:e.toString())||o.arrowLeft)}};void 0===(Lt=O)&&(Lt=!0),e.useEffect((function(){if(Lt){var t=function(t){"Escape"===t.key&&xt()};return document.addEventListener("keyup",t),function(){Lt&&document.removeEventListener("keyup",t)}}}),[xt=mt,Lt]),function(t,o){void 0===o&&(o=!0),e.useEffect((function(){if(o){var e=function(e){if(9===e.keyCode){var o,n=null==t||null===(o=t.current)||void 0===o?void 0:o.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex="0"]'),r=Array.prototype.slice.call(n);if(1===r.length)return void e.preventDefault();var i=r[0],a=r[r.length-1];e.shiftKey&&document.activeElement===i?(e.preventDefault(),a.focus()):document.activeElement===a&&(e.preventDefault(),i.focus())}};return document.addEventListener("keydown",e),function(){o&&document.removeEventListener("keydown",e)}}}),[t,o])}(ut,it&&dt),function(t,o){void 0===o&&(o=!0),e.useEffect((function(){if(o){var e=function(){t()};return window.addEventListener("resize",e),function(){o&&window.removeEventListener("resize",e)}}}),[t,o])}(At,C),function(t,o,n){void 0===n&&(n=!0),e.useEffect((function(){if(n){var e=function(e){var n=Array.isArray(t)?t:[t],r=!1;n.forEach((function(t){t.current&&!t.current.contains(e.target)||(r=!0)})),e.stopPropagation(),r||o()};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),function(){n&&(document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e))}}}),[t,o,n])}(f?[ut,lt]:[ut],mt,L&&!k);var Ct,Tt=function(){return o.createElement("div",Object.assign({},(t=dt?i.popupContent.modal:i.popupContent.tooltip,e={className:"popup-content "+(""!==D?D.split(" ").map((function(t){return t+"-content"})).join(" "):""),style:r({},t,P,{pointerEvents:"auto"}),ref:ut,onClick:function(t){t.stopPropagation()}},!F&&S.indexOf("hover")>=0&&(e.onMouseEnter=yt,e.onMouseLeave=bt),e),{key:"C",role:dt?"dialog":"tooltip",id:ft.current}),W&&!dt&&o.createElement("div",{ref:ct,style:i.popupArrow},o.createElement("svg",{"data-testid":"arrow",className:"popup-arrow "+(""!==D?D.split(" ").map((function(t){return t+"-arrow"})).join(" "):""),viewBox:"0 0 32 16",style:r({position:"absolute"},j)},o.createElement("path",{d:"M16 0l16 16H0z",fill:"currentcolor"}))),nt&&"function"==typeof nt?nt(mt,it):nt);var t,e},Ot=!(S.indexOf("hover")>=0),Rt=dt?i.overlay.modal:i.overlay.tooltip,St=[Ot&&o.createElement("div",{key:"O","data-testid":"overlay","data-popup":dt?"modal":"tooltip",className:"popup-overlay "+(""!==D?D.split(" ").map((function(t){return t+"-overlay"})).join(" "):""),style:r({},Rt,B,{pointerEvents:L&&k||dt?"auto":"none"}),onClick:L&&k?mt:void 0,tabIndex:-1},dt&&Tt()),!dt&&Tt()];return o.createElement(o.Fragment,null,function(){for(var t={key:"T",ref:lt,"aria-describedby":ft.current},e=Array.isArray(S)?S:[S],n=0,r=e.length;n<r;n++)switch(e[n]){case"click":t.onClick=ht;break;case"right-click":t.onContextMenu=gt;break;case"hover":t.onMouseEnter=yt,t.onMouseLeave=bt;break;case"focus":t.onFocus=yt,t.onBlur=bt}if("function"==typeof f){var i=f(it);return!!f&&o.cloneElement(i,t)}return!!f&&o.cloneElement(f,t)}(),it&&n.createPortal(St,(null===(Ct=document.getElementById("popup-root"))&&((Ct=document.createElement("div")).setAttribute("id","popup-root"),document.body.appendChild(Ct)),Ct)))}));exports.Popup=c,exports.default=c;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),o=e(t),n=e(require("react-dom"));function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e}).apply(this,arguments)}var i="undefined"!=typeof window?t.useLayoutEffect:t.useEffect,a={popupContent:{tooltip:{position:"absolute",zIndex:999},modal:{position:"relative",margin:"auto"}},popupArrow:{height:"8px",width:"16px",position:"absolute",background:"transparent",color:"#FFF",zIndex:-1},overlay:{tooltip:{position:"fixed",top:"0",bottom:"0",left:"0",right:"0",zIndex:999},modal:{position:"fixed",top:"0",bottom:"0",left:"0",right:"0",display:"flex",zIndex:999}}},l=["top left","top center","top right","right top","right center","right bottom","bottom left","bottom center","bottom right","left top","left center","left bottom"],u=function(e,t,o,n,r){var i=r.offsetX,a=r.offsetY,l=n?8:0,u=o.split(" "),c=t.height,s=t.width,f=e.top+e.height/2-c/2,d=e.left+e.width/2-s/2,p="",v="0%",m="0%";switch(u[0]){case"top":f-=c/2+e.height/2+l,p="rotate(180deg)  translateX(50%)",v="100%",m="50%";break;case"bottom":f+=c/2+e.height/2+l,p="rotate(0deg) translateY(-100%) translateX(-50%)",m="50%";break;case"left":d-=s/2+e.width/2+l,p=" rotate(90deg)  translateY(50%) translateX(-25%)",m="100%",v="50%";break;case"right":d+=s/2+e.width/2+l,p="rotate(-90deg)  translateY(-150%) translateX(25%)",v="50%"}switch(u[1]){case"top":f=e.top,v=e.height/2+"px";break;case"bottom":f=e.top-c+e.height,v=c-e.height/2+"px";break;case"left":d=e.left,m=e.width/2+"px";break;case"right":d=e.left-s+e.width,m=s-e.width/2+"px"}return{top:f="top"===u[0]?f-a:f+a,left:d="left"===u[0]?d-i:d+i,transform:p,arrowLeft:m,arrowTop:v}},c=0,s=t.forwardRef((function(e,s){var f=e.trigger,d=void 0===f?null:f,p=e.onOpen,v=void 0===p?function(){}:p,m=e.onClose,h=void 0===m?function(){}:m,y=e.defaultOpen,g=e.open,w=void 0===g?void 0:g,b=e.disabled,E=void 0!==b&&b,k=e.nested,x=void 0!==k&&k,L=e.closeOnDocumentClick,A=void 0===L||L,C=e.repositionOnResize,T=void 0===C||C,O=e.closeOnEscape,R=void 0===O||O,S=e.on,X=void 0===S?["click"]:S,P=e.contentStyle,Y=void 0===P?{}:P,j=e.arrowStyle,z=void 0===j?{}:j,B=e.overlayStyle,I=void 0===B?{}:B,D=e.className,M=void 0===D?"":D,N=e.position,q=void 0===N?"bottom center":N,F=e.modal,H=void 0!==F&&F,_=e.lockScroll,K=void 0!==_&&_,W=e.arrow,G=void 0===W||W,J=e.offsetX,Q=void 0===J?0:J,U=e.offsetY,V=void 0===U?0:U,Z=e.mouseEnterDelay,$=void 0===Z?100:Z,ee=e.mouseLeaveDelay,te=void 0===ee?100:ee,oe=e.keepTooltipInside,ne=void 0!==oe&&oe,re=e.children,ie=t.useState(w||void 0!==y&&y),ae=ie[0],le=ie[1],ue=t.useRef(null),ce=t.useRef(null),se=t.useRef(null),fe=t.useRef(null),de=t.useRef("popup-"+ ++c),pe=!!H||!d,ve=t.useRef(0);i((function(){return ae?(fe.current=document.activeElement,Ce(),xe(),Ee()):ke(),function(){clearTimeout(ve.current)}}),[ae]),t.useEffect((function(){"boolean"==typeof w&&(w?me():he())}),[w,E]);var me=function(){ae||E||(le(!0),setTimeout(v,0))},he=function(){ae&&!E&&(le(!1),pe&&fe.current.focus(),setTimeout(h,0))},ye=function(e){null==e||e.stopPropagation(),ae?he():me()},ge=function(){clearTimeout(ve.current),ve.current=setTimeout(me,$)},we=function(e){null==e||e.preventDefault(),ye()},be=function(){clearTimeout(ve.current),ve.current=setTimeout(he,te)},Ee=function(){pe&&K&&(document.getElementsByTagName("body")[0].style.overflow="hidden")},ke=function(){pe&&K&&(document.getElementsByTagName("body")[0].style.overflow="auto")},xe=function(){var e,t=null==ce||null===(e=ce.current)||void 0===e?void 0:e.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex="0"]'),o=Array.prototype.slice.call(t)[0];null==o||o.focus()};t.useImperativeHandle(s,(function(){return{open:function(){me()},close:function(){he()},toggle:function(){ye()}}}));var Le,Ae,Ce=function(){if(!pe&&ae&&(null==ue?void 0:ue.current)&&(null==ue?void 0:ue.current)&&(null==ce?void 0:ce.current)){var e,t,o=function(e,t,o,n,r,i){var a=r.offsetX,c=r.offsetY,s={arrowLeft:"0%",arrowTop:"0%",left:0,top:0,transform:"rotate(135deg)"},f=0,d=function(e){var t={top:0,left:0,width:window.innerWidth,height:window.innerHeight};if("string"==typeof e){var o=document.querySelector(e);null!==o&&(t=o.getBoundingClientRect())}return t}(i),p=Array.isArray(o)?o:[o];for((i||Array.isArray(o))&&(p=[].concat(p,l));f<p.length;){var v={top:(s=u(e,t,p[f],n,{offsetX:a,offsetY:c})).top,left:s.left,width:t.width,height:t.height};if(!(v.top<=d.top||v.left<=d.left||v.top+v.height>=d.top+d.height||v.left+v.width>=d.left+d.width))break;f++}return s}(ue.current.getBoundingClientRect(),ce.current.getBoundingClientRect(),q,G,{offsetX:Q,offsetY:V},ne);ce.current.style.top=o.top+window.scrollY+"px",ce.current.style.left=o.left+window.scrollX+"px",G&&se.current&&(se.current.style.transform=o.transform,se.current.style.setProperty("-ms-transform",o.transform),se.current.style.setProperty("-webkit-transform",o.transform),se.current.style.top=(null===(e=z.top)||void 0===e?void 0:e.toString())||o.arrowTop,se.current.style.left=(null===(t=z.left)||void 0===t?void 0:t.toString())||o.arrowLeft)}};void 0===(Ae=R)&&(Ae=!0),t.useEffect((function(){if(Ae){var e=function(e){"Escape"===e.key&&Le()};return document.addEventListener("keyup",e),function(){Ae&&document.removeEventListener("keyup",e)}}}),[Le=he,Ae]),function(e,o){void 0===o&&(o=!0),t.useEffect((function(){if(o){var t=function(t){if(9===t.keyCode){var o,n=null==e||null===(o=e.current)||void 0===o?void 0:o.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex="0"]'),r=Array.prototype.slice.call(n);if(1===r.length)return void t.preventDefault();var i=r[0],a=r[r.length-1];t.shiftKey&&document.activeElement===i?(t.preventDefault(),a.focus()):document.activeElement===a&&(t.preventDefault(),i.focus())}};return document.addEventListener("keydown",t),function(){o&&document.removeEventListener("keydown",t)}}}),[e,o])}(ce,ae&&pe),function(e,o){void 0===o&&(o=!0),t.useEffect((function(){if(o){var t=function(){e()};return window.addEventListener("resize",t),function(){o&&window.removeEventListener("resize",t)}}}),[e,o])}(Ce,T),function(e,o,n){void 0===n&&(n=!0),t.useEffect((function(){if(n){var t=function(t){var n=Array.isArray(e)?e:[e],r=!1;n.forEach((function(e){e.current&&!e.current.contains(t.target)||(r=!0)})),t.stopPropagation(),r||o()};return document.addEventListener("mousedown",t),document.addEventListener("touchstart",t),function(){n&&(document.removeEventListener("mousedown",t),document.removeEventListener("touchstart",t))}}}),[e,o,n])}(d?[ce,ue]:[ce],he,A&&!x);var Te,Oe=function(){return o.createElement("div",Object.assign({},(e=pe?a.popupContent.modal:a.popupContent.tooltip,t={className:"popup-content "+(""!==M?M.split(" ").map((function(e){return e+"-content"})).join(" "):""),style:r({},e,Y,{pointerEvents:"auto"}),ref:ce,onClick:function(e){e.stopPropagation()}},!H&&X.indexOf("hover")>=0&&(t.onMouseEnter=ge,t.onMouseLeave=be),t),{key:"C",role:pe?"dialog":"tooltip",id:de.current}),G&&!pe&&o.createElement("div",{ref:se,style:a.popupArrow},o.createElement("svg",{"data-testid":"arrow",className:"popup-arrow "+(""!==M?M.split(" ").map((function(e){return e+"-arrow"})).join(" "):""),viewBox:"0 0 32 16",style:r({position:"absolute"},z)},o.createElement("path",{d:"M16 0l16 16H0z",fill:"currentcolor"}))),re&&"function"==typeof re?re(he,ae):re);var e,t},Re=!(X.indexOf("hover")>=0),Se=pe?a.overlay.modal:a.overlay.tooltip,Xe=[Re&&o.createElement("div",{key:"O","data-testid":"overlay","data-popup":pe?"modal":"tooltip",className:"popup-overlay "+(""!==M?M.split(" ").map((function(e){return e+"-overlay"})).join(" "):""),style:r({},Se,I,{pointerEvents:A&&x||pe?"auto":"none"}),onClick:A&&x?he:void 0,tabIndex:-1},pe&&Oe()),!pe&&Oe()];return o.createElement(o.Fragment,null,function(){for(var e={key:"T",ref:ue,"aria-describedby":de.current},t=Array.isArray(X)?X:[X],n=0,r=t.length;n<r;n++)switch(t[n]){case"click":e.onClick=ye;break;case"right-click":e.onContextMenu=we;break;case"hover":e.onMouseEnter=ge,e.onMouseLeave=be;break;case"focus":e.onFocus=ge,e.onBlur=be}if("function"==typeof d){var i=d(ae);return!!d&&o.cloneElement(i,e)}return!!d&&o.cloneElement(d,e)}(),ae&&n.createPortal(Xe,(null===(Te=document.getElementById("popup-root"))&&((Te=document.createElement("div")).setAttribute("id","popup-root"),document.body.appendChild(Te)),Te)))}));exports.Popup=s,exports.default=s;
 //# sourceMappingURL=reactjs-popup.cjs.production.min.js.map

dist/reactjs-popup.esm.js

@@ -1,2 +0,2 @@
-import React, { useEffect, forwardRef, useState, useRef, useLayoutEffect, useImperativeHandle } from 'react';
+import React, { useEffect, useLayoutEffect, forwardRef, useState, useRef, useImperativeHandle } from 'react';
 import ReactDOM from 'react-dom';
@@ -134,2 +134,3 @@
 };
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 
@@ -399,3 +400,3 @@ var Style = {
   var timeOut = useRef(0);
-  useLayoutEffect(function () {
+  useIsomorphicLayoutEffect(function () {
     if (isOpen) {
@@ -402,0 +403,0 @@ focusedElBeforeOpen.current = document.activeElement;

package.json

 {
   "name": "reactjs-popup",
-  "version": "2.0.3",
+  "version": "2.0.4-0",
   "description": "React Popup Component - Modals,Tooltips and Menus —  All in one",
@@ -95,3 +95,4 @@ "main": "dist/index.js",
   ],
-  "homepage": "https://react-popup.elazizi.com/"
+  "homepage": "https://react-popup.elazizi.com/",
+  "repository": "yjose/reactjs-popup"
 }

README.md

@@ -17,3 +17,3 @@ # Reactjs-popup
 
-[Reactjs-popup](https://react-popup.elazizi.com) is a simple react popup component that help you create simple and complex Modals, tooltips and Menus for your next React App.
+[Reactjs-popup](https://react-popup.elazizi.com) is a simple react popup component that helps you create simple and complex Modals, tooltips, and Menus for your next React App.
 
@@ -24,5 +24,5 @@ You should consider using reactjs-popup for those couple of reasons :
 - **✅ Very tiny library (3kb) ⚡️**
-- **✅ Fully accessible.**
-- **✅ Function as children pattern to take control over your popup anywhere in your code. 💪**
-- **✅ Easy to use. 🚀**
+- **✅ Fully accessible**
+- **✅ Function as children pattern to take control over your popup anywhere in your code 💪**
+- **✅ Easy to use 🚀**
 - **✅ TypeScript Support 👌**
@@ -36,3 +36,3 @@ - **✅ IE Support. 🚀**
 
-This is a simple Demo to demonstrate how you can create Modals,Tooltips, Menus using `reactjs-popup`.
+This is a simple Demo to demonstrate how you can create Modals, Tooltips, Menus using `reactjs-popup`.
 
@@ -45,3 +45,3 @@ [**Live Demo**](https://react-popup.elazizi.com)
 
-This package is available in npm repository as reactjs-popup. It will work correctly with all popular bundlers.
+This package is available in NPM repository as reactjs-popup. It will work correctly with all popular bundlers.
 
@@ -55,3 +55,3 @@ ```bash
 ```bash
-yarn add reactjs-popup -s
+yarn add reactjs-popup
 ```
@@ -58,0 +58,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

178985

increased by0.63%

Lines of code

1242

increased by0.24%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes