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

package/cjs/components/shared/file-tree/utils/fileTreePath.js

@@ -3,12 +3,13 @@
 /**
  *
  */
-function isMovingTheSamePath(_ref) {
-  var draggedPath = _ref.draggedPath,
-    dropzonePath = _ref.dropzonePath,
-    dragFileTreeNode = _ref.dragFileTreeNode;
+function isMovingTheSamePath({
+  draggedPath,
+  dropzonePath,
+  dragFileTreeNode
+}) {
   var _a;
-  return draggedPath === "".concat(dropzonePath || '').concat(dropzonePath ? '/' : '').concat((_a = dragFileTreeNode === null || dragFileTreeNode === void 0 ? void 0 : dragFileTreeNode.title) !== null && _a !== void 0 ? _a : '');
+  return draggedPath === `${dropzonePath || ''}${dropzonePath ? '/' : ''}${(_a = dragFileTreeNode === null || dragFileTreeNode === void 0 ? void 0 : dragFileTreeNode.title) !== null && _a !== void 0 ? _a : ''}`;
 }
 
 exports.isMovingTheSamePath = isMovingTheSamePath;

package/cjs/components/shared/file-viewer/FileViewer.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 blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
@@ -23,50 +21,31 @@ var ko = require('./locales/ko.json.js');
 var th = require('./locales/th.json.js');
 var FileViewerNonViewable = require('./FileViewerNonViewable.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var FileSaver__default = /*#__PURE__*/_interopDefaultCompat(FileSaver);
-var mime__default = /*#__PURE__*/_interopDefaultCompat(mime);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-var AsyncFileViewerCsv = React__default.default.lazy(function () {
-  return Promise.resolve().then(function () { return require('./FileViewerCsv.js'); });
-});
-var AsyncFileViewerImage = React__default.default.lazy(function () {
-  return Promise.resolve().then(function () { return require('./FileViewerImage.js'); });
-});
-var AsyncFileViewerIpynb = React__default.default.lazy(function () {
-  return Promise.resolve().then(function () { return require('./FileViewerIpynb.js'); });
-});
-var AsyncFileViewerText = React__default.default.lazy(function () {
-  return Promise.resolve().then(function () { return require('./FileViewerText.js'); });
-});
-var StyledFileWrapper = styled__default.default.div.withConfig({
+const AsyncFileViewerCsv = React.lazy(() => Promise.resolve().then(function () { return require('./FileViewerCsv.js'); }));
+const AsyncFileViewerImage = React.lazy(() => Promise.resolve().then(function () { return require('./FileViewerImage.js'); }));
+const AsyncFileViewerIpynb = React.lazy(() => Promise.resolve().then(function () { return require('./FileViewerIpynb.js'); }));
+const AsyncFileViewerText = React.lazy(() => Promise.resolve().then(function () { return require('./FileViewerText.js'); }));
+const StyledFileWrapper = styled.div.withConfig({
   componentId: "sc-197v06u-0"
 })(["display:flex;justify-content:center;align-items:center;background-color:", ";width:100%;height:100%;"], designTokens.base.color.navy9);
-var StyledReadonlyBanner = styled__default.default.div.withConfig({
+const StyledReadonlyBanner = styled.div.withConfig({
   componentId: "sc-197v06u-1"
 })(["width:100%;padding:0.7rem;color:white;font-size:0.7rem;a{color:", ";font-weight:bold;text-decoration:underline;.eb-icon{margin-right:0.25rem;}}"], designTokens.base.color.primary5);
-var FileViewer = function FileViewer(_ref) {
-  var filename = _ref.filename,
-    fileurl = _ref.fileurl,
-    locale = _ref.locale,
-    __intl = _ref.__intl;
-  var _useState = React.useState(false),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    showInTextViewer = _useState2[0],
-    setShowInTextViewer = _useState2[1];
+const FileViewer = ({
+  filename,
+  fileurl,
+  locale,
+  __intl
+}) => {
+  const [showInTextViewer, setShowInTextViewer] = React.useState(false);
   /**
    * Mime type of file.
    */
-  var mimeType = React__default.default.useMemo(function () {
-    return mime__default.default.getType(filename || '') || filename.split('.').pop() || '';
-  }, [filename]);
+  const mimeType = React.useMemo(() => mime.getType(filename || '') || filename.split('.').pop() || '', [filename]);
   /**
    * Preview component.
    */
-  var PreviewComponent = React__default.default.useMemo(function () {
+  const PreviewComponent = React.useMemo(() => {
     // Binary file which shows as text
     if (showInTextViewer) {
       return AsyncFileViewerText;
@@ -95,17 +74,13 @@ var FileViewer = function FileViewer(_ref) {
   /**
    * Handle download button click.
    */
-  var handleDownloadClick = function handleDownloadClick(e) {
+  const handleDownloadClick = e => {
     e.preventDefault();
     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();
       }
@@ -114,52 +89,47 @@ var FileViewer = function FileViewer(_ref) {
   /**
    * Readonly banner.
    */
-  var renderReadonlyBanner = function renderReadonlyBanner() {
+  const renderReadonlyBanner = () => {
     if (!fileurl) {
       return null;
     }
-    return jsxRuntime.jsxs(StyledReadonlyBanner, {
-      children: [__intl.formatMessage({
-        id: 'fileViewer.readOnlyBanner.content'
-      }), jsxRuntime.jsx(blocks.Hspace, {
-        width: 0.25
-      }), jsxRuntime.jsxs("a", {
-        href: fileurl,
-        onClick: handleDownloadClick,
-        children: [jsxRuntime.jsx(blocks.Icon, {
-          icon: icons.eilDownload,
-          size: "tiny"
-        }), __intl.formatMessage({
-          id: 'fileViewer.readOnlyBanner.downloadButton'
-        })]
-      })]
-    });
+    return React.createElement(StyledReadonlyBanner, null, __intl.formatMessage({
+      id: 'fileViewer.readOnlyBanner.content'
+    }), React.createElement(blocks.Hspace, {
+      width: 0.25
+    }), React.createElement("a", {
+      href: fileurl,
+      onClick: handleDownloadClick
+    }, React.createElement(blocks.Icon, {
+      icon: icons.eilDownload,
+      size: "tiny"
+    }), __intl.formatMessage({
+      id: 'fileViewer.readOnlyBanner.downloadButton'
+    })));
   };
   /**
    * File viewer.
    */
-  var renderFileViewer = function renderFileViewer() {
+  const renderFileViewer = () => {
     // preview-able file
     if (PreviewComponent) {
-      return jsxRuntime.jsx(React__default.default.Suspense, {
-        fallback: jsxRuntime.jsx(ExerciseFileShimmer.default, {}),
-        children: jsxRuntime.jsxs(blocks.Flex, {
-          column: true,
-          width: "100%",
-          height: "100%",
-          children: [renderReadonlyBanner(), jsxRuntime.jsx(PreviewComponent, {
-            filename: filename,
-            fileurl: fileurl
-          })]
-        })
-      });
+      return React.createElement(React.Suspense, {
+        fallback: React.createElement(ExerciseFileShimmer.default, null)
+      }, React.createElement(blocks.Flex, {
+        column: true,
+        width: "100%",
+        height: "100%"
+      }, renderReadonlyBanner(), React.createElement(PreviewComponent, {
+        filename: filename,
+        fileurl: fileurl
+      })));
     }
     // binary file
-    return jsxRuntime.jsx(FileViewerNonViewable.default, {
+    return React.createElement(FileViewerNonViewable.default, {
       fileurl: fileurl,
       filename: filename,
       locale: locale,
-      onTextViewerClick: function onTextViewerClick() {
+      onTextViewerClick: () => {
         setShowInTextViewer(true);
       }
     });
@@ -167,7 +137,7 @@ var FileViewer = function FileViewer(_ref) {
   //
   //
   //
-  return jsxRuntime.jsx(StyledFileWrapper, {
+  return React.createElement(StyledFileWrapper, {
     children: renderFileViewer()
   });
 };