@elice/material-exercise 1.231212.0 → 1.231228.0

package/cjs/components/material-exercise/exercise-submit-history/ExerciseSubmitHistory.styled.js

@@ -1,37 +1,31 @@
 '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 StyledFileTreeWrapper = styled__default["default"].div.withConfig({
+const StyledFileTreeWrapper = styled.div.withConfig({
   componentId: "sc-uooiby-0"
 })(["overflow:auto;width:100%;height:100%;background-color:", ";"], designTokens.base.color.navy9);
-var StyledExerciseSubmitHistoryEditorWrapper = styled__default["default"](blocks.Flex).withConfig({
+const StyledExerciseSubmitHistoryEditorWrapper = styled(blocks.Flex).withConfig({
   componentId: "sc-uooiby-1"
 })(["position:relative;flex-direction:column;flex:1 1 0%;width:100%;overflow:hidden;"]);
-var StyledExerciseSubmitHistoryNotChanged = styled__default["default"].div.withConfig({
+const StyledExerciseSubmitHistoryNotChanged = styled.div.withConfig({
   componentId: "sc-uooiby-2"
 })(["background-color:", ";padding:0.5rem;"], designTokens.base.color.navy7);
-var StyledExerciseSubmitHistoryEditorLoadingScreen = styled__default["default"](blocks.Flex).withConfig({
+const StyledExerciseSubmitHistoryEditorLoadingScreen = styled(blocks.Flex).withConfig({
   componentId: "sc-uooiby-3"
 })(["position:absolute;top:0;left:0;right:0;bottom:0;background-color:", ";align-items:center;justify-content:center;"], designTokens.base.color.navy9);
-var StyledExerciseSubmitHistoryOutputText = styled__default["default"].span.withConfig({
+const StyledExerciseSubmitHistoryOutputText = styled.span.withConfig({
   componentId: "sc-uooiby-4"
 })(["white-space:pre-wrap;color:", ";font-size:0.875rem;line-height:1.5rem;&.grader{color:", ";}&.info{color:", ";display:block;}&.file{display:block;color:", ";cursor:pointer;&:hover{color:", ";}}"], designTokens.base.color.white, designTokens.base.color.secondary4, designTokens.base.color.red8, designTokens.base.color.secondary4, designTokens.base.color.white);
-var StyledExerciseSubmitHistoryOutput = styled__default["default"].div.withConfig({
+const StyledExerciseSubmitHistoryOutput = styled.div.withConfig({
   componentId: "sc-uooiby-5"
 })(["width:100%;height:100%;overflow:scroll;background-color:black;padding:0.5rem;font-size:14px;font-family:Elice Digital Coding;"]);
-var StyledExerciseSubmitHistoryOutputImageLink = styled__default["default"].a.withConfig({
+const StyledExerciseSubmitHistoryOutputImageLink = styled.a.withConfig({
   componentId: "sc-uooiby-6"
 })(["display:block;margin:9.8px 0;padding:0;width:100%;max-width:400px;"]);
-var StyledExerciseSubmitHistoryOutputImage = styled__default["default"].img.withConfig({
+const StyledExerciseSubmitHistoryOutputImage = styled.img.withConfig({
   componentId: "sc-uooiby-7"
 })(["display:block;width:100%;"]);
 

package/cjs/components/material-exercise/exercise-submit-history/ExerciseSubmitHistoryOutput.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
@@ -10,89 +9,79 @@ var FileSaver = require('file-saver');
 var stylesheets = require('../../../constants/stylesheets.js');
 var ExerciseSubmitHistory_styled = require('./ExerciseSubmitHistory.styled.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 ExerciseSubmitHistoryOutput = function ExerciseSubmitHistoryOutput(_ref) {
-  var exerciseRunningId = _ref.exerciseRunningId;
-  var _React$useState = React__default["default"].useState([]),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    runningOutput = _React$useState2[0],
-    setRunningOutput = _React$useState2[1];
-  React__default["default"].useEffect(function () {
+const ExerciseSubmitHistoryOutput = ({
+  exerciseRunningId
+}) => {
+  const [runningOutput, setRunningOutput] = React.useState([]);
+  React.useEffect(() => {
     if (exerciseRunningId) {
       apiClient.getOrgMaterialExerciseExerciseRunningOutputGet({
-        exerciseRunningId: exerciseRunningId
-      }).then(function (_ref2) {
-        var output = _ref2.output;
+        exerciseRunningId
+      }).then(({
+        output
+      }) => {
         setRunningOutput(output);
       }).catch(console.error);
     }
   }, [exerciseRunningId]);
-  var downloadFile = function downloadFile(fileContent, fileName) {
-    var byteString = atob(fileContent.split(',')[1]);
-    var mimeString = fileContent.split(',')[0].split(':')[1].split(';')[0];
-    var ab = new ArrayBuffer(byteString.length);
-    var ia = new Uint8Array(ab);
-    for (var i = 0; i < byteString.length; i++) {
+  const downloadFile = (fileContent, fileName) => {
+    const byteString = atob(fileContent.split(',')[1]);
+    const mimeString = fileContent.split(',')[0].split(':')[1].split(';')[0];
+    const ab = new ArrayBuffer(byteString.length);
+    const ia = new Uint8Array(ab);
+    for (let i = 0; i < byteString.length; i++) {
       ia[i] = byteString.charCodeAt(i);
     }
-    var blob = new Blob([ab], {
+    const blob = new Blob([ab], {
       type: mimeString
     });
-    FileSaver__default["default"].saveAs(blob, fileName);
+    FileSaver.saveAs(blob, fileName);
   };
-  var openImageWithNewTab = function openImageWithNewTab(imgSrc) {
-    var materialImageTab = window.open('about:blank', '_blank');
-    materialImageTab === null || materialImageTab === void 0 ? void 0 : materialImageTab.document.write("<img src=".concat(imgSrc, " />"));
+  const openImageWithNewTab = imgSrc => {
+    const materialImageTab = window.open('about:blank', '_blank');
+    materialImageTab === null || materialImageTab === void 0 ? void 0 : materialImageTab.document.write(`<img src=${imgSrc} />`);
     materialImageTab === null || materialImageTab === void 0 ? void 0 : materialImageTab.focus();
   };
-  var renderContent = function renderContent() {
+  const renderContent = () => {
     if (runningOutput.length === 0) {
-      return React__default["default"].createElement(blocks.Text, {
+      return React.createElement(blocks.Text, {
         size: "small",
         role: "white"
       }, "\uCD9C\uB825 \uC5C6\uC74C");
     }
-    var getOutputContent = function getOutputContent(output) {
+    const getOutputContent = output => {
       switch (output.type) {
         case 'text':
         case 'echo':
-          return React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputText, null, output.data);
+          return React.createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputText, null, output.data);
         case 'grader':
-          return React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputText, {
+          return React.createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputText, {
             className: "grader"
           }, output.data);
         case 'info':
-          return React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputText, {
+          return React.createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputText, {
             className: "info"
           }, output.data);
         case 'image':
-          return React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputImageLink, {
-            onClick: function onClick() {
-              return openImageWithNewTab(output.data);
-            }
-          }, React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputImage, {
+          return React.createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputImageLink, {
+            onClick: () => openImageWithNewTab(output.data)
+          }, React.createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputImage, {
             src: output.data,
             alt: "material-exercise-ouput"
           }));
         case 'file':
-          var fileName = output.data.split(';')[0];
+          const fileName = output.data.split(';')[0];
           // const fileContent = output.data.substring(fileName.length + 1);
-          var fileContent = 'asdf';
-          return React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputText, {
+          const fileContent = 'asdf';
+          return React.createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputText, {
             className: "file",
-            onClick: function onClick() {
-              return downloadFile(fileContent, fileName);
-            }
-          }, "Download ".concat(fileName));
+            onClick: () => downloadFile(fileContent, fileName)
+          }, `Download ${fileName}`);
         case 'html':
-          var encodedData = encodeURI(output.data);
-          return React__default["default"].createElement("iframe", {
+          const encodedData = encodeURI(output.data);
+          return React.createElement("iframe", {
             title: "mat-exec-output",
-            src: "data:text/html;charset=utf-8,".concat(encodedData)
+            src: `data:text/html;charset=utf-8,${encodedData}`
           });
         case 'screen':
         case 'score':
@@ -101,15 +90,13 @@ var ExerciseSubmitHistoryOutput = function ExerciseSubmitHistoryOutput(_ref) {
           return null;
       }
     };
-    return runningOutput.map(function (item) {
-      return getOutputContent(item);
-    });
+    return runningOutput.map(item => getOutputContent(item));
   };
-  return React__default["default"].createElement(blocks.ResizableNext, Object.assign({}, stylesheets.MATERIAL_RESIZABLE_COMMON_PROPS, {
+  return React.createElement(blocks.ResizableNext, Object.assign({}, stylesheets.MATERIAL_RESIZABLE_COMMON_PROPS, {
     initialHeight: 200,
     resizeHandles: ['n'],
     collapseWidth: 100
-  }), React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutput, null, renderContent()));
+  }), React.createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutput, null, renderContent()));
 };
 
-exports["default"] = ExerciseSubmitHistoryOutput;
+exports.default = ExerciseSubmitHistoryOutput;

package/cjs/components/material-exercise/exercise-submit-history/locales/en.json.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesEn = {"exerciseSubmitHistory.button.load.more":"Load more","exerciseSubmitHistory.notChanged":"A file with no modification history.","exerciseSubmitHistory.runType.grade":"Grade","exerciseSubmitHistory.runType.run":"Run","exerciseSubmitHistory.title":"Code revision history"};
 
-exports["default"] = phrasesEn;
+exports.default = phrasesEn;

package/cjs/components/material-exercise/exercise-submit-history/locales/ko.json.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesKo = {"exerciseSubmitHistory.button.load.more":"더 불러오기","exerciseSubmitHistory.notChanged":"수정 내역이 없는 파일입니다.","exerciseSubmitHistory.runType.grade":"제출","exerciseSubmitHistory.runType.run":"실행","exerciseSubmitHistory.title":"코드 수정 이력"};
 
-exports["default"] = phrasesKo;
+exports.default = phrasesKo;

package/cjs/components/shared/exercise-menu-button/ExerciseMenuButton.js

@@ -8,39 +8,33 @@ 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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
 //
 //
 //
-var StyledMenuButtonWrap = styled__default["default"].span.withConfig({
+const StyledMenuButtonWrap = styled.span.withConfig({
   componentId: "sc-48m0vh-0"
 })(["position:relative;"]);
-var StyledMenuButton = styled__default["default"](blocks.IconButton).withConfig({
+const StyledMenuButton = styled(blocks.IconButton).withConfig({
   componentId: "sc-48m0vh-1"
-})(["", ""], function (_ref) {
-  var active = _ref.active;
-  return active && "background: ".concat(designTokens.base.color.navy6, " !important;");
-});
+})(["", ""], ({
+  active
+}) => active && `background: ${designTokens.base.color.navy6} !important;`);
 //
 //
 //
-var ExerciseMenuButton = React.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    _a$active = _a.active,
-    active = _a$active === void 0 ? false : _a$active,
-    title = _a.title,
-    _a$placement = _a.placement,
-    placement = _a$placement === void 0 ? 'bottom-end' : _a$placement,
+const ExerciseMenuButton = React.forwardRef((_a, ref) => {
+  var {
+      children,
+      active = false,
+      title,
+      placement = 'bottom-end'
+    } = _a,
     props = tslib.__rest(_a, ["children", "active", "title", "placement"]);
-  return React__default["default"].createElement(blocks.Tooltip, {
+  return React.createElement(blocks.Tooltip, {
     title: title,
     placement: placement,
     dark: true
-  }, React__default["default"].createElement(StyledMenuButtonWrap, null, React__default["default"].createElement(StyledMenuButton, Object.assign({
+  }, React.createElement(StyledMenuButtonWrap, null, React.createElement(StyledMenuButton, Object.assign({
     transparent: true,
     border: false,
     size: "micro",
@@ -51,4 +45,4 @@ var ExerciseMenuButton = React.forwardRef(function (_a, ref) {
   })), children));
 });
 
-exports["default"] = ExerciseMenuButton;
+exports.default = ExerciseMenuButton;

package/cjs/components/shared/exercise-shimmer/ExerciseFileShimmer.js

@@ -7,50 +7,45 @@ 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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledFileShimmerWrap = styled__default["default"].div.withConfig({
+const StyledFileShimmerWrap = styled.div.withConfig({
   componentId: "sc-mf825x-0"
 })(["padding:1rem;width:100%;height:100%;background:", ";overflow:hidden;"], designTokens.base.color.navy9);
-var ExerciseFileShimmer = function ExerciseFileShimmer() {
-  return React__default["default"].createElement(StyledFileShimmerWrap, null, React__default["default"].createElement(blocks.Shimmer, {
+const ExerciseFileShimmer = () => {
+  return React.createElement(StyledFileShimmerWrap, null, React.createElement(blocks.Shimmer, {
     width: "150px",
     height: "1rem",
     dark: true
-  }), React__default["default"].createElement(blocks.Vspace, {
+  }), React.createElement(blocks.Vspace, {
     height: 1
-  }), React__default["default"].createElement(blocks.Shimmer, {
+  }), React.createElement(blocks.Shimmer, {
     width: "100px",
     height: "1rem",
     dark: true
-  }), React__default["default"].createElement(blocks.Vspace, {
+  }), React.createElement(blocks.Vspace, {
     height: 1
-  }), React__default["default"].createElement(blocks.Shimmer, {
+  }), React.createElement(blocks.Shimmer, {
     width: "300px",
     height: "1rem",
     dark: true
-  }), React__default["default"].createElement(blocks.Vspace, {
+  }), React.createElement(blocks.Vspace, {
     height: 1
-  }), React__default["default"].createElement(blocks.Shimmer, {
+  }), React.createElement(blocks.Shimmer, {
     width: "200px",
     height: "1rem",
     dark: true
-  }), React__default["default"].createElement(blocks.Vspace, {
+  }), React.createElement(blocks.Vspace, {
     height: 1
-  }), React__default["default"].createElement(blocks.Shimmer, {
+  }), React.createElement(blocks.Shimmer, {
     width: "250px",
     height: "1rem",
     dark: true
-  }), React__default["default"].createElement(blocks.Vspace, {
+  }), React.createElement(blocks.Vspace, {
     height: 1
-  }), React__default["default"].createElement(blocks.Shimmer, {
+  }), React.createElement(blocks.Shimmer, {
     width: "150px",
     height: "1rem",
     dark: true
   }));
 };
 
-exports["default"] = ExerciseFileShimmer;
+exports.default = ExerciseFileShimmer;

package/cjs/components/shared/exercise-shimmer/ExerciseFileTabShimmer.js

@@ -7,32 +7,27 @@ 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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var TAB_HEIGHT = 36;
-var TAB_CONTENT_GAP = 8;
-var TAB_CONTENT_FILENAME_HEIGHT = 16;
-var TAB_CONTENT_CLOSE_BUTTON_SIZE = 14;
-var StyledDummyFileTab = styled__default["default"].div.withConfig({
+const TAB_HEIGHT = 36;
+const TAB_CONTENT_GAP = 8;
+const TAB_CONTENT_FILENAME_HEIGHT = 16;
+const TAB_CONTENT_CLOSE_BUTTON_SIZE = 14;
+const StyledDummyFileTab = styled.div.withConfig({
   componentId: "sc-q9m9qo-0"
 })(["display:flex;align-items:center;padding:0 0.5rem;height:", "px;border-right:1px solid ", ";background-color:", ";overflow:hidden;"], TAB_HEIGHT, designTokens.base.color.navy9, designTokens.base.color.navy8);
-var ExerciseFileTabShimmer = function ExerciseFileTabShimmer(_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 150 : _ref$width;
-  return React__default["default"].createElement(StyledDummyFileTab, null, React__default["default"].createElement(blocks.Shimmer, {
-    width: "".concat(width, "px"),
-    height: "".concat(TAB_CONTENT_FILENAME_HEIGHT, "px"),
+const ExerciseFileTabShimmer = ({
+  width = 150
+}) => {
+  return React.createElement(StyledDummyFileTab, null, React.createElement(blocks.Shimmer, {
+    width: `${width}px`,
+    height: `${TAB_CONTENT_FILENAME_HEIGHT}px`,
     dark: true
-  }), React__default["default"].createElement(blocks.Hspace, {
+  }), React.createElement(blocks.Hspace, {
     width: TAB_CONTENT_GAP / 16
-  }), React__default["default"].createElement(blocks.Shimmer, {
-    width: "".concat(TAB_CONTENT_CLOSE_BUTTON_SIZE, "px"),
-    height: "".concat(TAB_CONTENT_CLOSE_BUTTON_SIZE, "px"),
+  }), React.createElement(blocks.Shimmer, {
+    width: `${TAB_CONTENT_CLOSE_BUTTON_SIZE}px`,
+    height: `${TAB_CONTENT_CLOSE_BUTTON_SIZE}px`,
     dark: true
   }));
 };
 
-exports["default"] = ExerciseFileTabShimmer;
+exports.default = ExerciseFileTabShimmer;

package/cjs/components/shared/exercise-shimmer/ExerciseFileTabsShimmer.js

@@ -7,20 +7,15 @@ var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 var ExerciseFileTabShimmer = require('./ExerciseFileTabShimmer.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledShimmerWrapper = styled__default["default"].div.withConfig({
+const StyledShimmerWrapper = styled.div.withConfig({
   componentId: "sc-107bpmt-0"
 })(["display:flex;width:100%;height:100%;background-color:", ";overflow:hidden;"], designTokens.base.color.navy9);
-var ExerciseFileTabsShimmer = function ExerciseFileTabsShimmer() {
-  return React__default["default"].createElement(StyledShimmerWrapper, null, React__default["default"].createElement(ExerciseFileTabShimmer["default"], {
+const ExerciseFileTabsShimmer = () => {
+  return React.createElement(StyledShimmerWrapper, null, React.createElement(ExerciseFileTabShimmer.default, {
     width: 120
-  }), React__default["default"].createElement(ExerciseFileTabShimmer["default"], {
+  }), React.createElement(ExerciseFileTabShimmer.default, {
     width: 80
   }));
 };
 
-exports["default"] = ExerciseFileTabsShimmer;
+exports.default = ExerciseFileTabsShimmer;

package/cjs/components/shared/exercise-shimmer/ExerciseFileTreeListItemShimmer.js

@@ -6,36 +6,31 @@ var React = require('react');
 var blocks = require('@elice/blocks');
 var styled = require('styled-components');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var FILE_TREE_LIST_ITEM_HORIZONTAL_PADDING = 14;
-var FILE_TREE_LIST_ITEM_HEIGHT = 28;
-var FILE_TREE_LIST_ITEM_ICON_SIZE = 16;
-var FILE_TREE_LIST_ITEM_GAP = 8;
-var FILE_TREE_LIST_ITEM_FILENAME_HEIGHT = 14;
-var StyledDummyListItemIconShimmer = styled__default["default"](blocks.Shimmer).withConfig({
+const FILE_TREE_LIST_ITEM_HORIZONTAL_PADDING = 14;
+const FILE_TREE_LIST_ITEM_HEIGHT = 28;
+const FILE_TREE_LIST_ITEM_ICON_SIZE = 16;
+const FILE_TREE_LIST_ITEM_GAP = 8;
+const FILE_TREE_LIST_ITEM_FILENAME_HEIGHT = 14;
+const StyledDummyListItemIconShimmer = styled(blocks.Shimmer).withConfig({
   componentId: "sc-x7bcnn-0"
 })(["flex:0 0 ", "px;"], FILE_TREE_LIST_ITEM_ICON_SIZE);
-var StyledDummyListItem = styled__default["default"].li.withConfig({
+const StyledDummyListItem = styled.li.withConfig({
   componentId: "sc-x7bcnn-1"
 })(["display:flex;align-items:center;margin:0;padding:0 ", "px;width:100%;height:", "px;list-style:none;"], FILE_TREE_LIST_ITEM_HORIZONTAL_PADDING, FILE_TREE_LIST_ITEM_HEIGHT);
-var ExerciseFileTreeListItemShimmer = function ExerciseFileTreeListItemShimmer(_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 100 : _ref$width;
-  return React__default["default"].createElement(StyledDummyListItem, null, React__default["default"].createElement(StyledDummyListItemIconShimmer, {
-    width: "".concat(FILE_TREE_LIST_ITEM_ICON_SIZE, "px"),
-    height: "".concat(FILE_TREE_LIST_ITEM_ICON_SIZE, "px"),
+const ExerciseFileTreeListItemShimmer = ({
+  width = 100
+}) => {
+  return React.createElement(StyledDummyListItem, null, React.createElement(StyledDummyListItemIconShimmer, {
+    width: `${FILE_TREE_LIST_ITEM_ICON_SIZE}px`,
+    height: `${FILE_TREE_LIST_ITEM_ICON_SIZE}px`,
     dark: true
-  }), React__default["default"].createElement(blocks.Hspace, {
+  }), React.createElement(blocks.Hspace, {
     width: FILE_TREE_LIST_ITEM_GAP / 16
-  }), React__default["default"].createElement(blocks.Shimmer, {
-    width: "".concat(width, "px"),
-    height: "".concat(FILE_TREE_LIST_ITEM_FILENAME_HEIGHT, "px"),
+  }), React.createElement(blocks.Shimmer, {
+    width: `${width}px`,
+    height: `${FILE_TREE_LIST_ITEM_FILENAME_HEIGHT}px`,
     dark: true
   }));
 };
 
-exports["default"] = ExerciseFileTreeListItemShimmer;
+exports.default = ExerciseFileTreeListItemShimmer;

package/cjs/components/shared/exercise-shimmer/ExerciseFileTreeListShimmer.js

@@ -7,32 +7,21 @@ var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 var ExerciseFileTreeListItemShimmer = require('./ExerciseFileTreeListItemShimmer.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledShimmerWrapper = styled__default["default"].div.withConfig({
+const StyledShimmerWrapper = styled.div.withConfig({
   componentId: "sc-ol0qbo-0"
 })(["display:flex;flex-direction:column;width:100%;height:100%;background:", ";overflow:hidden;"], designTokens.base.color.navy9);
-var StyledDummyToolbar = styled__default["default"].div.withConfig({
+const StyledDummyToolbar = styled.div.withConfig({
   componentId: "sc-ol0qbo-1"
 })(["flex:0 0 2.25rem;background-color:", ";"], designTokens.base.color.navy8);
-var StyledDummyList = styled__default["default"].div.withConfig({
+const StyledDummyList = styled.div.withConfig({
   componentId: "sc-ol0qbo-2"
 })(["flex:1;display:flex;flex-direction:column;width:100%;overflow:hidden;"]);
-var ExerciseFileTreeListShimmer = function ExerciseFileTreeListShimmer() {
-  var widths = React__default["default"].useMemo(function () {
-    return new Array(Math.round(Math.random() * 5) + 5).fill(0).map(function () {
-      return Math.round(Math.random() * 200) + 50;
-    });
-  }, []);
-  return React__default["default"].createElement(StyledShimmerWrapper, null, React__default["default"].createElement(StyledDummyToolbar, null), React__default["default"].createElement(StyledDummyList, null, widths.map(function (width, index) {
-    return React__default["default"].createElement(ExerciseFileTreeListItemShimmer["default"], {
-      key: index,
-      width: width
-    });
-  })));
+const ExerciseFileTreeListShimmer = () => {
+  const widths = React.useMemo(() => new Array(Math.round(Math.random() * 5) + 5).fill(0).map(() => Math.round(Math.random() * 200) + 50), []);
+  return React.createElement(StyledShimmerWrapper, null, React.createElement(StyledDummyToolbar, null), React.createElement(StyledDummyList, null, widths.map((width, index) => React.createElement(ExerciseFileTreeListItemShimmer.default, {
+    key: index,
+    width: width
+  }))));
 };
 
-exports["default"] = ExerciseFileTreeListShimmer;
+exports.default = ExerciseFileTreeListShimmer;

package/cjs/components/shared/exercise-version-list/ExerciseVersionList.js

@@ -5,13 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var ExerciseVersionList_styled = require('./ExerciseVersionList.styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ExerciseVersionList = function ExerciseVersionList(_ref) {
-  var children = _ref.children;
-  return React__default["default"].createElement(ExerciseVersionList_styled.StyledVersionList, null, children);
+const ExerciseVersionList = ({
+  children
+}) => {
+  return React.createElement(ExerciseVersionList_styled.StyledVersionList, null, children);
 };
 
-exports["default"] = ExerciseVersionList;
+exports.default = ExerciseVersionList;

package/cjs/components/shared/exercise-version-list/ExerciseVersionList.styled.js

@@ -1,15 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var blocks = require('@elice/blocks');
 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 StyledVersionList = styled__default["default"](blocks.List).withConfig({
+const StyledVersionList = styled(blocks.List).withConfig({
   componentId: "sc-wqxvzc-0"
 })(["height:100%;padding:0;overflow:scroll;background-color:transparent;& > last-of-type{border:none;}"]);
 

package/cjs/components/shared/exercise-version-list/ExerciseVersionListItem.js

@@ -5,20 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var ExerciseVersionListItem_styled = require('./ExerciseVersionListItem.styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ExerciseVersionListItem = function ExerciseVersionListItem(_ref) {
-  var children = _ref.children,
-    selected = _ref.selected,
-    style = _ref.style,
-    onClick = _ref.onClick;
-  return React__default["default"].createElement(ExerciseVersionListItem_styled.StyledExerciseVersionItem, {
+const ExerciseVersionListItem = ({
+  children,
+  selected,
+  style,
+  onClick
+}) => {
+  return React.createElement(ExerciseVersionListItem_styled.StyledExerciseVersionItem, {
     selected: selected,
     style: style,
     onClick: onClick
   }, children);
 };
 
-exports["default"] = ExerciseVersionListItem;
+exports.default = ExerciseVersionListItem;

package/cjs/components/shared/exercise-version-list/ExerciseVersionListItem.styled.js

@@ -1,29 +1,19 @@
 '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 StyledExerciseVersionItem = styled__default["default"](blocks.List.Item).withConfig({
+const StyledExerciseVersionItem = styled(blocks.List.Item).withConfig({
   componentId: "sc-8jsi1o-0"
-})(["display:flex;width:100%;height:3.25rem;padding:1rem 1.5rem;border-bottom:1px solid ", ";border-left:0.25rem solid transparent;background-color:transparent;align-items:baseline;& > div:not(:last-child){margin-right:0.5rem;}&:hover{background-color:", ";}border-left:0.25rem solid ", ";background-color:", ";"], designTokens.base.color.navy9, designTokens.base.color.gray6, function (props) {
-  return props.selected ? designTokens.base.color.primary6 : 'transparent';
-}, function (props) {
-  return props.selected ? designTokens.base.color.gray6 : 'initial';
-});
-var StyledExerciseVersionRunType = styled__default["default"](blocks.Text).withConfig({
+})(["display:flex;width:100%;height:3.25rem;padding:1rem 1.5rem;border-bottom:1px solid ", ";border-left:0.25rem solid transparent;background-color:transparent;align-items:baseline;& > div:not(:last-child){margin-right:0.5rem;}&:hover{background-color:", ";}border-left:0.25rem solid ", ";background-color:", ";"], designTokens.base.color.navy9, designTokens.base.color.gray6, props => props.selected ? designTokens.base.color.primary6 : 'transparent', props => props.selected ? designTokens.base.color.gray6 : 'initial');
+const StyledExerciseVersionRunType = styled(blocks.Text).withConfig({
   componentId: "sc-8jsi1o-1"
 })(["flex:0 1 auto;min-width:fit-content;"]);
-var StyledExerciseVersionDatetime = styled__default["default"](blocks.Text).withConfig({
+const StyledExerciseVersionDatetime = styled(blocks.Text).withConfig({
   componentId: "sc-8jsi1o-2"
 })(["flex:none;"]);
-var StyledExerciseVersionScore = styled__default["default"](blocks.Text).withConfig({
+const StyledExerciseVersionScore = styled(blocks.Text).withConfig({
   componentId: "sc-8jsi1o-3"
 })(["flex:auto;text-align:right;"]);