@trackunit/react-core-hooks 1.4.44 → 1.4.45

package/index.cjs.js

@@ -1120,6 +1120,7 @@ const WidgetConfigProvider = (props) => jsxRuntime.jsx(WidgetConfigContext.Provi
  */
 const useWidgetConfig = () => {
     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();
@@ -1127,7 +1128,10 @@ const useWidgetConfig = () => {
     const { hash } = reactRouter.useLocation();
     const edit = react.useMemo(() => hash.includes("edit=true"), [hash]);
     react.useEffect(() => {
-        irisAppRuntimeCore.WidgetConfigRuntime.getData().then(d => setData(d));
+        irisAppRuntimeCore.WidgetConfigRuntime.getData().then(d => {
+            setData(d);
+            setLoadingData(false);
+        });
         irisAppRuntimeCore.WidgetConfigRuntime.getDataVersion().then(dv => setDataVersion(dv));
         irisAppRuntimeCore.WidgetConfigRuntime.getTitle().then(t => setTitle(t));
     }, []);
@@ -1139,6 +1143,7 @@ const useWidgetConfig = () => {
             setDataVersion(newDataVersion);
         },
         dataVersion,
+        loadingData,
         title,
         setTitle: async (newTitle) => {
             await irisAppRuntimeCore.WidgetConfigRuntime.setTitle(newTitle);
@@ -1151,9 +1156,11 @@ const useWidgetConfig = () => {
             await irisAppRuntimeCore.WidgetConfigRuntime.openEditMode();
         },
         closeEditMode: async () => {
-            await irisAppRuntimeCore.WidgetConfigRuntime.closeEditMode();
+            setTimeout(async () => {
+                await irisAppRuntimeCore.WidgetConfigRuntime.closeEditMode();
+            }, 300);
         },
-    }), [data, dataVersion, title, filters, timeRange, edit]);
+    }), [data, dataVersion, title, filters, timeRange, edit, loadingData]);
     return result;
 };
 

package/index.esm.js

@@ -1118,6 +1118,7 @@ const WidgetConfigProvider = (props) => jsx(WidgetConfigContext.Provider, { ...p
  */
 const useWidgetConfig = () => {
     const [data, setData] = useState(null);
+    const [loadingData, setLoadingData] = useState(true);
     const [dataVersion, setDataVersion] = useState(null);
     const [title, setTitle] = useState(null);
     const filters = useFilterBarContext();
@@ -1125,7 +1126,10 @@ const useWidgetConfig = () => {
     const { hash } = useLocation();
     const edit = useMemo(() => hash.includes("edit=true"), [hash]);
     useEffect(() => {
-        WidgetConfigRuntime.getData().then(d => setData(d));
+        WidgetConfigRuntime.getData().then(d => {
+            setData(d);
+            setLoadingData(false);
+        });
         WidgetConfigRuntime.getDataVersion().then(dv => setDataVersion(dv));
         WidgetConfigRuntime.getTitle().then(t => setTitle(t));
     }, []);
@@ -1137,6 +1141,7 @@ const useWidgetConfig = () => {
             setDataVersion(newDataVersion);
         },
         dataVersion,
+        loadingData,
         title,
         setTitle: async (newTitle) => {
             await WidgetConfigRuntime.setTitle(newTitle);
@@ -1149,9 +1154,11 @@ const useWidgetConfig = () => {
             await WidgetConfigRuntime.openEditMode();
         },
         closeEditMode: async () => {
-            await WidgetConfigRuntime.closeEditMode();
+            setTimeout(async () => {
+                await WidgetConfigRuntime.closeEditMode();
+            }, 300);
         },
-    }), [data, dataVersion, title, filters, timeRange, edit]);
+    }), [data, dataVersion, title, filters, timeRange, edit, loadingData]);
     return result;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-core-hooks",
-  "version": "1.4.44",
+  "version": "1.4.45",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/widgetConfig/WidgetConfigProvider.d.ts

@@ -41,6 +41,7 @@ export declare const useWidgetConfig: () => {
     data: Record<string, unknown> | null;
     setData: (newData: Record<string, unknown>, newDataVersion: number) => Promise<void>;
     dataVersion: number | null;
+    loadingData: boolean;
     title: string | null;
     setTitle: (newTitle: string) => Promise<void>;
     filters: import("@trackunit/react-core-contexts-api").FilterBarContext;