@elice/material-exercise 1.230325.0 → 1.230418.0

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

@@ -1,5 +1,8 @@
 'use strict';
 
+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');
@@ -12,92 +15,85 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var FileSaver__default = /*#__PURE__*/_interopDefaultLegacy(FileSaver);
 
-const ExerciseSubmitHistoryOutput = ({
-  exerciseRunningId
-}) => {
-  const [runningOutput, setRunningOutput] = React__default["default"].useState([]);
-  React__default["default"].useEffect(() => {
+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 () {
     if (exerciseRunningId) {
       apiClient.getOrgMaterialExerciseExerciseRunningOutputGet({
-        exerciseRunningId
-      }).then(({
-        output
-      }) => {
+        exerciseRunningId: exerciseRunningId
+      }).then(function (_ref2) {
+        var output = _ref2.output;
         setRunningOutput(output);
       }).catch(console.error);
     }
   }, [exerciseRunningId]);
-
-  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++) {
+  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++) {
       ia[i] = byteString.charCodeAt(i);
     }
-
-    const blob = new Blob([ab], {
+    var blob = new Blob([ab], {
       type: mimeString
     });
     FileSaver__default["default"].saveAs(blob, fileName);
   };
-
-  const openImageWithNewTab = imgSrc => {
-    const materialImageTab = window.open('about:blank', '_blank');
-    materialImageTab === null || materialImageTab === void 0 ? void 0 : materialImageTab.document.write(`<img src=${imgSrc} />`);
+  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, " />"));
     materialImageTab === null || materialImageTab === void 0 ? void 0 : materialImageTab.focus();
   };
-
-  const renderContent = () => {
+  var renderContent = function renderContent() {
     if (runningOutput.length === 0) {
       return React__default["default"].createElement(blocks.Text, {
         size: "small",
         role: "white"
       }, "\uCD9C\uB825 \uC5C6\uC74C");
     }
-
-    const getOutputContent = output => {
+    var getOutputContent = function getOutputContent(output) {
       switch (output.type) {
         case 'text':
         case 'echo':
           return React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputText, null, output.data);
-
         case 'grader':
           return React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputText, {
             className: "grader"
           }, output.data);
-
         case 'info':
           return React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputText, {
             className: "info"
           }, output.data);
-
         case 'image':
           return React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputImageLink, {
-            onClick: () => openImageWithNewTab(output.data)
+            onClick: function onClick() {
+              return openImageWithNewTab(output.data);
+            }
           }, React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputImage, {
             src: output.data,
             alt: "material-exercise-ouput"
           }));
-
         case 'file':
-          const fileName = output.data.split(';')[0]; // const fileContent = output.data.substring(fileName.length + 1);
-
-          const fileContent = 'asdf';
+          var fileName = output.data.split(';')[0];
+          // const fileContent = output.data.substring(fileName.length + 1);
+          var fileContent = 'asdf';
           return React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutputText, {
             className: "file",
-            onClick: () => downloadFile(fileContent, fileName)
-          }, `Download ${fileName}`);
-
+            onClick: function onClick() {
+              return downloadFile(fileContent, fileName);
+            }
+          }, "Download ".concat(fileName));
         case 'html':
-          const encodedData = encodeURI(output.data);
+          var encodedData = encodeURI(output.data);
           return React__default["default"].createElement("iframe", {
             title: "mat-exec-output",
-            src: `data:text/html;charset=utf-8,${encodedData}`
+            src: "data:text/html;charset=utf-8,".concat(encodedData)
           });
-
         case 'screen':
         case 'score':
         case 'web_ready':
@@ -105,10 +101,10 @@ const ExerciseSubmitHistoryOutput = ({
           return null;
       }
     };
-
-    return runningOutput.map(item => getOutputContent(item));
+    return runningOutput.map(function (item) {
+      return getOutputContent(item);
+    });
   };
-
   return React__default["default"].createElement(blocks.ResizableNext, Object.assign({}, stylesheets.MATERIAL_RESIZABLE_COMMON_PROPS, {
     initialHeight: 200,
     resizeHandles: ['n'],
@@ -116,4 +112,4 @@ const ExerciseSubmitHistoryOutput = ({
   }), React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryOutput, null, renderContent()));
 };
 
