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

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

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var designTokens = require('@elice/design-tokens');
 var monaco = require('monaco-editor/esm/vs/editor/editor.api');
@@ -21,10 +19,7 @@ var index = require('./editor-languages/index.js');
 var useEditorOptions = require('./hooks/useEditorOptions.js');
 var monacoLanguage = require('./utils/monacoLanguage.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-function _interopNamespaceCompat(e) {
-  if (e && typeof e === 'object' && 'default' in e) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -41,9 +36,7 @@ function _interopNamespaceCompat(e) {
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var monaco__namespace = /*#__PURE__*/_interopNamespaceCompat(monaco);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+var monaco__namespace = /*#__PURE__*/_interopNamespaceDefault(monaco);
 
 //
 //
@@ -54,68 +47,59 @@ index$1.default().catch(console.warn);
 //
 //
 //
-var StyledMonacoEditorWrapper = styled__default.default.div.withConfig({
+const StyledMonacoEditorWrapper = styled.div.withConfig({
   componentId: "sc-1j3uyex-0"
 })(["width:100%;height:100%;"]);
-var StyledMonacoEditor = styled__default.default.div.withConfig({
+const StyledMonacoEditor = styled.div.withConfig({
   componentId: "sc-1j3uyex-1"
 })(["width:100%;height:100%;background-color:", ";", ""], designTokens.base.color.navy9, styles.cssRemoteMarker);
 /**
  *
  */
-var MonacoEditor = React.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 ? preferences.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 = React.forwardRef(({
+  defaultValue = '',
+  filename = '/noname.txt',
+  preference = preferences.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__default.default.useRef(null);
+  const editorElRef = React.useRef(null);
   /** Ref of editor exposed APIs. */
-  var editorApis = React__default.default.useRef({});
+  const editorApis = React.useRef({});
   /** Ref of monaco editor. */
-  var editor = React__default.default.useRef(null);
+  const editor = React.useRef(null);
   /** Editor options. */
-  var editorOptions = useEditorOptions.useEditorOptions({
-    width: width,
-    height: height,
-    preference: preference,
-    noLanguageIntellisense: noLanguageIntellisense
+  const editorOptions = useEditorOptions.useEditorOptions({
+    width,
+    height,
+    preference,
+    noLanguageIntellisense
   });
   /** Ref for preventing change event. */
-  var suppress = React__default.default.useRef(false);
+  const suppress = React.useRef(false);
   /** Is editor ready? */
-  var _React$useState = React__default.default.useState(false),
-    _React$useState2 = _rollupPluginBabelHelpers.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__namespace.Uri.file(filename || '/noname.txt');
+  const getMonacoModel = () => {
+    const uri = monaco__namespace.Uri.file(filename || '/noname.txt');
     return monaco__namespace.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;
   };
@@ -123,14 +107,14 @@ var MonacoEditor = React.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()) || '';
   };
@@ -138,16 +122,16 @@ var MonacoEditor = React.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,
@@ -159,14 +143,14 @@ var MonacoEditor = React.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__namespace.Uri.file(filename || '/noname.txt');
-    var model = monaco__namespace.editor.getModel(uri);
+    const uri = monaco__namespace.Uri.file(filename || '/noname.txt');
+    const model = monaco__namespace.editor.getModel(uri);
     if (model && !model.isDisposed()) {
       // Override EOL as LF to prevent error at Windows env.
       model.setEOL(monaco__namespace.editor.EndOfLineSequence.LF);
@@ -178,9 +162,7 @@ var MonacoEditor = React.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);
@@ -190,8 +172,8 @@ var MonacoEditor = React.forwardRef(function (_ref, ref) {
     // If model has not created yet for this file,
     // create new model.
     else {
-      var lang = monacoLanguage.getLanguageFromFilename(filename);
-      var newModel = monaco__namespace.editor.createModel(newValue, lang, uri);
+      const lang = monacoLanguage.getLanguageFromFilename(filename);
+      const newModel = monaco__namespace.editor.createModel(newValue, lang, uri);
       newModel.setEOL(monaco__namespace.editor.EndOfLineSequence.LF);
       editor.current.setModel(newModel);
     }
@@ -200,24 +182,22 @@ var MonacoEditor = React.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__namespace.Range(position.lineNumber, position.column, position.lineNumber, position.column),
         text: newValue,
         forceMoveMarkers: true
-      }], function () {
-        return null;
-      });
+      }], () => null);
       editor.current.pushUndoStop();
       suppress.current = false;
     }
@@ -226,23 +206,21 @@ var MonacoEditor = React.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__namespace.Range(startPosition.lineNumber, startPosition.column, endPosition.lineNumber, endPosition.column),
         text: '',
         forceMoveMarkers: true
-      }], function () {
-        return null;
-      });
+      }], () => null);
       editor.current.pushUndoStop();
       suppress.current = false;
     }
