@elice/material-exercise 1.230328.0 → 1.230418.0

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

@@ -1,3 +1,4 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { useIntl, FormattedMessage } from 'react-intl';
 import { useDeepCompareEffect } from 'react-use';
@@ -12,35 +13,38 @@ import { MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES, MONACO_EDITOR_RENDER_WHITE
 import 'monaco-editor/esm/vs/editor/editor.api';
 import { normalizeMonacoPreference } from './utils/monacoPreference.js';
 
-const StyledPreferenceBodyItem = styled.div.withConfig({
+var StyledPreferenceBodyItem = styled.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;}"]);
-const StyledSelect = styled(Select).withConfig({
+var StyledSelect = styled(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;}}"], base.color.navy8, base.color.navy7, base.color.navy8);
-
-const MonacoEditorPerferenceForm = ({
-  value,
-  onChange
-}) => {
-  const intl = useIntl();
-  const [preference, setPreference] = React.useState(normalizeMonacoPreference(value));
+var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange;
+  var intl = useIntl();
+  var _React$useState = React.useState(normalizeMonacoPreference(value)),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    preference = _React$useState2[0],
+    setPreference = _React$useState2[1];
   /**
    * Update preference from form.
    */
-
-  const updatePreference = newPreference => {
-    setPreference(prev => normalizeMonacoPreference(Object.assign(Object.assign({}, prev), newPreference)));
-  }; //
+  var updatePreference = function updatePreference(newPreference) {
+    setPreference(function (prev) {
+      return normalizeMonacoPreference(Object.assign(Object.assign({}, prev), newPreference));
+    });
+  };
+  //
   // Update state from value.
   //
-
-
-  useDeepCompareEffect(() => setPreference(normalizeMonacoPreference(value)), [value]); //
+  useDeepCompareEffect(function () {
+    return setPreference(normalizeMonacoPreference(value));
+  }, [value]);
+  //
   // Emit change event.
   //
-
-  useDeepCompareEffect(() => {
+  useDeepCompareEffect(function () {
     if (typeof onChange === 'function') {
       onChange(preference);
     }
@@ -48,8 +52,7 @@ const MonacoEditorPerferenceForm = ({
   /**
    * appearance > theme
    */
-
-  const renderPreferenceItemTheme = () => {
+  var renderPreferenceItemTheme = function renderPreferenceItemTheme() {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
       size: "tiny",
@@ -60,25 +63,24 @@ const MonacoEditorPerferenceForm = ({
       value: preference.theme,
       size: "small",
       width: "xsmall",
-      onChange: value => {
+      onChange: function onChange(value) {
         updatePreference({
           theme: value
         });
       }
-    }, VSCODE_THEMES.map(({
-      id,
-      name
-    }) => React.createElement("option", {
-      key: id,
-      value: id
-    }, name))));
+    }, VSCODE_THEMES.map(function (_ref2) {
+      var id = _ref2.id,
+        name = _ref2.name;
+      return React.createElement("option", {
+        key: id,
+        value: id
+      }, name);
+    })));
   };
   /**
    * appearance > font size
    */
-
-
-  const renderPreferenceItemFontSize = () => {
+  var renderPreferenceItemFontSize = function renderPreferenceItemFontSize() {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
       size: "tiny",
@@ -89,22 +91,22 @@ const MonacoEditorPerferenceForm = ({
       value: preference.fontSize,
       size: "small",
       width: "xsmall",
-      onChange: value => {
+      onChange: function onChange(value) {
         updatePreference({
           fontSize: Number(value)
         });
       }
-    }, MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES.map(size => React.createElement("option", {
-      key: size,
-      value: size
-    }, size))));
+    }, MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES.map(function (size) {
+      return React.createElement("option", {
+        key: size,
+        value: size
+      }, size);
+    })));
   };
   /**
    * appearance > word wrap
    */
-
-
-  const renderPreferenceItemWordWrap = () => {
+  var renderPreferenceItemWordWrap = function renderPreferenceItemWordWrap() {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
       size: "tiny",
@@ -113,7 +115,7 @@ const MonacoEditorPerferenceForm = ({
       id: "monacoEditorPerferenceForm.displaying.item.wordWrap.name"
     })), React.createElement(AntSwitch, {
       checked: preference.wordWrap === 'on',
-      onChange: value => {
+      onChange: function onChange(value) {
         updatePreference({
           wordWrap: value ? 'on' : 'off'
         });
@@ -123,9 +125,7 @@ const MonacoEditorPerferenceForm = ({
   /**
    * appearance > white space
    */
-
-
-  const renderPreferenceItemWhiteSpace = () => {
+  var renderPreferenceItemWhiteSpace = function renderPreferenceItemWhiteSpace() {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
       size: "tiny",
@@ -136,26 +136,25 @@ const MonacoEditorPerferenceForm = ({
       value: preference.renderWhitespace,
       size: "small",
       width: "xsmall",
-      onChange: value => {
+      onChange: function onChange(value) {
         updatePreference({
           renderWhitespace: value
         });
       }
-    }, MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS.map(option => React.createElement("option", {
-      key: option,
-      value: option
-    }, intl.formatMessage({
-      id: `monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.${option}`
-    })))));
+    }, MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS.map(function (option) {
+      return React.createElement("option", {
+        key: option,
+        value: option
+      }, intl.formatMessage({
+        id: "monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.".concat(option)
+      }));
+    })));
   };
   /**
    * appearance > minimap
    */
-
-
-  const renderPreferenceItemMinimap = () => {
+  var renderPreferenceItemMinimap = function renderPreferenceItemMinimap() {
     var _a;
-
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
       size: "tiny",
@@ -164,7 +163,7 @@ const MonacoEditorPerferenceForm = ({
       id: "monacoEditorPerferenceForm.displaying.item.minimap.name"
     })), React.createElement(AntSwitch, {
       checked: (_a = preference.minimap) === null || _a === void 0 ? void 0 : _a.enabled,
-      onChange: value => {
+      onChange: function onChange(value) {
         updatePreference({
           minimap: {
             enabled: value
@@ -176,9 +175,7 @@ const MonacoEditorPerferenceForm = ({
   /**
    * appearance > cursor smooth caret animation
    */
-
-
-  const renderPreferenceItemCursorSmoothCaretAnimation = () => {
+  var renderPreferenceItemCursorSmoothCaretAnimation = function renderPreferenceItemCursorSmoothCaretAnimation() {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
       size: "tiny",
@@ -187,7 +184,7 @@ const MonacoEditorPerferenceForm = ({
       id: "monacoEditorPerferenceForm.displaying.item.cursorSmoothCaretAnimation.name"
     })), React.createElement(AntSwitch, {
       checked: preference.cursorSmoothCaretAnimation,
-      onChange: value => {
+      onChange: function onChange(value) {
         updatePreference({
           cursorSmoothCaretAnimation: value
         });
@@ -197,9 +194,7 @@ const MonacoEditorPerferenceForm = ({
   /**
    * text editing > auto closing brackets
    */
-
-
-  const renderPreferenceItemAutoClosingBrackets = () => {
+  var renderPreferenceItemAutoClosingBrackets = function renderPreferenceItemAutoClosingBrackets() {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
       size: "tiny",
@@ -208,7 +203,7 @@ const MonacoEditorPerferenceForm = ({
       id: "monacoEditorPerferenceForm.textEditing.item.autoClosingBrackets.name"
     })), React.createElement(AntSwitch, {
       checked: preference.autoClosingBrackets === 'always',
-      onChange: value => {
+      onChange: function onChange(value) {
         updatePreference({
           autoClosingBrackets: value ? 'always' : 'never'
         });
@@ -218,9 +213,7 @@ const MonacoEditorPerferenceForm = ({
   /**
    * text editing > detect indentation
    */
-
-
-  const renderPreferenceItemDetectIndentation = () => {
+  var renderPreferenceItemDetectIndentation = function renderPreferenceItemDetectIndentation() {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
       size: "tiny",
@@ -229,7 +222,7 @@ const MonacoEditorPerferenceForm = ({
       id: "monacoEditorPerferenceForm.textEditing.item.detectIndentation.name"
     })), React.createElement(AntSwitch, {
       checked: preference.detectIndentation,
-      onChange: value => {
+      onChange: function onChange(value) {
         updatePreference({
           detectIndentation: value
         });
@@ -239,9 +232,7 @@ const MonacoEditorPerferenceForm = ({
   /**
    * text editing > tab size
    */
-
-
-  const renderPreferenceItemTabSize = () => {
+  var renderPreferenceItemTabSize = function renderPreferenceItemTabSize() {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: preference.detectIndentation ? 'grey6' : 'info',
       block: true,
@@ -253,20 +244,21 @@ const MonacoEditorPerferenceForm = ({
       size: "small",
       width: "xsmall",
       disabled: preference.detectIndentation,
-      onChange: value => {
+      onChange: function onChange(value) {
         updatePreference({
           tabSize: Number(value)
         });
       }
-    }, MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES.map(size => React.createElement("option", {
-      key: size,
-      value: size
-    }, size))));
-  }; //
+    }, MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES.map(function (size) {
+      return React.createElement("option", {
+        key: size,
+        value: size
+      }, size);
+    })));
+  };
+  //
   //
   //
-
-
   return React.createElement(React.Fragment, null, React.createElement(Text, {
     role: "lightgrey",
     size: "small",
@@ -286,12 +278,11 @@ const MonacoEditorPerferenceForm = ({
   })), React.createElement(Vspace, {
     height: 1
   }), renderPreferenceItemAutoClosingBrackets(), renderPreferenceItemDetectIndentation(), renderPreferenceItemTabSize());
-}; //
+};
 //
 //
-
-
-var MonacoEditorPerference = (props => {
+//
+var MonacoEditorPerference = (function (props) {
   return React.createElement(MaterialIntlProvider, {
     locale: props.locale,
     phrases: {

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

@@ -2,56 +2,86 @@
  * Textmate language grammar definitions (from vscode official repository)
  * - ref: https://github.com/microsoft/vscode/tree/dce493cb6e36346ef2714e82c42ce14fc461b15c/extensions
  */
-const TM_LANGUAGES = [// C, C++
+var TM_LANGUAGES = [
+// C, C++
 {
   language: 'c',
   scopeName: 'source.c',
-  getDefinition: () => import('./c.tmLanguage.json.js')
+  getDefinition: function getDefinition() {
+    return import('./c.tmLanguage.json.js');
+  }
 }, {
   language: 'cpp',
   scopeName: 'source.cpp',
-  getDefinition: () => import('./cpp.tmLanguage.json.js')
-}, // C# (CSharp)
+  getDefinition: function getDefinition() {
+    return import('./cpp.tmLanguage.json.js');
+  }
+},
+// C# (CSharp)
 {
   language: 'csharp',
   scopeName: 'source.cs',
-  getDefinition: () => import('./csharp.tmLanguage.json.js')
-}, // CSS
+  getDefinition: function getDefinition() {
+    return import('./csharp.tmLanguage.json.js');
+  }
+},
+// CSS
 {
   language: 'css',
   scopeName: 'source.css',
-  getDefinition: () => import('./css.tmLanguage.json.js')
-}, // Dart
+  getDefinition: function getDefinition() {
+    return import('./css.tmLanguage.json.js');
+  }
+},
+// Dart
 {
   language: 'dart',
   scopeName: 'source.dart',
-  getDefinition: () => import('./dart.tmLanguage.json.js')
-}, // F# (FSharp)
+  getDefinition: function getDefinition() {
+    return import('./dart.tmLanguage.json.js');
+  }
+},
+// F# (FSharp)
 {
   language: 'fsharp',
   scopeName: 'source.fsharp',
-  getDefinition: () => import('./fsharp.tmLanguage.json.js')
-}, // Go
+  getDefinition: function getDefinition() {
+    return import('./fsharp.tmLanguage.json.js');
+  }
+},
+// Go
 {
   language: 'go',
   scopeName: 'source.go',
-  getDefinition: () => import('./go.tmLanguage.json.js')
-}, // HTML
+  getDefinition: function getDefinition() {
+    return import('./go.tmLanguage.json.js');
+  }
+},
+// HTML
 {
   language: 'html',
   scopeName: 'text.html.basic',
-  getDefinition: () => import('./html.tmLanguage.json.js')
-}, // Java
+  getDefinition: function getDefinition() {
+    return import('./html.tmLanguage.json.js');
+  }
+},
+// Java
 {
   language: 'java',
   scopeName: 'source.java',
-  getDefinition: () => import('./java.tmLanguage.json.js')
-}, // JSON
+  getDefinition: function getDefinition() {
+    return import('./java.tmLanguage.json.js');
+  }
+},
+// JSON
 {
   language: 'json',
   scopeName: 'source.json',
-  getDefinition: () => import('./JSON.tmLanguage.json.js')
-}, // {
+  getDefinition: function getDefinition() {
+    return import('./JSON.tmLanguage.json.js');
+  }
+},
+// {
 //   language: 'jsonc',
 //   scopeName: 'source.json.comments',
 //   getDefinition: () =>import('./JSONC.tmLanguage.json'),
@@ -60,13 +90,19 @@ const TM_LANGUAGES = [// C, C++
 {
   language: 'lua',
   scopeName: 'source.lua',
-  getDefinition: () => import('./lua.tmLanguage.json.js')
-}, // Objective-C (Objective-C++)
+  getDefinition: function getDefinition() {
+    return import('./lua.tmLanguage.json.js');
+  }
+},
+// Objective-C (Objective-C++)
 {
   language: 'objective-c',
   scopeName: 'source.objc',
-  getDefinition: () => import('./objective-c.tmLanguage.json.js')
-}, // {
+  getDefinition: function getDefinition() {
+    return import('./objective-c.tmLanguage.json.js');
+  }
+},
+// {
 //   language: 'objective-cpp',
 //   scopeName: 'source.objcpp',
 //   getDefinition: () =>import('./objective-c++.tmLanguage.json'),
@@ -75,71 +111,111 @@ const TM_LANGUAGES = [// C, C++
 {
   language: 'php',
   scopeName: 'source.php',
-  getDefinition: () => import('./php.tmLanguage.json.js')
-}, // Python
+  getDefinition: function getDefinition() {
+    return import('./php.tmLanguage.json.js');
+  }
+},
+// Python
 {
   language: 'python',
   scopeName: 'source.py',
-  getDefinition: () => import('./MagicPython.tmLanguage.json.js')
-}, // R
+  getDefinition: function getDefinition() {
+    return import('./MagicPython.tmLanguage.json.js');
+  }
+},
+// R
 {
   language: 'r',
   scopeName: 'source.r',
-  getDefinition: () => import('./r.tmLanguage.json.js')
-}, // Ruby
+  getDefinition: function getDefinition() {
+    return import('./r.tmLanguage.json.js');
+  }
+},
+// Ruby
 {
   language: 'ruby',
   scopeName: 'source.ruby',
-  getDefinition: () => import('./ruby.tmLanguage.json.js')
-}, // Rust
+  getDefinition: function getDefinition() {
+    return import('./ruby.tmLanguage.json.js');
+  }
+},
+// Rust
 {
   language: 'rust',
   scopeName: 'source.rust',
-  getDefinition: () => import('./rust.tmLanguage.json.js')
-}, // SCSS
+  getDefinition: function getDefinition() {
+    return import('./rust.tmLanguage.json.js');
+  }
+},
+// SCSS
 {
   language: 'scss',
   scopeName: 'source.css.scss',
-  getDefinition: () => import('./scss.tmLanguage.json.js')
-}, // SQL
+  getDefinition: function getDefinition() {
+    return import('./scss.tmLanguage.json.js');
+  }
+},
+// SQL
 {
   language: 'sql',
   scopeName: 'source.sql',
-  getDefinition: () => import('./sql.tmLanguage.json.js')
-}, // Swift
+  getDefinition: function getDefinition() {
+    return import('./sql.tmLanguage.json.js');
+  }
+},
+// Swift
 {
   language: 'swift',
   scopeName: 'source.swift',
-  getDefinition: () => import('./swift.tmLanguage.json.js')
-}, // Typescript (JavaScript)
+  getDefinition: function getDefinition() {
+    return import('./swift.tmLanguage.json.js');
+  }
+},
+// Typescript (JavaScript)
 {
   language: 'javascript',
   scopeName: 'source.js',
-  getDefinition: () => import('./TypeScriptReact.tmLanguage.json.js')
+  getDefinition: function getDefinition() {
+    return import('./TypeScriptReact.tmLanguage.json.js');
+  }
 }, {
   language: 'typescript',
   scopeName: 'source.ts',
-  getDefinition: () => import('./TypeScriptReact.tmLanguage.json.js')
-}, // Typescript React (JavaScript React)
+  getDefinition: function getDefinition() {
+    return import('./TypeScriptReact.tmLanguage.json.js');
+  }
+},
+// Typescript React (JavaScript React)
 {
   language: 'javascript',
   scopeName: 'source.jsx',
-  getDefinition: () => import('./TypeScriptReact.tmLanguage.json.js')
+  getDefinition: function getDefinition() {
+    return import('./TypeScriptReact.tmLanguage.json.js');
+  }
 }, {
   language: 'typescript',
   scopeName: 'source.tsx',
-  getDefinition: () => import('./TypeScriptReact.tmLanguage.json.js')
-}, // Visual Basic (ASP.NET)
+  getDefinition: function getDefinition() {
+    return import('./TypeScriptReact.tmLanguage.json.js');
+  }
+},
+// Visual Basic (ASP.NET)
 {
   language: 'vb',
   scopeName: 'source.asp.vb.net',
-  getDefinition: () => import('./asp-vb-net.tmlanguage.json.js')
-}, // XML
+  getDefinition: function getDefinition() {
+    return import('./asp-vb-net.tmlanguage.json.js');
+  }
+},
+// XML
 {
   language: 'xml',
   scopeName: 'text.xml',
-  getDefinition: () => import('./xml.tmLanguage.json.js')
-}, // {
+  getDefinition: function getDefinition() {
+    return import('./xml.tmLanguage.json.js');
+  }
+},
+// {
 //   language: 'xsl',
 //   scopeName: 'text.xml.xsl',
 //   getDefinition: () =>import('./xsl.tmLanguage.json'),
@@ -148,8 +224,11 @@ const TM_LANGUAGES = [// C, C++
 {
   language: 'yaml',
   scopeName: 'source.yaml',
-  getDefinition: () => import('./yaml.tmLanguage.json.js')
-} // {
+  getDefinition: function getDefinition() {
+    return import('./yaml.tmLanguage.json.js');
+  }
+}
+// {
 //   language: 'dockercompose',
 //   scopeName: 'source.yaml',
 //   getDefinition: () =>import('./yaml.tmLanguage.json'),

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

@@ -1,7 +1,7 @@
 /**
  * Default editor preference.
  */
-const DEFAULT_MONACO_EDITOR_PREFERENCE = {
+var DEFAULT_MONACO_EDITOR_PREFERENCE = {
   autoClosingBrackets: 'always',
   cursorSmoothCaretAnimation: true,
   detectIndentation: true,
@@ -19,22 +19,18 @@ 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';
 
 export { DEFAULT_MONACO_EDITOR_PREFERENCE, MONACO_EDITOR_FONT_FAMILY, MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES, MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES, MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS };