@vuu-ui/vuu-data-react 0.13.104 → 0.13.105

package/cjs/hooks/useRemoteConnection.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
+var react = require('react');
+var vuuNotifications = require('@vuu-ui/vuu-notifications');
+var LostConnectionIndicator = require('../lost-connection-indicator/LostConnectionIndicator.js');
+
+const useRemoteConnection = ({
+  serverUrl,
+  user
+}) => {
+  const { hideNotification, showNotification } = vuuNotifications.useNotifications();
+  const isConnectedRef = react.useRef(false);
+  const handleConnectionStatusChange = react.useCallback(
+    (message) => {
+      const { current: wasConnected } = isConnectedRef;
+      isConnectedRef.current = vuuDataRemote.isConnected(message.connectionStatus);
+      if (wasConnected && message.connectionStatus === "disconnected") {
+        showNotification({
+          content: /* @__PURE__ */ jsxRuntime.jsx(LostConnectionIndicator.LostConnectionIndicator, {}),
+          status: "error",
+          type: vuuNotifications.NotificationType.Workspace
+        });
+      } else if (!wasConnected && isConnectedRef.current) {
+        hideNotification();
+      }
+    },
+    [hideNotification, showNotification]
+  );
+  react.useMemo(async () => {
+    if (serverUrl) {
+      vuuDataRemote.ConnectionManager.on("connection-status", handleConnectionStatusChange);
+      const connectionResult = await vuuDataRemote.ConnectionManager.connect({
+        token: user.token,
+        url: serverUrl
+      });
+      if (connectionResult === "rejected") {
+        showNotification({
+          status: "error",
+          content: "Unable to connect to VUU Server",
+          header: "Error",
+          type: vuuNotifications.NotificationType.Toast
+        });
+      }
+    }
+  }, [handleConnectionStatusChange, showNotification, serverUrl, user.token]);
+};
+
+exports.useRemoteConnection = useRemoteConnection;
+//# sourceMappingURL=useRemoteConnection.js.map

