@trackunit/react-core-contexts-test 1.18.17 → 1.18.18

package/HookRenderer.cjs.js

@@ -1,9 +1,10 @@
 'use strict';
 
 var index = require('./index2.cjs.js');
-require('@trackunit/iris-app-runtime-core-api');
 require('react/jsx-runtime');
 require('react');
+require('@trackunit/shared-utils');
+require('@trackunit/iris-app-runtime-core-api');
 require('react-dom/test-utils');
 require('react-dom');
 require('react-dom/client');
@@ -13,7 +14,6 @@ require('@apollo/client');
 require('@apollo/client/dev');
 require('@apollo/client/link/error');
 require('@apollo/client/testing');
-require('@trackunit/shared-utils');
 require('@apollo/client/react');
 require('@tanstack/react-router');
 require('graphql');

package/HookRenderer.esm.js

@@ -1,7 +1,8 @@
 import { a as act, r as renderHook, f as flushPromises, b as flushPromisesInAct } from './index2.esm.js';
-import '@trackunit/iris-app-runtime-core-api';
 import 'react/jsx-runtime';
 import 'react';
+import '@trackunit/shared-utils';
+import '@trackunit/iris-app-runtime-core-api';
 import 'react-dom/test-utils';
 import 'react-dom';
 import 'react-dom/client';
@@ -11,7 +12,6 @@ import '@apollo/client';
 import '@apollo/client/dev';
 import '@apollo/client/link/error';
 import '@apollo/client/testing';
-import '@trackunit/shared-utils';
 import '@apollo/client/react';
 import '@tanstack/react-router';
 import 'graphql';

package/index.cjs.js

@@ -1,9 +1,10 @@
 'use strict';
 
 var index = require('./index2.cjs.js');
-require('@trackunit/iris-app-runtime-core-api');
 require('react/jsx-runtime');
 require('react');
+require('@trackunit/shared-utils');
+require('@trackunit/iris-app-runtime-core-api');
 require('react-dom/test-utils');
 require('react-dom');
 require('react-dom/client');
@@ -13,7 +14,6 @@ require('@apollo/client');
 require('@apollo/client/dev');
 require('@apollo/client/link/error');
 require('@apollo/client/testing');
-require('@trackunit/shared-utils');
 require('@apollo/client/react');
 require('@tanstack/react-router');
 require('graphql');

package/index.esm.js

@@ -1,7 +1,8 @@
 export { D as Debugger, T as TrackunitProvidersMockBuilder, d as doNothing, f as flushPromises, b as flushPromisesInAct, m as mergeDeepVars, c as mockAnalyticsContext, e as mockAssetSortingContext, g as mockCurrentUserContext, h as mockEnvironmentContext, i as mockFeatureFlagContext, j as mockFilterBarContext, k as mockNavigationContext, l as mockOemBrandingContext, n as mockToastContext, o as mockUserSubscriptionContext, q as queryFor, p as queryForHook, t as trackunitProviders, u as useDebugger, v as validateIrisApp } from './index2.esm.js';
-import '@trackunit/iris-app-runtime-core-api';
 import 'react/jsx-runtime';
 import 'react';
+import '@trackunit/shared-utils';
+import '@trackunit/iris-app-runtime-core-api';
 import 'react-dom/test-utils';
 import 'react-dom';
 import 'react-dom/client';
@@ -11,7 +12,6 @@ import '@apollo/client';
 import '@apollo/client/dev';
 import '@apollo/client/link/error';
 import '@apollo/client/testing';
-import '@trackunit/shared-utils';
 import '@apollo/client/react';
 import '@tanstack/react-router';
 import 'graphql';

package/index2.cjs.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var irisAppRuntimeCoreApi = require('@trackunit/iris-app-runtime-core-api');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var sharedUtils = require('@trackunit/shared-utils');
+var irisAppRuntimeCoreApi = require('@trackunit/iris-app-runtime-core-api');
 var DeprecatedReactTestUtils = require('react-dom/test-utils');
 var ReactDOM = require('react-dom');
 var ReactDOMClient = require('react-dom/client');
