@trackunit/react-modal 1.8.147 → 1.8.153

package/index.cjs.js

@@ -7,7 +7,7 @@ var reactComponents = require('@trackunit/react-components');
 var uiDesignTokens = require('@trackunit/ui-design-tokens');
 var react = require('react');
 var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
-var reactCoreHooks = require('@trackunit/react-core-hooks');
+var reactCoreContextsApi = require('@trackunit/react-core-contexts-api');
 
 var defaultTranslations = {
 	
@@ -350,7 +350,11 @@ const useModal = (props = {}) => {
 };
 const useModalInner = ({ isOpen, setIsOpen, onOpenChange, rootElement, closeOnOutsideClick = true, closeOnEsc = true, onClose, onOpen, ref: customRef, }) => {
     const ref = react.useRef(null);
-    const { openModal, closeModal } = reactCoreHooks.useModalDialogContext();
+    const modalDialogContext = react.useContext(reactCoreContextsApi.ModalDialogContext);
+    if (!modalDialogContext) {
+        throw new Error("useModal must be used within the ModalDialogContextProvider");
+    }
+    const { openModal, closeModal } = modalDialogContext;
     const { refs, floatingStyles, context } = react$1.useFloating({
         open: isOpen,
         onOpenChange: (bool, event, openChangeReason) => {

package/index.esm.js

@@ -3,9 +3,9 @@ import { registerTranslations } from '@trackunit/i18n-library-translation';
 import { FloatingFocusManager, useFloating, autoUpdate, shift, useDismiss, useInteractions } from '@floating-ui/react';
 import { Portal, Card, Button, Heading, Text, IconButton, Icon } from '@trackunit/react-components';
 import { zIndex } from '@trackunit/ui-design-tokens';
-import { useRef, useLayoutEffect, forwardRef, useState, useEffect, useCallback, useMemo } from 'react';
+import { useRef, useLayoutEffect, forwardRef, useState, useContext, useEffect, useCallback, useMemo } from 'react';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
-import { useModalDialogContext } from '@trackunit/react-core-hooks';
+import { ModalDialogContext } from '@trackunit/react-core-contexts-api';
 
 var defaultTranslations = {
 	
@@ -348,7 +348,11 @@ const useModal = (props = {}) => {
 };
 const useModalInner = ({ isOpen, setIsOpen, onOpenChange, rootElement, closeOnOutsideClick = true, closeOnEsc = true, onClose, onOpen, ref: customRef, }) => {
     const ref = useRef(null);
-    const { openModal, closeModal } = useModalDialogContext();
+    const modalDialogContext = useContext(ModalDialogContext);
+    if (!modalDialogContext) {
+        throw new Error("useModal must be used within the ModalDialogContextProvider");
+    }
+    const { openModal, closeModal } = modalDialogContext;
     const { refs, floatingStyles, context } = useFloating({
         open: isOpen,
         onOpenChange: (bool, event, openChangeReason) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-modal",
-  "version": "1.8.147",
+  "version": "1.8.153",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,13 +8,13 @@
   },
   "dependencies": {
     "react": "19.0.0",
-    "@trackunit/react-components": "1.10.83",
-    "@trackunit/react-core-hooks": "1.7.121",
-    "@trackunit/css-class-variance-utilities": "1.7.107",
-    "@trackunit/i18n-library-translation": "1.7.128",
+    "@trackunit/react-components": "1.10.89",
+    "@trackunit/css-class-variance-utilities": "1.7.113",
+    "@trackunit/i18n-library-translation": "1.7.134",
     "@floating-ui/react": "^0.26.25",
     "@floating-ui/react-dom": "2.1.2",
-    "@trackunit/ui-design-tokens": "1.7.107"
+    "@trackunit/ui-design-tokens": "1.7.113",
+    "@trackunit/react-core-contexts-api": "1.8.82"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",