-module.exports = ExerciseSubmitHistoryOutput;
+exports["default"] = ExerciseSubmitHistoryOutput;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+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;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+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;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib = require('tslib');
 var React = require('react');
 var blocks = require('@elice/blocks');
@@ -13,27 +15,27 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 //
 //
-
-const StyledMenuButtonWrap = styled__default["default"].span.withConfig({
+//
+var StyledMenuButtonWrap = styled__default["default"].span.withConfig({
   componentId: "sc-48m0vh-0"
 })(["position:relative;"]);
-const StyledMenuButton = styled__default["default"](blocks.IconButton).withConfig({
+var StyledMenuButton = styled__default["default"](blocks.IconButton).withConfig({
   componentId: "sc-48m0vh-1"
-})(["", ""], ({
-  active
-}) => active && `background: ${designTokens.base.color.navy6} !important;`); //
+})(["", ""], function (_ref) {
+  var active = _ref.active;
+  return active && "background: ".concat(designTokens.base.color.navy6, " !important;");
+});
 //
 //
-
-const ExerciseMenuButton = React.forwardRef((_a, ref) => {
-  var {
-    children,
-    active = false,
-    title,
-    placement = 'bottom-end'
-  } = _a,
-      props = tslib.__rest(_a, ["children", "active", "title", "placement"]);
-
+//
+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,
+    props = tslib.__rest(_a, ["children", "active", "title", "placement"]);
   return React__default["default"].createElement(blocks.Tooltip, {
     title: title,
     placement: placement,
@@ -49,4 +51,4 @@ const ExerciseMenuButton = React.forwardRef((_a, ref) => {
   })), children));
 });
 
-module.exports = ExerciseMenuButton;
+exports["default"] = ExerciseMenuButton;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
@@ -10,11 +12,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledFileShimmerWrap = styled__default["default"].div.withConfig({
+var StyledFileShimmerWrap = styled__default["default"].div.withConfig({
   componentId: "sc-mf825x-0"
 })(["padding:1rem;width:100%;height:100%;background:", ";overflow:hidden;"], designTokens.base.color.navy9);
-
-const ExerciseFileShimmer = () => {
+var ExerciseFileShimmer = function ExerciseFileShimmer() {
   return React__default["default"].createElement(StyledFileShimmerWrap, null, React__default["default"].createElement(blocks.Shimmer, {
     width: "150px",
     height: "1rem",
@@ -52,4 +53,4 @@ const ExerciseFileShimmer = () => {
   }));
 };
 
-module.exports = ExerciseFileShimmer;
+exports["default"] = ExerciseFileShimmer;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
@@ -10,28 +12,27 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-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__default["default"].div.withConfig({
+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({
   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);
-
-const ExerciseFileTabShimmer = ({
-  width = 150
-}) => {
+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: `${width}px`,
-    height: `${TAB_CONTENT_FILENAME_HEIGHT}px`,
+    width: "".concat(width, "px"),
+    height: "".concat(TAB_CONTENT_FILENAME_HEIGHT, "px"),
     dark: true
   }), React__default["default"].createElement(blocks.Hspace, {
     width: TAB_CONTENT_GAP / 16
   }), React__default["default"].createElement(blocks.Shimmer, {
-    width: `${TAB_CONTENT_CLOSE_BUTTON_SIZE}px`,
-    height: `${TAB_CONTENT_CLOSE_BUTTON_SIZE}px`,
+    width: "".concat(TAB_CONTENT_CLOSE_BUTTON_SIZE, "px"),
+    height: "".concat(TAB_CONTENT_CLOSE_BUTTON_SIZE, "px"),
     dark: true
   }));
 };
 
-module.exports = ExerciseFileTabShimmer;
+exports["default"] = ExerciseFileTabShimmer;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
@@ -10,16 +12,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledShimmerWrapper = styled__default["default"].div.withConfig({
+var StyledShimmerWrapper = styled__default["default"].div.withConfig({
   componentId: "sc-107bpmt-0"
 })(["display:flex;width:100%;height:100%;background-color:", ";overflow:hidden;"], designTokens.base.color.navy9);
-
-const ExerciseFileTabsShimmer = () => {
-  return React__default["default"].createElement(StyledShimmerWrapper, null, React__default["default"].createElement(ExerciseFileTabShimmer, {
+var ExerciseFileTabsShimmer = function ExerciseFileTabsShimmer() {
+  return React__default["default"].createElement(StyledShimmerWrapper, null, React__default["default"].createElement(ExerciseFileTabShimmer["default"], {
     width: 120
-  }), React__default["default"].createElement(ExerciseFileTabShimmer, {
+  }), React__default["default"].createElement(ExerciseFileTabShimmer["default"], {
     width: 80
   }));
 };
 
-module.exports = ExerciseFileTabsShimmer;
+exports["default"] = ExerciseFileTabsShimmer;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var blocks = require('@elice/blocks');
 var styled = require('styled-components');
@@ -9,32 +11,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-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__default["default"](blocks.Shimmer).withConfig({
+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({
   componentId: "sc-x7bcnn-0"
 })(["flex:0 0 ", "px;"], FILE_TREE_LIST_ITEM_ICON_SIZE);
-const StyledDummyListItem = styled__default["default"].li.withConfig({
+var StyledDummyListItem = styled__default["default"].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);
-
-const ExerciseFileTreeListItemShimmer = ({
-  width = 100
-}) => {
+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: `${FILE_TREE_LIST_ITEM_ICON_SIZE}px`,
-    height: `${FILE_TREE_LIST_ITEM_ICON_SIZE}px`,
+    width: "".concat(FILE_TREE_LIST_ITEM_ICON_SIZE, "px"),
+    height: "".concat(FILE_TREE_LIST_ITEM_ICON_SIZE, "px"),
     dark: true
   }), React__default["default"].createElement(blocks.Hspace, {
     width: FILE_TREE_LIST_ITEM_GAP / 16
   }), React__default["default"].createElement(blocks.Shimmer, {
-    width: `${width}px`,
-    height: `${FILE_TREE_LIST_ITEM_FILENAME_HEIGHT}px`,
+    width: "".concat(width, "px"),
+    height: "".concat(FILE_TREE_LIST_ITEM_FILENAME_HEIGHT, "px"),
     dark: true
   }));
 };
 
-module.exports = ExerciseFileTreeListItemShimmer;
+exports["default"] = ExerciseFileTreeListItemShimmer;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
@@ -10,22 +12,27 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledShimmerWrapper = styled__default["default"].div.withConfig({
+var StyledShimmerWrapper = styled__default["default"].div.withConfig({
   componentId: "sc-ol0qbo-0"
 })(["display:flex;flex-direction:column;width:100%;height:100%;background:", ";overflow:hidden;"], designTokens.base.color.navy9);
-const StyledDummyToolbar = styled__default["default"].div.withConfig({
+var StyledDummyToolbar = styled__default["default"].div.withConfig({
   componentId: "sc-ol0qbo-1"
 })(["flex:0 0 2.25rem;background-color:", ";"], designTokens.base.color.navy8);
-const StyledDummyList = styled__default["default"].div.withConfig({
+var StyledDummyList = styled__default["default"].div.withConfig({
   componentId: "sc-ol0qbo-2"
 })(["flex:1;display:flex;flex-direction:column;width:100%;overflow:hidden;"]);
-
-const ExerciseFileTreeListShimmer = () => {
-  const widths = React__default["default"].useMemo(() => new Array(Math.round(Math.random() * 5) + 5).fill(0).map(() => 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((width, index) => React__default["default"].createElement(ExerciseFileTreeListItemShimmer, {
-    key: index,
-    width: width
-  }))));
+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
+    });
+  })));
 };
 
-module.exports = ExerciseFileTreeListShimmer;
+exports["default"] = ExerciseFileTreeListShimmer;

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

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

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

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledVersionList = styled__default["default"](blocks.List).withConfig({
+var StyledVersionList = styled__default["default"](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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var ExerciseVersionListItem_styled = require('./ExerciseVersionListItem.styled.js');
 
@@ -7,12 +9,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ExerciseVersionListItem = ({
-  children,
-  selected,
-  style,
-  onClick
-}) => {
+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, {
     selected: selected,
     style: style,
@@ -20,4 +21,4 @@ const ExerciseVersionListItem = ({
   }, children);
 };
 
-module.exports = ExerciseVersionListItem;
+exports["default"] = ExerciseVersionListItem;

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

@@ -10,16 +10,20 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledExerciseVersionItem = styled__default["default"](blocks.List.Item).withConfig({
+var StyledExerciseVersionItem = styled__default["default"](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, props => props.selected ? designTokens.base.color.primary6 : 'transparent', props => props.selected ? designTokens.base.color.gray6 : 'initial');
-const 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, 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({
   componentId: "sc-8jsi1o-1"
 })(["flex:0 1 auto;min-width:fit-content;"]);
-const StyledExerciseVersionDatetime = styled__default["default"](blocks.Text).withConfig({
+var StyledExerciseVersionDatetime = styled__default["default"](blocks.Text).withConfig({
   componentId: "sc-8jsi1o-2"
 })(["flex:none;"]);
-const StyledExerciseVersionScore = styled__default["default"](blocks.Text).withConfig({
+var StyledExerciseVersionScore = styled__default["default"](blocks.Text).withConfig({
   componentId: "sc-8jsi1o-3"
 })(["flex:auto;text-align:right;"]);
 

package/cjs/components/shared/file-icon/FileIcon.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib = require('tslib');
 var React = require('react');
 var blocks = require('@elice/blocks');
@@ -9,39 +11,37 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ICON_ASSET_BASE_URL = 'https://static.elice.io/code-editor/icons';
-
-const createIconUrl = svgFilename => {
-  return `${ICON_ASSET_BASE_URL}/${svgFilename.toLowerCase()}`;
+var ICON_ASSET_BASE_URL = 'https://static.elice.io/code-editor/icons';
+var createIconUrl = function createIconUrl(svgFilename) {
+  return "".concat(ICON_ASSET_BASE_URL, "/").concat(svgFilename.toLowerCase());
 };
-
-const FileIcon = _a => {
-  var {
-    filename,
-    directory = false,
-    expanded = false,
-    width = '1rem',
-    height = '1rem'
-  } = _a,
-      props = tslib.__rest(_a, ["filename", "directory", "expanded", "width", "height"]);
-
-  const src = React__default["default"].useMemo(() => {
+var FileIcon = function FileIcon(_a) {
+  var filename = _a.filename,
+    _a$directory = _a.directory,
+    directory = _a$directory === void 0 ? false : _a$directory,
+    _a$expanded = _a.expanded,
+    expanded = _a$expanded === void 0 ? false : _a$expanded,
+    _a$width = _a.width,
+    width = _a$width === void 0 ? '1rem' : _a$width,
+    _a$height = _a.height,
+    height = _a$height === void 0 ? '1rem' : _a$height,
+    props = tslib.__rest(_a, ["filename", "directory", "expanded", "width", "height"]);
+  var src = React__default["default"].useMemo(function () {
     if (directory) {
-      const suffix = expanded ? '_opened' : '';
-      return createIconUrl(`default_folder${suffix}.svg`);
+      var suffix = expanded ? '_opened' : '';
+      return createIconUrl("default_folder".concat(suffix, ".svg"));
     }
-
     return createIconUrl(vscodeIconsJs.getIconForFile(filename) || 'default_file.svg');
-  }, [filename, directory, expanded]); //
+  }, [filename, directory, expanded]);
+  //
   //
   //
-
   return React__default["default"].createElement(blocks.Image, Object.assign({}, props, {
     src: src,
-    alt: `icon for ${filename}`,
+    alt: "icon for ".concat(filename),
     width: width,
     height: height
   }));
 };
 
-module.exports = FileIcon;
+exports["default"] = FileIcon;