@@ -12,7 +13,6 @@ var client = require('@apollo/client');
 var dev = require('@apollo/client/dev');
 var error = require('@apollo/client/link/error');
 var testing = require('@apollo/client/testing');
-var sharedUtils = require('@trackunit/shared-utils');
 var react = require('@apollo/client/react');
 var reactRouter = require('@tanstack/react-router');
 var graphql = require('graphql');
@@ -38,6 +38,143 @@ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var DeprecatedReactTestUtils__namespace = /*#__PURE__*/_interopNamespaceDefault(DeprecatedReactTestUtils);
 var ReactDOMClient__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOMClient);
 
+/**
+ * Differentiate between the first and subsequent renders.
+ *
+ * @returns {boolean} Returns true if it is the first render, false otherwise.
+ */
+const useIsFirstRender = () => {
+    const [isFirstRender, setIsFirstRender] = React.useState(true);
+    React.useEffect(() => {
+        setIsFirstRender(false);
+    }, []);
+    return isFirstRender;
+};
+
+/**
+ * Logs props that have changed.
+ * Use this for debugging which props force a component to re-render.
+ * This is a hook version of the class component lifecycle method `componentDidUpdate`.
+ * ALWAYS wrap in your own object.
+ *
+ * @param propsToWatch all the props to watch for changes
+ * @param id optional id to use for logging or it will guess the id from the stack trace
+ * @param dontLogReRender if true, will not log the re-render message nice if you have a lot of re-renders
+ * @example
+ * const propsToWatch = { foo: props.foo, bar: props.bar };
+ * useDebugger(propsToWatch);
+ */
+const useDebugger = (propsToWatch, id, dontLogReRender) => {
+    const prevPropsRef = React.useRef(propsToWatch);
+    const uniqueId = React.useMemo(() => {
+        let stackId = id || (propsToWatch && propsToWatch.id);
+        const stack = new Error().stack;
+        if (!stackId && stack) {
+            const stackLines = stack.split("\n");
+            for (let i = 0; i < stackLines.length; i++) {
+                const stackLine = stackLines[i];
+                if (stackLine?.includes("useDebugger")) {
+                    stackId = stackLines[i + 1]?.trim().split(" ")[1];
+                    break;
+                }
+            }
+        }
+        return stackId || "unknown-id";
+    }, [id, propsToWatch]);
+    const isFirstRender = useIsFirstRender();
+    if (isFirstRender) {
+        // eslint-disable-next-line no-console
+        console.log("First-render", uniqueId, window.location.pathname);
+    }
+    else if (dontLogReRender !== true) {
+        // eslint-disable-next-line no-console
+        console.log("Re-render", uniqueId, window.location.pathname);
+    }
+    React.useEffect(() => {
+        const changedProps = Object.entries(propsToWatch || {}).reduce((result, [key, value]) => {
+            if (prevPropsRef.current && prevPropsRef.current[key] !== value) {
+                result[`${key}`] = [prevPropsRef.current[key], value];
+            }
+            return result;
+        }, {});
+        if (sharedUtils.objectKeys(changedProps).length > 0) {
+            sharedUtils.objectKeys(changedProps).forEach(changedProp => {
+                // eslint-disable-next-line no-console
+                console.log(`${uniqueId} changed property: ${changedProp}`);
+                // JSON stringify is used to avoid console.table from logging the object reference
+                const result = JSON.parse(safeStringify(changedProps[changedProp]));
+                const result0 = result[0];
+                const result1 = result[1];
+                if (result0 && typeof result0 === "object") {
+                    sharedUtils.objectKeys(result0).forEach(prop => {
+                        result0[prop] = typeof result0[prop] === "object" ? JSON.stringify(result0[prop]) : result0[prop];
+                    });
+                }
+                if (result1 && typeof result1 === "object") {
+                    sharedUtils.objectKeys(result1).forEach(prop => {
+                        result1[prop] = typeof result1[prop] === "object" ? JSON.stringify(result1[prop]) : result1[prop];
+                    });
+                }
+                // eslint-disable-next-line no-console
+                console.table([result0, result1]);
+            });
+            // eslint-disable-next-line no-console
+            console.dir(changedProps);
+        }
+        prevPropsRef.current = propsToWatch;
+    }, [propsToWatch, uniqueId]);
+};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const safeStringify = (obj) => {
+    const seen = new WeakSet();
+    return JSON.stringify(obj, function (_key, value) {
+        if (typeof value === "object" && value !== null) {
+            if (seen.has(value)) {
+                return undefined; // Omit circular reference
+            }
+            seen.add(value);
+        }
+        return value;
+    });
+};
+
+/**
+ * Debugger component for debugging state changes and re-renders.
+ *
+ * This component will log when it is mounted, re-renders or unmounted.
+ * It will also log when any of its props change.
+ *
+ * @param props - The component props.
+ * @param props.id - Optional id to use for logging.
+ * @param props.stop - If true, will stop execution and open debugger.
+ * @param props.logPropsChanges - Optional object with props to watch for changes.
+ * @param props.children - The children to render.
+ * @returns {ReactElement} The rendered debugger component.
+ */
+const Debugger = ({ id, logPropsChanges, stop = false, children, }) => {
+    const uniqueId = id ||
+        // @ts-ignore
+        React["__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED"]?.ReactCurrentOwner?.current?._debugOwner?.type?.name ||
+        new Error().stack?.split("\n")[2]?.trim() ||
+        "unknown-id";
+    useDebugger(logPropsChanges || {}, id);
+    const uniqueIdRef = React.useRef(uniqueId);
+    React.useEffect(() => {
+        const currentUniqueId = uniqueIdRef.current;
+        // eslint-disable-next-line no-console
+        console.log(`${currentUniqueId} Debugger is mounting`);
+        return () => {
+            // eslint-disable-next-line no-console
+            console.log(`${currentUniqueId} Debugger is unmounting`);
+        };
+    }, []);
+    if (stop === true) {
+        // eslint-disable-next-line no-debugger
+        debugger;
+    }
+    return jsxRuntime.jsx("div", { className: "Debugger", children: children });
+};
+
 /**
  * Do nothing
  */