package/cjs/hooks/useRemoteConnection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRemoteConnection.js","sources":["../../../../packages/vuu-data-react/src/hooks/useRemoteConnection.tsx"],"sourcesContent":["import {\n  ConnectionManager,\n  WebSocketConnectionState,\n  isConnected,\n} from \"@vuu-ui/vuu-data-remote\";\nimport type { VuuUser } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { NotificationType, useNotifications } from \"@vuu-ui/vuu-notifications\";\nimport { LostConnectionIndicator } from \"../lost-connection-indicator/LostConnectionIndicator\";\n\nexport interface RemoteConnectionHookProps {\n  serverUrl?: string;\n  user: VuuUser;\n}\nexport const useRemoteConnection = ({\n  serverUrl,\n  user,\n}: RemoteConnectionHookProps) => {\n  const { hideNotification, showNotification } = useNotifications();\n\n  const isConnectedRef = useRef(false);\n\n  const handleConnectionStatusChange = useCallback(\n    (message: WebSocketConnectionState) => {\n      const { current: wasConnected } = isConnectedRef;\n      isConnectedRef.current = isConnected(message.connectionStatus);\n\n      if (wasConnected && message.connectionStatus === \"disconnected\") {\n        showNotification({\n          content: <LostConnectionIndicator />,\n          status: \"error\",\n          type: NotificationType.Workspace,\n        });\n      } else if (!wasConnected && isConnectedRef.current) {\n        hideNotification();\n      }\n    },\n    [hideNotification, showNotification],\n  );\n\n  useMemo(async () => {\n    if (serverUrl) {\n      ConnectionManager.on(\"connection-status\", handleConnectionStatusChange);\n      const connectionResult = await ConnectionManager.connect({\n        token: user.token,\n        url: serverUrl,\n      });\n      if (connectionResult === \"rejected\") {\n        showNotification({\n          status: \"error\",\n          content: \"Unable to connect to VUU Server\",\n          header: \"Error\",\n          type: NotificationType.Toast,\n        });\n      }\n    }\n  }, [handleConnectionStatusChange, showNotification, serverUrl, user.token]);\n};\n"],"names":["useNotifications","useRef","useCallback","isConnected","LostConnectionIndicator","NotificationType","useMemo","ConnectionManager"],"mappings":";;;;;;;;AAcO,MAAM,sBAAsB,CAAC;AAAA,EAClC,SAAA;AAAA,EACA;AACF,CAAiC,KAAA;AAC/B,EAAA,MAAM,EAAE,gBAAA,EAAkB,gBAAiB,EAAA,GAAIA,iCAAiB,EAAA;AAEhE,EAAM,MAAA,cAAA,GAAiBC,aAAO,KAAK,CAAA;AAEnC,EAAA,MAAM,4BAA+B,GAAAC,iBAAA;AAAA,IACnC,CAAC,OAAsC,KAAA;AACrC,MAAM,MAAA,EAAE,OAAS,EAAA,YAAA,EAAiB,GAAA,cAAA;AAClC,MAAe,cAAA,CAAA,OAAA,GAAUC,yBAAY,CAAA,OAAA,CAAQ,gBAAgB,CAAA;AAE7D,MAAI,IAAA,YAAA,IAAgB,OAAQ,CAAA,gBAAA,KAAqB,cAAgB,EAAA;AAC/D,QAAiB,gBAAA,CAAA;AAAA,UACf,OAAA,iCAAUC,+CAAwB,EAAA,EAAA,CAAA;AAAA,UAClC,MAAQ,EAAA,OAAA;AAAA,UACR,MAAMC,iCAAiB,CAAA;AAAA,SACxB,CAAA;AAAA,OACQ,MAAA,IAAA,CAAC,YAAgB,IAAA,cAAA,CAAe,OAAS,EAAA;AAClD,QAAiB,gBAAA,EAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,kBAAkB,gBAAgB;AAAA,GACrC;AAEA,EAAAC,aAAA,CAAQ,YAAY;AAClB,IAAA,IAAI,SAAW,EAAA;AACb,MAAkBC,+BAAA,CAAA,EAAA,CAAG,qBAAqB,4BAA4B,CAAA;AACtE,MAAM,MAAA,gBAAA,GAAmB,MAAMA,+BAAA,CAAkB,OAAQ,CAAA;AAAA,QACvD,OAAO,IAAK,CAAA,KAAA;AAAA,QACZ,GAAK,EAAA;AAAA,OACN,CAAA;AACD,MAAA,IAAI,qBAAqB,UAAY,EAAA;AACnC,QAAiB,gBAAA,CAAA;AAAA,UACf,MAAQ,EAAA,OAAA;AAAA,UACR,OAAS,EAAA,iCAAA;AAAA,UACT,MAAQ,EAAA,OAAA;AAAA,UACR,MAAMF,iCAAiB,CAAA;AAAA,SACxB,CAAA;AAAA;AACH;AACF,KACC,CAAC,4BAAA,EAA8B,kBAAkB,SAAW,EAAA,IAAA,CAAK,KAAK,CAAC,CAAA;AAC5E;;;;"}

package/cjs/index.js

@@ -8,12 +8,12 @@ var useEditForm = require('./data-editing/useEditForm.js');
 var formEditState = require('./data-editing/form-edit-state.js');
 var VuuDataSourceProvider = require('./datasource-provider/VuuDataSourceProvider.js');
 var useLookupValues = require('./hooks/useLookupValues.js');
+var useRemoteConnection = require('./hooks/useRemoteConnection.js');
 var useSessionDataSource = require('./hooks/useSessionDataSource.js');
 var useTypeaheadSuggestions = require('./hooks/useTypeaheadSuggestions.js');
 var useVisualLinks = require('./hooks/useVisualLinks.js');
 var useVuuMenuActions = require('./hooks/useVuuMenuActions.js');
 var useVuuTables = require('./hooks/useVuuTables.js');
