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

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

@@ -1,80 +0,0 @@
-import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import React from 'react';
-import { useRawEliceIntl } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
-import { useEliceRunboxRunning } from '@elice/runbox-client';
-import { faAngleDown, faWifi } from '@fortawesome/pro-solid-svg-icons';
-import { Button, buttonClasses } from '@mui/material';
-import MaterialRunboxStatusPopover from './MaterialRunboxStatusPopover.js';
-
-//
-//
-//
-/**
- * Opens the runbox connection/resource status popover.
- *
- * Replaces the always-visible resource stats of the removed footer,
- * so the numbers are only shown on explicit request. (`[R-5]` `[R-6]`)
- */
-var MaterialRunboxStatusButton = function MaterialRunboxStatusButton(_ref) {
-  var bottomAction = _ref.bottomAction;
-  var intl = useRawEliceIntl();
-  var _useEliceRunboxRunnin = useEliceRunboxRunning(),
-    status = _useEliceRunboxRunnin.status;
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    anchorEl = _React$useState2[0],
-    setAnchorEl = _React$useState2[1];
-  var isRunboxRunning = status === 'running';
-  /**
-   *
-   */
-  var handleClose = function handleClose() {
-    setAnchorEl(null);
-  };
-  //
-  //
-  //
-  return jsxs(Fragment, {
-    children: [jsx(Button, {
-      variant: "text",
-      size: "small",
-      startIcon: jsx(EliceIcon, {
-        icon: faWifi
-      }),
-      endIcon: jsx(EliceIcon, {
-        icon: faAngleDown
-      }),
-      sx: _defineProperty({}, "& .".concat(buttonClasses.startIcon), {
-        color: isRunboxRunning ? 'success.main' : 'text.disabled'
-      }),
-      onClick: function onClick(e) {
-        return setAnchorEl(function (prev) {
-          return prev ? null : e.currentTarget;
-        });
-      },
-      children: intl.formatMessage({
-        id: 'runbox.status.button.title'
-      })
-    }), jsx(MaterialRunboxStatusPopover, {
-      open: Boolean(anchorEl),
-      anchorEl: anchorEl,
-      anchorOrigin: {
-        vertical: 'bottom',
-        horizontal: 'left'
-      },
-      transformOrigin: {
-        vertical: 'top',
-        horizontal: 'left'
-      },
-      sx: {
-        marginTop: '0.5rem'
-      },
-      bottomAction: bottomAction,
-      onClose: handleClose
-    })]
-  });
-};
-
-export { MaterialRunboxStatusButton as default };

package/es/components/material-runbox/status/MaterialRunboxStatusConnectionItem.d.ts

@@ -1,11 +0,0 @@
-import type React from 'react';
-export interface MaterialRunboxStatusConnectionItemProps {
-    /** Leading icon element. */
-    icon: React.ReactNode;
-    /** Row label. */
-    label: React.ReactNode;
-    /** Whether the subject is connected. Drives the icon color. */
-    connected: boolean;
-}
-declare const MaterialRunboxStatusConnectionItem: React.FC<MaterialRunboxStatusConnectionItemProps>;
-export default MaterialRunboxStatusConnectionItem;

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

@@ -1,28 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Stack, Typography } from '@mui/material';
-
-//
-//
-//
-var MaterialRunboxStatusConnectionItem = function MaterialRunboxStatusConnectionItem(_ref) {
-  var icon = _ref.icon,
-    label = _ref.label,
-    connected = _ref.connected;
-  return jsxs(Stack, {
-    direction: "row",
-    alignItems: "center",
-    gap: "0.75rem",
-    padding: "0.625rem 0.75rem",
-    children: [jsx(Typography, {
-      component: "span",
-      display: "inline-flex",
-      color: connected ? 'success.main' : 'text.disabled',
-      children: icon
-    }), jsx(Typography, {
-      variant: "body2",
-      children: label
-    })]
-  });
-};
-
-export { MaterialRunboxStatusConnectionItem as default };

package/es/components/material-runbox/status/MaterialRunboxStatusPopover.d.ts

