@elice/material-exercise 1.231212.0 → 1.231228.0

package/es/components/shared/monaco-editor/vendors/vscode-emmet-helper/utils.js

@@ -2,7 +2,7 @@
 /**
  * Default emmet configuration.
  */
-var DEFAULT_CONFIG = {
+const DEFAULT_CONFIG = {
   showExpandedAbbreviation: 'always',
   showAbbreviationSuggestions: true,
   showSuggestionsAsSnippets: false
@@ -11,7 +11,7 @@ var DEFAULT_CONFIG = {
  * Mapping between languages that support Emmet and completion trigger characters.
  * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L86
  */
-var LANGUAGE_MODES = {
+const LANGUAGE_MODES = {
   html: ['!', '.', '}', ':', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
   jade: ['!', '.', '}', ':', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
   slim: ['!', '.', '}', ':', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
@@ -30,7 +30,7 @@ var LANGUAGE_MODES = {
  * Language specific extensions can provide emmet completion support.
  * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L124
  */
-var MAPPED_MODES = {
+const MAPPED_MODES = {
   handlebars: 'html',
   php: 'html',
   twig: 'html'

package/es/components/shared/no-vnc/NoVnc.js

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { useMeasure, useMount, useUnmount, useUpdateEffect } from 'react-use';
 import { Text } from '@elice/blocks';
@@ -19,51 +18,45 @@ import PreviewContainer from '../preview-container/PreviewContainer.js';
 //
 //
 //
-var VNC_BACKGROUND_COLOR = base.color.navy7;
-var StyledHeaderTitle = styled.div.withConfig({
+const VNC_BACKGROUND_COLOR = base.color.navy7;
+const StyledHeaderTitle = styled.div.withConfig({
   componentId: "sc-1duy62f-0"
 })(["flex:1;"]);
-var StyledHeaderButtonGroup = styled.div.withConfig({
+const StyledHeaderButtonGroup = styled.div.withConfig({
   componentId: "sc-1duy62f-1"
 })(["flex:0 0 auto;display:flex;align-items:center;"]);
-var StyledVncWrap = styled.div.withConfig({
+const StyledVncWrap = styled.div.withConfig({
   componentId: "sc-1duy62f-2"
 })(["display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:", ";overflow:hidden;"], VNC_BACKGROUND_COLOR);
-var StyledNoVncContainer = styled.div.withConfig({
+const StyledNoVncContainer = styled.div.withConfig({
   componentId: "sc-1duy62f-3"
 })([""]);
-var StyledNoVnc = styled.div.withConfig({
+const StyledNoVnc = styled.div.withConfig({
   componentId: "sc-1duy62f-4"
 })(["position:relative;left:50%;top:50%;transform-origin:center center;transform:translate(-50%,-50%);"]);
 //
 //
 //
-var NoVnc = forwardRef(function (_ref, ref) {
-  var _ref$isRunning = _ref.isRunning,
-    isRunning = _ref$isRunning === void 0 ? false : _ref$isRunning,
-    wsUri = _ref.wsUri,
-    roomToken = _ref.roomToken,
-    readyExerciseImage = _ref.readyExerciseImage,
-    _ref$exercisePreviewD = _ref.exercisePreviewDisplayModeButton,
-    exercisePreviewDisplayModeButton = _ref$exercisePreviewD === void 0 ? null : _ref$exercisePreviewD,
-    onConnect = _ref.onConnect,
-    onDisconnect = _ref.onDisconnect;
-  var vncRfb = React.useRef(null);
-  var vncElRef = React.useRef(null);
-  var _useMeasure = useMeasure(),
-    _useMeasure2 = _slicedToArray(_useMeasure, 2),
-    vncWrapRef = _useMeasure2[0],
-    _useMeasure2$ = _useMeasure2[1],
-    width = _useMeasure2$.width,
-    height = _useMeasure2$.height;
-  var _React$useState = React.useState(true),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isVncScaledFromLocal = _React$useState2[0],
-    setVncScaledFromLocal = _React$useState2[1];
+const NoVnc = forwardRef(({
+  isRunning = false,
+  wsUri,
+  roomToken,
+  readyExerciseImage,
+  exercisePreviewDisplayModeButton = null,
+  onConnect,
+  onDisconnect
+}, ref) => {
+  const vncRfb = React.useRef(null);
+  const vncElRef = React.useRef(null);
+  const [vncWrapRef, {
+    width,
+    height
+  }] = useMeasure();
+  const [isVncScaledFromLocal, setVncScaledFromLocal] = React.useState(true);
   /**
    * Default size of VNC from exericse image.
    */
-  var vncDefaultSize = React.useMemo(function () {
+  const vncDefaultSize = React.useMemo(() => {
     var _a, _b;
     return {
       width: (_a = readyExerciseImage === null || readyExerciseImage === void 0 ? void 0 : readyExerciseImage.defaultVncWidth) !== null && _a !== void 0 ? _a : 300,
@@ -73,26 +66,22 @@ var NoVnc = forwardRef(function (_ref, ref) {
   /**
    * Transform scale to fit VNC to VNC wrap.
    */
-  var vncTransformScale = React.useMemo(function () {
-    return Math.min(width / vncDefaultSize.width, height / vncDefaultSize.height);
-  }, [width, height, vncDefaultSize.width, vncDefaultSize.height]);
+  const vncTransformScale = React.useMemo(() => Math.min(width / vncDefaultSize.width, height / vncDefaultSize.height), [width, height, vncDefaultSize.width, vncDefaultSize.height]);
   /**
    * Element style of VNC and VNC wrap.
    */
-  var vncElementStyle = React.useMemo(function () {
-    return {
-      width: "".concat((vncDefaultSize.width * vncTransformScale).toFixed(3), "px"),
-      height: "".concat((vncDefaultSize.height * vncTransformScale).toFixed(3), "px")
-    };
-  }, [vncDefaultSize.width, vncDefaultSize.height, vncTransformScale]);
+  const vncElementStyle = React.useMemo(() => ({
+    width: `${(vncDefaultSize.width * vncTransformScale).toFixed(3)}px`,
+    height: `${(vncDefaultSize.height * vncTransformScale).toFixed(3)}px`
+  }), [vncDefaultSize.width, vncDefaultSize.height, vncTransformScale]);
   /**
    * Connect VNC.
    */
-  var connect = React.useCallback(function () {
+  const connect = React.useCallback(() => {
     if (!vncElRef.current || !wsUri || !roomToken) {
       return;
     }
-    var vncUrl = "".concat(wsUri, "/client/vnc/").concat(roomToken);
+    const vncUrl = `${wsUri}/client/vnc/${roomToken}`;
     // The RFB object represents a single connection to a VNC server.
     // It communicates using a WebSocket that must provide a standard RFB protocol stream.
     // -ref: https://github.com/novnc/noVNC/blob/master/docs/API.md#rfb-1
@@ -125,14 +114,14 @@ var NoVnc = forwardRef(function (_ref, ref) {
     // ==============================
     // The connect event is fired when the RFB object has completed the connection and handshaking with the server.
     // - ref: https://github.com/novnc/noVNC/blob/master/docs/API.md#connect
-    vncRfb.current.addEventListener('connect', function () {
+    vncRfb.current.addEventListener('connect', () => {
       if (typeof onConnect === 'function') {
         onConnect();
       }
     });
     // The disconnect event is fired when the RFB object disconnects.
     // - ref: https://github.com/novnc/noVNC/blob/master/docs/API.md#disconnect
-    vncRfb.current.addEventListener('disconnect', function () {
+    vncRfb.current.addEventListener('disconnect', () => {
       if (typeof onDisconnect === 'function') {
         onDisconnect();
       }
@@ -143,7 +132,7 @@ var NoVnc = forwardRef(function (_ref, ref) {
   /**
    * Disconnect VNC.
    */
-  var disconnect = React.useCallback(function () {
+  const disconnect = React.useCallback(() => {
     var _a;
     if (typeof ((_a = vncRfb.current) === null || _a === void 0 ? void 0 : _a.disconnect) === 'function') {
       vncRfb.current.disconnect();
@@ -157,7 +146,7 @@ var NoVnc = forwardRef(function (_ref, ref) {
    * Reset VNC.
    * - note: https://www.notion.so/elice/elice-runner-v3-forwarder-4907ba8546274956b2f55c586df1641a#d61df659d91644db85a52fc148a69e13
    */
-  var reset = React.useCallback(function () {
+  const reset = React.useCallback(() => {
     if (!vncRfb.current) {
       return;
     }
@@ -209,7 +198,7 @@ var NoVnc = forwardRef(function (_ref, ref) {
   //
   // Update VNC scale config.
   //
-  useUpdateEffect(function () {
+  useUpdateEffect(() => {
     if (!vncRfb.current) {
       return;
     }
@@ -221,17 +210,15 @@ var NoVnc = forwardRef(function (_ref, ref) {
   //
   //
   //
-  React.useImperativeHandle(ref, function () {
-    return {
-      connect: connect,
-      disconnect: disconnect,
-      reset: reset
-    };
-  }, [connect, disconnect, reset]);
+  React.useImperativeHandle(ref, () => ({
+    connect,
+    disconnect,
+    reset
+  }), [connect, disconnect, reset]);
   /**
    * Header.
    */
-  var renderVncHeader = function renderVncHeader() {
+  const renderVncHeader = () => {
     return React.createElement(React.Fragment, null, React.createElement(StyledHeaderTitle, null, React.createElement(Text, {
       role: "white",
       size: "tiny"
@@ -239,11 +226,7 @@ var NoVnc = forwardRef(function (_ref, ref) {
       icon: isVncScaledFromLocal ? eilViewMaximize : eilViewMinimize,
       title: isRunning ? '실행 중에는 비율을 변경할 수 없습니다' : isVncScaledFromLocal ? '확대하여 보기' : '원본 비율로 보기',
       disabled: isRunning,
-      onClick: function onClick() {
-        return setVncScaledFromLocal(function (prev) {
-          return !prev;
-        });
-      }
+      onClick: () => setVncScaledFromLocal(prev => !prev)
     }), React.isValidElement(exercisePreviewDisplayModeButton) ? React.cloneElement(exercisePreviewDisplayModeButton, {
       disabled: isRunning
     }) : null));

package/es/components/shared/no-vnc/NoVncLazy.js

@@ -1,9 +1,7 @@
 import React, { forwardRef } from 'react';
 
-var AsyncNoVnc = React.lazy(function () {
-  return import('./NoVnc.js');
-});
-var NoVncLazy = forwardRef(function (props, ref) {
+const AsyncNoVnc = React.lazy(() => import('./NoVnc.js'));
+const NoVncLazy = forwardRef((props, ref) => {
   return React.createElement(React.Suspense, {
     fallback: null
   }, React.createElement(AsyncNoVnc, Object.assign({}, props, {

package/es/components/shared/preview-container/PreviewContainer.js

@@ -2,17 +2,18 @@ import React, { forwardRef } from 'react';
 import { base } from '@elice/design-tokens';
 import styled from 'styled-components';
 
-var PREVIEW_CONTAINER_HEADER_HEIGHT = 36; // 2.25rem
-var PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM = 4; // 0.25rem
-var StyledPreviewContainer = styled.div.withConfig({
+const PREVIEW_CONTAINER_HEADER_HEIGHT = 36; // 2.25rem
+const PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM = 4; // 0.25rem
+const StyledPreviewContainer = styled.div.withConfig({
   componentId: "sc-1oi07w2-0"
 })(["display:flex;flex-direction:column;width:100%;height:100%;background-color:", ";overflow:hidden;"], base.color.white);
-var StyledPreviewHeader = styled.div.withConfig({
+const StyledPreviewHeader = styled.div.withConfig({
   componentId: "sc-1oi07w2-1"
 })(["flex:0 0 ", "px;display:flex;align-items:center;padding:", "px 0.5rem;border-bottom:1px solid ", ";background-color:", ";"], PREVIEW_CONTAINER_HEADER_HEIGHT, PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM, base.color.navy7, base.color.navy8);
-var PreviewContainer = forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    header = _ref.header;
+const PreviewContainer = forwardRef(({
+  children,
+  header
+}, ref) => {
   return React.createElement(StyledPreviewContainer, {
     ref: ref
   }, React.createElement(StyledPreviewHeader, {

package/es/components/shared/web-browser/WebBrowser.js

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { Flex } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
@@ -7,45 +6,37 @@ import styled from 'styled-components';
 import ExerciseMenuButton from '../exercise-menu-button/ExerciseMenuButton.js';
 import PreviewContainer, { PREVIEW_CONTAINER_HEADER_HEIGHT, PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM } from '../preview-container/PreviewContainer.js';
 
-var WEB_BROWSER_URL_INPUT_HEIGHT = PREVIEW_CONTAINER_HEADER_HEIGHT - PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM * 2;
-var StyledHeaderUrlInput = styled.input.withConfig({
+const WEB_BROWSER_URL_INPUT_HEIGHT = PREVIEW_CONTAINER_HEADER_HEIGHT - PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM * 2;
+const StyledHeaderUrlInput = styled.input.withConfig({
   componentId: "sc-1c55yq-0"
 })(["flex:1;min-width:0;height:", "px;padding:0.25rem 0.5rem;color:", ";background:", ";border:0;border-radius:0.25rem;&:active,&:focus{outline:none;}"], WEB_BROWSER_URL_INPUT_HEIGHT, base.color.white, base.color.navy6);
-var StyledIframe = styled.iframe.withConfig({
+const StyledIframe = styled.iframe.withConfig({
   componentId: "sc-1c55yq-1"
 })(["flex:1;width:100%;height:100%;min-height:0;border:0;"]);
 /**
  * Attach `_cachebust` search parameter to the URL to prevent caching.
  */
-var createCacheBustedUrl = function createCacheBustedUrl(url) {
+const createCacheBustedUrl = url => {
   try {
-    var urlObject = new URL(url);
+    const urlObject = new URL(url);
     urlObject.searchParams.set('_cachebust', Date.now().toString());
     return urlObject.href;
   } catch (_) {
     return url;
   }
 };
-var WebBrowser = forwardRef(function (_ref, ref) {
-  var httpUri = _ref.httpUri,
-    _ref$menuButtons = _ref.menuButtons,
-    menuButtons = _ref$menuButtons === void 0 ? null : _ref$menuButtons;
-  var _React$useState = React.useState(''),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    url = _React$useState2[0],
-    setUrl = _React$useState2[1];
-  var _React$useState3 = React.useState(''),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    inputUrl = _React$useState4[0],
-    setInputUrl = _React$useState4[1];
-  var iframeRef = React.useRef(null);
-  var iframeSrc = React.useMemo(function () {
-    return createCacheBustedUrl(url);
-  }, [url]);
+const WebBrowser = forwardRef(({
+  httpUri,
+  menuButtons = null
+}, ref) => {
+  const [url, setUrl] = React.useState('');
+  const [inputUrl, setInputUrl] = React.useState('');
+  const iframeRef = React.useRef(null);
+  const iframeSrc = React.useMemo(() => createCacheBustedUrl(url), [url]);
   /**
    * Navigate browser.
    */
-  var navigate = React.useCallback(function (newUrl) {
+  const navigate = React.useCallback(newUrl => {
     if (newUrl) {
       setUrl(newUrl);
     }
@@ -53,7 +44,7 @@ var WebBrowser = forwardRef(function (_ref, ref) {
   /**
    * Reload browser.
    */
-  var reload = React.useCallback(function () {
+  const reload = React.useCallback(() => {
     if (iframeRef.current) {
       iframeRef.current.src = createCacheBustedUrl(iframeRef.current.src);
     }
@@ -61,8 +52,8 @@ var WebBrowser = forwardRef(function (_ref, ref) {
   /**
    * New window open click.
    */
-  var handleNewWindowClick = function handleNewWindowClick() {
-    var win = window.open(url, '_blank');
+  const handleNewWindowClick = () => {
+    const win = window.open(url, '_blank');
     if (win) {
       win.focus();
     }
@@ -70,15 +61,15 @@ var WebBrowser = forwardRef(function (_ref, ref) {
   /**
    * Handle url input change.
    */
-  var handleUrlInputChange = function handleUrlInputChange(e) {
-    var value = e.target.value;
+  const handleUrlInputChange = e => {
+    const value = e.target.value;
     // prevent removal of origin url (props.httpUri)
     setInputUrl(value.startsWith(httpUri) ? value : httpUri);
   };
   /**
    * Handle url input Enter key down.
    */
-  var handleUrlInputKeyDown = function handleUrlInputKeyDown(e) {
+  const handleUrlInputKeyDown = e => {
     if (e.key === 'Enter') {
       e.preventDefault();
       navigate(inputUrl);
@@ -87,10 +78,10 @@ var WebBrowser = forwardRef(function (_ref, ref) {
   /**
    * Handle iframe load.
    */
-  var handleIframeLoad = function handleIframeLoad() {
+  const handleIframeLoad = () => {
     var _a, _b, _c;
     try {
-      var iframeUrl = (_c = (_b = (_a = iframeRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.location) === null || _c === void 0 ? void 0 : _c.href;
+      const iframeUrl = (_c = (_b = (_a = iframeRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.location) === null || _c === void 0 ? void 0 : _c.href;
       if (iframeUrl) {
         setInputUrl(iframeUrl);
       }
@@ -102,23 +93,21 @@ var WebBrowser = forwardRef(function (_ref, ref) {
   //
   // Change url on new httpUri provided.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     setUrl(httpUri);
     setInputUrl(httpUri);
   }, [httpUri]);
   //
   //
   //
-  React.useImperativeHandle(ref, function () {
-    return {
-      navigate: navigate,
-      reload: reload
-    };
-  }, [navigate, reload]);
+  React.useImperativeHandle(ref, () => ({
+    navigate,
+    reload
+  }), [navigate, reload]);
   /**
    * Browser header.
    */
-  var renderBrowserHeader = function renderBrowserHeader() {
+  const renderBrowserHeader = () => {
     return React.createElement(React.Fragment, null, React.createElement(Flex, {
       marginright: "0.25rem"
     }, React.createElement(ExerciseMenuButton, {
@@ -142,7 +131,7 @@ var WebBrowser = forwardRef(function (_ref, ref) {
   /**
    * Browser content.
    */
-  var renderBrowserBody = function renderBrowserBody() {
+  const renderBrowserBody = () => {
     return React.createElement(StyledIframe, {
       src: iframeSrc,
       title: url,

package/es/components/shared/xterm/Xterm.js

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { useIntl } from 'react-intl';
 import { useMeasure, useDebounce } from 'react-use';
@@ -12,53 +11,45 @@ import phrasesKo from './locales/ko.json.js';
 import { patchXtermComposedPath } from './utils/index.js';
 import 'xterm/css/xterm.css';
 
-var XTERM_BACKGROUND_COLOR = base.color.navy9;
-var StyledXtermWrapper = styled.div.withConfig({
+const XTERM_BACKGROUND_COLOR = base.color.navy9;
+const StyledXtermWrapper = styled.div.withConfig({
   componentId: "sc-8sudaf-0"
 })(["flex:1 1 0%;height:100%;background-color:", ";overflow:hidden;padding:1rem;padding-right:0;.xterm-viewport{overflow-y:auto;overflow-x:hidden;}"], XTERM_BACKGROUND_COLOR);
-var Xterm = forwardRef(function (_ref, ref) {
-  var _ref$isRunning = _ref.isRunning,
-    isRunning = _ref$isRunning === void 0 ? false : _ref$isRunning,
-    fontSize = _ref.fontSize,
-    _ref$suppressSystemMe = _ref.suppressSystemMessage,
-    suppressSystemMessage = _ref$suppressSystemMe === void 0 ? false : _ref$suppressSystemMe,
-    onInputRequest = _ref.onInputRequest,
-    onTtyResizeRequest = _ref.onTtyResizeRequest;
-  var intl = useIntl();
-  var xterm = React.useRef(null);
-  var xtermFitAddon = React.useRef(null);
-  var _useMeasure = useMeasure(),
-    _useMeasure2 = _slicedToArray(_useMeasure, 2),
-    xtermWrapperElRef = _useMeasure2[0],
-    _useMeasure2$ = _useMeasure2[1],
-    width = _useMeasure2$.width,
-    height = _useMeasure2$.height;
-  var xtermElRef = React.useRef(null);
-  var ttySize = React.useRef({});
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isRunBefore = _React$useState2[0],
-    setIsRunBefore = _React$useState2[1];
+const Xterm = forwardRef(({
+  isRunning = false,
+  fontSize,
+  suppressSystemMessage = false,
+  onInputRequest,
+  onTtyResizeRequest
+}, ref) => {
+  const intl = useIntl();
+  const xterm = React.useRef(null);
+  const xtermFitAddon = React.useRef(null);
+  const [xtermWrapperElRef, {
+    width,
+    height
+  }] = useMeasure();
+  const xtermElRef = React.useRef(null);
+  const ttySize = React.useRef({});
+  const [isRunBefore, setIsRunBefore] = React.useState(false);
   /**
    * Unfocus the terminal.
    */
-  var blur = React.useCallback(function () {
-    var _a2;
+  const blur = React.useCallback((...args) => {
     var _a;
-    return (_a = xterm.current) === null || _a === void 0 ? void 0 : (_a2 = _a).blur.apply(_a2, arguments);
+    return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.blur(...args);
   }, []);
   /**
    * Focus the terminal.
    */
-  var focus = React.useCallback(function () {
-    var _a3;
+  const focus = React.useCallback((...args) => {
     var _a;
-    return (_a = xterm.current) === null || _a === void 0 ? void 0 : (_a3 = _a).focus.apply(_a3, arguments);
+    return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.focus(...args);
   }, []);
   /**
    * Resizes the terminal to the dimensions of its containing element.
    */
-  var fit = React.useCallback(function () {
+  const fit = React.useCallback(() => {
     var _a;
     // wrap `fit()` with try-catch.
     // - ref: https://github.com/bus-stop/x-terminal/issues/57#issuecomment-666012025
@@ -71,7 +62,7 @@ var Xterm = forwardRef(function (_ref, ref) {
   /**
    * Write data to the terminal.
    */
-  var write = React.useCallback(function (data, callback) {
+  const write = React.useCallback((data, callback) => {
     var _a;
     return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.write(typeof data === 'string' ? data.replace(/\n/g, '\r\n') : data, callback);
   }, []);
@@ -79,28 +70,23 @@ var Xterm = forwardRef(function (_ref, ref) {
    * Write emphasized color (yellow) message to the terminal.
    * (same with `write` but with specific style)
    */
-  var writeEmphasized = React.useCallback(function (mesage) {
-    return write("\x1B[38;5;221m".concat(mesage, "\x1B[0m"));
-  }, [write]);
+  const writeEmphasized = React.useCallback(mesage => write(`\x1b[38;5;221m${mesage}\x1b[0m`), [write]);
   /**
    * Write system message to the terminal.
    * (same with `write` but with specific style)
    */
-  var writeSystem = React.useCallback(function (mesage) {
-    return write("\x1B[1m\x1B[38;5;183m".concat(mesage, "\x1B[0m\n"));
-  }, [write]);
+  const writeSystem = React.useCallback(mesage => write(`\x1b[1m\x1b[38;5;183m${mesage}\x1b[0m\n`), [write]);
   /**
    * Perform a full reset (RIS, aka '\x1bc').
    */
-  var reset = React.useCallback(function () {
-    var _a4;
+  const reset = React.useCallback((...args) => {
     var _a;
-    return (_a = xterm.current) === null || _a === void 0 ? void 0 : (_a4 = _a).reset.apply(_a4, arguments);
+    return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.reset(...args);
   }, []);
   //
   // Init xterm.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!xtermElRef.current) {
       return;
     }
@@ -110,7 +96,7 @@ var Xterm = forwardRef(function (_ref, ref) {
     xterm.current = new Terminal({
       cursorBlink: true,
       fontFamily: 'Elice Digital Coding',
-      fontSize: fontSize,
+      fontSize,
       theme: {
         background: XTERM_BACKGROUND_COLOR
       }
@@ -119,17 +105,17 @@ var Xterm = forwardRef(function (_ref, ref) {
     xtermFitAddon.current = new FitAddon();
     xterm.current.loadAddon(xtermFitAddon.current);
     // create xterm window
-    var xtermEl = xtermElRef.current;
+    const xtermEl = xtermElRef.current;
     if (xtermEl) {
       xterm.current.open(xtermEl);
     }
     // register event handlers
-    var subscriptionData = xterm.current.onData(onInputRequest);
-    var subscriptionResize = xterm.current.onResize(function (size) {
+    const subscriptionData = xterm.current.onData(onInputRequest);
+    const subscriptionResize = xterm.current.onResize(size => {
       ttySize.current = size;
       onTtyResizeRequest(size);
     });
-    return function () {
+    return () => {
       var _a, _b;
       subscriptionData.dispose();
       subscriptionResize.dispose();
@@ -142,14 +128,14 @@ var Xterm = forwardRef(function (_ref, ref) {
   //
   // Update xterm font size.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     var _a;
     return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.setOption('fontSize', fontSize);
   }, [fontSize]);
   //
   // Reset and resize xterm when code is running.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (isRunning) {
       reset();
       onTtyResizeRequest(ttySize.current);
@@ -160,7 +146,7 @@ var Xterm = forwardRef(function (_ref, ref) {
   //
   // Write system message when code is running.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (suppressSystemMessage) {
       return;
     }
@@ -193,23 +179,19 @@ var Xterm = forwardRef(function (_ref, ref) {
   //
   // Fit xterm with wrapper resized.
   //
-  useDebounce(function () {
-    return fit();
-  }, 250, [width, height]);
+  useDebounce(() => fit(), 250, [width, height]);
   //
   //
   //
-  React.useImperativeHandle(ref, function () {
-    return {
-      blur: blur,
-      focus: focus,
-      fit: fit,
-      reset: reset,
-      write: write,
-      writeEmphasized: writeEmphasized,
-      writeSystem: writeSystem
-    };
-  });
+  React.useImperativeHandle(ref, () => ({
+    blur,
+    focus,
+    fit,
+    reset,
+    write,
+    writeEmphasized,
+    writeSystem
+  }));
   //
   //
   //
@@ -217,8 +199,8 @@ var Xterm = forwardRef(function (_ref, ref) {
     ref: xtermWrapperElRef
   }, React.createElement("div", {
     style: {
-      width: width,
-      height: height
+      width,
+      height
     },
     ref: xtermElRef
   }));
@@ -226,7 +208,7 @@ var Xterm = forwardRef(function (_ref, ref) {
 //
 //
 //
-var Xterm$1 = forwardRef(function (props, ref) {
+var Xterm$1 = forwardRef((props, ref) => {
   return React.createElement(MaterialIntlProvider, {
     locale: props.locale,
     phrases: {

package/es/components/shared/xterm/XtermLazy.js

@@ -1,9 +1,7 @@
 import React, { forwardRef } from 'react';
 
-var AsyncXterm = React.lazy(function () {
-  return import('./Xterm.js');
-});
-var XtermLazy = forwardRef(function (props, ref) {
+const AsyncXterm = React.lazy(() => import('./Xterm.js'));
+const XtermLazy = forwardRef((props, ref) => {
   return React.createElement(React.Suspense, {
     fallback: null
   }, React.createElement(AsyncXterm, Object.assign({}, props, {