@@ -14355,142 +14492,6 @@ class TrackunitProvidersMockBuilder {
  */
 const trackunitProviders = () => new TrackunitProvidersMockBuilder();
 
-/**
- * Differentiate between the first and subsequent renders.
- *
- * @returns {boolean} Returns true if it is the first render, false otherwise.
- */
-const useIsFirstRender = () => {
-    const [isFirstRender, setIsFirstRender] = React.useState(true);
-    React.useEffect(() => {
-        setIsFirstRender(false);
-    }, []);
-    return isFirstRender;
-};
-
-/**
- * Logs props that have changed.
- * Use this for debugging which props force a component to re-render.
- * This is a hook version of the class component lifecycle method `componentDidUpdate`.
- * ALWAYS wrap in your own object.
- *
- * @param propsToWatch all the props to watch for changes
- * @param id optional id to use for logging or it will guess the id from the stack trace
- * @param dontLogReRender if true, will not log the re-render message nice if you have a lot of re-renders
- * @example
- * const propsToWatch = { foo: props.foo, bar: props.bar };
- * useDebugger(propsToWatch);
- */
-const useDebugger = (propsToWatch, id, dontLogReRender) => {
-    const prevPropsRef = React.useRef(propsToWatch);
-    const uniqueId = React.useMemo(() => {
-        let stackId = id || (propsToWatch && propsToWatch.id);
-        const stack = new Error().stack;
-        if (!stackId && stack) {
-            const stackLines = stack.split("\n");
-            for (let i = 0; i < stackLines.length; i++) {
-                const stackLine = stackLines[i];
-                if (stackLine?.includes("useDebugger")) {
-                    stackId = stackLines[i + 1]?.trim().split(" ")[1];
-                    break;
-                }
-            }
-        }
-        return stackId || "unknown-id";
-    }, [id, propsToWatch]);
-    const isFirstRender = useIsFirstRender();
-    if (isFirstRender) {
-        // eslint-disable-next-line no-console
-        console.log("First-render", uniqueId, window.location.pathname);
-    }
-    else if (dontLogReRender !== true) {
-        // eslint-disable-next-line no-console
-        console.log("Re-render", uniqueId, window.location.pathname);
-    }
-    React.useEffect(() => {
-        const changedProps = Object.entries(propsToWatch || {}).reduce((result, [key, value]) => {
-            if (prevPropsRef.current && prevPropsRef.current[key] !== value) {
-                result[`${key}`] = [prevPropsRef.current[key], value];
-            }
-            return result;
-        }, {});
-        if (sharedUtils.objectKeys(changedProps).length > 0) {
-            sharedUtils.objectKeys(changedProps).forEach(changedProp => {
-                // eslint-disable-next-line no-console
-                console.log(`${uniqueId} changed property: ${changedProp}`);
-                // JSON stringify is used to avoid console.table from logging the object reference
-                const result = JSON.parse(safeStringify(changedProps[changedProp]));
-                const result0 = result[0];
-                const result1 = result[1];
-                if (result0 && typeof result0 === "object") {
-                    sharedUtils.objectKeys(result0).forEach(prop => {
-                        result0[prop] = typeof result0[prop] === "object" ? JSON.stringify(result0[prop]) : result0[prop];
-                    });
-                }
-                if (result1 && typeof result1 === "object") {
-                    sharedUtils.objectKeys(result1).forEach(prop => {
-                        result1[prop] = typeof result1[prop] === "object" ? JSON.stringify(result1[prop]) : result1[prop];
-                    });
-                }
-                // eslint-disable-next-line no-console
-                console.table([result0, result1]);
-            });
-            // eslint-disable-next-line no-console
-            console.dir(changedProps);
-        }
-        prevPropsRef.current = propsToWatch;
-    }, [propsToWatch, uniqueId]);
-};
-/**
- * Debugger component for debugging state changes and re-renders.
- *
- * This component will log when it is mounted, re-renders or unmounted.
- * It will also log when any of its props change.
- *
- * @param props - The component props.
- * @param props.id - Optional id to use for logging.
- * @param props.stop - If true, will stop execution and open debugger.
- * @param props.logPropsChanges - Optional object with props to watch for changes.
- * @param props.children - The children to render.
- * @returns {ReactElement} The rendered debugger component.
- */
-const Debugger = ({ id, logPropsChanges, stop = false, children, }) => {
-    const uniqueId = id ||
-        // @ts-ignore
-        React["__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED"]?.ReactCurrentOwner?.current?._debugOwner?.type?.name ||
-        new Error().stack?.split("\n")[2]?.trim() ||
-        "unknown-id";
-    useDebugger(logPropsChanges || {}, id);
-    const uniqueIdRef = React.useRef(uniqueId);
-    React.useEffect(() => {
-        const currentUniqueId = uniqueIdRef.current;
-        // eslint-disable-next-line no-console
-        console.log(`${currentUniqueId} Debugger is mounting`);
-        return () => {
-            // eslint-disable-next-line no-console
-            console.log(`${currentUniqueId} Debugger is unmounting`);
-        };
-    }, []);
-    if (stop === true) {
-        // eslint-disable-next-line no-debugger
-        debugger;
-    }
-    return jsxRuntime.jsx("div", { className: "Debugger", children: children });
-};
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const safeStringify = (obj) => {
-    const seen = new WeakSet();
-    return JSON.stringify(obj, function (_key, value) {
-        if (typeof value === "object" && value !== null) {
-            if (seen.has(value)) {
-                return undefined; // Omit circular reference
-            }
-            seen.add(value);
-        }
-        return value;
-    });
-};
-
 /**
  * Deep merge for GraphQL mock variables that preserves `undefined` values.
  *

package/index2.esm.js

@@ -1,7 +1,8 @@
-import { SortOrder, AssetSortByProperty } from '@trackunit/iris-app-runtime-core-api';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { createContext, useContext, Children, isValidElement, createElement, useRef, useEffect, useCallback, useMemo, useState } from 'react';
+import React__default, { useState, useEffect, useRef, useMemo, createContext, useContext, Children, isValidElement, createElement, useCallback } from 'react';
+import { objectKeys, doNothing as doNothing$1, objectValues } from '@trackunit/shared-utils';
+import { SortOrder, AssetSortByProperty } from '@trackunit/iris-app-runtime-core-api';
 import * as DeprecatedReactTestUtils from 'react-dom/test-utils';
 import ReactDOM from 'react-dom';
 import * as ReactDOMClient from 'react-dom/client';
@@ -11,11 +12,147 @@ import { ApolloLink } from '@apollo/client';
 import { loadDevMessages, loadErrorMessages } from '@apollo/client/dev';
 import { onError } from '@apollo/client/link/error';
 import { MockLink, MockedProvider } from '@apollo/client/testing';
-import { doNothing as doNothing$1, objectValues, objectKeys } from '@trackunit/shared-utils';
 import { useApolloClient } from '@apollo/client/react';
 import { createMemoryHistory, createRootRoute, createRoute, createRouter, RouterProvider, Outlet } from '@tanstack/react-router';
 import { GraphQLError } from 'graphql';
 
+/**
+ * Differentiate between the first and subsequent renders.
+ *
+ * @returns {boolean} Returns true if it is the first render, false otherwise.
+ */
+const useIsFirstRender = () => {
+    const [isFirstRender, setIsFirstRender] = useState(true);
+    useEffect(() => {
+        setIsFirstRender(false);
+    }, []);
+    return isFirstRender;
+};
+
+/**
+ * Logs props that have changed.
+ * Use this for debugging which props force a component to re-render.
+ * This is a hook version of the class component lifecycle method `componentDidUpdate`.
+ * ALWAYS wrap in your own object.
+ *
+ * @param propsToWatch all the props to watch for changes
+ * @param id optional id to use for logging or it will guess the id from the stack trace
+ * @param dontLogReRender if true, will not log the re-render message nice if you have a lot of re-renders
+ * @example
+ * const propsToWatch = { foo: props.foo, bar: props.bar };
+ * useDebugger(propsToWatch);
+ */
+const useDebugger = (propsToWatch, id, dontLogReRender) => {
+    const prevPropsRef = useRef(propsToWatch);
+    const uniqueId = useMemo(() => {
+        let stackId = id || (propsToWatch && propsToWatch.id);
+        const stack = new Error().stack;
+        if (!stackId && stack) {
+            const stackLines = stack.split("\n");
+            for (let i = 0; i < stackLines.length; i++) {
+                const stackLine = stackLines[i];
+                if (stackLine?.includes("useDebugger")) {
+                    stackId = stackLines[i + 1]?.trim().split(" ")[1];
+                    break;
+                }
+            }
+        }
+        return stackId || "unknown-id";
+    }, [id, propsToWatch]);
+    const isFirstRender = useIsFirstRender();
+    if (isFirstRender) {
+        // eslint-disable-next-line no-console
+        console.log("First-render", uniqueId, window.location.pathname);
+    }
+    else if (dontLogReRender !== true) {
+        // eslint-disable-next-line no-console
+        console.log("Re-render", uniqueId, window.location.pathname);
+    }
+    useEffect(() => {
+        const changedProps = Object.entries(propsToWatch || {}).reduce((result, [key, value]) => {
+            if (prevPropsRef.current && prevPropsRef.current[key] !== value) {
+                result[`${key}`] = [prevPropsRef.current[key], value];
+            }
+            return result;
+        }, {});
+        if (objectKeys(changedProps).length > 0) {
+            objectKeys(changedProps).forEach(changedProp => {
+                // eslint-disable-next-line no-console
+                console.log(`${uniqueId} changed property: ${changedProp}`);
+                // JSON stringify is used to avoid console.table from logging the object reference
+                const result = JSON.parse(safeStringify(changedProps[changedProp]));
+                const result0 = result[0];
+                const result1 = result[1];
+                if (result0 && typeof result0 === "object") {
+                    objectKeys(result0).forEach(prop => {
+                        result0[prop] = typeof result0[prop] === "object" ? JSON.stringify(result0[prop]) : result0[prop];
+                    });
+                }
+                if (result1 && typeof result1 === "object") {
+                    objectKeys(result1).forEach(prop => {
+                        result1[prop] = typeof result1[prop] === "object" ? JSON.stringify(result1[prop]) : result1[prop];
+                    });
+                }
+                // eslint-disable-next-line no-console
+                console.table([result0, result1]);
+            });
+            // eslint-disable-next-line no-console
+            console.dir(changedProps);
+        }
+        prevPropsRef.current = propsToWatch;
+    }, [propsToWatch, uniqueId]);
+};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const safeStringify = (obj) => {
+    const seen = new WeakSet();
+    return JSON.stringify(obj, function (_key, value) {
+        if (typeof value === "object" && value !== null) {
+            if (seen.has(value)) {
+                return undefined; // Omit circular reference
+            }
+            seen.add(value);
+        }
+        return value;
+    });
+};
+
+/**
+ * Debugger component for debugging state changes and re-renders.
+ *
+ * This component will log when it is mounted, re-renders or unmounted.
+ * It will also log when any of its props change.
+ *
+ * @param props - The component props.
+ * @param props.id - Optional id to use for logging.
+ * @param props.stop - If true, will stop execution and open debugger.
+ * @param props.logPropsChanges - Optional object with props to watch for changes.
+ * @param props.children - The children to render.
+ * @returns {ReactElement} The rendered debugger component.
+ */
+const Debugger = ({ id, logPropsChanges, stop = false, children, }) => {
+    const uniqueId = id ||
+        // @ts-ignore
+        React__default["__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED"]?.ReactCurrentOwner?.current?._debugOwner?.type?.name ||
+        new Error().stack?.split("\n")[2]?.trim() ||
+        "unknown-id";
+    useDebugger(logPropsChanges || {}, id);
+    const uniqueIdRef = useRef(uniqueId);
+    useEffect(() => {
+        const currentUniqueId = uniqueIdRef.current;
+        // eslint-disable-next-line no-console
+        console.log(`${currentUniqueId} Debugger is mounting`);
+        return () => {
+            // eslint-disable-next-line no-console
+            console.log(`${currentUniqueId} Debugger is unmounting`);
+        };
+    }, []);
+    if (stop === true) {
+        // eslint-disable-next-line no-debugger
+        debugger;
+    }
+    return jsx("div", { className: "Debugger", children: children });
+};
+
 /**
  * Do nothing
  */
@@ -14333,142 +14470,6 @@ class TrackunitProvidersMockBuilder {
  */
 const trackunitProviders = () => new TrackunitProvidersMockBuilder();
 
-/**
- * Differentiate between the first and subsequent renders.
- *
- * @returns {boolean} Returns true if it is the first render, false otherwise.
- */
-const useIsFirstRender = () => {
-    const [isFirstRender, setIsFirstRender] = useState(true);
-    useEffect(() => {
-        setIsFirstRender(false);
-    }, []);
-    return isFirstRender;
-};
-
-/**
- * Logs props that have changed.
- * Use this for debugging which props force a component to re-render.
- * This is a hook version of the class component lifecycle method `componentDidUpdate`.
- * ALWAYS wrap in your own object.
- *
- * @param propsToWatch all the props to watch for changes
- * @param id optional id to use for logging or it will guess the id from the stack trace
- * @param dontLogReRender if true, will not log the re-render message nice if you have a lot of re-renders
- * @example
- * const propsToWatch = { foo: props.foo, bar: props.bar };
- * useDebugger(propsToWatch);
- */
-const useDebugger = (propsToWatch, id, dontLogReRender) => {
-    const prevPropsRef = useRef(propsToWatch);
-    const uniqueId = useMemo(() => {
-        let stackId = id || (propsToWatch && propsToWatch.id);
-        const stack = new Error().stack;
-        if (!stackId && stack) {
-            const stackLines = stack.split("\n");
-            for (let i = 0; i < stackLines.length; i++) {
-                const stackLine = stackLines[i];
-                if (stackLine?.includes("useDebugger")) {
-                    stackId = stackLines[i + 1]?.trim().split(" ")[1];
-                    break;
-                }
-            }
-        }
-        return stackId || "unknown-id";
-    }, [id, propsToWatch]);
-    const isFirstRender = useIsFirstRender();
-    if (isFirstRender) {
-        // eslint-disable-next-line no-console
-        console.log("First-render", uniqueId, window.location.pathname);
-    }
-    else if (dontLogReRender !== true) {
-        // eslint-disable-next-line no-console
-        console.log("Re-render", uniqueId, window.location.pathname);
-    }
-    useEffect(() => {
-        const changedProps = Object.entries(propsToWatch || {}).reduce((result, [key, value]) => {
-            if (prevPropsRef.current && prevPropsRef.current[key] !== value) {
-                result[`${key}`] = [prevPropsRef.current[key], value];
-            }
-            return result;
-        }, {});
-        if (objectKeys(changedProps).length > 0) {
-            objectKeys(changedProps).forEach(changedProp => {
-                // eslint-disable-next-line no-console
-                console.log(`${uniqueId} changed property: ${changedProp}`);
-                // JSON stringify is used to avoid console.table from logging the object reference
-                const result = JSON.parse(safeStringify(changedProps[changedProp]));
-                const result0 = result[0];
-                const result1 = result[1];
-                if (result0 && typeof result0 === "object") {
-                    objectKeys(result0).forEach(prop => {
-                        result0[prop] = typeof result0[prop] === "object" ? JSON.stringify(result0[prop]) : result0[prop];
-                    });
-                }
-                if (result1 && typeof result1 === "object") {
-                    objectKeys(result1).forEach(prop => {
-                        result1[prop] = typeof result1[prop] === "object" ? JSON.stringify(result1[prop]) : result1[prop];
-                    });
-                }
-                // eslint-disable-next-line no-console
-                console.table([result0, result1]);
-            });
-            // eslint-disable-next-line no-console
-            console.dir(changedProps);
-        }
-        prevPropsRef.current = propsToWatch;
-    }, [propsToWatch, uniqueId]);
-};
-/**
- * Debugger component for debugging state changes and re-renders.
- *
- * This component will log when it is mounted, re-renders or unmounted.
- * It will also log when any of its props change.
- *
- * @param props - The component props.
- * @param props.id - Optional id to use for logging.
- * @param props.stop - If true, will stop execution and open debugger.
- * @param props.logPropsChanges - Optional object with props to watch for changes.
- * @param props.children - The children to render.
- * @returns {ReactElement} The rendered debugger component.
- */
-const Debugger = ({ id, logPropsChanges, stop = false, children, }) => {
-    const uniqueId = id ||
-        // @ts-ignore
-        React__default["__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED"]?.ReactCurrentOwner?.current?._debugOwner?.type?.name ||
-        new Error().stack?.split("\n")[2]?.trim() ||
-        "unknown-id";
-    useDebugger(logPropsChanges || {}, id);
-    const uniqueIdRef = useRef(uniqueId);
-    useEffect(() => {
-        const currentUniqueId = uniqueIdRef.current;
-        // eslint-disable-next-line no-console
-        console.log(`${currentUniqueId} Debugger is mounting`);
-        return () => {
-            // eslint-disable-next-line no-console
-            console.log(`${currentUniqueId} Debugger is unmounting`);
-        };
-    }, []);
-    if (stop === true) {
-        // eslint-disable-next-line no-debugger
-        debugger;
-    }
-    return jsx("div", { className: "Debugger", children: children });
-};
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const safeStringify = (obj) => {
-    const seen = new WeakSet();
-    return JSON.stringify(obj, function (_key, value) {
-        if (typeof value === "object" && value !== null) {
-            if (seen.has(value)) {
-                return undefined; // Omit circular reference
-            }
-            seen.add(value);
-        }
-        return value;
-    });
-};
-
 /**
  * Deep merge for GraphQL mock variables that preserves `undefined` values.
  *

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@trackunit/react-core-contexts-test",
-  "version": "1.18.17",
+  "version": "1.18.18",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=24.x"
   },
   "dependencies": {
-    "@trackunit/shared-utils": "1.16.17",
+    "@trackunit/shared-utils": "1.16.18",
     "@tanstack/router-core": "1.114.29",
-    "@trackunit/iris-app-runtime-core-api": "1.17.17",
-    "@trackunit/react-core-contexts-api": "1.18.17",
+    "@trackunit/iris-app-runtime-core-api": "1.17.18",
+    "@trackunit/react-core-contexts-api": "1.18.18",
     "es-toolkit": "^1.39.10"
   },
   "peerDependencies": {

package/src/Debugger.d.ts

@@ -0,0 +1,20 @@
+import { ReactElement, ReactNode } from "react";
+/**
+ * Debugger component for debugging state changes and re-renders.
+ *
+ * This component will log when it is mounted, re-renders or unmounted.
+ * It will also log when any of its props change.
+ *
+ * @param props - The component props.
+ * @param props.id - Optional id to use for logging.
+ * @param props.stop - If true, will stop execution and open debugger.
+ * @param props.logPropsChanges - Optional object with props to watch for changes.
+ * @param props.children - The children to render.
+ * @returns {ReactElement} The rendered debugger component.
+ */
+export declare const Debugger: ({ id, logPropsChanges, stop, children, }: {
+    children?: ReactNode;
+    id?: string;
+    stop?: boolean;
+    logPropsChanges?: Record<string, unknown>;
+}) => ReactElement;

package/src/TrackunitProvidersMockBuilder.d.ts

@@ -4,7 +4,7 @@ import { RenderResult } from "@testing-library/react";
 import { AnalyticsRuntimeApiSync, AssetSortingState, ConfirmationDialogRuntimeApi, CurrentUserPreferenceState, CurrentUserState, EnvironmentState, ErrorHandlingContextValue, FeatureFlagState, FilterBarContext, ModalDialogRuntimeApi, NavigationRuntimeApi, OemBrandingRuntimeApi, TimeRangeContext, TokenContext, UserSubscription, WidgetConfigContext } from "@trackunit/iris-app-runtime-core-api";
 import { ExportDataContextState, GeolocationContextValue, ToastContextValue } from "@trackunit/react-core-contexts-api";
 import { ReactElement, ReactNode } from "react";
-import { MemoryRouterProps } from "./utils/routingUtils";
+import { MemoryRouterProps } from "./utils/RouterContainer";
 /**
  * This builder allows you to enable trackunit providers using the builder pattern, and then call 1 of either:
  * For React Components:

package/src/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./Debugger";
 export * from "./mocks/mockAnalyticsContext";
 export * from "./mocks/mockAssetSortingContext";
 export * from "./mocks/mockCurrentUserContext";
@@ -10,8 +11,8 @@ export * from "./mocks/mockToastContext";
 export * from "./mocks/mockUserSubscriptionContext";
 export * from "./TrackunitProvidersMockBuilder";
 export * from "./useDebugger";
-export * from "./utils/mergeDeepVars";
 export * from "./utils/doNothing";
+export * from "./utils/mergeDeepVars";
 export * from "./utils/queryFor";
 export * from "./utils/validateIrisApp";
 export * from "./utils/wait";

package/src/useDebugger.d.ts

@@ -1,4 +1,3 @@
-import { ReactElement, ReactNode } from "react";
 type PropsToWatch<TProps> = TProps extends object ? TProps : never;
 /**
  * Logs props that have changed.
@@ -14,23 +13,4 @@ type PropsToWatch<TProps> = TProps extends object ? TProps : never;
  * useDebugger(propsToWatch);
  */
 export declare const useDebugger: <TProps extends object>(propsToWatch: PropsToWatch<TProps> | null, id?: string, dontLogReRender?: boolean) => void;
-/**
- * Debugger component for debugging state changes and re-renders.
- *
- * This component will log when it is mounted, re-renders or unmounted.
- * It will also log when any of its props change.
- *
- * @param props - The component props.
- * @param props.id - Optional id to use for logging.
- * @param props.stop - If true, will stop execution and open debugger.
- * @param props.logPropsChanges - Optional object with props to watch for changes.
- * @param props.children - The children to render.
- * @returns {ReactElement} The rendered debugger component.
- */
-export declare const Debugger: ({ id, logPropsChanges, stop, children, }: {
-    children?: ReactNode;
-    id?: string;
-    stop?: boolean;
-    logPropsChanges?: Record<string, unknown>;
-}) => ReactElement;
 export {};