@@ -1,17 +0,0 @@
-import type { PopoverProps } from '@mui/material';
-import type React from 'react';
-export interface MaterialRunboxStatusPopoverProps extends Omit<PopoverProps, 'open' | 'onClose' | 'children'> {
-    /** Whether the popover is open. */
-    open: boolean;
-    /** Called when the popover requests to be closed. */
-    onClose: () => void;
-    /**
-     * Bottom action slot.
-     *
-     * NOTICE: the "실습 환경 초기화" button is out of scope for PLAT-4181.
-     * PLAT-4184 injects it here.
-     */
-    bottomAction?: React.ReactNode;
-}
-declare const MaterialRunboxStatusPopover: React.FC<MaterialRunboxStatusPopoverProps>;
-export default MaterialRunboxStatusPopover;

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

@@ -1,129 +0,0 @@
-import { __rest } from 'tslib';
-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 { faWifiSlash, faWifi, faLinkSimple, faLinkSimpleSlash, faMicrochip, faMemory, faArrowUpRight, faArrowDownLeft, faDiscDrive } from '@fortawesome/pro-solid-svg-icons';
-import { Popover, Stack, Divider } from '@mui/material';
-import MaterialRunboxStatusConnectionItem from './MaterialRunboxStatusConnectionItem.js';
-import MaterialRunboxStatusResourceItem from './MaterialRunboxStatusResourceItem.js';
-import { useOnlineState } from '../hooks/useOnlineState.js';
-
-//
-//
-//
-var POPOVER_WIDTH = '15.25rem'; // 244px
-//
-//
-//
-var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
-  var open = _a.open,
-    onClose = _a.onClose,
-    bottomAction = _a.bottomAction,
-    props = __rest(_a, ["open", "onClose", "bottomAction"]);
-  var intl = useRawEliceIntl();
-  var _useEliceRunboxRunnin = useEliceRunboxRunning(),
-    status = _useEliceRunboxRunnin.status;
-  var online = useOnlineState();
-  var contStats = useEliceRunboxContainerStats();
-  var stats = contStats ? contStats[contStats.length - 1] : null;
-  var isRunboxRunning = status === 'running';
-  //
-  //
-  //
-  return jsx(Popover, Object.assign({
-    open: open,
-    onClose: onClose
-  }, props, {
-    children: jsxs(Stack, {
-      direction: "column",
-      padding: "0.75rem 0",
-      width: POPOVER_WIDTH,
-      bgcolor: "background.paper",
-      children: [jsxs(Stack, {
-        direction: "column",
-        children: [jsx(MaterialRunboxStatusConnectionItem, {
-          icon: jsx(EliceIcon, {
-            icon: online === false ? faWifiSlash : faWifi
-          }),
-          label: intl.formatMessage({
-            id: 'runbox.status.network'
-          }),
-          // `online` is undefined while unknown — only mark it down when known offline.
-          connected: online !== false
-        }), jsx(MaterialRunboxStatusConnectionItem, {
-          icon: jsx(EliceIcon, {
-            icon: isRunboxRunning ? faLinkSimple : faLinkSimpleSlash
-          }),
-          label: intl.formatMessage({
-            id: isRunboxRunning ? 'runbox.status.runtime.connected' : 'runbox.status.runtime.disconnected'
-          }),
-          connected: isRunboxRunning
-        })]
-      }), stats ? jsxs(Fragment, {
-        children: [jsx(Divider, {
-          sx: {
-            margin: '0.75rem'
-          }
-        }), jsxs(Stack, {
-          direction: "column",
-          children: [jsx(MaterialRunboxStatusResourceItem, {
-            icon: jsx(EliceIcon, {
-              icon: faMicrochip
-            }),
-            label: "CPU",
-            value: intl.formatNumber(stats.avgCpu, {
-              style: 'percent',
-              maximumFractionDigits: 2
-            })
-          }), jsx(MaterialRunboxStatusResourceItem, {
-            icon: jsx(EliceIcon, {
-              icon: faMemory
-            }),
-            label: "Memory",
-            value: "".concat(intl.formatDataSize(stats.memCurrent, {
-              unitSystem: 'iec',
-              maximumFractionDigits: 2
-            }), " / ").concat(intl.formatDataSize(stats.memTotal, {
-              unitSystem: 'iec',
-              maximumFractionDigits: 2
-            }))
-          }), jsx(MaterialRunboxStatusResourceItem, {
-            icon: jsx(EliceIcon, {
-              icon: faArrowUpRight
-            }),
-            label: "UP",
-            value: "".concat(intl.formatDataSize(stats.netOutPsec, {
-              unitSystem: 'iec'
-            }), "/s")
-          }), jsx(MaterialRunboxStatusResourceItem, {
-            icon: jsx(EliceIcon, {
-              icon: faArrowDownLeft
-            }),
-            label: "DOWN",
-            value: "".concat(intl.formatDataSize(stats.netInPsec, {
-              unitSystem: 'iec'
-            }), "/s")
-          }), jsx(MaterialRunboxStatusResourceItem, {
-            icon: jsx(EliceIcon, {
-              icon: faDiscDrive
-            }),
-            label: "DISK",
-            value: "".concat(intl.formatDataSize(stats.diskCurrent, {
-              unitSystem: 'iec',
-              maximumFractionDigits: 2
-            }), " / ").concat(intl.formatDataSize(stats.diskTotal, {
-              unitSystem: 'iec',
-              maximumFractionDigits: 2
-            }))
-          })]
-        })]
-      }) : null, bottomAction ? jsx(Stack, {
-        padding: "0.75rem 0.75rem 0",
-        children: bottomAction
-      }) : null]
-    })
-  }));
-};
-
-export { MaterialRunboxStatusPopover as default };

package/es/components/material-runbox/status/MaterialRunboxStatusResourceItem.d.ts

@@ -1,11 +0,0 @@
-import type React from 'react';
-export interface MaterialRunboxStatusResourceItemProps {
-    /** Leading icon element. */
-    icon: React.ReactNode;
-    /** Resource label, e.g. `CPU`. */
-    label: React.ReactNode;
-    /** Formatted value, e.g. `438.33 MiB / 4 GiB`. */
-    value: React.ReactNode;
-}
-declare const MaterialRunboxStatusResourceItem: React.FC<MaterialRunboxStatusResourceItemProps>;
-export default MaterialRunboxStatusResourceItem;

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

@@ -1,38 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Stack, Typography } from '@mui/material';
-
-//
-//
-//
-var MaterialRunboxStatusResourceItem = function MaterialRunboxStatusResourceItem(_ref) {
-  var icon = _ref.icon,
-    label = _ref.label,
-    value = _ref.value;
-  return jsxs(Stack, {
-    direction: "row",
-    alignItems: "flex-start",
-    gap: "0.75rem",
-    padding: "0.375rem 0.75rem",
-    children: [jsx(Typography, {
-      component: "span",
-      display: "inline-flex",
-      color: "text.secondary",
-      paddingTop: "0.5rem",
-      children: icon
-    }), jsxs(Stack, {
-      direction: "column",
-      children: [jsx(Typography, {
-        variant: "body2",
-        fontWeight: "bold",
-        children: label
-      }), jsx(Typography, {
-        variant: "caption",
-        color: "text.secondary",
-        fontFamily: "'JetBrains Mono', monospace",
-        children: value
-      })]
-    })]
-  });
-};
-
-export { MaterialRunboxStatusResourceItem as default };

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

@@ -1,4 +0,0 @@
-export { default as MaterialRunboxStatusButton } from './MaterialRunboxStatusButton';
-export { default as MaterialRunboxStatusPopover } from './MaterialRunboxStatusPopover';
-export type { MaterialRunboxStatusButtonProps } from './MaterialRunboxStatusButton';
-export type { MaterialRunboxStatusPopoverProps } from './MaterialRunboxStatusPopover';

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

@@ -1,2 +0,0 @@
-export { default as MaterialRunboxStatusButton } from './MaterialRunboxStatusButton.js';
-export { default as MaterialRunboxStatusPopover } from './MaterialRunboxStatusPopover.js';

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

@@ -1,11 +0,0 @@
-interface MaterialRunboxQuotaAlmostEndDialogProps {
-    open: boolean;
-    onClose: () => void;
-}
-/**
- * Warns the learner that the *total* available time is about to run out.
- *
- * Once it does, the practice ends for good — there is no reconnecting.
- */
-declare const MaterialRunboxQuotaAlmostEndDialog: React.FC<MaterialRunboxQuotaAlmostEndDialogProps>;
-export default MaterialRunboxQuotaAlmostEndDialog;

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

