@elice/material-runbox 1.260825.0-runboxusability.0 → 1.260825.0-runboxusability.1

package/cjs/components/material-runbox/hooks/index.d.ts

@@ -3,3 +3,4 @@ export * from './useRunboxSessionEndWarning';
 export * from './useRunboxTimer';
 export * from './useInfiniteRunboxRunboxIdGrade';
 export * from './useMaterialRunboxRunboxIdStarterGet';
+export * from './useOnlineState';

package/cjs/components/material-runbox/hooks/index.js

@@ -5,6 +5,7 @@ var useRunboxSessionEndWarning = require('./useRunboxSessionEndWarning.js');
 var useRunboxTimer = require('./useRunboxTimer.js');
 var useInfiniteRunboxRunboxIdGrade = require('./useInfiniteRunboxRunboxIdGrade.js');
 var useMaterialRunboxRunboxIdStarterGet = require('./useMaterialRunboxRunboxIdStarterGet.js');
+var useOnlineState = require('./useOnlineState.js');
 
 
 
@@ -19,3 +20,4 @@ exports.useRunboxSessionEndWarning = useRunboxSessionEndWarning.useRunboxSession
 exports.useRunboxTimer = useRunboxTimer.useRunboxTimer;
 exports.useInfiniteRunboxRunboxIdGrade = useInfiniteRunboxRunboxIdGrade.useInfiniteRunboxRunboxIdGrade;
 exports.useMaterialRunboxRunboxIdStarterGet = useMaterialRunboxRunboxIdStarterGet.useMaterialRunboxRunboxIdStarterGet;
+exports.useOnlineState = useOnlineState.useOnlineState;

package/cjs/components/material-runbox/hooks/useOnlineState.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Whether the browser currently has a network connection.
+ *
+ * NOTICE: this deliberately does not use `react-use`'s `useNetworkState`.
+ * That hook only exists in react-use v17, and consumers of this package do not
+ * agree on the major — elice-web still resolves v13, which breaks the build at
+ * link time. Reading `navigator.onLine` keeps this working on both.
+ *
+ * `undefined` means "not known yet" (server render, or no `navigator`), which
+ * callers should treat as online rather than as offline.
+ */
+export declare const useOnlineState: () => boolean | undefined;

package/cjs/components/material-runbox/hooks/useOnlineState.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+//
+//
+//
+/**
+ * Whether the browser currently has a network connection.
+ *
+ * NOTICE: this deliberately does not use `react-use`'s `useNetworkState`.
+ * That hook only exists in react-use v17, and consumers of this package do not
+ * agree on the major — elice-web still resolves v13, which breaks the build at
+ * link time. Reading `navigator.onLine` keeps this working on both.
+ *
+ * `undefined` means "not known yet" (server render, or no `navigator`), which
+ * callers should treat as online rather than as offline.
+ */
+var useOnlineState = function useOnlineState() {
+  var _React$useState = React__default.default.useState(function () {
+      return typeof navigator === 'undefined' ? undefined : navigator.onLine;
+    }),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    online = _React$useState2[0],
+    setOnline = _React$useState2[1];
+  React__default.default.useEffect(function () {
+    var handleOnline = function handleOnline() {
+      return setOnline(true);
+    };
+    var handleOffline = function handleOffline() {
+      return setOnline(false);
+    };
+    window.addEventListener('online', handleOnline);
+    window.addEventListener('offline', handleOffline);
+    // Catch a change that happened between the initial state and this effect.
+    setOnline(navigator.onLine);
+    return function () {
+      window.removeEventListener('online', handleOnline);
+      window.removeEventListener('offline', handleOffline);
+    };
+  }, []);
+  return online;
+};
+
+exports.useOnlineState = useOnlineState;

package/cjs/components/material-runbox/status/MaterialRunboxStatusPopover.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
-var reactUse = require('react-use');
 var intl = require('@elice/intl');
 var muiElements = require('@elice/mui-elements');
 var runboxClient = require('@elice/runbox-client');
@@ -12,6 +11,7 @@ var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
 var material = require('@mui/material');
 var MaterialRunboxStatusConnectionItem = require('./MaterialRunboxStatusConnectionItem.js');
 var MaterialRunboxStatusResourceItem = require('./MaterialRunboxStatusResourceItem.js');
+var useOnlineState = require('../hooks/useOnlineState.js');
 
 //
 //
@@ -28,8 +28,7 @@ var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
   var intl$1 = intl.useRawEliceIntl();
   var _useEliceRunboxRunnin = runboxClient.useEliceRunboxRunning(),
     status = _useEliceRunboxRunnin.status;
-  var _useNetworkState = reactUse.useNetworkState(),
-    online = _useNetworkState.online;
+  var online = useOnlineState.useOnlineState();
   var contStats = runboxClient.useEliceRunboxContainerStats();
   var stats = contStats ? contStats[contStats.length - 1] : null;
   var isRunboxRunning = status === 'running';

package/es/components/material-runbox/hooks/index.d.ts

@@ -3,3 +3,4 @@ export * from './useRunboxSessionEndWarning';
 export * from './useRunboxTimer';
 export * from './useInfiniteRunboxRunboxIdGrade';
 export * from './useMaterialRunboxRunboxIdStarterGet';
+export * from './useOnlineState';

package/es/components/material-runbox/hooks/index.js

