@elice/material-exercise 1.240718.3 → 1.240719.1

package/cjs/components/shared/monaco-editor/constants/grammars/index.js

@@ -4,64 +4,84 @@
  * Textmate language grammar definitions (from vscode official repository)
  * - ref: https://github.com/microsoft/vscode/tree/dce493cb6e36346ef2714e82c42ce14fc461b15c/extensions
  */
-const TM_LANGUAGES = [
+var TM_LANGUAGES = [
 // C, C++
 {
   language: 'c',
   scopeName: 'source.c',
-  getDefinition: () => Promise.resolve().then(function () { return require('./c.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./c.tmLanguage.json.js'); });
+  }
 }, {
   language: 'cpp',
   scopeName: 'source.cpp',
-  getDefinition: () => Promise.resolve().then(function () { return require('./cpp.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./cpp.tmLanguage.json.js'); });
+  }
 },
 // C# (CSharp)
 {
   language: 'csharp',
   scopeName: 'source.cs',
-  getDefinition: () => Promise.resolve().then(function () { return require('./csharp.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./csharp.tmLanguage.json.js'); });
+  }
 },
 // CSS
 {
   language: 'css',
   scopeName: 'source.css',
-  getDefinition: () => Promise.resolve().then(function () { return require('./css.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./css.tmLanguage.json.js'); });
+  }
 },
 // Dart
 {
   language: 'dart',
   scopeName: 'source.dart',
-  getDefinition: () => Promise.resolve().then(function () { return require('./dart.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./dart.tmLanguage.json.js'); });
+  }
 },
 // F# (FSharp)
 {
   language: 'fsharp',
   scopeName: 'source.fsharp',
-  getDefinition: () => Promise.resolve().then(function () { return require('./fsharp.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./fsharp.tmLanguage.json.js'); });
+  }
 },
 // Go
 {
   language: 'go',
   scopeName: 'source.go',
-  getDefinition: () => Promise.resolve().then(function () { return require('./go.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./go.tmLanguage.json.js'); });
+  }
 },
 // HTML
 {
   language: 'html',
   scopeName: 'text.html.basic',
-  getDefinition: () => Promise.resolve().then(function () { return require('./html.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./html.tmLanguage.json.js'); });
+  }
 },
 // Java
 {
   language: 'java',
   scopeName: 'source.java',
-  getDefinition: () => Promise.resolve().then(function () { return require('./java.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./java.tmLanguage.json.js'); });
+  }
 },
 // JSON
 {
   language: 'json',
   scopeName: 'source.json',
-  getDefinition: () => Promise.resolve().then(function () { return require('./JSON.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./JSON.tmLanguage.json.js'); });
+  }
 },
 // {
 //   language: 'jsonc',
@@ -72,13 +92,17 @@ const TM_LANGUAGES = [
 {
   language: 'lua',
   scopeName: 'source.lua',
-  getDefinition: () => Promise.resolve().then(function () { return require('./lua.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./lua.tmLanguage.json.js'); });
+  }
 },
 // Objective-C (Objective-C++)
 {
   language: 'objective-c',
   scopeName: 'source.objc',
-  getDefinition: () => Promise.resolve().then(function () { return require('./objective-c.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./objective-c.tmLanguage.json.js'); });
+  }
 },
 // {
 //   language: 'objective-cpp',