@@ -1,112 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRawEliceIntl } from '@elice/intl';
-import { useEliceRunboxQuota } from '@elice/runbox-client';
-import { Dialog, DialogTitle, DialogContent, Stack, Card, Typography, Divider, DialogActions, Button } from '@mui/material';
-import { QUOTA_ALMOST_END_MINUTES, QUOTA_PER_SESSION_ALMOST_END_MINUTES } from '../hooks/useRunboxSessionEndWarning.js';
-import MaterialRunboxQuotaAmount from './MaterialRunboxQuotaAmount.js';
-
-//
-//
-//
-/**
- * Warns the learner that the *total* available time is about to run out.
- *
- * Once it does, the practice ends for good — there is no reconnecting.
- */
-var MaterialRunboxQuotaAlmostEndDialog = function MaterialRunboxQuotaAlmostEndDialog(_ref) {
-  var open = _ref.open,
-    onClose = _ref.onClose;
-  var intl = useRawEliceIntl();
-  var _useEliceRunboxQuota = useEliceRunboxQuota(),
-    quotaInfo = _useEliceRunboxQuota.quotaInfo,
-    quotaPerSessionInfo = _useEliceRunboxQuota.quotaPerSessionInfo;
-  if (quotaInfo.isUnlimited) {
-    return null;
-  }
-  var isQuotaAlmostEnd = quotaInfo.remainingQuota <= QUOTA_ALMOST_END_MINUTES;
-  var isQuotaPerSessionAlmostEnd = !quotaPerSessionInfo.isUnlimited && quotaPerSessionInfo.remainingQuota <= QUOTA_PER_SESSION_ALMOST_END_MINUTES;
-  return jsxs(Dialog, {
-    fullWidth: true,
-    maxWidth: "xs",
-    open: open,
-    onClose: onClose,
-    children: [jsx(DialogTitle, {
-      children: intl.formatMessage({
-        id: 'runbox.timer.almost_end.dialog.quota.title'
-      }, {
-        time: intl.formatNumber(QUOTA_ALMOST_END_MINUTES, {
-          style: 'unit',
-          unit: 'minute',
-          unitDisplay: 'short'
-        })
-      })
-    }), jsx(DialogContent, {
-      children: jsxs(Stack, {
-        direction: "column",
-        gap: "1.5rem",
-        children: [jsxs(Card, {
-          sx: {
-            bgcolor: 'background.neutral'
-          },
-          children: [jsxs(Stack, {
-            direction: "column",
-            gap: "0.5rem",
-            padding: "1rem",
-            bgcolor: isQuotaAlmostEnd ? 'warning.opacity03' : undefined,
-            children: [jsx(Typography, {
-              variant: "body2",
-              fontWeight: "bold",
-              children: intl.formatMessage({
-                id: 'runbox.timer.popover.quota.title'
-              })
-            }), jsx(MaterialRunboxQuotaAmount, {
-              remainingQuota: quotaInfo.remainingQuota,
-              quota: quotaInfo.quota,
-              color: isQuotaAlmostEnd ? 'warning.main' : 'success.main'
-            })]
-          }), jsx(Divider, {}), jsxs(Stack, {
-            direction: "column",
-            gap: "0.5rem",
-            padding: "1rem",
-            bgcolor: isQuotaPerSessionAlmostEnd ? 'warning.opacity03' : undefined,
-            children: [jsx(Typography, {
-              variant: "body2",
-              fontWeight: "bold",
-              children: intl.formatMessage({
-                id: 'runbox.timer.popover.quota_per_session.title'
-              })
-            }), quotaPerSessionInfo.isUnlimited ? jsx(Typography, {
-              component: "span",
-              variant: "h5",
-              fontWeight: "extraBold",
-              children: intl.formatMessage({
-                id: 'runbox.timer.unlimited'
-              })
-            }) : jsx(MaterialRunboxQuotaAmount, {
-              remainingQuota: quotaPerSessionInfo.remainingQuota,
-              quota: quotaPerSessionInfo.quota,
-              color: isQuotaPerSessionAlmostEnd ? 'warning.main' : 'success.main'
-            })]
-          })]
-        }), jsx(Typography, {
-          variant: "body2",
-          whiteSpace: "pre-line",
-          children: intl.formatMessage({
-            id: 'runbox.timer.almost_end.dialog.quota.description'
-          })
-        })]
-      })
-    }), jsx(DialogActions, {
-      children: jsx(Button, {
-        variant: "contained",
-        color: "inherit",
-        onClick: onClose,
-        children: intl.formatMessage({
-          id: 'runbox.timer.almost_end.dialog.confirm'
-        })
-      })
-    })]
-  });
-};
-
-export { MaterialRunboxQuotaAlmostEndDialog as default };

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

