@elice/material-exercise 1.251120.1 → 1.260128.0-rc.0

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

@@ -3,23 +3,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var _styled = require('@emotion/styled/base');
 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');
-var styled = require('styled-components');
 var index$1 = require('./utils/grammar/index.js');
+var index = require('./editor-languages/index.js');
+var useEditorOptions = require('./hooks/useEditorOptions.js');
+var monacoLanguage = require('./utils/monacoLanguage.js');
 var styles = require('./vendors/monaco-collab-ext/styles.js');
+var useMonacoOptions = require('./editor-hooks/useMonacoOptions.js');
+var useMonacoTheme = require('./editor-hooks/useMonacoTheme.js');
 var preferences = require('./constants/monaco/preferences.js');
 var useMonacoEventChange = require('./editor-hooks/useMonacoEventChange.js');
 var useMonacoEventCursor = require('./editor-hooks/useMonacoEventCursor.js');
 var useMonacoEventScroll = require('./editor-hooks/useMonacoEventScroll.js');
 var useMonacoMarkers = require('./editor-hooks/useMonacoMarkers.js');
-var useMonacoOptions = require('./editor-hooks/useMonacoOptions.js');
-var useMonacoTheme = require('./editor-hooks/useMonacoTheme.js');
-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 }; }
 
@@ -41,25 +41,33 @@ function _interopNamespaceCompat(e) {
   return Object.freeze(n);
 }
 
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var monaco__namespace = /*#__PURE__*/_interopNamespaceCompat(monaco);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 //
 //
 //
 // pre-init monaco editor
 index.default();
-index$1.default().catch(console.warn);
+index$1.default()["catch"](console.warn);
 //
 //
 //
-var StyledMonacoEditorWrapper = styled__default.default.div.withConfig({
-  componentId: "sc-1j3uyex-0"
-})(["width:100%;height:100%;"]);
-var StyledMonacoEditor = styled__default.default.div.withConfig({
-  componentId: "sc-1j3uyex-1"
-})(["width:100%;height:100%;background-color:", ";", ""], designTokens.base.color.navy9, styles.cssRemoteMarker);
+var StyledMonacoEditorWrapper = /*#__PURE__*/_styled__default.default("div", {
+  target: "ejc2bj11"
+})("production" === "production" ? {
+  name: "w1atjl",
+  styles: "width:100%;height:100%"
+} : {
+  name: "w1atjl",
+  styles: "width:100%;height:100%",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledMonacoEditor = /*#__PURE__*/_styled__default.default("div", {
+  target: "ejc2bj10"
+})("width:100%;height:100%;background-color:", designTokens.base.color.navy9, ";", styles.cssRemoteMarker, ";");
 /**
  *
  */

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

@@ -6,10 +6,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var utils = require('@elice/utils');
 var ExerciseFileShimmer = require('../exercise-shimmer/ExerciseFileShimmer.js');
-require('../exercise-shimmer/ExerciseFileTabsShimmer.js');
-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 }; }
 

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

@@ -149,8 +149,8 @@ var MonacoEditorMobile = React.forwardRef(function (props, ref) {
   return jsxRuntime.jsx(MonacoEditor.default, Object.assign({}, props, {
     noLanguageIntellisense: true,
     preference: preference,
-    onLoad: handleLoad,
-    ref: editorApiRef
+    ref: editorApiRef,
+    onLoad: handleLoad
   }));
 });
 

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

@@ -3,31 +3,38 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactUse = require('react-use');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var intl = require('@elice/intl');
-var styled = require('styled-components');
 var index = require('./constants/themes/index.js');