@@ -3,3 +3,4 @@ export { QUOTA_ALMOST_END_MINUTES, QUOTA_PER_SESSION_ALMOST_END_MINUTES, useRunb
 export { useRunboxTimer } from './useRunboxTimer.js';
 export { useInfiniteRunboxRunboxIdGrade } from './useInfiniteRunboxRunboxIdGrade.js';
 export { useMaterialRunboxRunboxIdStarterGet } from './useMaterialRunboxRunboxIdStarterGet.js';
+export { useOnlineState } from './useOnlineState.js';

package/es/components/material-runbox/hooks/useOnlineState.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Whether the browser currently has a network connection.
+ *
+ * NOTICE: this deliberately does not use `react-use`'s `useNetworkState`.
+ * That hook only exists in react-use v17, and consumers of this package do not
+ * agree on the major — elice-web still resolves v13, which breaks the build at
+ * link time. Reading `navigator.onLine` keeps this working on both.
+ *
+ * `undefined` means "not known yet" (server render, or no `navigator`), which
+ * callers should treat as online rather than as offline.
+ */
+export declare const useOnlineState: () => boolean | undefined;

package/es/components/material-runbox/hooks/useOnlineState.js

@@ -0,0 +1,44 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+
+//
+//
+//
+/**
+ * Whether the browser currently has a network connection.
+ *
+ * NOTICE: this deliberately does not use `react-use`'s `useNetworkState`.
+ * That hook only exists in react-use v17, and consumers of this package do not
+ * agree on the major — elice-web still resolves v13, which breaks the build at
+ * link time. Reading `navigator.onLine` keeps this working on both.
+ *
+ * `undefined` means "not known yet" (server render, or no `navigator`), which
+ * callers should treat as online rather than as offline.
+ */
+var useOnlineState = function useOnlineState() {
+  var _React$useState = React.useState(function () {
+      return typeof navigator === 'undefined' ? undefined : navigator.onLine;
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    online = _React$useState2[0],
+    setOnline = _React$useState2[1];
+  React.useEffect(function () {
+    var handleOnline = function handleOnline() {
+      return setOnline(true);
+    };
+    var handleOffline = function handleOffline() {
+      return setOnline(false);
+    };
+    window.addEventListener('online', handleOnline);
+    window.addEventListener('offline', handleOffline);
+    // Catch a change that happened between the initial state and this effect.
+    setOnline(navigator.onLine);
+    return function () {
+      window.removeEventListener('online', handleOnline);
+      window.removeEventListener('offline', handleOffline);
+    };
+  }, []);
+  return online;
+};
+
+export { useOnlineState };

package/es/components/material-runbox/status/MaterialRunboxStatusPopover.js

@@ -1,6 +1,5 @@
 import { __rest } from 'tslib';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useNetworkState } from 'react-use';
 import { useRawEliceIntl } from '@elice/intl';
 import { EliceIcon } from '@elice/mui-elements';
 import { useEliceRunboxRunning, useEliceRunboxContainerStats } from '@elice/runbox-client';
@@ -8,6 +7,7 @@ import { faWifiSlash, faWifi, faLinkSimple, faLinkSimpleSlash, faMicrochip, faMe
 import { Popover, Stack, Divider } from '@mui/material';
 import MaterialRunboxStatusConnectionItem from './MaterialRunboxStatusConnectionItem.js';
 import MaterialRunboxStatusResourceItem from './MaterialRunboxStatusResourceItem.js';
+import { useOnlineState } from '../hooks/useOnlineState.js';
 
 //
 //
@@ -24,8 +24,7 @@ var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
   var intl = useRawEliceIntl();
   var _useEliceRunboxRunnin = useEliceRunboxRunning(),
     status = _useEliceRunboxRunnin.status;
-  var _useNetworkState = useNetworkState(),
-    online = _useNetworkState.online;
+  var online = useOnlineState();
   var contStats = useEliceRunboxContainerStats();
   var stats = contStats ? contStats[contStats.length - 1] : null;
   var isRunboxRunning = status === 'running';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-runbox",
-  "version": "1.260825.0-runboxusability.0",
+  "version": "1.260825.0-runboxusability.1",
   "description": "User view and editing components of Elice material runbox",
   "repository": {
     "type": "git",
@@ -20,8 +20,8 @@
   "peerDependencies": {
     "@elice/api-client": "^1",
     "@elice/intl": "^0",
-    "@elice/material-shared-types": "1.260825.0-runboxusability.0",
-    "@elice/material-shared-utils": "1.260825.0-runboxusability.0",
+    "@elice/material-shared-types": "1.260825.0-runboxusability.1",
+    "@elice/material-shared-utils": "1.260825.0-runboxusability.1",
     "@elice/mui-elements": "^5",
     "@elice/mui-system": "^5",
     "@elice/mui-x-snackbar": "^5",
@@ -51,8 +51,8 @@
   "devDependencies": {
     "@elice/api-client": "1.260529.0",
     "@elice/intl": "0.260526.0",
-    "@elice/material-shared-types": "1.260825.0-runboxusability.0",
-    "@elice/material-shared-utils": "1.260825.0-runboxusability.0",
+    "@elice/material-shared-types": "1.260825.0-runboxusability.1",
+    "@elice/material-shared-utils": "1.260825.0-runboxusability.1",
     "@elice/mui-elements": "5.251204.0",
     "@elice/mui-system": "5.251204.0",
     "@elice/mui-x-snackbar": "^5.250108.0-controllabel.0",