@@ -1,13 +0,0 @@
-export interface MaterialRunboxQuotaAmountProps {
-    /** Remaining time, in minutes. */
-    remainingQuota: number;
-    /** Total granted time, in minutes. */
-    quota: number;
-    /** Color of the remaining time. */
-    color?: string;
-}
-/**
- * Renders `<remaining> / <total>`, e.g. `4시간 11분 / 5시간`.
- */
-declare const MaterialRunboxQuotaAmount: React.FC<MaterialRunboxQuotaAmountProps>;
-export default MaterialRunboxQuotaAmount;

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

@@ -1,52 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRawEliceIntl } from '@elice/intl';
-import { Typography, Stack } from '@mui/material';
-import MaterialRunboxQuotaTimePart from './MaterialRunboxQuotaTimePart.js';
-import { getTimeParts } from '../../../utils/time.js';
-
-//
-//
-//
-/**
- * Renders `<remaining> / <total>`, e.g. `4시간 11분 / 5시간`.
- */
-var MaterialRunboxQuotaAmount = function MaterialRunboxQuotaAmount(_ref) {
-  var remainingQuota = _ref.remainingQuota,
-    quota = _ref.quota,
-    color = _ref.color;
-  var intl = useRawEliceIntl();
-  var _getTimeParts = getTimeParts(remainingQuota * 60),
-    remainingHours = _getTimeParts.hours,
-    remainingMinutes = _getTimeParts.minutes;
-  var _getTimeParts2 = getTimeParts(quota * 60),
-    totalHours = _getTimeParts2.hours,
-    totalMinutes = _getTimeParts2.minutes;
-  return jsxs(Typography, {
-    variant: "body2",
-    children: [jsxs(Stack, {
-      component: "span",
-      display: "inline-flex",
-      direction: "row",
-      gap: "0.25rem",
-      children: [jsx(MaterialRunboxQuotaTimePart, {
-        value: remainingHours,
-        unit: "hour",
-        color: color
-      }), jsx(MaterialRunboxQuotaTimePart, {
-        value: remainingMinutes,
-        unit: "minute",
-        color: color
-      })]
-    }), " / ", [totalHours > 0 ? intl.formatNumber(totalHours, {
-      style: 'unit',
-      unit: 'hour',
-      unitDisplay: 'short'
-    }) : null, totalMinutes > 0 ? intl.formatNumber(totalMinutes, {
-      style: 'unit',
-      unit: 'minute',
-      unitDisplay: 'short'
-    }) : null].filter(Boolean).join(' ')]
-  });
-};
-
-export { MaterialRunboxQuotaAmount as default };

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

@@ -1,12 +0,0 @@
-interface MaterialRunboxQuotaPerSessionAlmostEndDialogProps {
-    open: boolean;
-    onClose: () => void;
-}
-/**
- * Warns the learner that the time granted to *this connection* is about to run out.
- *
- * Unlike the total quota, the learner can reconnect and keep going as long as total
- * time is left — so this dialog is about saving work, not about the practice ending.
- */
-declare const MaterialRunboxQuotaPerSessionAlmostEndDialog: React.FC<MaterialRunboxQuotaPerSessionAlmostEndDialogProps>;
-export default MaterialRunboxQuotaPerSessionAlmostEndDialog;

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

