@elice/material-exercise 1.240718.0-trasncript.2 → 1.240718.2

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

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

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

@@ -1,5 +1,3 @@
-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';
@@ -8,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,
@@ -21,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
         };
@@ -63,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');
       }
     };
@@ -109,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);
     }
@@ -119,7 +108,7 @@ var MonacoEditorMobile = forwardRef(function (props, ref) {
   //
   //
   //
-  return jsx(MonacoEditor, Object.assign({}, props, {
+  return React.createElement(MonacoEditor, Object.assign({}, props, {
     noLanguageIntellisense: true,
     preference: preference,
     onLoad: handleLoad,