@trackunit/react-core-hooks 1.12.67 → 1.12.69

package/index.cjs.js

@@ -396,7 +396,7 @@ const resolveAccess = async (context, options) => {
     }
     return context.hasAccessTo(options);
 };
-const INITIAL_STATE = {
+const INITIAL_STATE$1 = {
     status: "loading",
     hasAccess: undefined,
     error: undefined,
@@ -404,7 +404,7 @@ const INITIAL_STATE = {
 const accessReducer = (_state, action) => {
     switch (action.type) {
         case "FETCH_START":
-            return INITIAL_STATE;
+            return INITIAL_STATE$1;
         case "FETCH_SUCCESS":
             return { status: "success", hasAccess: action.hasAccess, error: undefined };
         case "FETCH_ERROR":
@@ -427,7 +427,7 @@ const accessReducer = (_state, action) => {
 const useHasAccessTo = (options) => {
     const context = react.useContext(reactCoreContextsApi.NavigationContext);
     const [stableOptions, setStableOptions] = react.useState(options);
-    const [state, dispatch] = react.useReducer(accessReducer, INITIAL_STATE);
+    const [state, dispatch] = react.useReducer(accessReducer, INITIAL_STATE$1);
     if (!esToolkit.isEqual(stableOptions, options)) {
         setStableOptions(options);
     }
@@ -576,6 +576,17 @@ const useCustomerRuntime = () => {
     return { customerInfo, loading, error };
 };
 
+const eventRuntimeReducer = (_state, action) => {
+    switch (action.type) {
+        case "success":
+            return { status: "success", eventInfo: action.eventInfo };
+        case "error":
+            return { status: "error", error: action.error };
+        default:
+            return _state;
+    }
+};
+const INITIAL_STATE = { status: "loading" };
 /**
  * A hook to expose event runtime for React components
  *
@@ -594,25 +605,17 @@ const useCustomerRuntime = () => {
  * }, [getEventQuery, eventInfo]);
  */
 const useEventRuntime = () => {
-    const [eventInfo, setEventInfo] = react.useState();
-    const [loading, setLoading] = react.useState(true);
-    const [error, setError] = react.useState();
+    const [state, dispatch] = react.useReducer(eventRuntimeReducer, INITIAL_STATE);
     react.useEffect(() => {
-        const getEventInfo = async () => {
-            setLoading(true);
-            try {
-                const updatedEventInfo = await irisAppRuntimeCore.EventRuntime.getEventInfo();
-                setLoading(false);
-                setEventInfo(updatedEventInfo);
-            }
-            catch (e) {
-                setLoading(false);
-                setError(new Error("Failed to get event info"));
-            }
-        };
-        void getEventInfo();
+        void irisAppRuntimeCore.EventRuntime.getEventInfo()
+            .then(eventInfo => dispatch({ type: "success", eventInfo }))
+            .catch(() => dispatch({ type: "error", error: new Error("Failed to get event info") }));
     }, []);
-    return { eventInfo, loading, error };
+    return {
+        eventInfo: state.status === "success" ? state.eventInfo : undefined,
+        loading: state.status === "loading",
+        error: state.status === "error" ? state.error : undefined,
+    };
 };
 
 /**
@@ -981,6 +984,28 @@ const useWidgetConfigAsync = () => {
     }
     return context;
 };
+const widgetDataReducer = (state, action) => {
+    switch (action.type) {
+        case "dataLoaded":
+            return { ...state, data: action.data, loadingData: false };
+        case "dataVersionLoaded":
+            return { ...state, dataVersion: action.dataVersion };
+        case "titleLoaded":
+            return { ...state, title: action.title };
+        case "dataUpdated":
+            return { ...state, data: action.data, dataVersion: action.dataVersion };
+        case "titleUpdated":
+            return { ...state, title: action.title };
+        default:
+            return state;
+    }
+};
+const INITIAL_WIDGET_DATA_STATE = {
+    data: null,
+    loadingData: true,
+    dataVersion: null,
+    title: null,
+};
 /**
  * This is a hook to use the WidgetConfigContext.
  *
@@ -996,13 +1021,9 @@ const useWidgetConfigAsync = () => {
  */
 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 [widgetData, dispatch] = react.useReducer(widgetDataReducer, INITIAL_WIDGET_DATA_STATE);
     const filters = useFilterBarContext();
     const { timeRange } = useTimeRange();
-    // 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(() => {
         const handleHashChange = () => {
@@ -1013,29 +1034,27 @@ const useWidgetConfig = () => {
     }, []);
     const widgetConfigContextRef = react.useRef(widgetConfigContext);
     react.useEffect(() => {
-        void widgetConfigContextRef.current.getData().then(d => {
-            setData(d);
-            setLoadingData(false);
-        });
-        void widgetConfigContextRef.current.getDataVersion().then(dv => setDataVersion(dv));
-        void widgetConfigContextRef.current.getTitle().then(t => setTitle(t));
+        void widgetConfigContextRef.current.getData().then(d => dispatch({ type: "dataLoaded", data: d }));
+        void widgetConfigContextRef.current
+            .getDataVersion()
+            .then(dv => dispatch({ type: "dataVersionLoaded", dataVersion: dv }));
+        void widgetConfigContextRef.current.getTitle().then(t => dispatch({ type: "titleLoaded", title: t }));
     }, []);
     const result = react.useMemo(() => ({
-        data,
+        data: widgetData.data,
         setData: async (newData, newDataVersion) => {
             await widgetConfigContext.setData(newData, newDataVersion);
-            setData(newData);
-            setDataVersion(newDataVersion);
+            dispatch({ type: "dataUpdated", data: newData, dataVersion: newDataVersion });
         },
-        dataVersion,
-        loadingData,
+        dataVersion: widgetData.dataVersion,
+        loadingData: widgetData.loadingData,
         setLoadingState: async (newLoadingState) => {
             await widgetConfigContext.setLoadingState(newLoadingState);
         },
-        title,
+        title: widgetData.title,
         setTitle: async (newTitle) => {
             await widgetConfigContext.setTitle(newTitle);
-            setTitle(newTitle);
+            dispatch({ type: "titleUpdated", title: newTitle });
         },
         filters,
         timeRange,
@@ -1048,13 +1067,25 @@ const useWidgetConfig = () => {
             if (props) {
                 if (props.newData && props.newData.data) {
                     await irisAppRuntimeCore.WidgetConfigRuntime.setWidgetData(props.newData.data, props.newData.dataVersion ?? 1, props.newTitle ?? undefined);
-                    setData(props.newData.data);
-                    setDataVersion(props.newData.dataVersion ?? 1);
+                    dispatch({
+                        type: "dataUpdated",
+                        data: props.newData.data,
+                        dataVersion: props.newData.dataVersion ?? 1,
+                    });
                 }
             }
             await widgetConfigContext.closeEditMode();
         },
-    }), [data, dataVersion, title, filters, timeRange, edit, loadingData, widgetConfigContext]);
+    }), [
+        widgetData.data,
+        widgetData.dataVersion,
+        widgetData.title,
+        filters,
+        timeRange,
+        edit,
+        widgetData.loadingData,
+        widgetConfigContext,
+    ]);
     return result;
 };
 

package/index.esm.js

@@ -394,7 +394,7 @@ const resolveAccess = async (context, options) => {
     }
     return context.hasAccessTo(options);
 };
-const INITIAL_STATE = {
+const INITIAL_STATE$1 = {
     status: "loading",
     hasAccess: undefined,
     error: undefined,
@@ -402,7 +402,7 @@ const INITIAL_STATE = {
 const accessReducer = (_state, action) => {
     switch (action.type) {
         case "FETCH_START":
-            return INITIAL_STATE;
+            return INITIAL_STATE$1;
         case "FETCH_SUCCESS":
             return { status: "success", hasAccess: action.hasAccess, error: undefined };
         case "FETCH_ERROR":
@@ -425,7 +425,7 @@ const accessReducer = (_state, action) => {
 const useHasAccessTo = (options) => {
     const context = useContext(NavigationContext);
     const [stableOptions, setStableOptions] = useState(options);
-    const [state, dispatch] = useReducer(accessReducer, INITIAL_STATE);
+    const [state, dispatch] = useReducer(accessReducer, INITIAL_STATE$1);
     if (!isEqual(stableOptions, options)) {
         setStableOptions(options);
     }
@@ -574,6 +574,17 @@ const useCustomerRuntime = () => {
     return { customerInfo, loading, error };
 };
 
+const eventRuntimeReducer = (_state, action) => {
+    switch (action.type) {
+        case "success":
+            return { status: "success", eventInfo: action.eventInfo };
+        case "error":
+            return { status: "error", error: action.error };
+        default:
+            return _state;
+    }
+};
+const INITIAL_STATE = { status: "loading" };
 /**
  * A hook to expose event runtime for React components
  *
@@ -592,25 +603,17 @@ const useCustomerRuntime = () => {
  * }, [getEventQuery, eventInfo]);
  */
 const useEventRuntime = () => {
-    const [eventInfo, setEventInfo] = useState();
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState();
+    const [state, dispatch] = useReducer(eventRuntimeReducer, INITIAL_STATE);
     useEffect(() => {
-        const getEventInfo = async () => {
-            setLoading(true);
-            try {
-                const updatedEventInfo = await EventRuntime.getEventInfo();
-                setLoading(false);
-                setEventInfo(updatedEventInfo);
-            }
-            catch (e) {
-                setLoading(false);
-                setError(new Error("Failed to get event info"));
-            }
-        };
-        void getEventInfo();
+        void EventRuntime.getEventInfo()
+            .then(eventInfo => dispatch({ type: "success", eventInfo }))
+            .catch(() => dispatch({ type: "error", error: new Error("Failed to get event info") }));
     }, []);
-    return { eventInfo, loading, error };
+    return {
+        eventInfo: state.status === "success" ? state.eventInfo : undefined,
+        loading: state.status === "loading",
+        error: state.status === "error" ? state.error : undefined,
+    };
 };
 
 /**
@@ -979,6 +982,28 @@ const useWidgetConfigAsync = () => {
     }
     return context;
 };
+const widgetDataReducer = (state, action) => {
+    switch (action.type) {
+        case "dataLoaded":
+            return { ...state, data: action.data, loadingData: false };
+        case "dataVersionLoaded":
+            return { ...state, dataVersion: action.dataVersion };
+        case "titleLoaded":
+            return { ...state, title: action.title };
+        case "dataUpdated":
+            return { ...state, data: action.data, dataVersion: action.dataVersion };
+        case "titleUpdated":
+            return { ...state, title: action.title };
+        default:
+            return state;
+    }
+};
+const INITIAL_WIDGET_DATA_STATE = {
+    data: null,
+    loadingData: true,
+    dataVersion: null,
+    title: null,
+};
 /**
  * This is a hook to use the WidgetConfigContext.
  *
@@ -994,13 +1019,9 @@ const useWidgetConfigAsync = () => {
  */
 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 [widgetData, dispatch] = useReducer(widgetDataReducer, INITIAL_WIDGET_DATA_STATE);
     const filters = useFilterBarContext();
     const { timeRange } = useTimeRange();
-    // 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(() => {
         const handleHashChange = () => {
@@ -1011,29 +1032,27 @@ const useWidgetConfig = () => {
     }, []);
     const widgetConfigContextRef = useRef(widgetConfigContext);
     useEffect(() => {
-        void widgetConfigContextRef.current.getData().then(d => {
-            setData(d);
-            setLoadingData(false);
-        });
-        void widgetConfigContextRef.current.getDataVersion().then(dv => setDataVersion(dv));
-        void widgetConfigContextRef.current.getTitle().then(t => setTitle(t));
+        void widgetConfigContextRef.current.getData().then(d => dispatch({ type: "dataLoaded", data: d }));
+        void widgetConfigContextRef.current
+            .getDataVersion()
+            .then(dv => dispatch({ type: "dataVersionLoaded", dataVersion: dv }));
+        void widgetConfigContextRef.current.getTitle().then(t => dispatch({ type: "titleLoaded", title: t }));
     }, []);
     const result = useMemo(() => ({
-        data,
+        data: widgetData.data,
         setData: async (newData, newDataVersion) => {
             await widgetConfigContext.setData(newData, newDataVersion);
-            setData(newData);
-            setDataVersion(newDataVersion);
+            dispatch({ type: "dataUpdated", data: newData, dataVersion: newDataVersion });
         },
-        dataVersion,
-        loadingData,
+        dataVersion: widgetData.dataVersion,
+        loadingData: widgetData.loadingData,
         setLoadingState: async (newLoadingState) => {
             await widgetConfigContext.setLoadingState(newLoadingState);
         },
-        title,
+        title: widgetData.title,
         setTitle: async (newTitle) => {
             await widgetConfigContext.setTitle(newTitle);
-            setTitle(newTitle);
+            dispatch({ type: "titleUpdated", title: newTitle });
         },
         filters,
         timeRange,
@@ -1046,13 +1065,25 @@ const useWidgetConfig = () => {
             if (props) {
                 if (props.newData && props.newData.data) {
                     await WidgetConfigRuntime.setWidgetData(props.newData.data, props.newData.dataVersion ?? 1, props.newTitle ?? undefined);
-                    setData(props.newData.data);
-                    setDataVersion(props.newData.dataVersion ?? 1);
+                    dispatch({
+                        type: "dataUpdated",
+                        data: props.newData.data,
+                        dataVersion: props.newData.dataVersion ?? 1,
+                    });
                 }
             }
             await widgetConfigContext.closeEditMode();
         },
-    }), [data, dataVersion, title, filters, timeRange, edit, loadingData, widgetConfigContext]);
+    }), [
+        widgetData.data,
+        widgetData.dataVersion,
+        widgetData.title,
+        filters,
+        timeRange,
+        edit,
+        widgetData.loadingData,
+        widgetConfigContext,
+    ]);
     return result;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-core-hooks",
-  "version": "1.12.67",
+  "version": "1.12.69",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -9,9 +9,9 @@
   "dependencies": {
     "react": "19.0.0",
     "es-toolkit": "^1.39.10",
-    "@trackunit/iris-app-runtime-core": "1.13.60",
-    "@trackunit/iris-app-runtime-core-api": "1.12.57",
-    "@trackunit/react-core-contexts-api": "1.13.58"
+    "@trackunit/iris-app-runtime-core": "1.13.61",
+    "@trackunit/iris-app-runtime-core-api": "1.12.58",
+    "@trackunit/react-core-contexts-api": "1.13.59"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",