@elice/material-exercise 1.231227.0 → 1.240112.0-cloud.0

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

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { useIntl, FormattedMessage } from 'react-intl';
 import { useDeepCompareEffect } from 'react-use';
@@ -13,38 +12,32 @@ 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';
 
-var StyledPreferenceBodyItem = styled.div.withConfig({
+const 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;}"]);
-var StyledSelect = styled(Select).withConfig({
+const 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);
-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];
+const MonacoEditorPerferenceForm = ({
+  value,
+  onChange
+}) => {
+  const intl = useIntl();
+  const [preference, setPreference] = React.useState(normalizeMonacoPreference(value));
   /**
    * Update preference from form.
    */
-  var updatePreference = function updatePreference(newPreference) {
-    setPreference(function (prev) {
-      return normalizeMonacoPreference(Object.assign(Object.assign({}, prev), newPreference));
-    });
+  const updatePreference = newPreference => {
+    setPreference(prev => normalizeMonacoPreference(Object.assign(Object.assign({}, prev), newPreference)));
   };
   //
   // Update state from value.
   //
-  useDeepCompareEffect(function () {
-    return setPreference(normalizeMonacoPreference(value));
-  }, [value]);
+  useDeepCompareEffect(() => setPreference(normalizeMonacoPreference(value)), [value]);
   //
   // Emit change event.
   //
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     if (typeof onChange === 'function') {
       onChange(preference);
     }
@@ -52,7 +45,7 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   /**
    * appearance > theme
    */
-  var renderPreferenceItemTheme = function renderPreferenceItemTheme() {
+  const renderPreferenceItemTheme = () => {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
       size: "tiny",
@@ -63,24 +56,23 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
       value: preference.theme,
       size: "small",
       width: "xsmall",
-      onChange: function onChange(value) {
+      onChange: value => {
         updatePreference({
           theme: value
         });
       }
-    }, VSCODE_THEMES.map(function (_ref2) {
-      var id = _ref2.id,
-        name = _ref2.name;
-      return React.createElement("option", {
-        key: id,
-        value: id
-      }, name);
-    })));
+    }, VSCODE_THEMES.map(({
+      id,
+      name
+    }) => React.createElement("option", {
+      key: id,
+      value: id
+    }, name))));
   };
   /**
    * appearance > font size
    */
-  var renderPreferenceItemFontSize = function renderPreferenceItemFontSize() {
+  const renderPreferenceItemFontSize = () => {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
       size: "tiny",
@@ -91,22 +83,20 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
       value: preference.fontSize,
       size: "small",
       width: "xsmall",
-      onChange: function onChange(value) {
+      onChange: value => {
         updatePreference({
           fontSize: Number(value)
         });
       }
-    }, MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES.map(function (size) {
-      return React.createElement("option", {
-        key: size,
-        value: size
-      }, size);
-    })));
+    }, MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES.map(size => React.createElement("option", {
+      key: size,
+      value: size
+    }, size))));
   };
   /**
    * appearance > word wrap
    */
-  var renderPreferenceItemWordWrap = function renderPreferenceItemWordWrap() {
+  const renderPreferenceItemWordWrap = () => {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
       size: "tiny",
@@ -115,7 +105,7 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
       id: "monacoEditorPerferenceForm.displaying.item.wordWrap.name"
     })), React.createElement(AntSwitch, {
       checked: preference.wordWrap === 'on',
-      onChange: function onChange(value) {
+      onChange: value => {
         updatePreference({
           wordWrap: value ? 'on' : 'off'
         });
@@ -125,7 +115,7 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   /**
    * appearance > white space
    */
-  var renderPreferenceItemWhiteSpace = function renderPreferenceItemWhiteSpace() {
+  const renderPreferenceItemWhiteSpace = () => {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
       size: "tiny",
@@ -136,24 +126,22 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
       value: preference.renderWhitespace,
       size: "small",
       width: "xsmall",
-      onChange: function onChange(value) {
+      onChange: value => {
         updatePreference({
           renderWhitespace: value
         });
       }
-    }, 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)
-      }));
-    })));
+    }, MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS.map(option => React.createElement("option", {
+      key: option,
+      value: option
+    }, intl.formatMessage({
+      id: `monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.${option}`
+    })))));
   };
   /**
    * appearance > minimap
    */