@@ -1,113 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRawEliceIntl } from '@elice/intl';
-import { useEliceRunboxQuota } from '@elice/runbox-client';
-import { Dialog, DialogTitle, DialogContent, Stack, Card, Typography, Divider, DialogActions, Button } from '@mui/material';
-import { QUOTA_ALMOST_END_MINUTES, QUOTA_PER_SESSION_ALMOST_END_MINUTES } from '../hooks/useRunboxSessionEndWarning.js';
-import MaterialRunboxQuotaAmount from './MaterialRunboxQuotaAmount.js';
-
-//
-//
-//
-/**
- * Warns the learner that the time granted to *this connection* is about to run out.
- *
- * Unlike the total quota, the learner can reconnect and keep going as long as total
- * time is left — so this dialog is about saving work, not about the practice ending.
- */
-var MaterialRunboxQuotaPerSessionAlmostEndDialog = function MaterialRunboxQuotaPerSessionAlmostEndDialog(_ref) {
-  var open = _ref.open,
-    onClose = _ref.onClose;
-  var intl = useRawEliceIntl();
-  var _useEliceRunboxQuota = useEliceRunboxQuota(),
-    quotaInfo = _useEliceRunboxQuota.quotaInfo,
-    quotaPerSessionInfo = _useEliceRunboxQuota.quotaPerSessionInfo;
-  if (quotaPerSessionInfo.isUnlimited) {
-    return null;
-  }
-  var isQuotaAlmostEnd = !quotaInfo.isUnlimited && quotaInfo.remainingQuota <= QUOTA_ALMOST_END_MINUTES;
-  var isQuotaPerSessionAlmostEnd = quotaPerSessionInfo.remainingQuota <= QUOTA_PER_SESSION_ALMOST_END_MINUTES;
-  return jsxs(Dialog, {
-    fullWidth: true,
-    maxWidth: "xs",
-    open: open,
-    onClose: onClose,
-    children: [jsx(DialogTitle, {
-      children: intl.formatMessage({
-        id: 'runbox.timer.almost_end.dialog.quota_per_session.title'
-      }, {
-        time: intl.formatNumber(QUOTA_PER_SESSION_ALMOST_END_MINUTES, {
-          style: 'unit',
-          unit: 'minute',
-          unitDisplay: 'short'
-        })
-      })
-    }), jsx(DialogContent, {
-      children: jsxs(Stack, {
-        direction: "column",
-        gap: "1.5rem",
-        children: [jsxs(Card, {
-          sx: {
-            bgcolor: 'background.neutral'
-          },
-          children: [jsxs(Stack, {
-            direction: "column",
-            gap: "0.5rem",
-            padding: "1rem",
-            bgcolor: isQuotaAlmostEnd ? 'warning.opacity03' : undefined,
-            children: [jsx(Typography, {
-              variant: "body2",
-              fontWeight: "bold",
-              children: intl.formatMessage({
-                id: 'runbox.timer.popover.quota.title'
-              })
-            }), quotaInfo.isUnlimited ? jsx(Typography, {
-              component: "span",
-              variant: "h5",
-              fontWeight: "extraBold",
-              children: intl.formatMessage({
-                id: 'runbox.timer.unlimited'
-              })
-            }) : jsx(MaterialRunboxQuotaAmount, {
-              remainingQuota: quotaInfo.remainingQuota,
-              quota: quotaInfo.quota,
-              color: isQuotaAlmostEnd ? 'warning.main' : 'success.main'
-            })]
-          }), jsx(Divider, {}), jsxs(Stack, {
-            direction: "column",
-            gap: "0.5rem",
-            padding: "1rem",
-            bgcolor: isQuotaPerSessionAlmostEnd ? 'warning.opacity03' : undefined,
-            children: [jsx(Typography, {
-              variant: "body2",
-              fontWeight: "bold",
-              children: intl.formatMessage({
-                id: 'runbox.timer.popover.quota_per_session.title'
-              })
-            }), jsx(MaterialRunboxQuotaAmount, {
-              remainingQuota: quotaPerSessionInfo.remainingQuota,
-              quota: quotaPerSessionInfo.quota,
-              color: isQuotaPerSessionAlmostEnd ? 'warning.main' : 'success.main'
-            })]
-          })]
-        }), jsx(Typography, {
-          variant: "body2",
-          whiteSpace: "pre-line",
-          children: intl.formatMessage({
-            id: 'runbox.timer.almost_end.dialog.quota_per_session.description'
-          })
-        })]
-      })
-    }), jsx(DialogActions, {
-      children: jsx(Button, {
-        variant: "contained",
-        color: "inherit",
-        onClick: onClose,
-        children: intl.formatMessage({
-          id: 'runbox.timer.almost_end.dialog.confirm'
-        })
-      })
-    })]
-  });
-};
-
-export { MaterialRunboxQuotaPerSessionAlmostEndDialog as default };

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

@@ -1,15 +0,0 @@
-export interface MaterialRunboxQuotaTimePartProps {
-    value: number;
-    unit: 'hour' | 'minute';
-    color?: string;
-}
-/**
- * A single `4시간` / `11분` part, with the unit rendered smaller than the number.
- *
- * The number and its unit are split with `formatNumberToParts` rather than by hand,
- * because where the unit sits and how it is written differs per locale.
- *
- * Renders nothing when `value` is 0, so `29분` does not come out as `0시간 29분`.
- */
-declare const MaterialRunboxQuotaTimePart: React.FC<MaterialRunboxQuotaTimePartProps>;
-export default MaterialRunboxQuotaTimePart;