@elice/material-exercise 1.240718.2 → 1.240719.0

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

@@ -1,3 +1,4 @@
+import { jsx } from 'react/jsx-runtime';
 import React, { forwardRef } from 'react';
 import { FlutterApp } from '@elice/utils';
 import ExerciseFileShimmer from '../exercise-shimmer/ExerciseFileShimmer.js';
@@ -9,16 +10,19 @@ 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) => {
-  return React.createElement(React.Suspense, {
-    fallback: React.createElement(ExerciseFileShimmer, null)
-  }, React.createElement(AsyncMonacoEditor, Object.assign({}, props, {
-    ref: ref
-  })));
+var MonacoEditorLazy = forwardRef(function (props, ref) {
+  return jsx(React.Suspense, {
+    fallback: jsx(ExerciseFileShimmer, {}),
+    children: jsx(AsyncMonacoEditor, Object.assign({}, props, {
+      ref: ref
+    }))
+  });
 });
 
 export { MonacoEditorLazy as default };

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

@@ -1,3 +1,5 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import React, { forwardRef } from 'react';
 import { useEnsuredForwardedRef } from 'react-use';
 import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
@@ -6,7 +8,7 @@ import MonacoEditor from './MonacoEditor.js';
 //
 //
 //
-const MOBILE_EDITOR_PREFERENCE = Object.freeze({
+var MOBILE_EDITOR_PREFERENCE = Object.freeze({
   autoClosingBrackets: 'always',
   cursorSmoothCaretAnimation: false,
   detectIndentation: true,
@@ -19,32 +21,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
         };
@@ -54,43 +63,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');
       }
     };
@@ -98,7 +109,7 @@ const MonacoEditorMobile = forwardRef((props, ref) => {
   /**
    *
    */
-  const handleLoad = editor => {
+  var handleLoad = function handleLoad(editor) {
     if (typeof props.onLoad === 'function') {
       props.onLoad(editor);
     }
@@ -108,7 +119,7 @@ const MonacoEditorMobile = forwardRef((props, ref) => {
   //
   //
   //
-  return React.createElement(MonacoEditor, Object.assign({}, props, {
+  return jsx(MonacoEditor, Object.assign({}, props, {
     noLanguageIntellisense: true,
     preference: preference,
     onLoad: handleLoad,