@trackunit/react-core-hooks 1.7.9 → 1.7.10

package/index.cjs.js

@@ -5,7 +5,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var fflate = require('fflate');
 var irisAppRuntimeCore = require('@trackunit/iris-app-runtime-core');
 var sharedUtils = require('@trackunit/shared-utils');
-var reactRouter = require('@tanstack/react-router');
 
 const AnalyticsContext = react.createContext(null);
 const AnalyticsContextProvider = AnalyticsContext.Provider; // easy import
@@ -1222,48 +1221,61 @@ const WidgetConfigProvider = (props) => jsxRuntime.jsx(WidgetConfigContext.Provi
  * import { useWidgetConfig } from "@trackunit/react-core-hooks";
  *
  * export const useWidgetConfig = () => {
- *   const { widgetConfig } = useWidgetConfig();
+ *   const { ... } = useWidgetConfig();
  *
  *   ...
  * };
  * @see { WidgetConfigContext}
  */
 const useWidgetConfig = () => {
+    const widgetConfigContext = useWidgetConfigAsync();
     const [data, setData] = react.useState(null);
     const [loadingData, setLoadingData] = react.useState(true);
     const [dataVersion, setDataVersion] = react.useState(null);
     const [title, setTitle] = react.useState(null);
     const filters = useFilterBarContext();
     const { timeRange } = useTimeRange();
-    const { hash } = reactRouter.useLocation();
-    const edit = react.useMemo(() => hash.includes("edit=true"), [hash]);
+    // use window.location.hash directly to avoid depending on tanstack router in core-hooks
+    const [edit, setEdit] = react.useState(() => window.location.hash.includes("edit=true"));
     react.useEffect(() => {
-        irisAppRuntimeCore.WidgetConfigRuntime.getData().then(d => {
+        const handleHashChange = () => {
+            setEdit(window.location.hash.includes("edit=true"));
+        };
+        window.addEventListener("hashchange", handleHashChange);
+        return () => window.removeEventListener("hashchange", handleHashChange);
+    }, []);
+    const widgetConfigContextRef = react.useRef(widgetConfigContext);
+    react.useEffect(() => {
+        void widgetConfigContextRef.current.getData().then(d => {
             setData(d);
             setLoadingData(false);
         });
-        irisAppRuntimeCore.WidgetConfigRuntime.getDataVersion().then(dv => setDataVersion(dv));
-        irisAppRuntimeCore.WidgetConfigRuntime.getTitle().then(t => setTitle(t));
+        void widgetConfigContextRef.current.getDataVersion().then(dv => setDataVersion(dv));
+        void widgetConfigContextRef.current.getTitle().then(t => setTitle(t));
     }, []);
     const result = react.useMemo(() => ({
         data,
         setData: async (newData, newDataVersion) => {
-            await irisAppRuntimeCore.WidgetConfigRuntime.setData(newData, newDataVersion);
+            await widgetConfigContext.setData(newData, newDataVersion);
             setData(newData);
             setDataVersion(newDataVersion);
         },
         dataVersion,
         loadingData,
+        setLoadingState: async (newLoadingState) => {
+            await widgetConfigContext.setLoadingState(newLoadingState);
+        },
         title,
         setTitle: async (newTitle) => {
-            await irisAppRuntimeCore.WidgetConfigRuntime.setTitle(newTitle);
+            await widgetConfigContext.setTitle(newTitle);
             setTitle(newTitle);
         },
         filters,
         timeRange,
         isEditMode: edit,
+        pollInterval: widgetConfigContext.pollInterval,
         openEditMode: async () => {
-            await irisAppRuntimeCore.WidgetConfigRuntime.openEditMode();
+            await widgetConfigContext.openEditMode();
         },
         closeEditMode: async (props) => {
             if (props) {
@@ -1273,9 +1285,9 @@ const useWidgetConfig = () => {
                     setDataVersion(props.newData.dataVersion ?? 1);
                 }
             }
-            await irisAppRuntimeCore.WidgetConfigRuntime.closeEditMode();
+            await widgetConfigContext.closeEditMode();
         },
-    }), [data, dataVersion, title, filters, timeRange, edit, loadingData]);
+    }), [data, dataVersion, title, filters, timeRange, edit, loadingData, widgetConfigContext]);
     return result;
 };
 

package/index.esm.js

@@ -3,7 +3,6 @@ import { jsx } from 'react/jsx-runtime';
 import { gzipSync, gunzipSync } from 'fflate';
 import { AssetRuntime, CustomerRuntime, EventRuntime, ParamsRuntime, SiteRuntime, WidgetConfigRuntime } from '@trackunit/iris-app-runtime-core';
 import { filterByMultiple } from '@trackunit/shared-utils';
-import { useLocation } from '@tanstack/react-router';
 
 const AnalyticsContext = createContext(null);
 const AnalyticsContextProvider = AnalyticsContext.Provider; // easy import