-var useLostConnection = require('./lost-connection-indicator/useLostConnection.js');
 var SessionEditingForm = require('./session-editing-form/SessionEditingForm.js');
 
 
@@ -29,6 +29,7 @@ exports.CLEAN_FORM = formEditState.CLEAN_FORM;
 exports.buildFormEditState = formEditState.buildFormEditState;
 exports.VuuDataSourceProvider = VuuDataSourceProvider.VuuDataSourceProvider;
 exports.useLookupValues = useLookupValues.useLookupValues;
+exports.useRemoteConnection = useRemoteConnection.useRemoteConnection;
 exports.useSessionDataSource = useSessionDataSource.useSessionDataSource;
 exports.getTypeaheadParams = useTypeaheadSuggestions.getTypeaheadParams;
 exports.useTypeaheadSuggestions = useTypeaheadSuggestions.useTypeaheadSuggestions;
@@ -37,6 +38,5 @@ exports.isRowMenu = useVuuMenuActions.isRowMenu;
 exports.isSelectionMenu = useVuuMenuActions.isSelectionMenu;
 exports.useVuuMenuActions = useVuuMenuActions.useVuuMenuActions;
 exports.useVuuTables = useVuuTables.useVuuTables;
-exports.useLostConnection = useLostConnection.useLostConnection;
 exports.SessionEditingForm = SessionEditingForm.SessionEditingForm;
 //# sourceMappingURL=index.js.map

package/esm/hooks/useRemoteConnection.js

@@ -0,0 +1,49 @@
+import { jsx } from 'react/jsx-runtime';
+import { isConnected, ConnectionManager } from '@vuu-ui/vuu-data-remote';
+import { useRef, useCallback, useMemo } from 'react';
+import { useNotifications, NotificationType } from '@vuu-ui/vuu-notifications';
+import { LostConnectionIndicator } from '../lost-connection-indicator/LostConnectionIndicator.js';
+
+const useRemoteConnection = ({
+  serverUrl,
+  user
+}) => {
+  const { hideNotification, showNotification } = useNotifications();
+  const isConnectedRef = useRef(false);
+  const handleConnectionStatusChange = useCallback(
+    (message) => {
+      const { current: wasConnected } = isConnectedRef;
+      isConnectedRef.current = isConnected(message.connectionStatus);
+      if (wasConnected && message.connectionStatus === "disconnected") {
+        showNotification({
+          content: /* @__PURE__ */ jsx(LostConnectionIndicator, {}),
+          status: "error",
+          type: NotificationType.Workspace
+        });
+      } else if (!wasConnected && isConnectedRef.current) {
+        hideNotification();
+      }
+    },
+    [hideNotification, showNotification]
+  );
+  useMemo(async () => {
+    if (serverUrl) {
+      ConnectionManager.on("connection-status", handleConnectionStatusChange);
+      const connectionResult = await ConnectionManager.connect({
+        token: user.token,
+        url: serverUrl
+      });
+      if (connectionResult === "rejected") {
+        showNotification({
+          status: "error",
+          content: "Unable to connect to VUU Server",
+          header: "Error",
+          type: NotificationType.Toast
+        });
+      }
+    }
+  }, [handleConnectionStatusChange, showNotification, serverUrl, user.token]);
+};
+
+export { useRemoteConnection };
+//# sourceMappingURL=useRemoteConnection.js.map

