@elice/material-runbox 1.260825.0-runboxusability.2 → 1.260825.0-runboxusability.4

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

@@ -4,11 +4,12 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRawEliceIntl } from '@elice/intl';
 import { EliceIcon } from '@elice/mui-elements';
 import { useEliceRunboxRunning, useEliceRunboxContainerStats } from '@elice/runbox-client';
-import { faWifi, faWifiFair, faLinkSimple, faLinkSimpleSlash, faMicrochip, faMemory, faArrowUpRight, faArrowDownLeft, faDiscDrive, faWifiSlash } from '@fortawesome/pro-solid-svg-icons';
+import { faWifi, faWifiFair, faLinkSimple, faLinkSimpleSlash, faMicrochip, faMemory, faArrowUpRight, faArrowDownLeft, faDiscDrive, faArrowsRotate, faWifiSlash } from '@fortawesome/pro-solid-svg-icons';
 import { Popover, Fade, Stack, CircularProgress, Divider } from '@mui/material';
 import MaterialRunboxStatusConnectionItem from './MaterialRunboxStatusConnectionItem.js';
 import MaterialRunboxStatusResourceItem from './MaterialRunboxStatusResourceItem.js';
 import { RunboxNetworkStatus, useRunboxNetworkStatus } from '../hooks/useRunboxNetworkStatus.js';
+import MaterialRunboxEnvResetButton from '../disk/MaterialRunboxEnvResetButton.js';
 
 //
 //
@@ -22,8 +23,10 @@ var NETWORK_COLOR = Object.freeze(_defineProperty(_defineProperty(_definePropert
 var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
   var open = _a.open,
     onClose = _a.onClose,
-    bottomAction = _a.bottomAction,
-    props = __rest(_a, ["open", "onClose", "bottomAction"]);
+    runtimeTemplateId = _a.runtimeTemplateId,
+    courseId = _a.courseId,
+    userId = _a.userId,
+    props = __rest(_a, ["open", "onClose", "runtimeTemplateId", "courseId", "userId"]);
   var intl = useRawEliceIntl();
   var _useEliceRunboxRunnin = useEliceRunboxRunning(),
     status = _useEliceRunboxRunnin.status;
@@ -130,7 +133,17 @@ var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
             }))
           })]
         })]
-      }) : null, bottomAction]
+      }) : null, jsx(MaterialRunboxEnvResetButton, {
+        fullWidth: true,
+        variant: "contained",
+        color: "error",
+        startIcon: jsx(EliceIcon, {
+          icon: faArrowsRotate
+        }),
+        runtimeTemplateId: runtimeTemplateId,
+        courseId: courseId,
+        userId: userId
+      })]
     })
   }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-runbox",
-  "version": "1.260825.0-runboxusability.2",
+  "version": "1.260825.0-runboxusability.4",
   "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.2",
-    "@elice/material-shared-utils": "1.260825.0-runboxusability.2",
+    "@elice/material-shared-types": "1.260825.0-runboxusability.4",
+    "@elice/material-shared-utils": "1.260825.0-runboxusability.4",
     "@elice/mui-elements": "^5",
     "@elice/mui-system": "^5",
     "@elice/mui-x-snackbar": "^5",
