@elice/material-exercise 1.231227.0 → 1.240112.0-cloud.0

package/es/components/shared/monaco-editor/MonacoEditor.js

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { base } from '@elice/design-tokens';
 import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
@@ -25,68 +24,59 @@ initMonacoGrammars().catch(console.warn);
 //
 //
 //
-var StyledMonacoEditorWrapper = styled.div.withConfig({
+const StyledMonacoEditorWrapper = styled.div.withConfig({
   componentId: "sc-1j3uyex-0"
 })(["width:100%;height:100%;"]);
-var StyledMonacoEditor = styled.div.withConfig({
+const StyledMonacoEditor = styled.div.withConfig({
   componentId: "sc-1j3uyex-1"
 })(["width:100%;height:100%;background-color:", ";", ""], base.color.navy9, cssRemoteMarker);
 /**
  *
  */
-var MonacoEditor = forwardRef(function (_ref, ref) {
-  var _ref$defaultValue = _ref.defaultValue,
-    defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
-    _ref$filename = _ref.filename,
-    filename = _ref$filename === void 0 ? '/noname.txt' : _ref$filename,
-    _ref$preference = _ref.preference,
-    preference = _ref$preference === void 0 ? DEFAULT_MONACO_EDITOR_PREFERENCE : _ref$preference,
-    _ref$markers = _ref.markers,
-    markers = _ref$markers === void 0 ? [] : _ref$markers,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '100%' : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '100%' : _ref$height,
-    _ref$noLanguageIntell = _ref.noLanguageIntellisense,
-    noLanguageIntellisense = _ref$noLanguageIntell === void 0 ? false : _ref$noLanguageIntell,
-    onLoad = _ref.onLoad,
-    onChange = _ref.onChange,
-    onSave = _ref.onSave,
-    onCursor = _ref.onCursor,
-    onScroll = _ref.onScroll,
-    onThemeChange = _ref.onThemeChange;
+const MonacoEditor = forwardRef(({
+  defaultValue = '',
+  filename = '/noname.txt',
+  preference = DEFAULT_MONACO_EDITOR_PREFERENCE,
+  markers = [],
+  width = '100%',
+  height = '100%',
+  noLanguageIntellisense = false,
+  onLoad,
+  onChange,
+  onSave,
+  onCursor,
+  onScroll,
+  onThemeChange
+}, ref) => {
   /** Ref of element which wraps editor. */
-  var editorElRef = React.useRef(null);
+  const editorElRef = React.useRef(null);
   /** Ref of editor exposed APIs. */
-  var editorApis = React.useRef({});
+  const editorApis = React.useRef({});
   /** Ref of monaco editor. */
-  var editor = React.useRef(null);
+  const editor = React.useRef(null);
   /** Editor options. */
-  var editorOptions = useEditorOptions({
-    width: width,
-    height: height,
-    preference: preference,
-    noLanguageIntellisense: noLanguageIntellisense
+  const editorOptions = useEditorOptions({
+    width,
+    height,
+    preference,
+    noLanguageIntellisense
   });
   /** Ref for preventing change event. */
-  var suppress = React.useRef(false);
+  const suppress = React.useRef(false);
   /** Is editor ready? */
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isReady = _React$useState2[0],
-    setReady = _React$useState2[1];
+  const [isReady, setReady] = React.useState(false);
   /**
    * Get model of editor.
    */
-  var getMonacoModel = function getMonacoModel() {
-    var uri = monaco.Uri.file(filename || '/noname.txt');
+  const getMonacoModel = () => {
+    const uri = monaco.Uri.file(filename || '/noname.txt');
     return monaco.editor.getModel(uri);
   };
   /**
    * Has editor undo/redo history?
    * @public
    */
-  var hasHistory = function hasHistory() {
+  const hasHistory = () => {
     var _a;
     return (((_a = getMonacoModel()) === null || _a === void 0 ? void 0 : _a.getAlternativeVersionId()) || 0) > 1;
   };
@@ -94,14 +84,14 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
    * Clear editor undo/redo history.
    * @public
    */
-  var clearHistory = function clearHistory() {
+  const clearHistory = () => {
     getMonacoModel();
   };
   /**
    * Get current value of editor.
    * @public
    */
-  var getValue = function getValue() {
+  const getValue = () => {
     var _a;
     return ((_a = getMonacoModel()) === null || _a === void 0 ? void 0 : _a.getValue()) || '';
   };
@@ -109,16 +99,16 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
    * Get value in range of editor.
    * @public
    */
-  var getValueInRange = function getValueInRange(from, to) {
-    var model = getMonacoModel();
+  const getValueInRange = (from, to) => {
+    const model = getMonacoModel();
     if (!model) {
       return '';
     }
     if (from === to) {
       return '';
     }
-    var startPosition = model.getPositionAt(from);
-    var endPosition = model.getPositionAt(to);
+    const startPosition = model.getPositionAt(from);
+    const endPosition = model.getPositionAt(to);
     return model.getValueInRange({
       startLineNumber: startPosition.lineNumber,
       startColumn: startPosition.column,
@@ -130,14 +120,14 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
    * Set (overwrite) value to editor.
    * @public
    */
-  var setValue = function setValue(newValue) {
+  const setValue = newValue => {
     if (!editor.current) {
       return;
     }
     // Replace value EOL as LF.
     newValue = newValue.replace(/\r\n/g, '\n');
-    var uri = monaco.Uri.file(filename || '/noname.txt');
-    var model = monaco.editor.getModel(uri);
+    const uri = monaco.Uri.file(filename || '/noname.txt');
+    const model = monaco.editor.getModel(uri);
     if (model && !model.isDisposed()) {
       // Override EOL as LF to prevent error at Windows env.
       model.setEOL(monaco.editor.EndOfLineSequence.LF);
@@ -149,9 +139,7 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
           range: model.getFullModelRange(),
           text: newValue,
           forceMoveMarkers: true
-        }], function () {
-          return null;
-        });
+        }], () => null);
         editor.current.pushUndoStop();
         suppress.current = false;
         editor.current.setModel(model);
@@ -161,8 +149,8 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
     // If model has not created yet for this file,
     // create new model.
     else {
-      var lang = getLanguageFromFilename(filename);
-      var newModel = monaco.editor.createModel(newValue, lang, uri);
+      const lang = getLanguageFromFilename(filename);
+      const newModel = monaco.editor.createModel(newValue, lang, uri);
       newModel.setEOL(monaco.editor.EndOfLineSequence.LF);
       editor.current.setModel(newModel);
     }
@@ -171,24 +159,22 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
    * Insert value at specific position.
    * @public
    */
-  var insertValue = function insertValue(offset, newValue) {
+  const insertValue = (offset, newValue) => {
     if (!editor.current) {
       return;
     }
     // Replace value EOL as LF.
     newValue = newValue.replace(/\r\n/g, '\n');
-    var model = getMonacoModel();
+    const model = getMonacoModel();
     if (model) {
-      var position = model.getPositionAt(offset);
+      const position = model.getPositionAt(offset);
       suppress.current = true;
       editor.current.pushUndoStop();
       model.pushEditOperations([], [{
         range: new monaco.Range(position.lineNumber, position.column, position.lineNumber, position.column),
         text: newValue,
         forceMoveMarkers: true
-      }], function () {
-        return null;
-      });
+      }], () => null);
       editor.current.pushUndoStop();
       suppress.current = false;
     }
@@ -197,23 +183,21 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
    * Remove value at specific range.
    * @public
    */
-  var removeValue = function removeValue(from, to) {
+  const removeValue = (from, to) => {
     if (!editor.current) {
       return;
     }
-    var model = getMonacoModel();
+    const model = getMonacoModel();
     if (model) {
-      var startPosition = model.getPositionAt(from);
-      var endPosition = model.getPositionAt(to);
+      const startPosition = model.getPositionAt(from);
+      const endPosition = model.getPositionAt(to);
       suppress.current = true;
       editor.current.pushUndoStop();
       model.pushEditOperations([], [{
         range: new monaco.Range(startPosition.lineNumber, startPosition.column, endPosition.lineNumber, endPosition.column),
         text: '',
         forceMoveMarkers: true
-      }], function () {
-        return null;
-      });
+      }], () => null);
       editor.current.pushUndoStop();
       suppress.current = false;
     }
@@ -222,9 +206,9 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
    * Get offset of current cursor position.
    * @public
    */
-  var getPositionOffset = function getPositionOffset() {
+  const getPositionOffset = () => {
     var _a;
-    var model = getMonacoModel();
+    const model = getMonacoModel();
     if (!editor.current || !model) {
       return 0;
     }
@@ -234,12 +218,12 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
    * Set selection of editor with specific range.
    * @public
    */
-  var setSelection = function setSelection(from, to) {
+  const setSelection = (from, to) => {
     var _a;
-    var model = getMonacoModel();
+    const model = getMonacoModel();
     if (model) {
-      var markerStartPosition = model.getPositionAt(from);
-      var markerEndPosition = model.getPositionAt(to);
+      const markerStartPosition = model.getPositionAt(from);
+      const markerEndPosition = model.getPositionAt(to);
       (_a = editor.current) === null || _a === void 0 ? void 0 : _a.setSelection(new monaco.Range(markerStartPosition.lineNumber, markerStartPosition.column, markerEndPosition.lineNumber, markerEndPosition.column));
     }
   };
@@ -247,7 +231,7 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
    * Scroll editor to specific `scrollTop`.
    * @public
    */
-  var scrollTo = function scrollTo(scrollTop) {
+  const scrollTo = scrollTop => {
     var _a;
     (_a = editor.current) === null || _a === void 0 ? void 0 : _a.setScrollTop(scrollTop);
   };
@@ -259,11 +243,11 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
   useMonacoEventChange(editor, onChange, suppress, [isReady]);
   useMonacoEventCursor(editor, onCursor, [isReady]);
   useMonacoEventScroll(editor, onScroll, [isReady]);
-  var remoteMarker = useMonacoMarkers(editor, markers);
+  const remoteMarker = useMonacoMarkers(editor, markers);
   //
   // Init and dispose editor.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     try {
       if (!editorElRef.current) {
         return;
@@ -274,11 +258,11 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
         language: getLanguageFromFilename(filename)
       }));
       // add keyboard shortcut.
-      editor.current.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, function () {
+      editor.current.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, () => {
         var _a, _b, _c;
         void ((_b = (_a = editor.current) === null || _a === void 0 ? void 0 : _a.getAction('editor.action.formatDocument')) === null || _b === void 0 ? void 0 : _b.run());
         if (typeof onSave === 'function') {
-          var content = ((_c = getMonacoModel()) === null || _c === void 0 ? void 0 : _c.getValue()) || '';
+          const content = ((_c = getMonacoModel()) === null || _c === void 0 ? void 0 : _c.getValue()) || '';
           onSave(content);
         }
       });
@@ -291,7 +275,7 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
     } catch (_) {
       setReady(false);
     }
-    return function () {
+    return () => {
       var _a;
       setReady(false);
       // dispose remote marker
@@ -307,9 +291,7 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
   //
   // Set value whenevet filename or value changed.
   //
-  React.useEffect(function () {
-    return setValue(defaultValue);
-  },
+  React.useEffect(() => setValue(defaultValue),
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [filename, defaultValue]);
   //
@@ -327,16 +309,14 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
   editorApis.current.getPositionOffset = getPositionOffset;
   editorApis.current.setSelection = setSelection;
   editorApis.current.scrollTo = scrollTo;
-  React.useImperativeHandle(ref, function () {
-    return editorApis.current;
-  }, [editorApis]);
+  React.useImperativeHandle(ref, () => editorApis.current, [editorApis]);
   //
   //
   //
   return React.createElement(StyledMonacoEditorWrapper, null, React.createElement(StyledMonacoEditor, {
     style: {
-      width: width,
-      height: height
+      width,
+      height
     },
     ref: editorElRef
   }));

package/es/components/shared/monaco-editor/MonacoEditorLazy.js

@@ -9,13 +9,11 @@ import '../exercise-shimmer/ExerciseFileTreeListItemShimmer.js';
 //
 //
 //
-var AsyncMonacoEditor = React.lazy(function () {
-  return FlutterApp.checkWebview() ? import('./MonacoEditorMobile.js') : import('./MonacoEditor.js');
-});
+const AsyncMonacoEditor = React.lazy(() => FlutterApp.checkWebview() ? import('./MonacoEditorMobile.js') : import('./MonacoEditor.js'));
 //
 //
 //
-var MonacoEditorLazy = forwardRef(function (props, ref) {
+const MonacoEditorLazy = forwardRef((props, ref) => {
   return React.createElement(React.Suspense, {
     fallback: React.createElement(ExerciseFileShimmer, null)
   }, React.createElement(AsyncMonacoEditor, Object.assign({}, props, {

package/es/components/shared/monaco-editor/MonacoEditorMobile.js

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { useEnsuredForwardedRef } from 'react-use';
 import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
@@ -7,7 +6,7 @@ import MonacoEditor from './MonacoEditor.js';
 //
 //
 //
-var MOBILE_EDITOR_PREFERENCE = Object.freeze({
+const MOBILE_EDITOR_PREFERENCE = Object.freeze({
   autoClosingBrackets: 'always',
   cursorSmoothCaretAnimation: false,
   detectIndentation: true,
@@ -20,39 +19,32 @@ var MOBILE_EDITOR_PREFERENCE = Object.freeze({
   theme: 'elice',
   wordWrap: 'on'
 });
-var IS_IOS = ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || navigator.userAgent.includes('Mac') && 'ontouchend' in document;
+const IS_IOS = ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || navigator.userAgent.includes('Mac') && 'ontouchend' in document;
 //
 //
 //
-var MonacoEditorMobile = forwardRef(function (props, ref) {
-  var editorApiRef = useEnsuredForwardedRef(ref);
-  var _React$useState = React.useState(MOBILE_EDITOR_PREFERENCE),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    preference = _React$useState2[0],
-    setPreference = _React$useState2[1];
+const MonacoEditorMobile = forwardRef((props, ref) => {
+  const editorApiRef = useEnsuredForwardedRef(ref);
+  const [preference, setPreference] = React.useState(MOBILE_EDITOR_PREFERENCE);
   /**
    * Add a button to show keyboard on non-Apple devices.
    */
-  var addKeyboardButtonOverlayWidget = function addKeyboardButtonOverlayWidget(editor) {
+  const addKeyboardButtonOverlayWidget = editor => {
     if (IS_IOS) {
       return;
     }
     editor.addOverlayWidget({
-      getId: function getId() {
+      getId: () => {
         return 'editor.contrib.ShowKeyboardWidget';
       },
-      getDomNode: function getDomNode() {
-        var domNode = document.createElement('textarea');
+      getDomNode: () => {
+        const domNode = document.createElement('textarea');
         domNode.className = 'iPadShowKeyboard';
-        domNode.addEventListener('touchstart', function () {
-          return editor.focus();
-        });
-        domNode.addEventListener('focus', function () {
-          return editor.focus();
-        });
+        domNode.addEventListener('touchstart', () => editor.focus());
+        domNode.addEventListener('focus', () => editor.focus());
         return domNode;
       },
-      getPosition: function getPosition() {
+      getPosition: () => {
         return {
           preference: monaco.editor.OverlayWidgetPositionPreference.BOTTOM_RIGHT_CORNER
         };
@@ -62,45 +54,43 @@ var MonacoEditorMobile = forwardRef(function (props, ref) {
   /**
    * Export window-level event functions for mobile app.
    */
-  var exposeWindowGlobalEvents = function exposeWindowGlobalEvents(editor) {
-    var editorApi = editorApiRef.current;
+  const exposeWindowGlobalEvents = editor => {
+    const editorApi = editorApiRef.current;
     if (!editorApi) {
       return;
     }
-    window.cursorCharLeft = function () {
+    window.cursorCharLeft = () => {
       var _a;
-      var pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco.Position(0, 0);
+      const pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco.Position(0, 0);
       editor.setPosition(new monaco.Position(pos.lineNumber, pos.column - 1));
     };
-    window.cursorCharRight = function () {
+    window.cursorCharRight = () => {
       var _a;
-      var pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco.Position(0, 0);
+      const pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco.Position(0, 0);
       editor.setPosition(new monaco.Position(pos.lineNumber, pos.column + 1));
     };
-    window.cursorLineUp = function () {
+    window.cursorLineUp = () => {
       var _a;
-      var pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco.Position(0, 0);
+      const pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco.Position(0, 0);
       editor.setPosition(new monaco.Position(pos.lineNumber - 1, pos.column));
     };
-    window.cursorLineDown = function () {
+    window.cursorLineDown = () => {
       var _a;
-      var pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco.Position(0, 0);
+      const pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco.Position(0, 0);
       editor.setPosition(new monaco.Position(pos.lineNumber + 1, pos.column));
     };
-    window.dispatchReconfigureFontSize = function (fontSize) {
-      setPreference(function (prev) {
-        return Object.assign(Object.assign({}, prev), {
-          fontSize: fontSize
-        });
-      });
+    window.dispatchReconfigureFontSize = fontSize => {
+      setPreference(prev => Object.assign(Object.assign({}, prev), {
+        fontSize
+      }));
     };
-    window.dispatchChangeInsert = function (insert) {
+    window.dispatchChangeInsert = insert => {
       editorApi.insertValue(editorApi.getPositionOffset(), insert);
     };
-    window.insertTab = function () {
-      var model = editorApi.getMonacoModel();
+    window.insertTab = () => {
+      const model = editorApi.getMonacoModel();
       if (model) {
-        var modelOptions = model.getOptions();
+        const modelOptions = model.getOptions();
         editorApi.insertValue(editorApi.getPositionOffset(), modelOptions.insertSpaces ? ' '.repeat(modelOptions.tabSize) : '\t');
       }
     };
@@ -108,7 +98,7 @@ var MonacoEditorMobile = forwardRef(function (props, ref) {
   /**
    *
    */
-  var handleLoad = function handleLoad(editor) {
+  const handleLoad = editor => {
     if (typeof props.onLoad === 'function') {
       props.onLoad(editor);
     }