package/esm/hooks/useRemoteConnection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRemoteConnection.js","sources":["../../../../packages/vuu-data-react/src/hooks/useRemoteConnection.tsx"],"sourcesContent":["import {\n  ConnectionManager,\n  WebSocketConnectionState,\n  isConnected,\n} from \"@vuu-ui/vuu-data-remote\";\nimport type { VuuUser } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { NotificationType, useNotifications } from \"@vuu-ui/vuu-notifications\";\nimport { LostConnectionIndicator } from \"../lost-connection-indicator/LostConnectionIndicator\";\n\nexport interface RemoteConnectionHookProps {\n  serverUrl?: string;\n  user: VuuUser;\n}\nexport const useRemoteConnection = ({\n  serverUrl,\n  user,\n}: RemoteConnectionHookProps) => {\n  const { hideNotification, showNotification } = useNotifications();\n\n  const isConnectedRef = useRef(false);\n\n  const handleConnectionStatusChange = useCallback(\n    (message: WebSocketConnectionState) => {\n      const { current: wasConnected } = isConnectedRef;\n      isConnectedRef.current = isConnected(message.connectionStatus);\n\n      if (wasConnected && message.connectionStatus === \"disconnected\") {\n        showNotification({\n          content: <LostConnectionIndicator />,\n          status: \"error\",\n          type: NotificationType.Workspace,\n        });\n      } else if (!wasConnected && isConnectedRef.current) {\n        hideNotification();\n      }\n    },\n    [hideNotification, showNotification],\n  );\n\n  useMemo(async () => {\n    if (serverUrl) {\n      ConnectionManager.on(\"connection-status\", handleConnectionStatusChange);\n      const connectionResult = await ConnectionManager.connect({\n        token: user.token,\n        url: serverUrl,\n      });\n      if (connectionResult === \"rejected\") {\n        showNotification({\n          status: \"error\",\n          content: \"Unable to connect to VUU Server\",\n          header: \"Error\",\n          type: NotificationType.Toast,\n        });\n      }\n    }\n  }, [handleConnectionStatusChange, showNotification, serverUrl, user.token]);\n};\n"],"names":[],"mappings":";;;;;;AAcO,MAAM,sBAAsB,CAAC;AAAA,EAClC,SAAA;AAAA,EACA;AACF,CAAiC,KAAA;AAC/B,EAAA,MAAM,EAAE,gBAAA,EAAkB,gBAAiB,EAAA,GAAI,gBAAiB,EAAA;AAEhE,EAAM,MAAA,cAAA,GAAiB,OAAO,KAAK,CAAA;AAEnC,EAAA,MAAM,4BAA+B,GAAA,WAAA;AAAA,IACnC,CAAC,OAAsC,KAAA;AACrC,MAAM,MAAA,EAAE,OAAS,EAAA,YAAA,EAAiB,GAAA,cAAA;AAClC,MAAe,cAAA,CAAA,OAAA,GAAU,WAAY,CAAA,OAAA,CAAQ,gBAAgB,CAAA;AAE7D,MAAI,IAAA,YAAA,IAAgB,OAAQ,CAAA,gBAAA,KAAqB,cAAgB,EAAA;AAC/D,QAAiB,gBAAA,CAAA;AAAA,UACf,OAAA,sBAAU,uBAAwB,EAAA,EAAA,CAAA;AAAA,UAClC,MAAQ,EAAA,OAAA;AAAA,UACR,MAAM,gBAAiB,CAAA;AAAA,SACxB,CAAA;AAAA,OACQ,MAAA,IAAA,CAAC,YAAgB,IAAA,cAAA,CAAe,OAAS,EAAA;AAClD,QAAiB,gBAAA,EAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,kBAAkB,gBAAgB;AAAA,GACrC;AAEA,EAAA,OAAA,CAAQ,YAAY;AAClB,IAAA,IAAI,SAAW,EAAA;AACb,MAAkB,iBAAA,CAAA,EAAA,CAAG,qBAAqB,4BAA4B,CAAA;AACtE,MAAM,MAAA,gBAAA,GAAmB,MAAM,iBAAA,CAAkB,OAAQ,CAAA;AAAA,QACvD,OAAO,IAAK,CAAA,KAAA;AAAA,QACZ,GAAK,EAAA;AAAA,OACN,CAAA;AACD,MAAA,IAAI,qBAAqB,UAAY,EAAA;AACnC,QAAiB,gBAAA,CAAA;AAAA,UACf,MAAQ,EAAA,OAAA;AAAA,UACR,OAAS,EAAA,iCAAA;AAAA,UACT,MAAQ,EAAA,OAAA;AAAA,UACR,MAAM,gBAAiB,CAAA;AAAA,SACxB,CAAA;AAAA;AACH;AACF,KACC,CAAC,4BAAA,EAA8B,kBAAkB,SAAW,EAAA,IAAA,CAAK,KAAK,CAAC,CAAA;AAC5E;;;;"}

