@elice/material-exercise 1.231212.0 → 1.231228.0

package/cjs/components/shared/file-viewer/FileViewerNonViewable.js

@@ -13,41 +13,32 @@ var FileIcon = require('../file-icon/FileIcon.js');
 var nonViewable_en = require('./locales/nonViewable.en.json.js');
 var nonViewable_ko = require('./locales/nonViewable.ko.json.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var FileSaver__default = /*#__PURE__*/_interopDefaultLegacy(FileSaver);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledContainer = styled__default["default"].div.withConfig({
+const StyledContainer = styled.div.withConfig({
   componentId: "sc-l8149y-0"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
-var StyledContainerContent = styled__default["default"].div.withConfig({
+const StyledContainerContent = styled.div.withConfig({
   componentId: "sc-l8149y-1"
 })(["display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 1.5rem;width:100%;max-width:20rem;height:100%;text-align:center;"]);
-var StyledButton = styled__default["default"](blocks.Button).withConfig({
+const StyledButton = styled(blocks.Button).withConfig({
   componentId: "sc-l8149y-2"
 })(["display:block;margin:0 auto;"]);
-var StyledButtonsWrap = styled__default["default"].div.withConfig({
+const StyledButtonsWrap = styled.div.withConfig({
   componentId: "sc-l8149y-3"
 })(["text-align:center;> *{margin-bottom:0.5rem;&:last-child{margin-bottom:0;}}"]);
-var FileViewerNonViewable = function FileViewerNonViewable(_ref) {
-  var filename = _ref.filename,
-    fileurl = _ref.fileurl,
-    onTextViewerClick = _ref.onTextViewerClick;
+const FileViewerNonViewable = ({
+  filename,
+  fileurl,
+  onTextViewerClick
+}) => {
   /**
    * Handle download button click.
    */
-  var handleDownloadClick = function handleDownloadClick() {
+  const handleDownloadClick = () => {
     if (!fileurl) {
       return;
     }
-    fetch(fileurl).then(function (res) {
-      return res.blob();
-    }).then(function (blob) {
-      return FileSaver__default["default"].saveAs(blob, filename);
-    }).catch(function () {
-      var win = window.open(fileurl, '_blank');
+    fetch(fileurl).then(res => res.blob()).then(blob => FileSaver.saveAs(blob, filename)).catch(() => {
+      const win = window.open(fileurl, '_blank');
       if (win) {
         win.focus();
       }
@@ -56,71 +47,71 @@ var FileViewerNonViewable = function FileViewerNonViewable(_ref) {
   /**
    * Download button.
    */
-  var renderFileViewerDownloadButton = function renderFileViewerDownloadButton() {
+  const renderFileViewerDownloadButton = () => {
     if (!fileurl) {
       return null;
     }
-    return React__default["default"].createElement(StyledButton, {
+    return React.createElement(StyledButton, {
       size: "small",
-      icon: React__default["default"].createElement(blocks.Icon, {
+      icon: React.createElement(blocks.Icon, {
         icon: icons.eilDownload
       }),
       onClick: handleDownloadClick
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "fileViewer.nonViewable.downloadButton"
     }));
   };
   /**
    * Link for enable text editor.
    */
-  var renderFileViewerTextEditorLink = function renderFileViewerTextEditorLink() {
+  const renderFileViewerTextEditorLink = () => {
     if (!fileurl || typeof onTextViewerClick !== 'function') {
       return null;
     }
-    return React__default["default"].createElement(blocks.Text, {
+    return React.createElement(blocks.Text, {
       role: "gray5",
       size: "tiny",
       hoverable: true,
       onClick: onTextViewerClick
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "fileViewer.nonViewable.openViaTextEditor"
     }));
   };
   //
   //
   //
-  return React__default["default"].createElement(StyledContainer, null, React__default["default"].createElement(StyledContainerContent, null, React__default["default"].createElement(FileIcon["default"], {
+  return React.createElement(StyledContainer, null, React.createElement(StyledContainerContent, null, React.createElement(FileIcon.default, {
     filename: filename,
     width: "3rem",
     height: "3rem"
-  }), React__default["default"].createElement(blocks.Vspace, {
+  }), React.createElement(blocks.Vspace, {
     height: 1
-  }), React__default["default"].createElement(blocks.Text, {
+  }), React.createElement(blocks.Text, {
     role: "white"
-  }, filename), React__default["default"].createElement(blocks.Vspace, {
+  }, filename), React.createElement(blocks.Vspace, {
     height: 0.75
-  }), React__default["default"].createElement(blocks.Text, {
+  }), React.createElement(blocks.Text, {
     role: "gray3",
     size: "tiny",
     lineHeight: 1.5,
     wordBreak: "keep-all"
-  }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+  }, React.createElement(reactIntl.FormattedMessage, {
     id: "fileViewer.nonViewable.content"
-  })), React__default["default"].createElement(blocks.Vspace, {
+  })), React.createElement(blocks.Vspace, {
     height: 2
-  }), React__default["default"].createElement(StyledButtonsWrap, null, renderFileViewerDownloadButton(), renderFileViewerTextEditorLink())));
+  }), React.createElement(StyledButtonsWrap, null, renderFileViewerDownloadButton(), renderFileViewerTextEditorLink())));
 };
 //
 //
 //
-var FileViewerNonViewable$1 = (function (props) {
-  return React__default["default"].createElement(materialSharedUtils.MaterialIntlProvider, {
+var FileViewerNonViewable$1 = (props => {
+  return React.createElement(materialSharedUtils.MaterialIntlProvider, {
     locale: props.locale,
     phrases: {
-      en: nonViewable_en["default"],
-      ko: nonViewable_ko["default"]
+      en: nonViewable_en.default,
+      ko: nonViewable_ko.default
     }
-  }, React__default["default"].createElement(FileViewerNonViewable, Object.assign({}, props)));
+  }, React.createElement(FileViewerNonViewable, Object.assign({}, props)));
 });
 
-exports["default"] = FileViewerNonViewable$1;
+exports.default = FileViewerNonViewable$1;

package/cjs/components/shared/file-viewer/FileViewerText.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var recoil = require('recoil');
 var recoil$1 = require('../../material-exercise/context/recoil.js');
@@ -18,38 +17,27 @@ require('../exercise-shimmer/ExerciseFileTreeListItemShimmer.js');
 var MonacoEditorLazy = require('../monaco-editor/MonacoEditorLazy.js');
 require('../monaco-editor/MonacoEditorPerferenceForm.js');
 require('monaco-editor/esm/vs/editor/editor.api');
-require('../monaco-editor/constants/monaco/preferences.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var FileViewerText = function FileViewerText(_ref) {
-  var filename = _ref.filename,
-    fileurl = _ref.fileurl,
-    locale = _ref.locale;
-  var preference = recoil.useRecoilValue(recoil$1.exerciseEditorPreferenceState);
-  var _React$useState = React__default["default"].useState(null),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    content = _React$useState2[0],
-    setContent = _React$useState2[1];
-  React__default["default"].useEffect(function () {
+const FileViewerText = ({
+  filename,
+  fileurl,
+  locale
+}) => {
+  const preference = recoil.useRecoilValue(recoil$1.exerciseEditorPreferenceState);
+  const [content, setContent] = React.useState(null);
+  React.useEffect(() => {
     if (!fileurl) {
       return;
     }
-    fetch(fileurl).then(function (res) {
-      return res.text();
-    }).then(setContent).catch(function (err) {
-      return console.error(err);
-    });
+    fetch(fileurl).then(res => res.text()).then(setContent).catch(err => console.error(err));
   }, [fileurl]);
   //
   //
   //
   if (content === null) {
-    return React__default["default"].createElement(ExerciseFileShimmer["default"], null);
+    return React.createElement(ExerciseFileShimmer.default, null);
   }
-  return React__default["default"].createElement(MonacoEditorLazy["default"], {
+  return React.createElement(MonacoEditorLazy.default, {
     filename: filename,
     defaultValue: content,
     preference: Object.assign(Object.assign({}, preference), {
@@ -60,4 +48,4 @@ var FileViewerText = function FileViewerText(_ref) {
   });
 };
 
-exports["default"] = FileViewerText;
+exports.default = FileViewerText;

package/cjs/components/shared/file-viewer/locales/en.json.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesEn = {"fileViewer.readOnlyBanner.content":"Previewing via file editor.","fileViewer.readOnlyBanner.downloadButton":"Download File"};
 
-exports["default"] = phrasesEn;
+exports.default = phrasesEn;

package/cjs/components/shared/file-viewer/locales/ko.json.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesKo = {"fileViewer.readOnlyBanner.content":"파일 에디터를 통해 미리보기 중 입니다.","fileViewer.readOnlyBanner.downloadButton":"파일 다운로드"};
 
-exports["default"] = phrasesKo;
+exports.default = phrasesKo;

package/cjs/components/shared/file-viewer/locales/nonViewable.en.json.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesEn = {"fileViewer.nonViewable.content":"The file is not displayed in the editor because it is either binary or not supported.","fileViewer.nonViewable.downloadButton":"Download File","fileViewer.nonViewable.openViaTextEditor":"Open via Editor"};
 
-exports["default"] = phrasesEn;
+exports.default = phrasesEn;

package/cjs/components/shared/file-viewer/locales/nonViewable.ko.json.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesKo = {"fileViewer.nonViewable.content":"해당 파일은 바이너리 파일이거나 지원하지 않는 파일이기 때문에 에디터에 표시되지 않습니다.","fileViewer.nonViewable.downloadButton":"파일 다운로드","fileViewer.nonViewable.openViaTextEditor":"텍스트 에디터로 열기"};
 
-exports["default"] = phrasesKo;
+exports.default = phrasesKo;

package/cjs/components/shared/material-modal/MaterialModal.js

@@ -8,32 +8,29 @@ var blocks = require('@elice/blocks');
 var icons = require('@elice/icons');
 var MaterialModal_styled = require('./MaterialModal.styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var MaterialModal = function MaterialModal(_ref) {
-  var children = _ref.children,
-    title = _ref.title,
-    footer = _ref.footer,
-    onHide = _ref.onHide;
-  reactUse.useKeyPressEvent('Escape', function () {
+const MaterialModal = ({
+  children,
+  title,
+  footer,
+  onHide
+}) => {
+  reactUse.useKeyPressEvent('Escape', () => {
     if (typeof onHide === 'function') {
       onHide();
     }
   });
-  var renderCloseButton = function renderCloseButton() {
+  const renderCloseButton = () => {
     if (!onHide) {
       return null;
     }
-    return React__default["default"].createElement(MaterialModal_styled.StyledCloseButton, {
+    return React.createElement(MaterialModal_styled.StyledCloseButton, {
       transparent: true,
       border: false,
       icon: icons.eilMathsignMultiplyBasic,
       onClick: onHide
     });
   };
-  return React__default["default"].createElement(blocks.BorderlessDialog, null, React__default["default"].createElement(MaterialModal_styled.StyledModalWrapper, null, React__default["default"].createElement(MaterialModal_styled.StyledModalHeader, null, title, renderCloseButton()), React__default["default"].createElement(MaterialModal_styled.StyledModalBody, null, children), footer && React__default["default"].createElement(MaterialModal_styled.StyledModalFooter, null, footer)));
+  return React.createElement(blocks.BorderlessDialog, null, React.createElement(MaterialModal_styled.StyledModalWrapper, null, React.createElement(MaterialModal_styled.StyledModalHeader, null, title, renderCloseButton()), React.createElement(MaterialModal_styled.StyledModalBody, null, children), footer && React.createElement(MaterialModal_styled.StyledModalFooter, null, footer)));
 };
 
-exports["default"] = MaterialModal;
+exports.default = MaterialModal;

package/cjs/components/shared/material-modal/MaterialModal.styled.js

@@ -1,28 +1,22 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledModalWrapper = styled__default["default"].div.withConfig({
+const StyledModalWrapper = styled.div.withConfig({
   componentId: "sc-1ej7kso-0"
 })(["position:relative;display:flex;flex-flow:column nowrap;width:90vw;height:90vh;padding:0;background-color:", ";border-radius:0.375rem;"], designTokens.base.color.gray8);
-var StyledModalHeader = styled__default["default"](blocks.Text).withConfig({
+const StyledModalHeader = styled(blocks.Text).withConfig({
   componentId: "sc-1ej7kso-1"
 })(["flex:0 1 auto;width:100%;height:3.25rem;min-height:3.25rem;line-height:3.25rem;border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;border-bottom:1px solid ", ";text-align:center;color:", ";"], designTokens.base.color.navy9, designTokens.base.color.white);
-var StyledModalBody = styled__default["default"].div.withConfig({
+const StyledModalBody = styled.div.withConfig({
   componentId: "sc-1ej7kso-2"
 })(["position:relative;flex:1 1 auto;width:100%;height:80%;"]);
-var StyledModalFooter = styled__default["default"](blocks.Flex).withConfig({
+const StyledModalFooter = styled(blocks.Flex).withConfig({
   componentId: "sc-1ej7kso-3"
 })(["flex:0 1 auto;width:100%;height:3.75rem;min-height:3.75rem;border-bottom-left-radius:0.375rem;border-bottom-right-radius:0.375rem;border-top:1px solid ", ";padding:0.5rem 1.5rem;overflow:hidden;text-align:right;align-items:center;justify-content:flex-end;"], designTokens.base.color.navy9);
-var StyledCloseButton = styled__default["default"](blocks.IconButton).withConfig({
+const StyledCloseButton = styled(blocks.IconButton).withConfig({
   componentId: "sc-1ej7kso-4"
 })(["position:absolute;top:0;right:0;color:", " !important;"], designTokens.base.color.gray4);