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

package/es/components/material-runbox/MaterialRunboxFooter.js

@@ -1,56 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { EliceRunboxResourceStat, EliceRunboxNetworkStat, EliceRunboxRunningStatus } from '@elice/runbox-client';
-import { Box, Stack, Divider } from '@mui/material';
-
-//
-//
-//
-var StyledFooter = /*#__PURE__*/_styled("div", {
-  target: "e9lbhtr0"
-})("position:relative;flex:0 0 2rem;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;width:100%;border-top:1px solid ", function (_ref) {
-  var theme = _ref.theme;
-  return theme.palette.divider;
-}, ";background-color:", function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.palette.background.paper;
-}, ";");
-//
-//
-//
-var MaterialRunboxFooter = function MaterialRunboxFooter(_ref3) {
-  var runtimeTemplate = _ref3.runtimeTemplate;
-  /**
-   * Resource stats
-   */
-  var renderFooterResourceStats = function renderFooterResourceStats() {
-    var _a, _b;
-    return jsx(Box, {
-      children: jsx(EliceRunboxResourceStat, {
-        gpu: ((_b = (_a = runtimeTemplate.gpus) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0
-      })
-    });
-  };
-  /**
-   * Status
-   */
-  var renderFooterStatus = function renderFooterStatus() {
-    return jsxs(Stack, {
-      direction: "row",
-      gap: "0.5rem",
-      divider: jsx(Divider, {
-        flexItem: true,
-        orientation: "vertical"
-      }),
-      children: [jsx(EliceRunboxNetworkStat, {}), jsx(EliceRunboxRunningStatus, {})]
-    });
-  };
-  //
-  //
-  //
-  return jsxs(StyledFooter, {
-    children: [renderFooterResourceStats(), renderFooterStatus()]
-  });
-};
-
-export { MaterialRunboxFooter as default };

package/es/components/material-runbox/timer/MaterialRunboxAlmostEndSnackbars.d.ts

@@ -1,6 +0,0 @@
-interface MaterialRunboxAlmostEndSnackbarsProps {
-    runboxId: string;
-    onClickDetail: () => void;
-}
-declare const MaterialRunboxAlmostEndSnackbars: React.FC<MaterialRunboxAlmostEndSnackbarsProps>;
-export default MaterialRunboxAlmostEndSnackbars;

package/es/components/material-runbox/timer/MaterialRunboxAlmostEndSnackbars.js

@@ -1,86 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useRawEliceIntl } from '@elice/intl';
-import { useEliceRunboxQuota } from '@elice/runbox-client';
-import { Typography, Button } from '@mui/material';
-import MaterialRunboxSnackbar from '../../shared/material-runbox-snackbar/MaterialRunboxSnackbar.js';
-
-//
-//
-//
-var QUOTA_ALMOST_END_MINUTES = 30;
-var QUOTA_PER_SESSION_ALMOST_END_MINUTES = 10;
-//
-//
-//
-var MaterialRunboxAlmostEndSnackbars = function MaterialRunboxAlmostEndSnackbars(_ref) {
-  var runboxId = _ref.runboxId,
-    onClickDetail = _ref.onClickDetail;
-  var _useEliceRunboxQuota = useEliceRunboxQuota(),
-    quotaInfo = _useEliceRunboxQuota.quotaInfo,
-    quotaPerSessionInfo = _useEliceRunboxQuota.quotaPerSessionInfo;
-  var intl = useRawEliceIntl();
-  var renderDetailButton = function renderDetailButton() {
-    return jsx(Button, {
-      variant: "text",
-      color: "inherit",
-      onClick: onClickDetail,
-      children: jsx(Typography, {
-        variant: "body2",
-        children: intl.formatMessage({
-          id: 'runbox.timer.almost_end.snackbar.detail'
-        })
-      })
-    });
-  };
-  var renderQuotaAlmostEndMessage = function renderQuotaAlmostEndMessage() {
-    var _a;
-    return jsx(Typography, {
-      variant: "body2",
-      children: intl.formatMessage({
-        id: 'runbox.timer.almost_end.snackbar.quota'
-      }, {
-        time: intl.formatNumber((_a = quotaInfo.remainingQuota) !== null && _a !== void 0 ? _a : 0, {
-          style: 'unit',
-          unit: 'minute',
-          unitDisplay: 'short'
-        })
-      })
-    });
-  };
-  var renderQuotaPerSessionAlmostEndMessage = function renderQuotaPerSessionAlmostEndMessage() {
-    var _a;
-    return jsx(Typography, {
-      variant: "body2",
-      children: intl.formatMessage({
-        id: 'runbox.timer.almost_end.snackbar.quota_per_session'
-      }, {
-        time: intl.formatNumber((_a = quotaPerSessionInfo.remainingQuota) !== null && _a !== void 0 ? _a : 0, {
-          style: 'unit',
-          unit: 'minute',
-          unitDisplay: 'short'
-        })
-      })
-    });
-  };
-  return jsxs(Fragment, {
-    children: [jsx(MaterialRunboxSnackbar, {
-      once: true,
-      snackbarKey: "quotaAlmostEnd",
-      runboxId: runboxId,
-      open: !quotaInfo.isUnlimited && quotaInfo.remainingQuota <= QUOTA_ALMOST_END_MINUTES,
-      message: jsxs(Fragment, {
-        children: [renderQuotaAlmostEndMessage(), renderDetailButton()]
-      })
-    }), jsx(MaterialRunboxSnackbar, {
-      once: true,
-      snackbarKey: "quotaPerSessionAlmostEnd",
-      runboxId: runboxId,
-      open: !quotaPerSessionInfo.isUnlimited && quotaPerSessionInfo.remainingQuota <= QUOTA_PER_SESSION_ALMOST_END_MINUTES,
-      message: jsxs(Fragment, {
-        children: [renderQuotaPerSessionAlmostEndMessage(), renderDetailButton()]
-      })
-    })]
-  });
-};
-
-export { MaterialRunboxAlmostEndSnackbars as default };