package/esm/index.js

@@ -6,11 +6,11 @@ export { useEditForm } from './data-editing/useEditForm.js';
 export { CLEAN_FORM, buildFormEditState } from './data-editing/form-edit-state.js';
 export { VuuDataSourceProvider } from './datasource-provider/VuuDataSourceProvider.js';
 export { useLookupValues } from './hooks/useLookupValues.js';
+export { useRemoteConnection } from './hooks/useRemoteConnection.js';
 export { useSessionDataSource } from './hooks/useSessionDataSource.js';
 export { getTypeaheadParams, useTypeaheadSuggestions } from './hooks/useTypeaheadSuggestions.js';
 export { useVisualLinks } from './hooks/useVisualLinks.js';
 export { isRowMenu, isSelectionMenu, useVuuMenuActions } from './hooks/useVuuMenuActions.js';
 export { useVuuTables } from './hooks/useVuuTables.js';
-export { useLostConnection } from './lost-connection-indicator/useLostConnection.js';
 export { SessionEditingForm } from './session-editing-form/SessionEditingForm.js';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,23 +1,23 @@
 {
-  "version": "0.13.104",
+  "version": "0.13.105",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.13.104",
-    "@vuu-ui/vuu-filter-types": "0.13.104",
-    "@vuu-ui/vuu-protocol-types": "0.13.104",
-    "@vuu-ui/vuu-table-types": "0.13.104"
+    "@vuu-ui/vuu-data-types": "0.13.105",
+    "@vuu-ui/vuu-filter-types": "0.13.105",
+    "@vuu-ui/vuu-protocol-types": "0.13.105",
+    "@vuu-ui/vuu-table-types": "0.13.105"
   },
   "dependencies": {
-    "@vuu-ui/vuu-context-menu": "0.13.104",
-    "@vuu-ui/vuu-data-remote": "0.13.104",
-    "@vuu-ui/vuu-filter-parser": "0.13.104",
-    "@vuu-ui/vuu-filters": "0.13.104",
-    "@vuu-ui/vuu-layout": "0.13.104",
-    "@vuu-ui/vuu-notifications": "0.13.104",
-    "@vuu-ui/vuu-ui-controls": "0.13.104",
-    "@vuu-ui/vuu-utils": "0.13.104",
-    "@vuu-ui/vuu-table": "0.13.104",
+    "@vuu-ui/vuu-context-menu": "0.13.105",
+    "@vuu-ui/vuu-data-remote": "0.13.105",
+    "@vuu-ui/vuu-filter-parser": "0.13.105",
+    "@vuu-ui/vuu-filters": "0.13.105",
+    "@vuu-ui/vuu-layout": "0.13.105",
+    "@vuu-ui/vuu-notifications": "0.13.105",
+    "@vuu-ui/vuu-ui-controls": "0.13.105",
+    "@vuu-ui/vuu-utils": "0.13.105",
+    "@vuu-ui/vuu-table": "0.13.105",
     "@salt-ds/core": "1.48.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1"

package/types/hooks/useConnectionStatus.d.ts

@@ -0,0 +1,6 @@
+import { WebSocketConnectionState } from "@vuu-ui/vuu-data-remote";
+export interface ConnectionStatusHookProps {
+    connectionState?: WebSocketConnectionState;
+}
+export declare const getConnectinStateDisplayText: (connectionState: WebSocketConnectionState) => "Unable to connect to data service" | "Failed to connect" | "Failed to re-connect" | "Attempting to connect to data service" | "Attempting to reconnect to data service" | undefined;
+export declare const useConnectionStatus: ({ connectionState: connectionStateProp, }: ConnectionStatusHookProps) => WebSocketConnectionState<import("@vuu-ui/vuu-data-remote/src/WebSocketConnection").ConnectionStatus>;

package/types/hooks/useRemoteConnection.d.ts

@@ -0,0 +1,6 @@
+import type { VuuUser } from "@vuu-ui/vuu-utils";
+export interface RemoteConnectionHookProps {
+    serverUrl?: string;
+    user: VuuUser;
+}
+export declare const useRemoteConnection: ({ serverUrl, user, }: RemoteConnectionHookProps) => void;

package/types/index.d.ts

@@ -1,10 +1,10 @@
 export * from "./data-editing";
 export * from "./datasource-provider";
 export { useLookupValues } from "./hooks/useLookupValues";
+export { useRemoteConnection } from "./hooks/useRemoteConnection";
 export { useSessionDataSource } from "./hooks/useSessionDataSource";
 export { getTypeaheadParams, useTypeaheadSuggestions, } from "./hooks/useTypeaheadSuggestions";
 export { useVisualLinks } from "./hooks/useVisualLinks";
-export { isRowMenu, isSelectionMenu, useVuuMenuActions, type MenuActionConfig, } from "./hooks/useVuuMenuActions";
+export { type MenuActionConfig, isRowMenu, isSelectionMenu, useVuuMenuActions, } from "./hooks/useVuuMenuActions";
 export { useVuuTables } from "./hooks/useVuuTables";
-export { useLostConnection } from "./lost-connection-indicator/useLostConnection";
 export * from "./session-editing-form";

package/cjs/lost-connection-indicator/useLostConnection.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
-var react = require('react');
-var vuuNotifications = require('@vuu-ui/vuu-notifications');
-var LostConnectionIndicator = require('./LostConnectionIndicator.js');
-
-const useLostConnection = () => {
-  const { hideNotification, showNotification } = vuuNotifications.useNotifications();
-  const isConnectedRef = react.useRef(vuuDataRemote.ConnectionManager.connected);
-  const handleConnectionStatusChange = react.useCallback(
-    (connectionStatus) => {
-      const { current: wasConnected } = isConnectedRef;
-      isConnectedRef.current = vuuDataRemote.isConnected(connectionStatus);
-      if (wasConnected && connectionStatus === "disconnected") {
-        showNotification({
-          content: /* @__PURE__ */ jsxRuntime.jsx(LostConnectionIndicator.LostConnectionIndicator, {}),
-          status: "error",
-          type: vuuNotifications.NotificationType.Workspace
-        });
-      } else if (!wasConnected && isConnectedRef.current) {
-        hideNotification();
-      }
-    },
-    [hideNotification, showNotification]
-  );
-  react.useMemo(async () => {
-    vuuDataRemote.ConnectionManager.on("connection-status", handleConnectionStatusChange);
-  }, [handleConnectionStatusChange]);
-};
-
-exports.useLostConnection = useLostConnection;
-//# sourceMappingURL=useLostConnection.js.map

package/cjs/lost-connection-indicator/useLostConnection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLostConnection.js","sources":["../../../../packages/vuu-data-react/src/lost-connection-indicator/useLostConnection.tsx"],"sourcesContent":["import {\n  ConnectionManager,\n  ConnectionStatus,\n  isConnected,\n} from \"@vuu-ui/vuu-data-remote\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { NotificationType, useNotifications } from \"@vuu-ui/vuu-notifications\";\nimport { LostConnectionIndicator } from \"../lost-connection-indicator/LostConnectionIndicator\";\n\nexport const useLostConnection = () => {\n  const { hideNotification, showNotification } = useNotifications();\n\n  const isConnectedRef = useRef(ConnectionManager.connected);\n\n  const handleConnectionStatusChange = useCallback(\n    (connectionStatus: ConnectionStatus) => {\n      const { current: wasConnected } = isConnectedRef;\n      isConnectedRef.current = isConnected(connectionStatus);\n\n      if (wasConnected && connectionStatus === \"disconnected\") {\n        showNotification({\n          content: <LostConnectionIndicator />,\n          status: \"error\",\n          type: NotificationType.Workspace,\n        });\n      } else if (!wasConnected && isConnectedRef.current) {\n        hideNotification();\n      }\n    },\n    [hideNotification, showNotification],\n  );\n\n  useMemo(async () => {\n    ConnectionManager.on(\"connection-status\", handleConnectionStatusChange);\n  }, [handleConnectionStatusChange]);\n};\n"],"names":["useNotifications","useRef","ConnectionManager","useCallback","isConnected","LostConnectionIndicator","NotificationType","useMemo"],"mappings":";;;;;;;;AASO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,EAAE,gBAAA,EAAkB,gBAAiB,EAAA,GAAIA,iCAAiB,EAAA;AAEhE,EAAM,MAAA,cAAA,GAAiBC,YAAO,CAAAC,+BAAA,CAAkB,SAAS,CAAA;AAEzD,EAAA,MAAM,4BAA+B,GAAAC,iBAAA;AAAA,IACnC,CAAC,gBAAuC,KAAA;AACtC,MAAM,MAAA,EAAE,OAAS,EAAA,YAAA,EAAiB,GAAA,cAAA;AAClC,MAAe,cAAA,CAAA,OAAA,GAAUC,0BAAY,gBAAgB,CAAA;AAErD,MAAI,IAAA,YAAA,IAAgB,qBAAqB,cAAgB,EAAA;AACvD,QAAiB,gBAAA,CAAA;AAAA,UACf,OAAA,iCAAUC,+CAAwB,EAAA,EAAA,CAAA;AAAA,UAClC,MAAQ,EAAA,OAAA;AAAA,UACR,MAAMC,iCAAiB,CAAA;AAAA,SACxB,CAAA;AAAA,OACQ,MAAA,IAAA,CAAC,YAAgB,IAAA,cAAA,CAAe,OAAS,EAAA;AAClD,QAAiB,gBAAA,EAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,kBAAkB,gBAAgB;AAAA,GACrC;AAEA,EAAAC,aAAA,CAAQ,YAAY;AAClB,IAAkBL,+BAAA,CAAA,EAAA,CAAG,qBAAqB,4BAA4B,CAAA;AAAA,GACxE,EAAG,CAAC,4BAA4B,CAAC,CAAA;AACnC;;;;"}