@@ -89,81 +113,109 @@ const TM_LANGUAGES = [
 {
   language: 'php',
   scopeName: 'source.php',
-  getDefinition: () => Promise.resolve().then(function () { return require('./php.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./php.tmLanguage.json.js'); });
+  }
 },
 // Python
 {
   language: 'python',
   scopeName: 'source.py',
-  getDefinition: () => Promise.resolve().then(function () { return require('./MagicPython.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./MagicPython.tmLanguage.json.js'); });
+  }
 },
 // R
 {
   language: 'r',
   scopeName: 'source.r',
-  getDefinition: () => Promise.resolve().then(function () { return require('./r.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./r.tmLanguage.json.js'); });
+  }
 },
 // Ruby
 {
   language: 'ruby',
   scopeName: 'source.ruby',
-  getDefinition: () => Promise.resolve().then(function () { return require('./ruby.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./ruby.tmLanguage.json.js'); });
+  }
 },
 // Rust
 {
   language: 'rust',
   scopeName: 'source.rust',
-  getDefinition: () => Promise.resolve().then(function () { return require('./rust.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./rust.tmLanguage.json.js'); });
+  }
 },
 // SCSS
 {
   language: 'scss',
   scopeName: 'source.css.scss',
-  getDefinition: () => Promise.resolve().then(function () { return require('./scss.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./scss.tmLanguage.json.js'); });
+  }
 },
 // SQL
 {
   language: 'sql',
   scopeName: 'source.sql',
-  getDefinition: () => Promise.resolve().then(function () { return require('./sql.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./sql.tmLanguage.json.js'); });
+  }
 },
 // Swift
 {
   language: 'swift',
   scopeName: 'source.swift',
-  getDefinition: () => Promise.resolve().then(function () { return require('./swift.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./swift.tmLanguage.json.js'); });
+  }
 },
 // Typescript (JavaScript)
 {
   language: 'javascript',
   scopeName: 'source.js',
-  getDefinition: () => Promise.resolve().then(function () { return require('./TypeScriptReact.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./TypeScriptReact.tmLanguage.json.js'); });
+  }
 }, {
   language: 'typescript',
   scopeName: 'source.ts',
-  getDefinition: () => Promise.resolve().then(function () { return require('./TypeScriptReact.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./TypeScriptReact.tmLanguage.json.js'); });
+  }
 },
 // Typescript React (JavaScript React)
 {
   language: 'javascript',
   scopeName: 'source.jsx',
-  getDefinition: () => Promise.resolve().then(function () { return require('./TypeScriptReact.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./TypeScriptReact.tmLanguage.json.js'); });
+  }
 }, {
   language: 'typescript',
   scopeName: 'source.tsx',
-  getDefinition: () => Promise.resolve().then(function () { return require('./TypeScriptReact.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./TypeScriptReact.tmLanguage.json.js'); });
+  }
 },
 // Visual Basic (ASP.NET)
 {
   language: 'vb',
   scopeName: 'source.asp.vb.net',
-  getDefinition: () => Promise.resolve().then(function () { return require('./asp-vb-net.tmlanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./asp-vb-net.tmlanguage.json.js'); });
+  }
 },
 // XML
 {
   language: 'xml',
   scopeName: 'text.xml',
-  getDefinition: () => Promise.resolve().then(function () { return require('./xml.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./xml.tmLanguage.json.js'); });
+  }
 },
 // {
 //   language: 'xsl',
@@ -174,7 +226,9 @@ const TM_LANGUAGES = [
 {
   language: 'yaml',
   scopeName: 'source.yaml',
-  getDefinition: () => Promise.resolve().then(function () { return require('./yaml.tmLanguage.json.js'); })
+  getDefinition: function getDefinition() {
+    return Promise.resolve().then(function () { return require('./yaml.tmLanguage.json.js'); });
+  }
 }
 // {
 //   language: 'dockercompose',

package/cjs/components/shared/monaco-editor/constants/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var index = require('./grammars/index.js');
+var preferences = require('./monaco/preferences.js');
+
+
+
+exports.TM_LANGUAGES = index.TM_LANGUAGES;
+exports.DEFAULT_MONACO_EDITOR_PREFERENCE = preferences.DEFAULT_MONACO_EDITOR_PREFERENCE;
+exports.MONACO_EDITOR_FONT_FAMILY = preferences.MONACO_EDITOR_FONT_FAMILY;
+exports.MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES = preferences.MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES;
+exports.MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES = preferences.MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES;
+exports.MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS = preferences.MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS;

package/cjs/components/shared/monaco-editor/constants/monaco/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var preferences = require('./preferences.js');
+
+
+
+exports.DEFAULT_MONACO_EDITOR_PREFERENCE = preferences.DEFAULT_MONACO_EDITOR_PREFERENCE;
+exports.MONACO_EDITOR_FONT_FAMILY = preferences.MONACO_EDITOR_FONT_FAMILY;
+exports.MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES = preferences.MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES;
+exports.MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES = preferences.MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES;
+exports.MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS = preferences.MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS;

package/cjs/components/shared/monaco-editor/constants/monaco/preferences.js

@@ -3,7 +3,7 @@
 /**
  * Default editor preference.
  */
-const DEFAULT_MONACO_EDITOR_PREFERENCE = {
+var DEFAULT_MONACO_EDITOR_PREFERENCE = {
   autoClosingBrackets: 'always',
   cursorSmoothCaretAnimation: true,
   detectIndentation: true,
@@ -21,19 +21,19 @@ const DEFAULT_MONACO_EDITOR_PREFERENCE = {
 /**
  * Font size preference.
  */
-const MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES = Object.freeze([10, 11, 12, 13, 14, 16, 18, 20, 24, 32, 40, 64]);
+var MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES = Object.freeze([10, 11, 12, 13, 14, 16, 18, 20, 24, 32, 40, 64]);
 /**
  * Tab size preference.
  */
-const MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES = Object.freeze([1, 2, 4, 6, 8]);
+var MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES = Object.freeze([1, 2, 4, 6, 8]);
 /**
  * White space preference.
  */
-const MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS = Object.freeze(['none', 'boundary', 'selection', 'trailing', 'all']);
+var MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS = Object.freeze(['none', 'boundary', 'selection', 'trailing', 'all']);
 /**
  * Font family.
  */
-const MONACO_EDITOR_FONT_FAMILY = 'Elice Digital Coding, Menlo, Monaco, "Courier New", monospace';
+var MONACO_EDITOR_FONT_FAMILY = 'Elice Digital Coding, Menlo, Monaco, "Courier New", monospace';
 
 exports.DEFAULT_MONACO_EDITOR_PREFERENCE = DEFAULT_MONACO_EDITOR_PREFERENCE;
 exports.MONACO_EDITOR_FONT_FAMILY = MONACO_EDITOR_FONT_FAMILY;

package/cjs/components/shared/monaco-editor/constants/themes/index.js

@@ -1,101 +1,133 @@
 'use strict';
 
-const VSCODE_THEMES = [
+var VSCODE_THEMES = [
 // Elice (default)
 {
   id: 'elice',
   name: 'Elice (default)',
-  getTheme: () => Promise.resolve().then(function () { return require('./elice.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./elice.json.js'); });
+  }
 },
 // Abyss
 {
   id: 'abyss',
   name: 'Abyss',
-  getTheme: () => Promise.resolve().then(function () { return require('./abyss.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./abyss.json.js'); });
+  }
 },
 // Kimbie Dark
 {
   id: 'kimbie-dark',
   name: 'Kimbie Dark',
-  getTheme: () => Promise.resolve().then(function () { return require('./kimbie-dark.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./kimbie-dark.json.js'); });
+  }
 },
 // Monokai
 {
   id: 'monokai',
   name: 'Monokai',
-  getTheme: () => Promise.resolve().then(function () { return require('./monokai.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./monokai.json.js'); });
+  }
 },
 // Monokai Dimmed
 {
   id: 'monokai',
   name: 'Monokai Dimmed',
-  getTheme: () => Promise.resolve().then(function () { return require('./monokai.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./monokai.json.js'); });
+  }
 },
 // Quietlight
 {
   id: 'quietlight',
   name: 'Quietlight',
-  getTheme: () => Promise.resolve().then(function () { return require('./quietlight.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./quietlight.json.js'); });
+  }
 },
 // Red
 {
   id: 'red',
   name: 'Red',
-  getTheme: () => Promise.resolve().then(function () { return require('./red.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./red.json.js'); });
+  }
 },
 // Solarized Light
 {
   id: 'solarized-light',
   name: 'Solarized Light',
-  getTheme: () => Promise.resolve().then(function () { return require('./solarized-light.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./solarized-light.json.js'); });
+  }
 },
 // Solarized Dark
 {
   id: 'solarized-dark',
   name: 'Solarized Dark',
-  getTheme: () => Promise.resolve().then(function () { return require('./solarized-dark.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./solarized-dark.json.js'); });
+  }
 },
 // Tomorrow Night Blue
 {
   id: 'tomorrow-night-blue',
   name: 'Tomorrow Night Blue',
-  getTheme: () => Promise.resolve().then(function () { return require('./tomorrow-night-blue.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./tomorrow-night-blue.json.js'); });
+  }
 },
 // VS Light
 {
   id: 'vs-light',
   name: 'VS Light',
-  getTheme: () => Promise.resolve().then(function () { return require('./vs-light.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./vs-light.json.js'); });
+  }
 },
 // VS Light Plus
 {
   id: 'vs-light-plus',
   name: 'VS Light Plus',
-  getTheme: () => Promise.resolve().then(function () { return require('./vs-light-plus.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./vs-light-plus.json.js'); });
+  }
 },
 // VS Dark
 {
   id: 'vs-dark',
   name: 'VS Dark',
-  getTheme: () => Promise.resolve().then(function () { return require('./vs-dark.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./vs-dark.json.js'); });
+  }
 },
 // VS Dark Plus
 {
   id: 'vs-dark-plus',
   name: 'VS Dark Plus',
-  getTheme: () => Promise.resolve().then(function () { return require('./vs-dark-plus.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./vs-dark-plus.json.js'); });
+  }
 },
 // VS High Contrast Light
 {
   id: 'vs-hc-light',
   name: 'VS High Contrast Light',
-  getTheme: () => Promise.resolve().then(function () { return require('./vs-hc-light.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./vs-hc-light.json.js'); });
+  }
 },
 // VS High Contrast Dark
 {
   id: 'vs-hc-black',
   name: 'VS High Contrast Dark',
-  getTheme: () => Promise.resolve().then(function () { return require('./vs-hc-black.json.js'); })
+  getTheme: function getTheme() {
+    return Promise.resolve().then(function () { return require('./vs-hc-black.json.js'); });
+  }
 }];
 
 exports.VSCODE_THEMES = VSCODE_THEMES;

