Socket
Socket
Sign inDemoInstall

@chakra-ui/modal

Package Overview
Dependencies
14
Maintainers
2
Versions
511
Alerts
File Explorer

Advanced tools

npm Scripts
License

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 2.2.11 to 2.2.12

dist/chunk-6TYU4DP7.mjs
dist/chunk-DHYX4MPH.mjs
dist/chunk-J2LDGIFP.mjs
dist/chunk-JIPYISAW.mjs
dist/chunk-LBED2F7B.mjs
dist/chunk-O6Y2AQRF.mjs
dist/chunk-PJ5UTXNF.mjs
dist/chunk-PXDTSMWR.mjs
dist/chunk-RJF6J4BE.mjs
dist/chunk-UJCYASFN.mjs
dist/chunk-W6WASAQ5.mjs
dist/chunk-XG6IELTC.mjs
dist/chunk-XY72533R.mjs

13

dist/alert-dialog.js

@@ -71,3 +71,3 @@ "use strict";

};
var manager = new ModalManager();
var modalManager = new ModalManager();
function useModalManager(ref, isOpen) {

@@ -80,7 +80,7 @@ const [index, setIndex] = (0, import_react.useState)(0);

if (isOpen) {
const index2 = manager.add(node);
const index2 = modalManager.add(node);
setIndex(index2);
}
return () => {
manager.remove(node);
modalManager.remove(node);
setIndex(0);

@@ -113,3 +113,3 @@ };

useAriaHidden(dialogRef, isOpen && useInert);
useModalManager(dialogRef, isOpen);
const index = useModalManager(dialogRef, isOpen);
const mouseDownTarget = (0, import_react2.useRef)(null);

@@ -155,3 +155,3 @@ const onMouseDown = (0, import_react2.useCallback)((event) => {

return;
if (!manager.isTopModal(dialogRef.current))
if (!modalManager.isTopModal(dialogRef.current))
return;

@@ -185,3 +185,4 @@ if (closeOnOverlayClick) {

getDialogProps,
getDialogContainerProps
getDialogContainerProps,
index
};

@@ -188,0 +189,0 @@ }

13

dist/drawer-content.js

@@ -71,3 +71,3 @@ "use strict";

};
var manager = new ModalManager();
var modalManager = new ModalManager();
function useModalManager(ref, isOpen) {

@@ -80,7 +80,7 @@ const [index, setIndex] = (0, import_react.useState)(0);

if (isOpen) {
const index2 = manager.add(node);
const index2 = modalManager.add(node);
setIndex(index2);
}
return () => {
manager.remove(node);
modalManager.remove(node);
setIndex(0);

@@ -113,3 +113,3 @@ };

useAriaHidden(dialogRef, isOpen && useInert);
useModalManager(dialogRef, isOpen);
const index = useModalManager(dialogRef, isOpen);
const mouseDownTarget = (0, import_react2.useRef)(null);

@@ -155,3 +155,3 @@ const onMouseDown = (0, import_react2.useCallback)((event) => {

return;
if (!manager.isTopModal(dialogRef.current))
if (!modalManager.isTopModal(dialogRef.current))
return;

@@ -185,3 +185,4 @@ if (closeOnOverlayClick) {

getDialogProps,
getDialogContainerProps
getDialogContainerProps,
index
};

@@ -188,0 +189,0 @@ }

13

dist/drawer.js

@@ -72,3 +72,3 @@ "use strict";

};
var manager = new ModalManager();
var modalManager = new ModalManager();
function useModalManager(ref, isOpen) {

@@ -81,7 +81,7 @@ const [index, setIndex] = (0, import_react.useState)(0);

if (isOpen) {
const index2 = manager.add(node);
const index2 = modalManager.add(node);
setIndex(index2);
}
return () => {
manager.remove(node);
modalManager.remove(node);
setIndex(0);

@@ -114,3 +114,3 @@ };

useAriaHidden(dialogRef, isOpen && useInert);
useModalManager(dialogRef, isOpen);
const index = useModalManager(dialogRef, isOpen);
const mouseDownTarget = (0, import_react2.useRef)(null);

@@ -156,3 +156,3 @@ const onMouseDown = (0, import_react2.useCallback)((event) => {

return;
if (!manager.isTopModal(dialogRef.current))
if (!modalManager.isTopModal(dialogRef.current))
return;

@@ -186,3 +186,4 @@ if (closeOnOverlayClick) {

getDialogProps,
getDialogContainerProps
getDialogContainerProps,
index
};

@@ -189,0 +190,0 @@ }

1

dist/index.d.ts

@@ -13,2 +13,3 @@ export { AlertDialog, AlertDialogContent, AlertDialogProps } from './alert-dialog.js';

export { UseModalProps, UseModalReturn, useModal } from './use-modal.js';
export { useModalManager } from './modal-manager.js';
import '@chakra-ui/system';

@@ -15,0 +16,0 @@ import 'react';

15

dist/index.js

@@ -54,2 +54,3 @@ "use strict";

useModalContext: () => useModalContext,
useModalManager: () => useModalManager,
useModalStyles: () => useModalStyles

@@ -94,3 +95,3 @@ });

};
var manager = new ModalManager();
var modalManager = new ModalManager();
function useModalManager(ref, isOpen) {

@@ -103,7 +104,7 @@ const [index, setIndex] = (0, import_react.useState)(0);

if (isOpen) {
const index2 = manager.add(node);
const index2 = modalManager.add(node);
setIndex(index2);
}
return () => {
manager.remove(node);
modalManager.remove(node);
setIndex(0);

@@ -136,3 +137,3 @@ };

useAriaHidden(dialogRef, isOpen && useInert);
useModalManager(dialogRef, isOpen);
const index = useModalManager(dialogRef, isOpen);
const mouseDownTarget = (0, import_react2.useRef)(null);

@@ -178,3 +179,3 @@ const onMouseDown = (0, import_react2.useCallback)((event) => {

return;
if (!manager.isTopModal(dialogRef.current))
if (!modalManager.isTopModal(dialogRef.current))
return;

@@ -208,3 +209,4 @@ if (closeOnOverlayClick) {

getDialogProps,
getDialogContainerProps
getDialogContainerProps,
index
};

@@ -722,3 +724,4 @@ }

useModalContext,
useModalManager,
useModalStyles
});

13

dist/modal-body.js

@@ -67,3 +67,3 @@ "use strict";

};
var manager = new ModalManager();
var modalManager = new ModalManager();
function useModalManager(ref, isOpen) {

@@ -76,7 +76,7 @@ const [index, setIndex] = (0, import_react.useState)(0);

if (isOpen) {
const index2 = manager.add(node);
const index2 = modalManager.add(node);
setIndex(index2);
}
return () => {
manager.remove(node);
modalManager.remove(node);
setIndex(0);

@@ -109,3 +109,3 @@ };

useAriaHidden(dialogRef, isOpen && useInert);
useModalManager(dialogRef, isOpen);
const index = useModalManager(dialogRef, isOpen);
const mouseDownTarget = (0, import_react2.useRef)(null);

@@ -151,3 +151,3 @@ const onMouseDown = (0, import_react2.useCallback)((event) => {

return;
if (!manager.isTopModal(dialogRef.current))
if (!modalManager.isTopModal(dialogRef.current))
return;

@@ -181,3 +181,4 @@ if (closeOnOverlayClick) {

getDialogProps,
getDialogContainerProps
getDialogContainerProps,
index
};

@@ -184,0 +185,0 @@ }

13

dist/modal-close-button.js

@@ -67,3 +67,3 @@ "use strict";

};
var manager = new ModalManager();
var modalManager = new ModalManager();
function useModalManager(ref, isOpen) {

@@ -76,7 +76,7 @@ const [index, setIndex] = (0, import_react.useState)(0);

if (isOpen) {
const index2 = manager.add(node);
const index2 = modalManager.add(node);
setIndex(index2);
}
return () => {
manager.remove(node);
modalManager.remove(node);
setIndex(0);

@@ -109,3 +109,3 @@ };

useAriaHidden(dialogRef, isOpen && useInert);
useModalManager(dialogRef, isOpen);
const index = useModalManager(dialogRef, isOpen);
const mouseDownTarget = (0, import_react2.useRef)(null);

@@ -151,3 +151,3 @@ const onMouseDown = (0, import_react2.useCallback)((event) => {

return;
if (!manager.isTopModal(dialogRef.current))
if (!modalManager.isTopModal(dialogRef.current))
return;

@@ -181,3 +181,4 @@ if (closeOnOverlayClick) {

getDialogProps,
getDialogContainerProps
getDialogContainerProps,
index
};

@@ -184,0 +185,0 @@ }

13

dist/modal-content.js

@@ -66,3 +66,3 @@ "use strict";

};
var manager = new ModalManager();
var modalManager = new ModalManager();
function useModalManager(ref, isOpen) {

@@ -75,7 +75,7 @@ const [index, setIndex] = (0, import_react.useState)(0);

if (isOpen) {
const index2 = manager.add(node);
const index2 = modalManager.add(node);
setIndex(index2);
}
return () => {
manager.remove(node);
modalManager.remove(node);
setIndex(0);

@@ -108,3 +108,3 @@ };

useAriaHidden(dialogRef, isOpen && useInert);
useModalManager(dialogRef, isOpen);
const index = useModalManager(dialogRef, isOpen);
const mouseDownTarget = (0, import_react2.useRef)(null);

@@ -150,3 +150,3 @@ const onMouseDown = (0, import_react2.useCallback)((event) => {

return;
if (!manager.isTopModal(dialogRef.current))
if (!modalManager.isTopModal(dialogRef.current))
return;

@@ -180,3 +180,4 @@ if (closeOnOverlayClick) {

getDialogProps,
getDialogContainerProps
getDialogContainerProps,
index
};

@@ -183,0 +184,0 @@ }

13

dist/modal-focus.js

@@ -68,3 +68,3 @@ "use strict";

};
var manager = new ModalManager();
var modalManager = new ModalManager();
function useModalManager(ref, isOpen) {

@@ -77,7 +77,7 @@ const [index, setIndex] = (0, import_react.useState)(0);

if (isOpen) {
const index2 = manager.add(node);
const index2 = modalManager.add(node);
setIndex(index2);
}
return () => {
manager.remove(node);
modalManager.remove(node);
setIndex(0);

@@ -110,3 +110,3 @@ };

useAriaHidden(dialogRef, isOpen && useInert);
useModalManager(dialogRef, isOpen);
const index = useModalManager(dialogRef, isOpen);
const mouseDownTarget = (0, import_react2.useRef)(null);

@@ -152,3 +152,3 @@ const onMouseDown = (0, import_react2.useCallback)((event) => {

return;
if (!manager.isTopModal(dialogRef.current))
if (!modalManager.isTopModal(dialogRef.current))
return;

@@ -182,3 +182,4 @@ if (closeOnOverlayClick) {

getDialogProps,
getDialogContainerProps
getDialogContainerProps,
index
};

@@ -185,0 +186,0 @@ }

13

dist/modal-footer.js

@@ -66,3 +66,3 @@ "use strict";

};
var manager = new ModalManager();
var modalManager = new ModalManager();
function useModalManager(ref, isOpen) {

@@ -75,7 +75,7 @@ const [index, setIndex] = (0, import_react.useState)(0);

if (isOpen) {
const index2 = manager.add(node);
const index2 = modalManager.add(node);
setIndex(index2);
}
return () => {
manager.remove(node);
modalManager.remove(node);
setIndex(0);

@@ -108,3 +108,3 @@ };

useAriaHidden(dialogRef, isOpen && useInert);
useModalManager(dialogRef, isOpen);
const index = useModalManager(dialogRef, isOpen);
const mouseDownTarget = (0, import_react2.useRef)(null);

@@ -150,3 +150,3 @@ const onMouseDown = (0, import_react2.useCallback)((event) => {

return;
if (!manager.isTopModal(dialogRef.current))
if (!modalManager.isTopModal(dialogRef.current))
return;

@@ -180,3 +180,4 @@ if (closeOnOverlayClick) {

getDialogProps,
getDialogContainerProps
getDialogContainerProps,
index
};

@@ -183,0 +184,0 @@ }

13

dist/modal-header.js

@@ -67,3 +67,3 @@ "use strict";

};
var manager = new ModalManager();
var modalManager = new ModalManager();
function useModalManager(ref, isOpen) {

@@ -76,7 +76,7 @@ const [index, setIndex] = (0, import_react.useState)(0);

if (isOpen) {
const index2 = manager.add(node);
const index2 = modalManager.add(node);
setIndex(index2);
}
return () => {
manager.remove(node);
modalManager.remove(node);
setIndex(0);

@@ -109,3 +109,3 @@ };

useAriaHidden(dialogRef, isOpen && useInert);
useModalManager(dialogRef, isOpen);
const index = useModalManager(dialogRef, isOpen);
const mouseDownTarget = (0, import_react2.useRef)(null);

@@ -151,3 +151,3 @@ const onMouseDown = (0, import_react2.useCallback)((event) => {

return;
if (!manager.isTopModal(dialogRef.current))
if (!modalManager.isTopModal(dialogRef.current))
return;

@@ -181,3 +181,4 @@ if (closeOnOverlayClick) {

getDialogProps,
getDialogContainerProps
getDialogContainerProps,
index
};

@@ -184,0 +185,0 @@ }

4

dist/modal-manager.d.ts

@@ -14,5 +14,5 @@ import { RefObject } from 'react';

}
declare const manager: ModalManager;
declare const modalManager: ModalManager;
declare function useModalManager(ref: RefObject<HTMLElement>, isOpen?: boolean): number;
export { manager, useModalManager };
export { modalManager, useModalManager };

10

dist/modal-manager.js

@@ -28,3 +28,3 @@ "use strict";

__export(modal_manager_exports, {
manager: () => manager,
modalManager: () => modalManager,
useModalManager: () => useModalManager

@@ -52,3 +52,3 @@ });

};
var manager = new ModalManager();
var modalManager = new ModalManager();
function useModalManager(ref, isOpen) {

@@ -61,7 +61,7 @@ const [index, setIndex] = (0, import_react.useState)(0);

if (isOpen) {
const index2 = manager.add(node);
const index2 = modalManager.add(node);
setIndex(index2);
}
return () => {
manager.remove(node);
modalManager.remove(node);
setIndex(0);

@@ -74,4 +74,4 @@ };

0 && (module.exports = {
manager,
modalManager,
useModalManager
});

13

dist/modal-overlay.js

@@ -68,3 +68,3 @@ "use strict";

};
var manager = new ModalManager();
var modalManager = new ModalManager();
function useModalManager(ref, isOpen) {

@@ -77,7 +77,7 @@ const [index, setIndex] = (0, import_react.useState)(0);

if (isOpen) {
const index2 = manager.add(node);
const index2 = modalManager.add(node);
setIndex(index2);
}
return () => {
manager.remove(node);
modalManager.remove(node);
setIndex(0);

@@ -110,3 +110,3 @@ };

useAriaHidden(dialogRef, isOpen && useInert);
useModalManager(dialogRef, isOpen);
const index = useModalManager(dialogRef, isOpen);
const mouseDownTarget = (0, import_react2.useRef)(null);

@@ -152,3 +152,3 @@ const onMouseDown = (0, import_react2.useCallback)((event) => {

return;
if (!manager.isTopModal(dialogRef.current))
if (!modalManager.isTopModal(dialogRef.current))
return;

@@ -182,3 +182,4 @@ if (closeOnOverlayClick) {

getDialogProps,
getDialogContainerProps
getDialogContainerProps,
index
};

@@ -185,0 +186,0 @@ }

13

dist/modal.js

@@ -65,3 +65,3 @@ "use strict";

};
var manager = new ModalManager();
var modalManager = new ModalManager();
function useModalManager(ref, isOpen) {

@@ -74,7 +74,7 @@ const [index, setIndex] = (0, import_react.useState)(0);

if (isOpen) {
const index2 = manager.add(node);
const index2 = modalManager.add(node);
setIndex(index2);
}
return () => {
manager.remove(node);
modalManager.remove(node);
setIndex(0);

@@ -107,3 +107,3 @@ };

useAriaHidden(dialogRef, isOpen && useInert);
useModalManager(dialogRef, isOpen);
const index = useModalManager(dialogRef, isOpen);
const mouseDownTarget = (0, import_react2.useRef)(null);

@@ -149,3 +149,3 @@ const onMouseDown = (0, import_react2.useCallback)((event) => {

return;
if (!manager.isTopModal(dialogRef.current))
if (!modalManager.isTopModal(dialogRef.current))
return;

@@ -179,3 +179,4 @@ if (closeOnOverlayClick) {

getDialogProps,
getDialogContainerProps
getDialogContainerProps,
index
};

@@ -182,0 +183,0 @@ }

1

dist/use-modal.d.ts

@@ -62,2 +62,3 @@ import * as react from 'react';

getDialogContainerProps: PropGetter;
index: number;
};

@@ -64,0 +65,0 @@ type UseModalReturn = ReturnType<typeof useModal>;

13

dist/use-modal.js

@@ -57,3 +57,3 @@ "use strict";

};
var manager = new ModalManager();
var modalManager = new ModalManager();
function useModalManager(ref, isOpen) {

@@ -66,7 +66,7 @@ const [index, setIndex] = (0, import_react.useState)(0);

if (isOpen) {
const index2 = manager.add(node);
const index2 = modalManager.add(node);
setIndex(index2);
}
return () => {
manager.remove(node);
modalManager.remove(node);
setIndex(0);

@@ -99,3 +99,3 @@ };

useAriaHidden(dialogRef, isOpen && useInert);
useModalManager(dialogRef, isOpen);
const index = useModalManager(dialogRef, isOpen);
const mouseDownTarget = (0, import_react2.useRef)(null);

@@ -141,3 +141,3 @@ const onMouseDown = (0, import_react2.useCallback)((event) => {

return;
if (!manager.isTopModal(dialogRef.current))
if (!modalManager.isTopModal(dialogRef.current))
return;

@@ -171,3 +171,4 @@ if (closeOnOverlayClick) {

getDialogProps,
getDialogContainerProps
getDialogContainerProps,
index
};

@@ -174,0 +175,0 @@ }

10

package.json
{
"name": "@chakra-ui/modal",
"version": "2.2.11",
"version": "2.2.12",
"description": "An accessible dialog (modal) component for React & Chakra UI",

@@ -43,3 +43,3 @@ "keywords": [

"@chakra-ui/close-button": "2.0.17",
"@chakra-ui/focus-lock": "2.0.16",
"@chakra-ui/focus-lock": "2.0.17",
"@chakra-ui/portal": "2.0.16",

@@ -54,3 +54,3 @@ "@chakra-ui/react-context": "2.0.8",

"@testing-library/react-hooks": "8.0.1",
"framer-motion": "^6.2.9",
"framer-motion": "^10.12.16",
"react-lorem-component": "0.13.0",

@@ -60,4 +60,4 @@ "react": "^18.0.0",

"clean-package": "2.2.0",
"@chakra-ui/system": "2.5.5",
"@chakra-ui/hooks": "2.1.6"
"@chakra-ui/system": "2.5.8",
"@chakra-ui/hooks": "2.2.0"
},

@@ -64,0 +64,0 @@ "peerDependencies": {

dist/chunk-474T57YK.mjs
dist/chunk-66WFFNY3.mjs
dist/chunk-7PTKRZFZ.mjs
dist/chunk-BPJV7R7V.mjs
dist/chunk-CJQLKBLU.mjs
dist/chunk-OWW5MU75.mjs
dist/chunk-PVJ72NKC.mjs
dist/chunk-R5DTDXZR.mjs
dist/chunk-UUGUEMMH.mjs
dist/chunk-VRAQ7LO3.mjs
dist/chunk-YBA5A33G.mjs
dist/chunk-YI7XFFAC.mjs
dist/chunk-YLPWWAYV.mjs
dist/alert-dialog.mjs

Sorry, the diff of this file is not supported yet

dist/drawer-content.mjs

Sorry, the diff of this file is not supported yet

dist/drawer.mjs

Sorry, the diff of this file is not supported yet

dist/index.mjs

Sorry, the diff of this file is not supported yet

dist/modal-body.mjs

Sorry, the diff of this file is not supported yet

dist/modal-close-button.mjs

Sorry, the diff of this file is not supported yet

dist/modal-content.mjs

Sorry, the diff of this file is not supported yet

dist/modal-focus.mjs

Sorry, the diff of this file is not supported yet

dist/modal-footer.mjs

Sorry, the diff of this file is not supported yet

dist/modal-header.mjs

Sorry, the diff of this file is not supported yet

dist/modal-manager.mjs

Sorry, the diff of this file is not supported yet

dist/modal-overlay.mjs

Sorry, the diff of this file is not supported yet

dist/modal.mjs

Sorry, the diff of this file is not supported yet

dist/use-modal.mjs

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc