react-modal-global - npm Package Compare versions

Comparing version 2023.5.26-experimental-4 to 2023.5.26-experimental-5

dist/index.d.ts

@@ -301,4 +301,4 @@ import EventEmitter from 'eventemitter3';
  */
-declare function ModalPortal(props: ModalPortalProps): JSX.Element;
+declare function ModalPortal(props: ModalPortalProps): React.ReactPortal | null;
 
 export { ModalContainer, ModalController, ModalPortal, ModalWindow, useModalSnapshot, useModalWindow };

dist/index.ts

@@ -17,3 +17,3 @@ 'use strict';Object.defineProperty(exports,"__esModule",{value:!0});var EventEmitter=require("eventemitter3"),jsxRuntime=require("react/jsx-runtime"),react=require("react"),reactDom=require("react-dom");function _interopDefaultLegacy(a){return a&&"object"===typeof a&&"default"in a?a:{"default":a}}var EventEmitter__default=_interopDefaultLegacy(EventEmitter);
 {children:jsxRuntime.jsx(modalContext.Provider,Object.assign({value:f},{children:react.createElement(f.component,Object.assign({},f.params,{key:f.id}))}))}),f.id))}))}
-function ModalPortal(a){let b=react.useId();react.useEffect(()=>()=>{a.controller.closeById(b)},[a.controller,b]);return react.useMemo(()=>{function c(f){null!=f&&f.replaceWith(d)}let d=document.createElement("div"),e=a.controller.open(function(){return jsxRuntime.jsx("div",{ref:c})},Object.assign(Object.assign({},a.params),{id:b}));if(a.onClose)e.on("close",a.onClose);return jsxRuntime.jsx(modalContext.Provider,Object.assign({value:e},{children:reactDom.createPortal(a.children,d,b)}))},[a.controller,
-b])}exports.ModalContainer=ModalContainer;exports.ModalController=ModalController;exports.ModalPortal=ModalPortal;exports.ModalWindow=ModalWindow;exports.useModalSnapshot=useModalSnapshot;exports.useModalWindow=useModalWindow
+function ModalPortal(a){function b(f){null!=f&&e(f)}let c=react.useId();react.useEffect(()=>()=>{a.controller.closeById(c)},[a.controller,c]);let [d,e]=react.useState(null);react.useEffect(()=>{let f=a.controller.open(()=>jsxRuntime.jsx("div",{ref:b}),Object.assign(Object.assign({},a.params),{id:c}));if(a.onClose)f.on("close",a.onClose);return()=>{f.close()}},[a.controller,c]);return null==d?null:reactDom.createPortal(a.children,d,c)}exports.ModalContainer=ModalContainer;exports.ModalController=ModalController;
+exports.ModalPortal=ModalPortal;exports.ModalWindow=ModalWindow;exports.useModalSnapshot=useModalSnapshot;exports.useModalWindow=useModalWindow

package.json

 {
   "name": "react-modal-global",
-  "version": "2023.5.26-experimental-4",
+  "version": "2023.5.26-experimental-5",
   "description": "Highly reusable React Modal that can be run from useEffect.",
@@ -5,0 +5,0 @@ "main": "dist/index.ts",

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

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

Worsened metrics

Total package byte prevSize

35878

decreased by-0.16%

No dependency changes