package/cjs/components/shared/monaco-editor/editor-hooks/index.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var useMonacoEventChange = require('./useMonacoEventChange.js');
+var useMonacoEventCursor = require('./useMonacoEventCursor.js');
+var useMonacoEventScroll = require('./useMonacoEventScroll.js');
+var useMonacoMarkers = require('./useMonacoMarkers.js');
+var useMonacoOptions = require('./useMonacoOptions.js');
+var useMonacoTheme = require('./useMonacoTheme.js');
+
+
+
+exports.useMonacoEventChange = useMonacoEventChange.useMonacoEventChange;
+exports.useMonacoEventCursor = useMonacoEventCursor.useMonacoEventCursor;
+exports.useMonacoEventScroll = useMonacoEventScroll.useMonacoEventScroll;
+exports.useMonacoMarkers = useMonacoMarkers.useMonacoMarkers;
+exports.useMonacoOptions = useMonacoOptions.useMonacoOptions;
+exports.useMonacoTheme = useMonacoTheme.useMonacoTheme;

package/cjs/components/shared/monaco-editor/editor-hooks/useMonacoEventChange.js

@@ -1,32 +1,33 @@
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 
-const EMPTY_DEPS = [];
+var EMPTY_DEPS = [];
 /**
  * Hook for change event of monaco editor.
  */
