@elice/material-exercise 1.240718.0-trasncript.1 → 1.240718.0-trasncript.2

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var blocks = require('@elice/blocks');
 var icons = require('@elice/icons');
 var intl = require('@elice/intl');
@@ -14,33 +14,41 @@ var nonViewable_ko = require('./locales/nonViewable.ko.json.js');
 var nonViewable_th = require('./locales/nonViewable.th.json.js');
 var nonViewable_ja = require('./locales/nonViewable.ja.json.js');
 
-const StyledContainer = styled.div.withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var FileSaver__default = /*#__PURE__*/_interopDefaultCompat(FileSaver);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+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.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(blocks.Button).withConfig({
+var StyledButton = styled__default.default(blocks.Button).withConfig({
   componentId: "sc-l8149y-2"
 })(["display:block;margin:0 auto;"]);
-const StyledButtonsWrap = styled.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,
-  __intl
-}) => {
+var FileViewerNonViewable = function FileViewerNonViewable(_ref) {
+  var filename = _ref.filename,
+    fileurl = _ref.fileurl,
+    onTextViewerClick = _ref.onTextViewerClick,
+    __intl = _ref.__intl;
   /**
    * Handle download button click.
    */
-  const handleDownloadClick = () => {
+  var handleDownloadClick = function handleDownloadClick() {
     if (!fileurl) {
       return;
     }
-    fetch(fileurl).then(res => res.blob()).then(blob => FileSaver.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();
       }
@@ -49,59 +57,69 @@ const FileViewerNonViewable = ({
   /**
    * Download button.
    */
-  const renderFileViewerDownloadButton = () => {
+  var renderFileViewerDownloadButton = function renderFileViewerDownloadButton() {
     if (!fileurl) {
       return null;
     }
-    return React.createElement(StyledButton, {
+    return jsxRuntime.jsx(StyledButton, {
       size: "small",
-      icon: React.createElement(blocks.Icon, {
+      icon: jsxRuntime.jsx(blocks.Icon, {
         icon: icons.eilDownload
       }),
-      onClick: handleDownloadClick
-    }, __intl.formatMessage({
-      id: 'fileViewer.nonViewable.downloadButton'
-    }));
+      onClick: handleDownloadClick,
+      children: __intl.formatMessage({
+        id: 'fileViewer.nonViewable.downloadButton'
+      })
+    });
   };
   /**
    * Link for enable text editor.
    */
-  const renderFileViewerTextEditorLink = () => {
+  var renderFileViewerTextEditorLink = function renderFileViewerTextEditorLink() {
     if (!fileurl || typeof onTextViewerClick !== 'function') {
       return null;
     }
-    return React.createElement(blocks.Text, {
+    return jsxRuntime.jsx(blocks.Text, {
       role: "gray5",
       size: "tiny",
       hoverable: true,
-      onClick: onTextViewerClick
-    }, __intl.formatMessage({
-      id: 'fileViewer.nonViewable.openViaTextEditor'
-    }));
+      onClick: onTextViewerClick,
+      children: __intl.formatMessage({
+        id: 'fileViewer.nonViewable.openViaTextEditor'
+      })
+    });
   };
   //
   //
   //
-  return React.createElement(StyledContainer, null, React.createElement(StyledContainerContent, null, React.createElement(FileIcon.default, {
-    filename: filename,
-    width: "3rem",
-    height: "3rem"
-  }), React.createElement(blocks.Vspace, {
-    height: 1
-  }), React.createElement(blocks.Text, {
-    role: "white"
-  }, filename), React.createElement(blocks.Vspace, {
-    height: 0.75
-  }), React.createElement(blocks.Text, {
-    role: "gray3",
-    size: "tiny",
-    lineHeight: 1.5,
-    wordBreak: "keep-all"
-  }, __intl.formatMessage({
-    id: 'fileViewer.nonViewable.content'
-  })), React.createElement(blocks.Vspace, {
-    height: 2
-  }), React.createElement(StyledButtonsWrap, null, renderFileViewerDownloadButton(), renderFileViewerTextEditorLink())));
+  return jsxRuntime.jsx(StyledContainer, {
+    children: jsxRuntime.jsxs(StyledContainerContent, {
+      children: [jsxRuntime.jsx(FileIcon.default, {
+        filename: filename,
+        width: "3rem",
+        height: "3rem"
+      }), jsxRuntime.jsx(blocks.Vspace, {
+        height: 1
+      }), jsxRuntime.jsx(blocks.Text, {
+        role: "white",
+        children: filename
+      }), jsxRuntime.jsx(blocks.Vspace, {
+        height: 0.75
+      }), jsxRuntime.jsx(blocks.Text, {
+        role: "gray3",
+        size: "tiny",
+        lineHeight: 1.5,
+        wordBreak: "keep-all",
+        children: __intl.formatMessage({
+          id: 'fileViewer.nonViewable.content'
+        })
+      }), jsxRuntime.jsx(blocks.Vspace, {
+        height: 2
+      }), jsxRuntime.jsxs(StyledButtonsWrap, {
+        children: [renderFileViewerDownloadButton(), renderFileViewerTextEditorLink()]
+      })]
+    })
+  });
 };
 //
 //

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

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var recoil = require('recoil');
 var recoil$1 = require('../../material-exercise/context/recoil.js');
@@ -18,26 +20,36 @@ var MonacoEditorLazy = require('../monaco-editor/MonacoEditorLazy.js');
 require('../monaco-editor/MonacoEditorPerferenceForm.js');
 require('monaco-editor/esm/vs/editor/editor.api');
 
-const FileViewerText = ({
-  filename,
-  fileurl,
-  locale
-}) => {
-  const preference = recoil.useRecoilValue(recoil$1.exerciseEditorPreferenceState);
-  const [content, setContent] = React.useState(null);
-  React.useEffect(() => {
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(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 () {
     if (!fileurl) {
       return;
     }
-    fetch(fileurl).then(res => res.text()).then(setContent).catch(err => console.error(err));
+    fetch(fileurl).then(function (res) {
+      return res.text();
+    }).then(setContent).catch(function (err) {
+      return console.error(err);
+    });
   }, [fileurl]);
   //
   //
   //
   if (content === null) {
-    return React.createElement(ExerciseFileShimmer.default, null);
+    return jsxRuntime.jsx(ExerciseFileShimmer.default, {});
   }
-  return React.createElement(MonacoEditorLazy.default, {
+  return jsxRuntime.jsx(MonacoEditorLazy.default, {
     filename: filename,
     defaultValue: content,
     preference: Object.assign(Object.assign({}, preference), {

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

@@ -0,0 +1,7 @@
+'use strict';
+
+var FileViewer = require('./FileViewer.js');
+
+
+
+exports.FileViewer = FileViewer.default;

package/cjs/components/shared/file-viewer/locales/index.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var en = require('./en.json.js');
+var ko = require('./ko.json.js');
+var th = require('./th.json.js');
+var ja = require('./ja.json.js');
+var nonViewable_en = require('./nonViewable.en.json.js');
+var nonViewable_ko = require('./nonViewable.ko.json.js');
+var nonViewable_th = require('./nonViewable.th.json.js');
+var nonViewable_ja = require('./nonViewable.ja.json.js');
+
+
+
+exports.messageEn = en.default;
+exports.messageKo = ko.default;
+exports.messageTh = th.default;
+exports.messageJa = ja.default;
+exports.nonViewableMessageEn = nonViewable_en.default;
+exports.nonViewableMessageKo = nonViewable_ko.default;
+exports.nonViewableMessageTh = nonViewable_th.default;
+exports.nonViewableMessageJa = nonViewable_ja.default;

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

@@ -2,35 +2,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var reactUse = require('react-use');
 var blocks = require('@elice/blocks');
 var icons = require('@elice/icons');
 var MaterialModal_styled = require('./MaterialModal.styled.js');
 
-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.createElement(MaterialModal_styled.StyledCloseButton, {
+    return jsxRuntime.jsx(MaterialModal_styled.StyledCloseButton, {
       transparent: true,
       border: false,
       icon: icons.eilMathsignMultiplyBasic,
       onClick: onHide
     });
   };
-  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)));
+  return jsxRuntime.jsx(blocks.BorderlessDialog, {
+    children: jsxRuntime.jsxs(MaterialModal_styled.StyledModalWrapper, {
+      children: [jsxRuntime.jsxs(MaterialModal_styled.StyledModalHeader, {
+        children: [title, renderCloseButton()]
+      }), jsxRuntime.jsx(MaterialModal_styled.StyledModalBody, {
+        children: children
+      }), footer && jsxRuntime.jsx(MaterialModal_styled.StyledModalFooter, {
+        children: footer
+      })]
+    })
+  });
 };
 
 exports.default = MaterialModal;

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

@@ -4,19 +4,23 @@ var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 
-const StyledModalWrapper = styled.div.withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+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(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.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(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(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);
 

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

@@ -0,0 +1,7 @@
+'use strict';
+
+var MaterialModal = require('./MaterialModal.js');
+
+
+
+exports.MaterialModal = MaterialModal.default;