@elice/material-exercise 1.230328.0 → 1.230418.0

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

@@ -1,5 +1,8 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var NotebookPreview = require('@nteract/notebook-preview');
 var styled = require('styled-components');
@@ -15,31 +18,34 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var NotebookPreview__default = /*#__PURE__*/_interopDefaultLegacy(NotebookPreview);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledNotebookWrapper = styled__default["default"].div.withConfig({
+var StyledNotebookWrapper = styled__default["default"].div.withConfig({
   componentId: "sc-1fmae1h-0"
 })(["width:100%;height:100%;overflow:auto;background-color:white;padding:1rem;.notebook-preview{width:100%;height:100%;}"]);
-
-const FileViewerIpynb = ({
-  fileurl
-}) => {
-  const [content, setContent] = React__default["default"].useState(null);
-  React__default["default"].useEffect(() => {
+var FileViewerIpynb = function FileViewerIpynb(_ref) {
+  var fileurl = _ref.fileurl;
+  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 () {
     if (!fileurl) {
       return;
     }
-
-    fetch(fileurl).then(res => res.text()).then(JSON.parse).then(setContent).catch(err => console.error(err));
-  }, [fileurl]); //
+    fetch(fileurl).then(function (res) {
+      return res.text();
+    }).then(JSON.parse).then(setContent).catch(function (err) {
+      return console.error(err);
+    });
+  }, [fileurl]);
+  //
   //
   //
-
   if (!content) {
-    return React__default["default"].createElement(ExerciseFileShimmer, null);
+    return React__default["default"].createElement(ExerciseFileShimmer["default"], null);
   }
-
   return React__default["default"].createElement(StyledNotebookWrapper, null, React__default["default"].createElement(NotebookPreview__default["default"], {
     notebook: content
   }));
 };
 
-module.exports = FileViewerIpynb;
+exports["default"] = FileViewerIpynb;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
@@ -17,35 +19,35 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var FileSaver__default = /*#__PURE__*/_interopDefaultLegacy(FileSaver);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledContainer = styled__default["default"].div.withConfig({
+var StyledContainer = styled__default["default"].div.withConfig({
   componentId: "sc-l8149y-0"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
-const StyledContainerContent = styled__default["default"].div.withConfig({
+var StyledContainerContent = styled__default["default"].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;"]);
-const StyledButton = styled__default["default"](blocks.Button).withConfig({
+var StyledButton = styled__default["default"](blocks.Button).withConfig({
   componentId: "sc-l8149y-2"
 })(["display:block;margin:0 auto;"]);
-const StyledButtonsWrap = styled__default["default"].div.withConfig({
+var StyledButtonsWrap = styled__default["default"].div.withConfig({
   componentId: "sc-l8149y-3"
 })(["text-align:center;> *{margin-bottom:0.5rem;&:last-child{margin-bottom:0;}}"]);
-
-const FileViewerNonViewable = ({
-  filename,
-  fileurl,
-  onTextViewerClick
-}) => {
+var FileViewerNonViewable = function FileViewerNonViewable(_ref) {
+  var filename = _ref.filename,
+    fileurl = _ref.fileurl,
+    onTextViewerClick = _ref.onTextViewerClick;
   /**
    * Handle download button click.
    */
-  const handleDownloadClick = () => {
+  var handleDownloadClick = function handleDownloadClick() {
     if (!fileurl) {
       return;
     }
-
-    fetch(fileurl).then(res => res.blob()).then(blob => FileSaver__default["default"].saveAs(blob, filename)).catch(() => {
-      const win = window.open(fileurl, '_blank');
-
+    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');
       if (win) {
         win.focus();
       }
@@ -54,13 +56,10 @@ const FileViewerNonViewable = ({
   /**
    * Download button.
    */
-
-
-  const renderFileViewerDownloadButton = () => {
+  var renderFileViewerDownloadButton = function renderFileViewerDownloadButton() {
     if (!fileurl) {
       return null;
     }
-
     return React__default["default"].createElement(StyledButton, {
       size: "small",
       icon: React__default["default"].createElement(blocks.Icon, {
@@ -74,13 +73,10 @@ const FileViewerNonViewable = ({
   /**
    * Link for enable text editor.
    */
-
-
-  const renderFileViewerTextEditorLink = () => {
+  var renderFileViewerTextEditorLink = function renderFileViewerTextEditorLink() {
     if (!fileurl || typeof onTextViewerClick !== 'function') {
       return null;
     }
-
     return React__default["default"].createElement(blocks.Text, {
       role: "gray5",
       size: "tiny",
@@ -89,12 +85,11 @@ const FileViewerNonViewable = ({
     }, React__default["default"].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, {
+  //
+  return React__default["default"].createElement(StyledContainer, null, React__default["default"].createElement(StyledContainerContent, null, React__default["default"].createElement(FileIcon["default"], {
     filename: filename,
     width: "3rem",
     height: "3rem"
@@ -114,19 +109,18 @@ const FileViewerNonViewable = ({
   })), React__default["default"].createElement(blocks.Vspace, {
     height: 2
   }), React__default["default"].createElement(StyledButtonsWrap, null, renderFileViewerDownloadButton(), renderFileViewerTextEditorLink())));
-}; //
+};
 //
 //
-
-
-var FileViewerNonViewable$1 = (props => {
+//
+var FileViewerNonViewable$1 = (function (props) {
   return React__default["default"].createElement(materialSharedUtils.MaterialIntlProvider, {
     locale: props.locale,
     phrases: {
-      en: nonViewable_en,
-      ko: nonViewable_ko
+      en: nonViewable_en["default"],
+      ko: nonViewable_ko["default"]
     }
   }, React__default["default"].createElement(FileViewerNonViewable, Object.assign({}, props)));
 });
 
-module.exports = FileViewerNonViewable$1;
+exports["default"] = FileViewerNonViewable$1;

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

@@ -1,5 +1,8 @@
 'use strict';
 
+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');
@@ -21,28 +24,32 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const FileViewerText = ({
-  filename,
-  fileurl,
-  locale
-}) => {
-  const preference = recoil.useRecoilValue(recoil$1.exerciseEditorPreferenceState);
-  const [content, setContent] = React__default["default"].useState(null);
-  React__default["default"].useEffect(() => {
+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 () {
     if (!fileurl) {
       return;
     }
-
-    fetch(fileurl).then(res => res.text()).then(setContent).catch(err => console.error(err));
-  }, [fileurl]); //
+    fetch(fileurl).then(function (res) {
+      return res.text();
+    }).then(setContent).catch(function (err) {
+      return console.error(err);
+    });
+  }, [fileurl]);
+  //
   //
   //
-
   if (content === null) {
-    return React__default["default"].createElement(ExerciseFileShimmer, null);
+    return React__default["default"].createElement(ExerciseFileShimmer["default"], null);
   }
-
-  return React__default["default"].createElement(MonacoEditorLazy, {
+  return React__default["default"].createElement(MonacoEditorLazy["default"], {
     filename: filename,
     defaultValue: content,
     preference: Object.assign(Object.assign({}, preference), {
@@ -53,4 +60,4 @@ const FileViewerText = ({
   });
 };
 
-module.exports = FileViewerText;
+exports["default"] = FileViewerText;

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

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

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

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

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

@@ -1,5 +1,7 @@
 'use strict';
 
+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"};
 
-module.exports = phrasesEn;
+exports["default"] = phrasesEn;

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

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

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var reactUse = require('react-use');
 var blocks = require('@elice/blocks');
@@ -10,23 +12,20 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const MaterialModal = ({
-  children,
-  title,
-  footer,
-  onHide
-}) => {
-  reactUse.useKeyPressEvent('Escape', () => {
+var MaterialModal = function MaterialModal(_ref) {
+  var children = _ref.children,
+    title = _ref.title,
+    footer = _ref.footer,
+    onHide = _ref.onHide;
+  reactUse.useKeyPressEvent('Escape', function () {
     if (typeof onHide === 'function') {
       onHide();
     }
   });
-
-  const renderCloseButton = () => {
+  var renderCloseButton = function renderCloseButton() {
     if (!onHide) {
       return null;
     }
-
     return React__default["default"].createElement(MaterialModal_styled.StyledCloseButton, {
       transparent: true,
       border: false,
@@ -34,8 +33,7 @@ const MaterialModal = ({
       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)));
 };
 
-module.exports = MaterialModal;
+exports["default"] = MaterialModal;

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

@@ -10,19 +10,19 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledModalWrapper = styled__default["default"].div.withConfig({
+var StyledModalWrapper = styled__default["default"].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);
-const StyledModalHeader = styled__default["default"](blocks.Text).withConfig({
+var StyledModalHeader = styled__default["default"](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);
-const StyledModalBody = styled__default["default"].div.withConfig({
+var StyledModalBody = styled__default["default"].div.withConfig({
   componentId: "sc-1ej7kso-2"
 })(["position:relative;flex:1 1 auto;width:100%;height:80%;"]);
-const StyledModalFooter = styled__default["default"](blocks.Flex).withConfig({
+var StyledModalFooter = styled__default["default"](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);
-const StyledCloseButton = styled__default["default"](blocks.IconButton).withConfig({
+var StyledCloseButton = styled__default["default"](blocks.IconButton).withConfig({
   componentId: "sc-1ej7kso-4"
 })(["position:absolute;top:0;right:0;color:", " !important;"], designTokens.base.color.gray4);