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

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

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

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

@@ -2,6 +2,7 @@
 
 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');
@@ -10,19 +11,26 @@ 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);
+
 //
 //
 //
-const AsyncMonacoEditor = React.lazy(() => utils.FlutterApp.checkWebview() ? Promise.resolve().then(function () { return require('./MonacoEditorMobile.js'); }) : Promise.resolve().then(function () { return require('./MonacoEditor.js'); }));
+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 MonacoEditorLazy = React.forwardRef((props, ref) => {
-  return React.createElement(React.Suspense, {
-    fallback: React.createElement(ExerciseFileShimmer.default, null)
-  }, React.createElement(AsyncMonacoEditor, Object.assign({}, props, {
-    ref: ref
-  })));
+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
+    }))
+  });
 });
 
 exports.default = MonacoEditorLazy;

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

@@ -2,12 +2,17 @@
 
 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 _interopNamespaceDefault(e) {
+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;
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -24,12 +29,13 @@ function _interopNamespaceDefault(e) {
     return Object.freeze(n);
 }
 
-var monaco__namespace = /*#__PURE__*/_interopNamespaceDefault(monaco);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var monaco__namespace = /*#__PURE__*/_interopNamespaceCompat(monaco);
 
 //
 //
 //
-const MOBILE_EDITOR_PREFERENCE = Object.freeze({
+var MOBILE_EDITOR_PREFERENCE = Object.freeze({
   autoClosingBrackets: 'always',
   cursorSmoothCaretAnimation: false,
   detectIndentation: true,
@@ -42,32 +48,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 = React.forwardRef((props, ref) => {
-  const editorApiRef = reactUse.useEnsuredForwardedRef(ref);
-  const [preference, setPreference] = React.useState(MOBILE_EDITOR_PREFERENCE);
+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];
   /**
    * 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__namespace.editor.OverlayWidgetPositionPreference.BOTTOM_RIGHT_CORNER
         };
@@ -77,43 +90,45 @@ const MonacoEditorMobile = React.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__namespace.Position(0, 0);
+      var 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 = () => {
+    window.cursorCharRight = function () {
       var _a;
-      const pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco__namespace.Position(0, 0);
+      var 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 = () => {
+    window.cursorLineUp = function () {
       var _a;
-      const pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco__namespace.Position(0, 0);
+      var 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 = () => {
+    window.cursorLineDown = function () {
       var _a;
-      const pos = (_a = editor.getPosition()) !== null && _a !== void 0 ? _a : new monaco__namespace.Position(0, 0);
+      var 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 = 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');
       }
     };
@@ -121,7 +136,7 @@ const MonacoEditorMobile = React.forwardRef((props, ref) => {
   /**
    *
    */
-  const handleLoad = editor => {
+  var handleLoad = function handleLoad(editor) {
     if (typeof props.onLoad === 'function') {
       props.onLoad(editor);
     }
@@ -131,7 +146,7 @@ const MonacoEditorMobile = React.forwardRef((props, ref) => {
   //
   //
   //
-  return React.createElement(MonacoEditor.default, Object.assign({}, props, {
+  return jsxRuntime.jsx(MonacoEditor.default, Object.assign({}, props, {
     noLanguageIntellisense: true,
     preference: preference,
     onLoad: handleLoad,