@@ -251,9 +229,9 @@ var MonacoEditor = React.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;
     }
@@ -263,12 +241,12 @@ var MonacoEditor = React.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__namespace.Range(markerStartPosition.lineNumber, markerStartPosition.column, markerEndPosition.lineNumber, markerEndPosition.column));
     }
   };
@@ -276,7 +254,7 @@ var MonacoEditor = React.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);
   };
@@ -288,11 +266,11 @@ var MonacoEditor = React.forwardRef(function (_ref, ref) {
   useMonacoEventChange.useMonacoEventChange(editor, onChange, suppress, [isReady]);
   useMonacoEventCursor.useMonacoEventCursor(editor, onCursor, [isReady]);
   useMonacoEventScroll.useMonacoEventScroll(editor, onScroll, [isReady]);
-  var remoteMarker = useMonacoMarkers.useMonacoMarkers(editor, markers);
+  const remoteMarker = useMonacoMarkers.useMonacoMarkers(editor, markers);
   //
   // Init and dispose editor.
   //
-  React__default.default.useEffect(function () {
+  React.useEffect(() => {
     try {
       if (!editorElRef.current) {
         return;
@@ -303,11 +281,11 @@ var MonacoEditor = React.forwardRef(function (_ref, ref) {
         language: monacoLanguage.getLanguageFromFilename(filename)
       }));
       // add keyboard shortcut.
-      editor.current.addCommand(monaco__namespace.KeyMod.CtrlCmd | monaco__namespace.KeyCode.KeyS, function () {
+      editor.current.addCommand(monaco__namespace.KeyMod.CtrlCmd | monaco__namespace.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);
         }
       });
@@ -320,7 +298,7 @@ var MonacoEditor = React.forwardRef(function (_ref, ref) {
     } catch (_) {
       setReady(false);
     }
-    return function () {
+    return () => {
       var _a;
       setReady(false);
       // dispose remote marker
@@ -336,9 +314,7 @@ var MonacoEditor = React.forwardRef(function (_ref, ref) {
   //
   // Set value whenevet filename or value changed.
   //
-  React__default.default.useEffect(function () {
-    return setValue(defaultValue);
-  },
+  React.useEffect(() => setValue(defaultValue),
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [filename, defaultValue]);
   //
@@ -356,21 +332,17 @@ var MonacoEditor = React.forwardRef(function (_ref, ref) {
   editorApis.current.getPositionOffset = getPositionOffset;
   editorApis.current.setSelection = setSelection;
   editorApis.current.scrollTo = scrollTo;
-  React__default.default.useImperativeHandle(ref, function () {
-    return editorApis.current;
-  }, [editorApis]);
+  React.useImperativeHandle(ref, () => editorApis.current, [editorApis]);
   //
   //
   //
-  return jsxRuntime.jsx(StyledMonacoEditorWrapper, {
-    children: jsxRuntime.jsx(StyledMonacoEditor, {
-      style: {
-        width: width,
-        height: height
-      },
-      ref: editorElRef
-    })
-  });
+  return React.createElement(StyledMonacoEditorWrapper, null, React.createElement(StyledMonacoEditor, {
+    style: {
+      width,
+      height
+    },
+    ref: editorElRef
+  }));
 });
 
 exports.default = MonacoEditor;

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

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var utils = require('@elice/utils');
 var ExerciseFileShimmer = require('../exercise-shimmer/ExerciseFileShimmer.js');
@@ -11,26 +10,19 @@ require('../exercise-shimmer/ExerciseFileTabShimmer.js');
 require('../exercise-shimmer/ExerciseFileTreeListShimmer.js');
 require('../exercise-shimmer/ExerciseFileTreeListItemShimmer.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
 //
 //
 //
-var AsyncMonacoEditor = React__default.default.lazy(function () {
-  return utils.FlutterApp.checkWebview() ? Promise.resolve().then(function () { return require('./MonacoEditorMobile.js'); }) : Promise.resolve().then(function () { return require('./MonacoEditor.js'); });
-});
+const AsyncMonacoEditor = React.lazy(() => utils.FlutterApp.checkWebview() ? Promise.resolve().then(function () { return require('./MonacoEditorMobile.js'); }) : Promise.resolve().then(function () { return require('./MonacoEditor.js'); }));
 //
 //
 //
-var MonacoEditorLazy = React.forwardRef(function (props, ref) {
-  return jsxRuntime.jsx(React__default.default.Suspense, {
-    fallback: jsxRuntime.jsx(ExerciseFileShimmer.default, {}),
-    children: jsxRuntime.jsx(AsyncMonacoEditor, Object.assign({}, props, {
-      ref: ref
-    }))
-  });
+const MonacoEditorLazy = React.forwardRef((props, ref) => {
+  return React.createElement(React.Suspense, {
+    fallback: React.createElement(ExerciseFileShimmer.default, null)
+  }, React.createElement(AsyncMonacoEditor, Object.assign({}, props, {
+    ref: ref
+  })));
 });
 
 exports.default = MonacoEditorLazy;

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

@@ -2,17 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactUse = require('react-use');
 var monaco = require('monaco-editor/esm/vs/editor/editor.api');
 var MonacoEditor = require('./MonacoEditor.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-function _interopNamespaceCompat(e) {
-    if (e && typeof e === 'object' && 'default' in e) return e;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -29,13 +24,12 @@ function _interopNamespaceCompat(e) {
     return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var monaco__namespace = /*#__PURE__*/_interopNamespaceCompat(monaco);
+var monaco__namespace = /*#__PURE__*/_interopNamespaceDefault(monaco);
 
 //
 //
 //
-var MOBILE_EDITOR_PREFERENCE = Object.freeze({
+const MOBILE_EDITOR_PREFERENCE = Object.freeze({
   autoClosingBrackets: 'always',
   cursorSmoothCaretAnimation: false,
   detectIndentation: true,
@@ -48,39 +42,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 = React.forwardRef(function (props, ref) {
-  var editorApiRef = reactUse.useEnsuredForwardedRef(ref);
-  var _React$useState = React__default.default.useState(MOBILE_EDITOR_PREFERENCE),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    preference = _React$useState2[0],
-    setPreference = _React$useState2[1];
+const MonacoEditorMobile = React.forwardRef((props, ref) => {
+  const editorApiRef = reactUse.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__namespace.editor.OverlayWidgetPositionPreference.BOTTOM_RIGHT_CORNER
         };
@@ -90,45 +77,43 @@ var MonacoEditorMobile = React.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__namespace.Position(0, 0);
+      const pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco__namespace.Position(0, 0);
       editor.setPosition(new monaco__namespace.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__namespace.Position(0, 0);
+      const pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco__namespace.Position(0, 0);
       editor.setPosition(new monaco__namespace.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__namespace.Position(0, 0);
+      const pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco__namespace.Position(0, 0);
       editor.setPosition(new monaco__namespace.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__namespace.Position(0, 0);
+      const pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco__namespace.Position(0, 0);
       editor.setPosition(new monaco__namespace.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');
       }
     };
@@ -136,7 +121,7 @@ var MonacoEditorMobile = React.forwardRef(function (props, ref) {
   /**
    *
    */
-  var handleLoad = function handleLoad(editor) {
+  const handleLoad = editor => {
     if (typeof props.onLoad === 'function') {
       props.onLoad(editor);
     }
@@ -146,7 +131,7 @@ var MonacoEditorMobile = React.forwardRef(function (props, ref) {
   //
   //
   //
-  return jsxRuntime.jsx(MonacoEditor.default, Object.assign({}, props, {
+  return React.createElement(MonacoEditor.default, Object.assign({}, props, {
     noLanguageIntellisense: true,
     preference: preference,
     onLoad: handleLoad,