@@ -1220,48 +1219,61 @@ const WidgetConfigProvider = (props) => jsx(WidgetConfigContext.Provider, { ...p
  * import { useWidgetConfig } from "@trackunit/react-core-hooks";
  *
  * export const useWidgetConfig = () => {
- *   const { widgetConfig } = useWidgetConfig();
+ *   const { ... } = useWidgetConfig();
  *
  *   ...
  * };
  * @see { WidgetConfigContext}
  */
 const useWidgetConfig = () => {
+    const widgetConfigContext = useWidgetConfigAsync();
     const [data, setData] = useState(null);
     const [loadingData, setLoadingData] = useState(true);
     const [dataVersion, setDataVersion] = useState(null);
     const [title, setTitle] = useState(null);
     const filters = useFilterBarContext();
     const { timeRange } = useTimeRange();
-    const { hash } = useLocation();
-    const edit = useMemo(() => hash.includes("edit=true"), [hash]);
+    // use window.location.hash directly to avoid depending on tanstack router in core-hooks
+    const [edit, setEdit] = useState(() => window.location.hash.includes("edit=true"));
     useEffect(() => {
-        WidgetConfigRuntime.getData().then(d => {
+        const handleHashChange = () => {
+            setEdit(window.location.hash.includes("edit=true"));
+        };
+        window.addEventListener("hashchange", handleHashChange);
+        return () => window.removeEventListener("hashchange", handleHashChange);
+    }, []);
+    const widgetConfigContextRef = useRef(widgetConfigContext);
+    useEffect(() => {
+        void widgetConfigContextRef.current.getData().then(d => {
             setData(d);
             setLoadingData(false);
         });
-        WidgetConfigRuntime.getDataVersion().then(dv => setDataVersion(dv));
-        WidgetConfigRuntime.getTitle().then(t => setTitle(t));
+        void widgetConfigContextRef.current.getDataVersion().then(dv => setDataVersion(dv));
+        void widgetConfigContextRef.current.getTitle().then(t => setTitle(t));
     }, []);
     const result = useMemo(() => ({
         data,
         setData: async (newData, newDataVersion) => {
-            await WidgetConfigRuntime.setData(newData, newDataVersion);
+            await widgetConfigContext.setData(newData, newDataVersion);
             setData(newData);
             setDataVersion(newDataVersion);
         },
         dataVersion,
         loadingData,
+        setLoadingState: async (newLoadingState) => {
+            await widgetConfigContext.setLoadingState(newLoadingState);
+        },
         title,
         setTitle: async (newTitle) => {
-            await WidgetConfigRuntime.setTitle(newTitle);
+            await widgetConfigContext.setTitle(newTitle);
             setTitle(newTitle);
         },
         filters,
         timeRange,
         isEditMode: edit,
+        pollInterval: widgetConfigContext.pollInterval,
         openEditMode: async () => {
-            await WidgetConfigRuntime.openEditMode();
+            await widgetConfigContext.openEditMode();
         },
         closeEditMode: async (props) => {
             if (props) {
@@ -1271,9 +1283,9 @@ const useWidgetConfig = () => {
                     setDataVersion(props.newData.dataVersion ?? 1);
                 }
             }
-            await WidgetConfigRuntime.closeEditMode();
+            await widgetConfigContext.closeEditMode();
         },
-    }), [data, dataVersion, title, filters, timeRange, edit, loadingData]);
+    }), [data, dataVersion, title, filters, timeRange, edit, loadingData, widgetConfigContext]);
     return result;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-core-hooks",
-  "version": "1.7.9",
+  "version": "1.7.10",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -10,11 +10,10 @@
     "react": "19.0.0",
     "jest-fetch-mock": "^3.0.3",
     "zod": "^3.23.8",
-    "@trackunit/react-core-contexts-api": "1.8.9",
-    "@trackunit/iris-app-runtime-core": "1.8.9",
-    "@trackunit/shared-utils": "1.9.7",
-    "@tanstack/react-router": "1.114.29",
-    "@trackunit/react-test-setup": "1.4.7",
+    "@trackunit/react-core-contexts-api": "1.8.10",
+    "@trackunit/iris-app-runtime-core": "1.8.10",
+    "@trackunit/shared-utils": "1.9.8",
+    "@trackunit/react-test-setup": "1.4.8",
     "fflate": "^0.8.2"
   },
   "module": "./index.esm.js",

package/src/widgetConfig/WidgetConfigProvider.d.ts

@@ -1,5 +1,4 @@
-import { WidgetConfigRuntime } from "@trackunit/iris-app-runtime-core";
-import { WidgetConfigContext as WidgetConfigContextType } from "@trackunit/react-core-contexts-api";
+import { LoadingState, WidgetConfigContext as WidgetConfigContextType } from "@trackunit/react-core-contexts-api";
 import { ReactNode } from "react";
 /**
  * This is a hook to use the WidgetConfigProvider.
@@ -17,7 +16,7 @@ import { ReactNode } from "react";
  */
 export declare const useWidgetConfigAsync: () => WidgetConfigContextType;
 interface WidgetConfigContextProps {
-    value: typeof WidgetConfigRuntime;
+    value: WidgetConfigContextType;
     children?: ReactNode;
 }
 /**
@@ -31,7 +30,7 @@ export declare const WidgetConfigProvider: (props: WidgetConfigContextProps) =>
  * import { useWidgetConfig } from "@trackunit/react-core-hooks";
  *
  * export const useWidgetConfig = () => {
- *   const { widgetConfig } = useWidgetConfig();
+ *   const { ... } = useWidgetConfig();
  *
  *   ...
  * };
@@ -42,11 +41,13 @@ export declare const useWidgetConfig: () => {
     setData: (newData: Record<string, unknown>, newDataVersion: number) => Promise<void>;
     dataVersion: number | null;
     loadingData: boolean;
+    setLoadingState: (newLoadingState: LoadingState) => Promise<void>;
     title: string | null;
     setTitle: (newTitle: string) => Promise<void>;
     filters: import("@trackunit/react-core-contexts-api").FilterBarContext;
     timeRange: import("@trackunit/react-core-contexts-api").TimeRange | null;
     isEditMode: boolean;
+    pollInterval: number | undefined;
     openEditMode: () => Promise<void>;
     closeEditMode: (props?: {
         newTitle?: string | null;