-var preferences = require('./constants/monaco/preferences.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
-require('monaco-editor/esm/vs/editor/editor.api');
 var monacoPreference = require('./utils/monacoPreference.js');
+var preferences = require('./constants/monaco/preferences.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-var StyledPreferenceBodyItem = styled__default.default.div.withConfig({
-  componentId: "sc-1bwf6gs-0"
-})(["display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;min-height:2rem;color:white;&:last-child{margin-bottom:0;}"]);
-var StyledSelect = styled__default.default(blocks.Select).withConfig({
-  componentId: "sc-1bwf6gs-1"
-})(["> div{background:", " !important;border-color:", " !important;}select{padding:0 !important;height:2rem !important;color:#fff !important;> option{background:", " !important;}}"], designTokens.base.color.navy8, designTokens.base.color.navy7, designTokens.base.color.navy8);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var StyledPreferenceBodyItem = /*#__PURE__*/_styled__default.default("div", {
+  target: "e1p3ru5t1"
+})("production" === "production" ? {
+  name: "10vug81",
+  styles: "display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;min-height:2rem;color:white;&:last-child{margin-bottom:0;}"
+} : {
+  name: "10vug81",
+  styles: "display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;min-height:2rem;color:white;&:last-child{margin-bottom:0;}",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledSelect = /*#__PURE__*/_styled__default.default(blocks.Select, {
+  target: "e1p3ru5t0"
+})(">div{background:", designTokens.base.color.navy8, "!important;border-color:", designTokens.base.color.navy7, "!important;}select{padding:0!important;height:2rem!important;color:#fff!important;>option{background:", designTokens.base.color.navy8, "!important;}}");
 var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -64,9 +71,9 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   var renderPreferenceItemTheme = function renderPreferenceItemTheme() {
     return jsxRuntime.jsxs(StyledPreferenceBodyItem, {
       children: [jsxRuntime.jsx(blocks.Text, {
+        block: true,
         role: "navy",
         size: "tiny",
-        block: true,
         children: __intl.formatMessage({
           id: 'monacoEditorPerferenceForm.displaying.item.theme.name'
         })
@@ -96,9 +103,9 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   var renderPreferenceItemFontSize = function renderPreferenceItemFontSize() {
     return jsxRuntime.jsxs(StyledPreferenceBodyItem, {
       children: [jsxRuntime.jsx(blocks.Text, {
+        block: true,
         role: "navy",
         size: "tiny",
-        block: true,
         children: __intl.formatMessage({
           id: 'monacoEditorPerferenceForm.displaying.item.fontSize.name'
         })
@@ -126,9 +133,9 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   var renderPreferenceItemWordWrap = function renderPreferenceItemWordWrap() {
     return jsxRuntime.jsxs(StyledPreferenceBodyItem, {
       children: [jsxRuntime.jsx(blocks.Text, {
+        block: true,
         role: "navy",
         size: "tiny",
-        block: true,
         children: __intl.formatMessage({
           id: 'monacoEditorPerferenceForm.displaying.item.wordWrap.name'
         })
@@ -148,9 +155,9 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   var renderPreferenceItemWhiteSpace = function renderPreferenceItemWhiteSpace() {
     return jsxRuntime.jsxs(StyledPreferenceBodyItem, {
       children: [jsxRuntime.jsx(blocks.Text, {
+        block: true,
         role: "navy",
         size: "tiny",
-        block: true,
         children: __intl.formatMessage({
           id: 'monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.name'
         })
@@ -181,9 +188,9 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
     var _a;
     return jsxRuntime.jsxs(StyledPreferenceBodyItem, {
       children: [jsxRuntime.jsx(blocks.Text, {
+        block: true,
         role: "navy",
         size: "tiny",
-        block: true,
         children: __intl.formatMessage({
           id: 'monacoEditorPerferenceForm.displaying.item.minimap.name'
         })
@@ -205,9 +212,9 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   var renderPreferenceItemCursorSmoothCaretAnimation = function renderPreferenceItemCursorSmoothCaretAnimation() {
     return jsxRuntime.jsxs(StyledPreferenceBodyItem, {
       children: [jsxRuntime.jsx(blocks.Text, {
+        block: true,
         role: "navy",
         size: "tiny",
-        block: true,
         children: __intl.formatMessage({
           id: 'monacoEditorPerferenceForm.displaying.item.cursorSmoothCaretAnimation.name'
         })
@@ -227,9 +234,9 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   var renderPreferenceItemAutoClosingBrackets = function renderPreferenceItemAutoClosingBrackets() {
     return jsxRuntime.jsxs(StyledPreferenceBodyItem, {
       children: [jsxRuntime.jsx(blocks.Text, {
+        block: true,
         role: "navy",
         size: "tiny",
-        block: true,
         children: __intl.formatMessage({
           id: 'monacoEditorPerferenceForm.textEditing.item.autoClosingBrackets.name'
         })
@@ -249,9 +256,9 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   var renderPreferenceItemDetectIndentation = function renderPreferenceItemDetectIndentation() {
     return jsxRuntime.jsxs(StyledPreferenceBodyItem, {
       children: [jsxRuntime.jsx(blocks.Text, {
+        block: true,
         role: "navy",
         size: "tiny",
-        block: true,
         children: __intl.formatMessage({
           id: 'monacoEditorPerferenceForm.textEditing.item.detectIndentation.name'
         })
@@ -271,8 +278,8 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   var renderPreferenceItemTabSize = function renderPreferenceItemTabSize() {
     return jsxRuntime.jsxs(StyledPreferenceBodyItem, {
       children: [jsxRuntime.jsx(blocks.Text, {
-        role: preference.detectIndentation ? 'grey6' : 'info',
         block: true,
+        role: preference.detectIndentation ? 'grey6' : 'info',
         size: "small",
         children: __intl.formatMessage({
           id: 'monacoEditorPerferenceForm.textEditing.item.tabSize.name'
@@ -301,9 +308,9 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   //
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx(blocks.Text, {
+      bold: true,
       role: "lightgrey",
       size: "small",
-      bold: true,
       children: __intl.formatMessage({
         id: 'monacoEditorPerferenceForm.displaying.title'
       })
@@ -312,9 +319,9 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
     }), renderPreferenceItemTheme(), renderPreferenceItemFontSize(), renderPreferenceItemWordWrap(), renderPreferenceItemWhiteSpace(), renderPreferenceItemMinimap(), renderPreferenceItemCursorSmoothCaretAnimation(), jsxRuntime.jsx(blocks.Vspace, {
       height: 2
     }), jsxRuntime.jsx(blocks.Text, {
+      bold: true,
       role: "lightgrey",
       size: "small",
-      bold: true,
       children: __intl.formatMessage({
         id: 'monacoEditorPerferenceForm.textEditing.title'
       })

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

@@ -4,7 +4,6 @@ var React = require('react');
 var reactUse = require('react-use');
 var RemoteCursorManager = require('../vendors/monaco-collab-ext/RemoteCursorManager.js');
 var RemoteSelectionManager = require('../vendors/monaco-collab-ext/RemoteSelectionManager.js');
-require('../vendors/monaco-collab-ext/styles.js');
 
 /** Available colors for marker. */
 var MARKER_COLORS = Object.freeze(['purple', 'turquoise', 'red', 'yellow', 'lime', 'blue', 'pink']);

package/cjs/components/shared/monaco-editor/editor-hooks/useMonacoOptions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { editor } from 'monaco-editor/esm/vs/editor/editor.api';
 import type { EditorOptions } from '../hooks';
 type Monaco = React.MutableRefObject<editor.IStandaloneCodeEditor | null>;

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

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var monaco = require('monaco-editor/esm/vs/editor/editor.api');
-var preferences = require('../constants/monaco/preferences.js');
 var config = require('../utils/prettier/config.js');
+var preferences = require('../constants/monaco/preferences.js');
 
 var FONT_LOAD_TEXT = '각난닫ABCabc1230!@#\t !@#():{}[]-_\\|';
 /**
@@ -35,7 +35,7 @@ var useMonacoOptions = function useMonacoOptions(monaco$1, options) {
     var size = (_b = options.fontSize) !== null && _b !== void 0 ? _b : preferences.DEFAULT_MONACO_EDITOR_PREFERENCE.fontSize;
     document.fonts.load("".concat(size, "px Elice Digital Coding"), FONT_LOAD_TEXT).then(function () {
       return monaco.editor.remeasureFonts();
-    }).catch(function () {
+    })["catch"](function () {
       // do nothing.
     });
   }, [options.fontSize]);

package/cjs/components/shared/monaco-editor/editor-hooks/useMonacoTheme.d.ts

@@ -2,5 +2,5 @@ type SupportedTheme = string | null | undefined;
 /**
  * Import and set theme for monaco editor.
  */
-export declare const useMonacoTheme: <T extends SupportedTheme>(rawTheme?: T | undefined, cb?: ((theme: T) => void) | undefined) => void;
+export declare const useMonacoTheme: <T extends SupportedTheme>(rawTheme?: T, cb?: (theme: T) => void) => void;
 export {};

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

@@ -16,8 +16,7 @@ var useMonacoTheme = function useMonacoTheme(rawTheme, cb) {
       if (typeof cb === 'function') {
         cb(theme);
       }
-    }).catch(function (err) {
-      // eslint-disable-next-line no-console
+    })["catch"](function (err) {
       console.warn("fail to load theme (`".concat(theme, "`)"), err);
     });
   },

package/cjs/components/shared/monaco-editor/editor-languages/css/formatter.js

@@ -7,33 +7,29 @@ var index = require('../../utils/prettier/index.js');
 
 var CssDocumentFormattingEditProvider = {
   provideDocumentFormattingEdits: function provideDocumentFormattingEdits(model) {
-    return _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-      var text;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    return _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
+      var text, _t, _t2, _t3, _t4;
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
-            _context.t0 = index.default;
-            _context.t1 = model.getValue();
-            _context.next = 4;
+            _t = index.default;
+            _t2 = model.getValue();
+            _context.n = 1;
             return import('prettier/plugins/postcss');
-          case 4:
-            _context.t2 = _context.sent;
-            _context.t3 = [_context.t2];
-            _context.t4 = {
+          case 1:
+            _t3 = _context.v;
+            _t4 = [_t3];
+            _context.n = 2;
+            return _t(_t2, {
               parser: 'scss',
-              plugins: _context.t3
-            };
-            _context.next = 9;
-            return (0, _context.t0)(_context.t1, _context.t4);
-          case 9:
-            text = _context.sent;
-            return _context.abrupt("return", [{
+              plugins: _t4
+            });
+          case 2:
+            text = _context.v;
+            return _context.a(2, [{
               range: model.getFullModelRange(),
               text: text
             }]);
-          case 11:
-          case "end":
-            return _context.stop();
         }
       }, _callee);
     }))();

package/cjs/components/shared/monaco-editor/editor-languages/css/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var monaco = require('monaco-editor/esm/vs/editor/editor.api');
-var emmet = require('../../utils/emmet/emmet.js');
 var formatter = require('./formatter.js');
+var emmet = require('../../utils/emmet/emmet.js');
 
 function _interopNamespaceCompat(e) {
     if (e && typeof e === 'object' && 'default' in e) return e;

package/cjs/components/shared/monaco-editor/editor-languages/html/formatter.js

@@ -7,33 +7,29 @@ var index = require('../../utils/prettier/index.js');
 
 var HtmlDocumentFormattingEditProvider = {
   provideDocumentFormattingEdits: function provideDocumentFormattingEdits(model) {
-    return _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-      var text;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    return _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
+      var text, _t, _t2, _t3, _t4;
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
-            _context.t0 = index.default;
-            _context.t1 = model.getValue();
-            _context.next = 4;
+            _t = index.default;
+            _t2 = model.getValue();
+            _context.n = 1;
             return import('prettier/plugins/html');
-          case 4:
-            _context.t2 = _context.sent;
-            _context.t3 = [_context.t2];
-            _context.t4 = {
+          case 1:
+            _t3 = _context.v;
+            _t4 = [_t3];
+            _context.n = 2;
+            return _t(_t2, {
               parser: 'html',
-              plugins: _context.t3
-            };
-            _context.next = 9;
-            return (0, _context.t0)(_context.t1, _context.t4);
-          case 9:
-            text = _context.sent;
-            return _context.abrupt("return", [{
+              plugins: _t4
+            });
+          case 2:
+            text = _context.v;
+            return _context.a(2, [{
               range: model.getFullModelRange(),
               text: text
             }]);
-          case 11:
-          case "end":
-            return _context.stop();
         }
       }, _callee);
     }))();

package/cjs/components/shared/monaco-editor/editor-languages/html/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var monaco = require('monaco-editor/esm/vs/editor/editor.api');
-var emmet = require('../../utils/emmet/emmet.js');
 var formatter = require('./formatter.js');
+var emmet = require('../../utils/emmet/emmet.js');
 
 function _interopNamespaceCompat(e) {
     if (e && typeof e === 'object' && 'default' in e) return e;

package/cjs/components/shared/monaco-editor/editor-languages/typescript/formatter.js

@@ -7,37 +7,33 @@ var index = require('../../utils/prettier/index.js');
 
 var TypescriptDocumentFormattingEditProvider = {
   provideDocumentFormattingEdits: function provideDocumentFormattingEdits(model) {
-    return _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-      var text;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    return _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
+      var text, _t, _t2, _t3, _t4, _t5;
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
-            _context.t0 = index.default;
-            _context.t1 = model.getValue();
-            _context.next = 4;
+            _t = index.default;
+            _t2 = model.getValue();
+            _context.n = 1;
             return import('prettier/plugins/babel');
-          case 4:
-            _context.t2 = _context.sent;
-            _context.next = 7;
+          case 1:
+            _t3 = _context.v;
+            _context.n = 2;
             return import('prettier/plugins/estree');
-          case 7:
-            _context.t3 = _context.sent;
-            _context.t4 = [_context.t2, _context.t3];
-            _context.t5 = {
+          case 2:
+            _t4 = _context.v;
+            _t5 = [_t3, _t4];
+            _context.n = 3;
+            return _t(_t2, {
               parser: 'babel-ts',
-              plugins: _context.t4
-            };
-            _context.next = 12;
-            return (0, _context.t0)(_context.t1, _context.t5);
-          case 12:
-            text = _context.sent;
-            return _context.abrupt("return", [{
+              plugins: _t5
+            });
+          case 3:
+            text = _context.v;
+            return _context.a(2, [{
               range: model.getFullModelRange(),
               text: text
             }]);
-          case 14:
-          case "end":
-            return _context.stop();
         }
       }, _callee);
     }))();

package/cjs/components/shared/monaco-editor/editor-languages/typescript/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var monaco = require('monaco-editor/esm/vs/editor/editor.api');
+var formatter = require('./formatter.js');
 var emmet = require('../../utils/emmet/emmet.js');
 var express = require('./dts/express.js');
 var propTypes = require('./dts/propTypes.js');
 var react = require('./dts/react.js');
-var formatter = require('./formatter.js');
 
 function _interopNamespaceCompat(e) {
     if (e && typeof e === 'object' && 'default' in e) return e;
@@ -29,7 +29,6 @@ function _interopNamespaceCompat(e) {
 
 var monaco__namespace = /*#__PURE__*/_interopNamespaceCompat(monaco);
 
-/* eslint-disable react/forbid-foreign-prop-types */
 //
 //
 //

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

@@ -4,7 +4,6 @@ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabel
 var React = require('react');
 var reactUse = require('react-use');
 var preferences = require('../constants/monaco/preferences.js');
-require('monaco-editor/esm/vs/editor/editor.api');
 var monacoPreference = require('../utils/monacoPreference.js');
 
 //
@@ -31,6 +30,7 @@ var getEditorOptions = function getEditorOptions(props) {
       showInlineDetails: true,
       // show {*}-suggestions...
       showWords: true,
+      // works with `wordBasedSuggestions`
       showColors: true,
       showMethods: !props.noLanguageIntellisense,
       showFunctions: !props.noLanguageIntellisense,

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

@@ -2,20 +2,20 @@
 
 var MonacoEditorLazy = require('./MonacoEditorLazy.js');
 var MonacoEditorPerferenceForm = require('./MonacoEditorPerferenceForm.js');
+var preferences = require('./constants/monaco/preferences.js');
+var index = require('./constants/grammars/index.js');
 var monacoLanguage = require('./utils/monacoLanguage.js');
 var monacoPreference = require('./utils/monacoPreference.js');
-var index = require('./constants/grammars/index.js');
-var preferences = require('./constants/monaco/preferences.js');
 
 
 
 exports.MonacoEditorLazy = MonacoEditorLazy.default;
 exports.MonacoEditorPerference = MonacoEditorPerferenceForm.default;
-exports.getLanguageFromFilename = monacoLanguage.getLanguageFromFilename;
-exports.normalizeMonacoPreference = monacoPreference.normalizeMonacoPreference;
-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;
+exports.TM_LANGUAGES = index.TM_LANGUAGES;
+exports.getLanguageFromFilename = monacoLanguage.getLanguageFromFilename;
+exports.normalizeMonacoPreference = monacoPreference.normalizeMonacoPreference;

package/cjs/components/shared/monaco-editor/utils/emmet/abbreviationActions.d.ts

@@ -3,4 +3,4 @@ import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
  * VSCode did a complex node analysis, just use monaco's built-in tokenizer here.
  * @see https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/abbreviationActions.ts#L438
  */
-export declare function isValidLocationForEmmetAbbreviation(model: monaco.editor.ITextModel, position: monaco.Position, syntax: string, language: string): boolean;
+export declare function isValidLocationForEmmetAbbreviation(model: monaco.editor.ITextModel, position: monaco.Position, syntax: string): boolean;

package/cjs/components/shared/monaco-editor/utils/emmet/abbreviationActions.js

@@ -3,7 +3,7 @@
 /**
  * Validate if the given position is valid for emmet abbreviation.
  */
-function isValidEmmetToken(tokens, index, syntax, language) {
+function isValidEmmetToken(tokens, index, syntax) {
   var currentTokenType = tokens[index].type;
   switch (syntax) {
     case 'html':
@@ -20,7 +20,7 @@ function isValidEmmetToken(tokens, index, syntax, language) {
  * VSCode did a complex node analysis, just use monaco's built-in tokenizer here.
  * @see https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/abbreviationActions.ts#L438
  */
-function isValidLocationForEmmetAbbreviation(model, position, syntax, language) {
+function isValidLocationForEmmetAbbreviation(model, position, syntax) {
   var column = position.column,
     lineNumber = position.lineNumber;
   // get current line's tokens

package/cjs/components/shared/monaco-editor/utils/emmet/registerProvider.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var emmetHelper = require('../../vendors/vscode-emmet-helper/emmetHelper.js');
-var utils = require('../../vendors/vscode-emmet-helper/utils.js');
 var abbreviationActions = require('./abbreviationActions.js');
+var utils = require('../../vendors/vscode-emmet-helper/utils.js');
+var emmetHelper = require('../../vendors/vscode-emmet-helper/emmetHelper.js');
 
 /**
  * Register completion provider of emmet.