@@ -51,12 +51,12 @@
   "devDependencies": {
     "@elice/api-client": "1.260529.0",
     "@elice/intl": "0.260526.0",
-    "@elice/material-shared-types": "1.260825.0-runboxusability.2",
-    "@elice/material-shared-utils": "1.260825.0-runboxusability.2",
+    "@elice/material-shared-types": "1.260825.0-runboxusability.4",
+    "@elice/material-shared-utils": "1.260825.0-runboxusability.4",
     "@elice/mui-elements": "5.251204.0",
     "@elice/mui-system": "5.251204.0",
     "@elice/mui-x-snackbar": "^5.250108.0-controllabel.0",
-    "@elice/openapi-client-material-runbox": "1.260727.0",
+    "@elice/openapi-client-material-runbox": "1.260826.0-improverunboxusability.0",
     "@elice/rollup-config": "^1.260406.0",
     "@elice/runbox-client": "^1.250828.0",
     "@elice/types": "1.260608.0",

package/cjs/components/material-runbox/disk/MaterialRunboxDiskAlmostFullSnackbar.d.ts

@@ -1,5 +0,0 @@
-interface MaterialRunboxDiskAlmostFullSnackbarProps {
-    runboxId: string;
-}
-declare const MaterialRunboxDiskAlmostFullSnackbar: React.FC<MaterialRunboxDiskAlmostFullSnackbarProps>;
-export default MaterialRunboxDiskAlmostFullSnackbar;

package/cjs/components/material-runbox/disk/MaterialRunboxDiskAlmostFullSnackbar.js

@@ -1,98 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var intl = require('@elice/intl');
-var muiElements = require('@elice/mui-elements');
-var runboxClient = require('@elice/runbox-client');
-var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
-var material = require('@mui/material');
-var MaterialRunboxSnackbar = require('../../shared/material-runbox-snackbar/MaterialRunboxSnackbar.js');
-
-//
-//
-//
-var DISK_ALMOST_FULL_BYTES = 2 * 1024 * 1024 * 1024; // 2GiB (iec)
-//
-//
-//
-var MaterialRunboxDiskAlmostFullSnackbar = function MaterialRunboxDiskAlmostFullSnackbar(_ref) {
-  var runboxId = _ref.runboxId;
-  var intl$1 = intl.useRawEliceIntl();
-  var contStats = runboxClient.useEliceRunboxContainerStats();
-  var stats = contStats ? contStats[contStats.length - 1] : null;
-  if (!stats) {
-    return null;
-  }
-  var diskCurrent = stats.diskCurrent,
-    diskTotal = stats.diskTotal;
-  var diskRemaining = diskTotal - diskCurrent;
-  var renderMessage = function renderMessage() {
-    var diskRemainingString = intl$1.formatDataSize(diskRemaining, {
-      unitSystem: 'iec',
-      maximumFractionDigits: 2
-    });
-    return jsxRuntime.jsx(material.Typography, {
-      variant: "body2",
-      whiteSpace: "pre-line",
-      children: intl$1.formatMessage({
-        id: 'runbox.disk.almost_full.snackbar.almost_full'
-      }, {
-        capacity: diskRemainingString
-      })
-    });
-  };
-  var renderUsage = function renderUsage() {
-    var diskCurrentString = intl$1.formatDataSize(diskCurrent, {
-      unitSystem: 'iec',
-      maximumFractionDigits: 2
-    });
-    var diskTotalString = intl$1.formatDataSize(diskTotal, {
-      unitSystem: 'iec',
-      maximumFractionDigits: 2
-    });
-    var percentage = Math.round(diskCurrent / diskTotal * 100);
-    return jsxRuntime.jsxs(material.Stack, {
-      direction: "column",
-      gap: "0.5rem",
-      width: "100%",
-      children: [jsxRuntime.jsxs(material.Stack, {
-        direction: "row",
-        alignItems: "center",
-        children: [jsxRuntime.jsx(muiElements.EliceIcon, {
-          icon: proSolidSvgIcons.faDiscDrive,
-          fontSize: "small"
-        }), jsxRuntime.jsxs(material.Typography, {
-          variant: "caption",
-          children: ["DISK ", diskCurrentString, " / ", diskTotalString]
-        })]
-      }), jsxRuntime.jsx(material.LinearProgress, {
-        variant: "determinate",
-        color: "warning",
-        value: percentage,
-        sx: {
-          width: '100%'
-        }
-      })]
-    });
-  };
-  return jsxRuntime.jsx(MaterialRunboxSnackbar.default, {
-    once: true,
-    snackbarKey: "diskAlmostFull",
-    runboxId: runboxId,
-    open: diskRemaining <= DISK_ALMOST_FULL_BYTES,
-    sx: {
-      alignItems: 'flex-start'
-    },
-    message: jsxRuntime.jsxs(material.Stack, {
-      direction: "column",
-      alignItems: "flex-start",
-      gap: "0.75rem",
-      width: "100%",
-      children: [renderMessage(), renderUsage()]
-    })
-  });
-};
-
-exports.default = MaterialRunboxDiskAlmostFullSnackbar;

package/es/components/material-runbox/disk/MaterialRunboxDiskAlmostFullSnackbar.d.ts

@@ -1,5 +0,0 @@
-interface MaterialRunboxDiskAlmostFullSnackbarProps {
-    runboxId: string;
-}
-declare const MaterialRunboxDiskAlmostFullSnackbar: React.FC<MaterialRunboxDiskAlmostFullSnackbarProps>;
-export default MaterialRunboxDiskAlmostFullSnackbar;

package/es/components/material-runbox/disk/MaterialRunboxDiskAlmostFullSnackbar.js

@@ -1,94 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRawEliceIntl } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
-import { useEliceRunboxContainerStats } from '@elice/runbox-client';
-import { faDiscDrive } from '@fortawesome/pro-solid-svg-icons';
-import { Stack, Typography, LinearProgress } from '@mui/material';
-import MaterialRunboxSnackbar from '../../shared/material-runbox-snackbar/MaterialRunboxSnackbar.js';
-
-//
-//
-//
-var DISK_ALMOST_FULL_BYTES = 2 * 1024 * 1024 * 1024; // 2GiB (iec)
-//
-//
-//
-var MaterialRunboxDiskAlmostFullSnackbar = function MaterialRunboxDiskAlmostFullSnackbar(_ref) {
-  var runboxId = _ref.runboxId;
-  var intl = useRawEliceIntl();
-  var contStats = useEliceRunboxContainerStats();
-  var stats = contStats ? contStats[contStats.length - 1] : null;
-  if (!stats) {
-    return null;
-  }
-  var diskCurrent = stats.diskCurrent,
-    diskTotal = stats.diskTotal;
-  var diskRemaining = diskTotal - diskCurrent;
-  var renderMessage = function renderMessage() {
-    var diskRemainingString = intl.formatDataSize(diskRemaining, {
-      unitSystem: 'iec',
-      maximumFractionDigits: 2
-    });
-    return jsx(Typography, {
-      variant: "body2",
-      whiteSpace: "pre-line",
-      children: intl.formatMessage({
-        id: 'runbox.disk.almost_full.snackbar.almost_full'
-      }, {
-        capacity: diskRemainingString
-      })
-    });
-  };
-  var renderUsage = function renderUsage() {
-    var diskCurrentString = intl.formatDataSize(diskCurrent, {
-      unitSystem: 'iec',
-      maximumFractionDigits: 2
-    });
-    var diskTotalString = intl.formatDataSize(diskTotal, {
-      unitSystem: 'iec',
-      maximumFractionDigits: 2
-    });
-    var percentage = Math.round(diskCurrent / diskTotal * 100);
-    return jsxs(Stack, {
-      direction: "column",
-      gap: "0.5rem",
-      width: "100%",
-      children: [jsxs(Stack, {
-        direction: "row",
-        alignItems: "center",
-        children: [jsx(EliceIcon, {
-          icon: faDiscDrive,
-          fontSize: "small"
-        }), jsxs(Typography, {
-          variant: "caption",
-          children: ["DISK ", diskCurrentString, " / ", diskTotalString]
-        })]
-      }), jsx(LinearProgress, {
-        variant: "determinate",
-        color: "warning",
-        value: percentage,
-        sx: {
-          width: '100%'
-        }
-      })]
-    });
-  };
-  return jsx(MaterialRunboxSnackbar, {
-    once: true,
-    snackbarKey: "diskAlmostFull",
-    runboxId: runboxId,
-    open: diskRemaining <= DISK_ALMOST_FULL_BYTES,
-    sx: {
-      alignItems: 'flex-start'
-    },
-    message: jsxs(Stack, {
-      direction: "column",
-      alignItems: "flex-start",
-      gap: "0.75rem",
-      width: "100%",
-      children: [renderMessage(), renderUsage()]
-    })
-  });
-};
-
-export { MaterialRunboxDiskAlmostFullSnackbar as default };