package/esm/lost-connection-indicator/useLostConnection.js

@@ -1,32 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { ConnectionManager, isConnected } from '@vuu-ui/vuu-data-remote';
-import { useRef, useCallback, useMemo } from 'react';
-import { useNotifications, NotificationType } from '@vuu-ui/vuu-notifications';
-import { LostConnectionIndicator } from './LostConnectionIndicator.js';
-
-const useLostConnection = () => {
-  const { hideNotification, showNotification } = useNotifications();
-  const isConnectedRef = useRef(ConnectionManager.connected);
-  const handleConnectionStatusChange = useCallback(
-    (connectionStatus) => {
-      const { current: wasConnected } = isConnectedRef;
-      isConnectedRef.current = isConnected(connectionStatus);
-      if (wasConnected && connectionStatus === "disconnected") {
-        showNotification({
-          content: /* @__PURE__ */ jsx(LostConnectionIndicator, {}),
-          status: "error",
-          type: NotificationType.Workspace
-        });
-      } else if (!wasConnected && isConnectedRef.current) {
-        hideNotification();
-      }
-    },
-    [hideNotification, showNotification]
-  );
-  useMemo(async () => {
-    ConnectionManager.on("connection-status", handleConnectionStatusChange);
-  }, [handleConnectionStatusChange]);
-};
-
-export { useLostConnection };
-//# sourceMappingURL=useLostConnection.js.map