-const useMonacoEventChange = (monaco, cb, _suppress, deps = EMPTY_DEPS) => {
-  React.useEffect(() => {
+var useMonacoEventChange = function useMonacoEventChange(monaco, cb, _suppress) {
+  var deps = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : EMPTY_DEPS;
+  React.useEffect(function () {
     var _a;
     if (!monaco.current) {
       return;
     }
-    const suppress = typeof _suppress === 'boolean' ? _suppress : (_a = _suppress === null || _suppress === void 0 ? void 0 : _suppress.current) !== null && _a !== void 0 ? _a : false;
-    const subscription = monaco.current.onDidChangeModelContent(() => {
+    var suppress = typeof _suppress === 'boolean' ? _suppress : (_a = _suppress === null || _suppress === void 0 ? void 0 : _suppress.current) !== null && _a !== void 0 ? _a : false;
+    var subscription = monaco.current.onDidChangeModelContent(function () {
       var _a, _b;
       if (typeof cb !== 'function' || suppress) {
         return;
       }
-      const value = (_b = (_a = monaco.current) === null || _a === void 0 ? void 0 : _a.getModel()) === null || _b === void 0 ? void 0 : _b.getValue();
+      var value = (_b = (_a = monaco.current) === null || _a === void 0 ? void 0 : _a.getModel()) === null || _b === void 0 ? void 0 : _b.getValue();
       cb(value !== null && value !== void 0 ? value : '');
     });
-    return () => {
+    return function () {
       subscription.dispose();
     };
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [monaco, ...deps]);
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [monaco].concat(_rollupPluginBabelHelpers.toConsumableArray(deps)));
 };
 
 exports.useMonacoEventChange = useMonacoEventChange;

package/cjs/components/shared/monaco-editor/editor-hooks/useMonacoEventCursor.js

@@ -1,39 +1,40 @@
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 
-const EMPTY_DEPS = [];
+var EMPTY_DEPS = [];
 /**
  * Hook for cursor activity event of monaco editor.
  */
-const useMonacoEventCursor = (monaco, cb, deps = EMPTY_DEPS) => {
-  React.useEffect(() => {
+var useMonacoEventCursor = function useMonacoEventCursor(monaco, cb) {
+  var deps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : EMPTY_DEPS;
+  React.useEffect(function () {
     if (!monaco.current) {
       return;
     }
-    const subscription = monaco.current.onDidChangeCursorSelection(e => {
+    var subscription = monaco.current.onDidChangeCursorSelection(function (e) {
       var _a;
       if (typeof cb !== 'function') {
         return;
       }
-      const model = (_a = monaco.current) === null || _a === void 0 ? void 0 : _a.getModel();
+      var model = (_a = monaco.current) === null || _a === void 0 ? void 0 : _a.getModel();
       if (!model || model.isDisposed()) {
         return;
       }
-      const selection = e.selection;
-      const from = model.getOffsetAt(selection.getStartPosition());
-      const to = model.getOffsetAt(selection.getEndPosition());
+      var selection = e.selection;
+      var from = model.getOffsetAt(selection.getStartPosition());
+      var to = model.getOffsetAt(selection.getEndPosition());
       cb({
-        from,
-        to
+        from: from,
+        to: to
       });
     });
-    return () => {
+    return function () {
       subscription.dispose();
     };
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [monaco, ...deps]);
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [monaco].concat(_rollupPluginBabelHelpers.toConsumableArray(deps)));
 };
 
 exports.useMonacoEventCursor = useMonacoEventCursor;

package/cjs/components/shared/monaco-editor/editor-hooks/useMonacoEventScroll.js

@@ -1,17 +1,19 @@
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 
-const EMPTY_DEPS = [];
+var EMPTY_DEPS = [];
 /**
  * Hook for scroll event of monaco editor.
  */
-const useMonacoEventScroll = (monaco, cb, deps = EMPTY_DEPS) => {
-  React.useEffect(() => {
+var useMonacoEventScroll = function useMonacoEventScroll(monaco, cb) {
+  var deps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : EMPTY_DEPS;
+  React.useEffect(function () {
     if (!monaco.current) {
       return;
     }
-    const subscription = monaco.current.onDidScrollChange(e => {
+    var subscription = monaco.current.onDidScrollChange(function (e) {
       if (typeof cb !== 'function') {
         return;
       }
@@ -20,12 +22,11 @@ const useMonacoEventScroll = (monaco, cb, deps = EMPTY_DEPS) => {
         y: e.scrollTop
       });
     });
-    return () => {
+    return function () {
       subscription.dispose();
     };
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [monaco, ...deps]);
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [monaco].concat(_rollupPluginBabelHelpers.toConsumableArray(deps)));
 };
 
 exports.useMonacoEventScroll = useMonacoEventScroll;