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

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var blocks = require('@elice/blocks');
 var icons = require('@elice/icons');
 var intl = require('@elice/intl');
@@ -14,41 +14,33 @@ 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');
 
-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({
+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,
-    __intl = _ref.__intl;
+const FileViewerNonViewable = ({
+  filename,
+  fileurl,
+  onTextViewerClick,
+  __intl
+}) => {
   /**
    * 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();
       }
@@ -57,69 +49,59 @@ var FileViewerNonViewable = function FileViewerNonViewable(_ref) {
   /**
    * Download button.
    */
-  var renderFileViewerDownloadButton = function renderFileViewerDownloadButton() {
+  const renderFileViewerDownloadButton = () => {
     if (!fileurl) {
       return null;
     }
-    return jsxRuntime.jsx(StyledButton, {
+    return React.createElement(StyledButton, {
       size: "small",
-      icon: jsxRuntime.jsx(blocks.Icon, {
+      icon: React.createElement(blocks.Icon, {
         icon: icons.eilDownload
       }),
-      onClick: handleDownloadClick,
-      children: __intl.formatMessage({
-        id: 'fileViewer.nonViewable.downloadButton'
-      })
-    });
+      onClick: handleDownloadClick
+    }, __intl.formatMessage({
+      id: 'fileViewer.nonViewable.downloadButton'
+    }));
   };
   /**
    * Link for enable text editor.
    */
-  var renderFileViewerTextEditorLink = function renderFileViewerTextEditorLink() {
+  const renderFileViewerTextEditorLink = () => {
     if (!fileurl || typeof onTextViewerClick !== 'function') {
       return null;
     }
-    return jsxRuntime.jsx(blocks.Text, {
+    return React.createElement(blocks.Text, {
       role: "gray5",
       size: "tiny",
       hoverable: true,
-      onClick: onTextViewerClick,
-      children: __intl.formatMessage({
-        id: 'fileViewer.nonViewable.openViaTextEditor'
-      })
-    });
+      onClick: onTextViewerClick
+    }, __intl.formatMessage({
+      id: 'fileViewer.nonViewable.openViaTextEditor'
+    }));
   };
   //
   //
   //
-  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()]
-      })]
-    })
-  });
+  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())));
 };
 //
 //

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

@@ -2,8 +2,6 @@
 
 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');
@@ -20,36 +18,26 @@ var MonacoEditorLazy = require('../monaco-editor/MonacoEditorLazy.js');
 require('../monaco-editor/MonacoEditorPerferenceForm.js');
 require('monaco-editor/esm/vs/editor/editor.api');
 
-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 () {
+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 jsxRuntime.jsx(ExerciseFileShimmer.default, {});
+    return React.createElement(ExerciseFileShimmer.default, null);
   }
-  return jsxRuntime.jsx(MonacoEditorLazy.default, {
+  return React.createElement(MonacoEditorLazy.default, {
     filename: filename,
     defaultValue: content,
     preference: Object.assign(Object.assign({}, preference), {

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

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

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

@@ -4,23 +4,19 @@ var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 
-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({
+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);