package/esm/lost-connection-indicator/useLostConnection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLostConnection.js","sources":["../../../../packages/vuu-data-react/src/lost-connection-indicator/useLostConnection.tsx"],"sourcesContent":["import {\n  ConnectionManager,\n  ConnectionStatus,\n  isConnected,\n} from \"@vuu-ui/vuu-data-remote\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { NotificationType, useNotifications } from \"@vuu-ui/vuu-notifications\";\nimport { LostConnectionIndicator } from \"../lost-connection-indicator/LostConnectionIndicator\";\n\nexport const useLostConnection = () => {\n  const { hideNotification, showNotification } = useNotifications();\n\n  const isConnectedRef = useRef(ConnectionManager.connected);\n\n  const handleConnectionStatusChange = useCallback(\n    (connectionStatus: ConnectionStatus) => {\n      const { current: wasConnected } = isConnectedRef;\n      isConnectedRef.current = isConnected(connectionStatus);\n\n      if (wasConnected && connectionStatus === \"disconnected\") {\n        showNotification({\n          content: <LostConnectionIndicator />,\n          status: \"error\",\n          type: NotificationType.Workspace,\n        });\n      } else if (!wasConnected && isConnectedRef.current) {\n        hideNotification();\n      }\n    },\n    [hideNotification, showNotification],\n  );\n\n  useMemo(async () => {\n    ConnectionManager.on(\"connection-status\", handleConnectionStatusChange);\n  }, [handleConnectionStatusChange]);\n};\n"],"names":[],"mappings":";;;;;;AASO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,EAAE,gBAAA,EAAkB,gBAAiB,EAAA,GAAI,gBAAiB,EAAA;AAEhE,EAAM,MAAA,cAAA,GAAiB,MAAO,CAAA,iBAAA,CAAkB,SAAS,CAAA;AAEzD,EAAA,MAAM,4BAA+B,GAAA,WAAA;AAAA,IACnC,CAAC,gBAAuC,KAAA;AACtC,MAAM,MAAA,EAAE,OAAS,EAAA,YAAA,EAAiB,GAAA,cAAA;AAClC,MAAe,cAAA,CAAA,OAAA,GAAU,YAAY,gBAAgB,CAAA;AAErD,MAAI,IAAA,YAAA,IAAgB,qBAAqB,cAAgB,EAAA;AACvD,QAAiB,gBAAA,CAAA;AAAA,UACf,OAAA,sBAAU,uBAAwB,EAAA,EAAA,CAAA;AAAA,UAClC,MAAQ,EAAA,OAAA;AAAA,UACR,MAAM,gBAAiB,CAAA;AAAA,SACxB,CAAA;AAAA,OACQ,MAAA,IAAA,CAAC,YAAgB,IAAA,cAAA,CAAe,OAAS,EAAA;AAClD,QAAiB,gBAAA,EAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,kBAAkB,gBAAgB;AAAA,GACrC;AAEA,EAAA,OAAA,CAAQ,YAAY;AAClB,IAAkB,iBAAA,CAAA,EAAA,CAAG,qBAAqB,4BAA4B,CAAA;AAAA,GACxE,EAAG,CAAC,4BAA4B,CAAC,CAAA;AACnC;;;;"}

package/types/lost-connection-indicator/useLostConnection.d.ts

@@ -1 +0,0 @@
-export declare const useLostConnection: () => void;