-  var renderPreferenceItemMinimap = function renderPreferenceItemMinimap() {
+  const renderPreferenceItemMinimap = () => {
     var _a;
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
@@ -163,7 +151,7 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
       id: "monacoEditorPerferenceForm.displaying.item.minimap.name"
     })), React.createElement(AntSwitch, {
       checked: (_a = preference.minimap) === null || _a === void 0 ? void 0 : _a.enabled,
-      onChange: function onChange(value) {
+      onChange: value => {
         updatePreference({
           minimap: {
             enabled: value
@@ -175,7 +163,7 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   /**
    * appearance > cursor smooth caret animation
    */
-  var renderPreferenceItemCursorSmoothCaretAnimation = function renderPreferenceItemCursorSmoothCaretAnimation() {
+  const renderPreferenceItemCursorSmoothCaretAnimation = () => {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
       size: "tiny",
@@ -184,7 +172,7 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
       id: "monacoEditorPerferenceForm.displaying.item.cursorSmoothCaretAnimation.name"
     })), React.createElement(AntSwitch, {
       checked: preference.cursorSmoothCaretAnimation,
-      onChange: function onChange(value) {
+      onChange: value => {
         updatePreference({
           cursorSmoothCaretAnimation: value
         });
@@ -194,7 +182,7 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   /**
    * text editing > auto closing brackets
    */
-  var renderPreferenceItemAutoClosingBrackets = function renderPreferenceItemAutoClosingBrackets() {
+  const renderPreferenceItemAutoClosingBrackets = () => {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
       size: "tiny",
@@ -203,7 +191,7 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
       id: "monacoEditorPerferenceForm.textEditing.item.autoClosingBrackets.name"
     })), React.createElement(AntSwitch, {
       checked: preference.autoClosingBrackets === 'always',
-      onChange: function onChange(value) {
+      onChange: value => {
         updatePreference({
           autoClosingBrackets: value ? 'always' : 'never'
         });
@@ -213,7 +201,7 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   /**
    * text editing > detect indentation
    */
-  var renderPreferenceItemDetectIndentation = function renderPreferenceItemDetectIndentation() {
+  const renderPreferenceItemDetectIndentation = () => {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "navy",
       size: "tiny",
@@ -222,7 +210,7 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
       id: "monacoEditorPerferenceForm.textEditing.item.detectIndentation.name"
     })), React.createElement(AntSwitch, {
       checked: preference.detectIndentation,
-      onChange: function onChange(value) {
+      onChange: value => {
         updatePreference({
           detectIndentation: value
         });
@@ -232,7 +220,7 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
   /**
    * text editing > tab size
    */
-  var renderPreferenceItemTabSize = function renderPreferenceItemTabSize() {
+  const renderPreferenceItemTabSize = () => {
     return React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: preference.detectIndentation ? 'grey6' : 'info',
       block: true,
@@ -244,17 +232,15 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
       size: "small",
       width: "xsmall",
       disabled: preference.detectIndentation,
-      onChange: function onChange(value) {
+      onChange: value => {
         updatePreference({
           tabSize: Number(value)
         });
       }
-    }, MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES.map(function (size) {
-      return React.createElement("option", {
-        key: size,
-        value: size
-      }, size);
-    })));
+    }, MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES.map(size => React.createElement("option", {
+      key: size,
+      value: size
+    }, size))));
   };
   //
   //
@@ -282,7 +268,7 @@ var MonacoEditorPerferenceForm = function MonacoEditorPerferenceForm(_ref) {
 //
 //
 //
-var MonacoEditorPerference = (function (props) {
+var MonacoEditorPerference = (props => {
   return React.createElement(MaterialIntlProvider, {
     locale: props.locale,
     phrases: {

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

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

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

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