@elice/material-exercise 1.230328.0 → 1.230418.0

package/es/components/shared/material-modal/MaterialModal.styled.js

@@ -2,19 +2,19 @@ import { Text, Flex, IconButton } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import styled from 'styled-components';
 
-const StyledModalWrapper = styled.div.withConfig({
+var StyledModalWrapper = styled.div.withConfig({
   componentId: "sc-1ej7kso-0"
 })(["position:relative;display:flex;flex-flow:column nowrap;width:90vw;height:90vh;padding:0;background-color:", ";border-radius:0.375rem;"], base.color.gray8);
-const StyledModalHeader = styled(Text).withConfig({
+var StyledModalHeader = styled(Text).withConfig({
   componentId: "sc-1ej7kso-1"
 })(["flex:0 1 auto;width:100%;height:3.25rem;min-height:3.25rem;line-height:3.25rem;border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;border-bottom:1px solid ", ";text-align:center;color:", ";"], base.color.navy9, base.color.white);
-const StyledModalBody = styled.div.withConfig({
+var StyledModalBody = styled.div.withConfig({
   componentId: "sc-1ej7kso-2"
 })(["position:relative;flex:1 1 auto;width:100%;height:80%;"]);
-const StyledModalFooter = styled(Flex).withConfig({
+var StyledModalFooter = styled(Flex).withConfig({
   componentId: "sc-1ej7kso-3"
 })(["flex:0 1 auto;width:100%;height:3.75rem;min-height:3.75rem;border-bottom-left-radius:0.375rem;border-bottom-right-radius:0.375rem;border-top:1px solid ", ";padding:0.5rem 1.5rem;overflow:hidden;text-align:right;align-items:center;justify-content:flex-end;"], base.color.navy9);
-const StyledCloseButton = styled(IconButton).withConfig({
+var StyledCloseButton = styled(IconButton).withConfig({
   componentId: "sc-1ej7kso-4"
 })(["position:absolute;top:0;right:0;color:", " !important;"], base.color.gray4);
 

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

@@ -1,3 +1,4 @@
+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';
@@ -15,120 +16,109 @@ import initMonacoLanguages from './editor-languages/index.js';
 import { useEditorOptions } from './hooks/useEditorOptions.js';
 import { getLanguageFromFilename } from './utils/monacoLanguage.js';
 
+//
 //
 //
 // pre-init monaco editor
-
 initMonacoLanguages();
-initMonacoGrammars().catch(console.warn); //
+initMonacoGrammars().catch(console.warn);
 //
 //
-
-const StyledMonacoEditorWrapper = styled.div.withConfig({
+//
+var StyledMonacoEditorWrapper = styled.div.withConfig({
   componentId: "sc-1j3uyex-0"
 })(["width:100%;height:100%;"]);
-const StyledMonacoEditor = styled.div.withConfig({
+var StyledMonacoEditor = styled.div.withConfig({
   componentId: "sc-1j3uyex-1"
 })(["width:100%;height:100%;background-color:", ";", ""], base.color.navy9, cssRemoteMarker);
 /**
  *
  */
-
-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) => {
+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;
   /** Ref of element which wraps editor. */
-  const editorElRef = React.useRef(null);
+  var editorElRef = React.useRef(null);
   /** Ref of editor exposed APIs. */
-
-  const editorApis = React.useRef({});
+  var editorApis = React.useRef({});
   /** Ref of monaco editor. */
-
-  const editor = React.useRef(null);
+  var editor = React.useRef(null);
   /** Editor options. */
-
-  const editorOptions = useEditorOptions({
-    width,
-    height,
-    preference,
-    noLanguageIntellisense
+  var editorOptions = useEditorOptions({
+    width: width,
+    height: height,
+    preference: preference,
+    noLanguageIntellisense: noLanguageIntellisense
   });
   /** Ref for preventing change event. */
-
-  const suppress = React.useRef(false);
+  var suppress = React.useRef(false);
   /** Is editor ready? */
-
-  const [isReady, setReady] = React.useState(false);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isReady = _React$useState2[0],
+    setReady = _React$useState2[1];
   /**
    * Get model of editor.
    */
-
-  const getMonacoModel = () => {
-    const uri = monaco.Uri.file(filename || '/noname.txt');
+  var getMonacoModel = function getMonacoModel() {
+    var uri = monaco.Uri.file(filename || '/noname.txt');
     return monaco.editor.getModel(uri);
   };
   /**
    * Has editor undo/redo history?
    * @public
    */
-
-
-  const hasHistory = () => {
+  var hasHistory = function hasHistory() {
     var _a;
-
     return (((_a = getMonacoModel()) === null || _a === void 0 ? void 0 : _a.getAlternativeVersionId()) || 0) > 1;
   };
   /**
    * Clear editor undo/redo history.
    * @public
    */
-
-
-  const clearHistory = () => {
+  var clearHistory = function clearHistory() {
     getMonacoModel();
   };
   /**
    * Get current value of editor.
    * @public
    */
-
-
-  const getValue = () => {
+  var getValue = function getValue() {
     var _a;
-
     return ((_a = getMonacoModel()) === null || _a === void 0 ? void 0 : _a.getValue()) || '';
   };
   /**
    * Get value in range of editor.
    * @public
    */
-
-
-  const getValueInRange = (from, to) => {
-    const model = getMonacoModel();
-
+  var getValueInRange = function getValueInRange(from, to) {
+    var model = getMonacoModel();
     if (!model) {
       return '';
     }
-
     if (from === to) {
       return '';
     }
-
-    const startPosition = model.getPositionAt(from);
-    const endPosition = model.getPositionAt(to);
+    var startPosition = model.getPositionAt(from);
+    var endPosition = model.getPositionAt(to);
     return model.getValueInRange({
       startLineNumber: startPosition.lineNumber,
       startColumn: startPosition.column,
@@ -140,22 +130,18 @@ const MonacoEditor = forwardRef(({
    * Set (overwrite) value to editor.
    * @public
    */
-
-
-  const setValue = newValue => {
+  var setValue = function setValue(newValue) {
     if (!editor.current) {
       return;
-    } // Replace value EOL as LF.
-
-
+    }
+    // Replace value EOL as LF.
     newValue = newValue.replace(/\r\n/g, '\n');
-    const uri = monaco.Uri.file(filename || '/noname.txt');
-    const model = monaco.editor.getModel(uri);
-
+    var uri = monaco.Uri.file(filename || '/noname.txt');
+    var 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); // Overwirte current whole value with new one.
-
+      model.setEOL(monaco.editor.EndOfLineSequence.LF);
+      // Overwirte current whole value with new one.
       if (typeof newValue === 'string') {
         suppress.current = true;
         editor.current.pushUndoStop();
@@ -163,17 +149,20 @@ const MonacoEditor = forwardRef(({
           range: model.getFullModelRange(),
           text: newValue,
           forceMoveMarkers: true
-        }], () => null);
+        }], function () {
+          return null;
+        });
         editor.current.pushUndoStop();
         suppress.current = false;
         editor.current.setModel(model);
         editor.current.focus();
       }
-    } // If model has not created yet for this file,
+    }
+    // If model has not created yet for this file,
     // create new model.
     else {
-      const lang = getLanguageFromFilename(filename);
-      const newModel = monaco.editor.createModel(newValue, lang, uri);
+      var lang = getLanguageFromFilename(filename);
+      var newModel = monaco.editor.createModel(newValue, lang, uri);
       newModel.setEOL(monaco.editor.EndOfLineSequence.LF);
       editor.current.setModel(newModel);
     }
@@ -182,26 +171,24 @@ const MonacoEditor = forwardRef(({
    * Insert value at specific position.
    * @public
    */
-
-
-  const insertValue = (offset, newValue) => {
+  var insertValue = function insertValue(offset, newValue) {
     if (!editor.current) {
       return;
-    } // Replace value EOL as LF.
-
-
+    }
+    // Replace value EOL as LF.
     newValue = newValue.replace(/\r\n/g, '\n');
-    const model = getMonacoModel();
-
+    var model = getMonacoModel();
     if (model) {
-      const position = model.getPositionAt(offset);
+      var 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
-      }], () => null);
+      }], function () {
+        return null;
+      });
       editor.current.pushUndoStop();
       suppress.current = false;
     }
@@ -210,25 +197,23 @@ const MonacoEditor = forwardRef(({
    * Remove value at specific range.
    * @public
    */
-
-
-  const removeValue = (from, to) => {
+  var removeValue = function removeValue(from, to) {
     if (!editor.current) {
       return;
     }
-
-    const model = getMonacoModel();
-
+    var model = getMonacoModel();
     if (model) {
-      const startPosition = model.getPositionAt(from);
-      const endPosition = model.getPositionAt(to);
+      var startPosition = model.getPositionAt(from);
+      var 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
-      }], () => null);
+      }], function () {
+        return null;
+      });
       editor.current.pushUndoStop();
       suppress.current = false;
     }
@@ -237,33 +222,24 @@ const MonacoEditor = forwardRef(({
    * Get offset of current cursor position.
    * @public
    */
-
-
-  const getPositionOffset = () => {
+  var getPositionOffset = function getPositionOffset() {
     var _a;
-
-    const model = getMonacoModel();
-
+    var model = getMonacoModel();
     if (!editor.current || !model) {
       return 0;
     }
-
     return model.getOffsetAt((_a = editor.current.getPosition()) !== null && _a !== void 0 ? _a : new monaco.Position(0, 0));
   };
   /**
    * Set selection of editor with specific range.
    * @public
    */
-
-
-  const setSelection = (from, to) => {
+  var setSelection = function setSelection(from, to) {
     var _a;
-
-    const model = getMonacoModel();
-
+    var model = getMonacoModel();
     if (model) {
-      const markerStartPosition = model.getPositionAt(from);
-      const markerEndPosition = model.getPositionAt(to);
+      var markerStartPosition = model.getPositionAt(from);
+      var 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));
     }
   };
@@ -271,80 +247,74 @@ const MonacoEditor = forwardRef(({
    * Scroll editor to specific `scrollTop`.
    * @public
    */
-
-
-  const scrollTo = scrollTop => {
+  var scrollTo = function scrollTo(scrollTop) {
     var _a;
-
     (_a = editor.current) === null || _a === void 0 ? void 0 : _a.setScrollTop(scrollTop);
-  }; //
+  };
+  //
   // Editor hooks.
   //
-
-
   useMonacoOptions(editor, editorOptions);
   useMonacoTheme(preference.theme, onThemeChange);
   useMonacoEventChange(editor, onChange, suppress, [isReady]);
   useMonacoEventCursor(editor, onCursor, [isReady]);
   useMonacoEventScroll(editor, onScroll, [isReady]);
-  const remoteMarker = useMonacoMarkers(editor, markers); //
+  var remoteMarker = useMonacoMarkers(editor, markers);
+  //
   // Init and dispose editor.
   //
-
-  React.useEffect(() => {
+  React.useEffect(function () {
     try {
       if (!editorElRef.current) {
         return;
-      } // create monaco editor instance and render it.
-
-
+      }
+      // create monaco editor instance and render it.
       editor.current = monaco.editor.create(editorElRef.current, Object.assign(Object.assign({}, editorOptions), {
         value: defaultValue,
         language: getLanguageFromFilename(filename)
-      })); // add keyboard shortcut.
-
-      editor.current.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, () => {
+      }));
+      // add keyboard shortcut.
+      editor.current.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, function () {
         var _a, _b, _c;
-
         (_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') {
-          const content = ((_c = getMonacoModel()) === null || _c === void 0 ? void 0 : _c.getValue()) || '';
+          var content = ((_c = getMonacoModel()) === null || _c === void 0 ? void 0 : _c.getValue()) || '';
           onSave(content);
         }
       });
-      remoteMarker.init(); // emit on load event.
-
+      remoteMarker.init();
+      // emit on load event.
       if (typeof onLoad === 'function') {
         onLoad(editor.current);
       }
-
       setReady(true);
     } catch (_) {
       setReady(false);
     }
-
-    return () => {
+    return function () {
       var _a;
-
-      setReady(false); // dispose remote marker
-
-      remoteMarker.dispose(); // dispose editor
-
+      setReady(false);
+      // dispose remote marker
+      remoteMarker.dispose();
+      // dispose editor
       if (typeof ((_a = editor.current) === null || _a === void 0 ? void 0 : _a.dispose) === 'function') {
         editor.current.dispose();
       }
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  []); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+  //
   // Set value whenevet filename or value changed.
   //
-
-  React.useEffect(() => setValue(defaultValue), // eslint-disable-next-line react-hooks/exhaustive-deps
-  [filename, defaultValue]); //
+  React.useEffect(function () {
+    return setValue(defaultValue);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [filename, defaultValue]);
+  //
   //
   //
-
   editorApis.current.editor = editor.current;
   editorApis.current.getMonacoModel = getMonacoModel;
   editorApis.current.hasHistory = hasHistory;
@@ -357,14 +327,16 @@ const MonacoEditor = forwardRef(({
   editorApis.current.getPositionOffset = getPositionOffset;
   editorApis.current.setSelection = setSelection;
   editorApis.current.scrollTo = scrollTo;
-  React.useImperativeHandle(ref, () => editorApis.current, [editorApis]); //
+  React.useImperativeHandle(ref, function () {
+    return editorApis.current;
+  }, [editorApis]);
+  //
   //
   //
-
   return React.createElement(StyledMonacoEditorWrapper, null, React.createElement(StyledMonacoEditor, {
     style: {
-      width,
-      height
+      width: width,
+      height: height
     },
     ref: editorElRef
   }));

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

@@ -8,12 +8,14 @@ import '../exercise-shimmer/ExerciseFileTreeListItemShimmer.js';
 
 //
 //
-
-const AsyncMonacoEditor = React.lazy(() => FlutterApp.checkWebview() ? import('./MonacoEditorMobile.js') : import('./MonacoEditor.js')); //
 //
+var AsyncMonacoEditor = React.lazy(function () {
+  return FlutterApp.checkWebview() ? import('./MonacoEditorMobile.js') : import('./MonacoEditor.js');
+});
 //
-
-const MonacoEditorLazy = forwardRef((props, ref) => {
+//
+//
+var MonacoEditorLazy = forwardRef(function (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,3 +1,4 @@
+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';
@@ -5,8 +6,8 @@ import MonacoEditor from './MonacoEditor.js';
 
 //
 //
-
-const MOBILE_EDITOR_PREFERENCE = Object.freeze({
+//
+var MOBILE_EDITOR_PREFERENCE = Object.freeze({
   autoClosingBrackets: 'always',
   cursorSmoothCaretAnimation: false,
   detectIndentation: true,
@@ -19,34 +20,39 @@ const MOBILE_EDITOR_PREFERENCE = Object.freeze({
   theme: 'elice',
   wordWrap: 'on'
 });
-const IS_IOS = ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || navigator.userAgent.includes('Mac') && 'ontouchend' in document; //
+var IS_IOS = ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || navigator.userAgent.includes('Mac') && 'ontouchend' in document;
 //
 //
-
-const MonacoEditorMobile = forwardRef((props, ref) => {
-  const editorApiRef = useEnsuredForwardedRef(ref);
-  const [preference, setPreference] = React.useState(MOBILE_EDITOR_PREFERENCE);
+//
+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];
   /**
    * Add a button to show keyboard on non-Apple devices.
    */
-
-  const addKeyboardButtonOverlayWidget = editor => {
+  var addKeyboardButtonOverlayWidget = function addKeyboardButtonOverlayWidget(editor) {
     if (IS_IOS) {
       return;
     }
-
     editor.addOverlayWidget({
-      getId: () => {
+      getId: function getId() {
         return 'editor.contrib.ShowKeyboardWidget';
       },
-      getDomNode: () => {
-        const domNode = document.createElement('textarea');
+      getDomNode: function getDomNode() {
+        var domNode = document.createElement('textarea');
         domNode.className = 'iPadShowKeyboard';
-        domNode.addEventListener('touchstart', () => editor.focus());
-        domNode.addEventListener('focus', () => editor.focus());
+        domNode.addEventListener('touchstart', function () {
+          return editor.focus();
+        });
+        domNode.addEventListener('focus', function () {
+          return editor.focus();
+        });
         return domNode;
       },
-      getPosition: () => {
+      getPosition: function getPosition() {
         return {
           preference: monaco.editor.OverlayWidgetPositionPreference.BOTTOM_RIGHT_CORNER
         };
@@ -56,58 +62,45 @@ const MonacoEditorMobile = forwardRef((props, ref) => {
   /**
    * Export window-level event functions for mobile app.
    */
-
-
-  const exposeWindowGlobalEvents = editor => {
-    const editorApi = editorApiRef.current;
-
+  var exposeWindowGlobalEvents = function exposeWindowGlobalEvents(editor) {
+    var editorApi = editorApiRef.current;
     if (!editorApi) {
       return;
     }
-
-    window.cursorCharLeft = () => {
+    window.cursorCharLeft = function () {
       var _a;
-
-      const pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco.Position(0, 0);
+      var 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 = () => {
+    window.cursorCharRight = function () {
       var _a;
-
-      const pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco.Position(0, 0);
+      var 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 = () => {
+    window.cursorLineUp = function () {
       var _a;
-
-      const pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco.Position(0, 0);
+      var 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 = () => {
+    window.cursorLineDown = function () {
       var _a;
-
-      const pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco.Position(0, 0);
+      var 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 = fontSize => {
-      setPreference(prev => Object.assign(Object.assign({}, prev), {
-        fontSize
-      }));
+    window.dispatchReconfigureFontSize = function (fontSize) {
+      setPreference(function (prev) {
+        return Object.assign(Object.assign({}, prev), {
+          fontSize: fontSize
+        });
+      });
     };
-
-    window.dispatchChangeInsert = insert => {
+    window.dispatchChangeInsert = function (insert) {
       editorApi.insertValue(editorApi.getPositionOffset(), insert);
     };
-
-    window.insertTab = () => {
-      const model = editorApi.getMonacoModel();
-
+    window.insertTab = function () {
+      var model = editorApi.getMonacoModel();
       if (model) {
-        const modelOptions = model.getOptions();
+        var modelOptions = model.getOptions();
         editorApi.insertValue(editorApi.getPositionOffset(), modelOptions.insertSpaces ? ' '.repeat(modelOptions.tabSize) : '\t');
       }
     };
@@ -115,20 +108,16 @@ const MonacoEditorMobile = forwardRef((props, ref) => {
   /**
    *
    */
-
-
-  const handleLoad = editor => {
+  var handleLoad = function handleLoad(editor) {
     if (typeof props.onLoad === 'function') {
       props.onLoad(editor);
     }
-
     addKeyboardButtonOverlayWidget(editor);
     exposeWindowGlobalEvents(editor);
-  }; //
+  };
+  //
   //
   //
-
-
   return React.createElement(MonacoEditor, Object.assign({}, props, {
     noLanguageIntellisense: true,
     preference: preference,