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

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

@@ -2,28 +2,28 @@ import { Flex } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import styled from 'styled-components';
 
-const StyledFileTreeWrapper = styled.div.withConfig({
+var StyledFileTreeWrapper = styled.div.withConfig({
   componentId: "sc-uooiby-0"
 })(["overflow:auto;width:100%;height:100%;background-color:", ";"], base.color.navy9);
-const StyledExerciseSubmitHistoryEditorWrapper = styled(Flex).withConfig({
+var StyledExerciseSubmitHistoryEditorWrapper = styled(Flex).withConfig({
   componentId: "sc-uooiby-1"
 })(["position:relative;flex-direction:column;flex:1 1 0%;width:100%;overflow:hidden;"]);
-const StyledExerciseSubmitHistoryNotChanged = styled.div.withConfig({
+var StyledExerciseSubmitHistoryNotChanged = styled.div.withConfig({
   componentId: "sc-uooiby-2"
 })(["background-color:", ";padding:0.5rem;"], base.color.navy7);
-const StyledExerciseSubmitHistoryEditorLoadingScreen = styled(Flex).withConfig({
+var StyledExerciseSubmitHistoryEditorLoadingScreen = styled(Flex).withConfig({
   componentId: "sc-uooiby-3"
 })(["position:absolute;top:0;left:0;right:0;bottom:0;background-color:", ";align-items:center;justify-content:center;"], base.color.navy9);
-const StyledExerciseSubmitHistoryOutputText = styled.span.withConfig({
+var 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:", ";}}"], base.color.white, base.color.secondary4, base.color.red8, base.color.secondary4, base.color.white);
-const StyledExerciseSubmitHistoryOutput = styled.div.withConfig({
+var 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;"]);
-const StyledExerciseSubmitHistoryOutputImageLink = styled.a.withConfig({
+var StyledExerciseSubmitHistoryOutputImageLink = styled.a.withConfig({
   componentId: "sc-uooiby-6"
 })(["display:block;margin:9.8px 0;padding:0;width:100%;max-width:400px;"]);
-const StyledExerciseSubmitHistoryOutputImage = styled.img.withConfig({
+var StyledExerciseSubmitHistoryOutputImage = styled.img.withConfig({
   componentId: "sc-uooiby-7"
 })(["display:block;width:100%;"]);
 

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

@@ -1,3 +1,5 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { getOrgMaterialExerciseExerciseRunningOutputGet } from '@elice/api-client';
 import { ResizableNext, Text } from '@elice/blocks';
@@ -5,79 +7,91 @@ import FileSaver from 'file-saver';
 import { MATERIAL_RESIZABLE_COMMON_PROPS } from '../../../constants/stylesheets.js';
 import { StyledExerciseSubmitHistoryOutput, StyledExerciseSubmitHistoryOutputText, StyledExerciseSubmitHistoryOutputImageLink, StyledExerciseSubmitHistoryOutputImage } from './ExerciseSubmitHistory.styled.js';
 
-const ExerciseSubmitHistoryOutput = ({
-  exerciseRunningId
-}) => {
-  const [runningOutput, setRunningOutput] = React.useState([]);
-  React.useEffect(() => {
+var ExerciseSubmitHistoryOutput = function ExerciseSubmitHistoryOutput(_ref) {
+  var exerciseRunningId = _ref.exerciseRunningId;
+  var _React$useState = React.useState([]),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    runningOutput = _React$useState2[0],
+    setRunningOutput = _React$useState2[1];
+  React.useEffect(function () {
     if (exerciseRunningId) {
       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.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.createElement(Text, {
+      return jsx(Text, {
         size: "small",
-        role: "white"
-      }, "\uCD9C\uB825 \uC5C6\uC74C");
+        role: "white",
+        children: "\uCD9C\uB825 \uC5C6\uC74C"
+      });
     }
-    const getOutputContent = output => {
+    var getOutputContent = function getOutputContent(output) {
       switch (output.type) {
         case 'text':
         case 'echo':
-          return React.createElement(StyledExerciseSubmitHistoryOutputText, null, output.data);
+          return jsx(StyledExerciseSubmitHistoryOutputText, {
+            children: output.data
+          });
         case 'grader':
-          return React.createElement(StyledExerciseSubmitHistoryOutputText, {
-            className: "grader"
-          }, output.data);
+          return jsx(StyledExerciseSubmitHistoryOutputText, {
+            className: "grader",
+            children: output.data
+          });
         case 'info':
-          return React.createElement(StyledExerciseSubmitHistoryOutputText, {
-            className: "info"
-          }, output.data);
+          return jsx(StyledExerciseSubmitHistoryOutputText, {
+            className: "info",
+            children: output.data
+          });
         case 'image':
-          return React.createElement(StyledExerciseSubmitHistoryOutputImageLink, {
-            onClick: () => openImageWithNewTab(output.data)
-          }, React.createElement(StyledExerciseSubmitHistoryOutputImage, {
-            src: output.data,
-            alt: "material-exercise-ouput"
-          }));
+          return jsx(StyledExerciseSubmitHistoryOutputImageLink, {
+            onClick: function onClick() {
+              return openImageWithNewTab(output.data);
+            },
+            children: jsx(StyledExerciseSubmitHistoryOutputImage, {
+              src: output.data,
+              alt: "material-exercise-ouput"
+            })
+          });
         case 'file':
-          const fileName = output.data.split(';')[0];
+          var fileName = output.data.split(';')[0];
           // const fileContent = output.data.substring(fileName.length + 1);
-          const fileContent = 'asdf';
-          return React.createElement(StyledExerciseSubmitHistoryOutputText, {
+          var fileContent = 'asdf';
+          return jsx(StyledExerciseSubmitHistoryOutputText, {
             className: "file",
-            onClick: () => downloadFile(fileContent, fileName)
-          }, `Download ${fileName}`);
+            onClick: function onClick() {
+              return downloadFile(fileContent, fileName);
+            },
+            children: "Download ".concat(fileName)
+          });
         case 'html':
-          const encodedData = encodeURI(output.data);
-          return React.createElement("iframe", {
+          var encodedData = encodeURI(output.data);
+          return jsx("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':
@@ -86,13 +100,18 @@ const ExerciseSubmitHistoryOutput = ({
           return null;
       }
     };
-    return runningOutput.map(item => getOutputContent(item));
+    return runningOutput.map(function (item) {
+      return getOutputContent(item);
+    });
   };
-  return React.createElement(ResizableNext, Object.assign({}, MATERIAL_RESIZABLE_COMMON_PROPS, {
+  return jsx(ResizableNext, Object.assign({}, MATERIAL_RESIZABLE_COMMON_PROPS, {
     initialHeight: 200,
     resizeHandles: ['n'],
-    collapseWidth: 100
-  }), React.createElement(StyledExerciseSubmitHistoryOutput, null, renderContent()));
+    collapseWidth: 100,
+    children: jsx(StyledExerciseSubmitHistoryOutput, {
+      children: renderContent()
+    })
+  }));
 };
 
 export { ExerciseSubmitHistoryOutput as default };

package/es/components/material-exercise/exercise-submit-history/index.js

@@ -0,0 +1 @@
+export { default as ExerciseSubmitHistory } from './ExerciseSubmitHistory.js';

package/es/components/material-exercise/exercise-submit-history/locales/index.js

@@ -0,0 +1,4 @@
+export { default as messageEn } from './en.json.js';
+export { default as messageKo } from './ko.json.js';
+export { default as messageTh } from './th.json.js';
+export { default as messageJa } from './ja.json.js';

package/es/components/material-exercise/index.js

@@ -0,0 +1,2 @@
+export { default as MaterialExercise } from './MaterialExercise.js';
+export { default as MaterialExerciseMobile } from './MaterialExerciseMobile.js';

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

@@ -1,5 +1,6 @@
 import { __rest } from 'tslib';
-import React, { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
 import { IconButton, Tooltip } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import styled from 'styled-components';
@@ -7,38 +8,42 @@ import styled from 'styled-components';
 //
 //
 //
-const StyledMenuButtonWrap = styled.span.withConfig({
+var StyledMenuButtonWrap = styled.span.withConfig({
   componentId: "sc-48m0vh-0"
 })(["position:relative;"]);
-const StyledMenuButton = styled(IconButton).withConfig({
+var StyledMenuButton = styled(IconButton).withConfig({
   componentId: "sc-48m0vh-1"
-})(["", ""], ({
-  active
-}) => active && `background: ${base.color.navy6} !important;`);
+})(["", ""], function (_ref) {
+  var active = _ref.active;
+  return active && "background: ".concat(base.color.navy6, " !important;");
+});
 //
 //
 //
-const ExerciseMenuButton = forwardRef((_a, ref) => {
-  var {
-      children,
-      active = false,
-      title,
-      placement = 'bottom-end'
-    } = _a,
+var ExerciseMenuButton = 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 = __rest(_a, ["children", "active", "title", "placement"]);
-  return React.createElement(Tooltip, {
+  return jsx(Tooltip, {
     title: title,
     placement: placement,
-    dark: true
-  }, React.createElement(StyledMenuButtonWrap, null, React.createElement(StyledMenuButton, Object.assign({
-    transparent: true,
-    border: false,
-    size: "micro",
-    role: "gray3",
-    active: active
-  }, props, {
-    ref: ref
-  })), children));
+    dark: true,
+    children: jsxs(StyledMenuButtonWrap, {
+      children: [jsx(StyledMenuButton, Object.assign({
+        transparent: true,
+        border: false,
+        size: "micro",
+        role: "gray3",
+        active: active
+      }, props, {
+        ref: ref
+      })), children]
+    })
+  });
 });
 
 export { ExerciseMenuButton as default };

package/es/components/shared/exercise-menu-button/index.js

@@ -0,0 +1 @@
+export { default as ExerciseMenuButton } from './ExerciseMenuButton.js';

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

@@ -1,47 +1,49 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Shimmer, Vspace } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import styled from 'styled-components';
 
-const StyledFileShimmerWrap = styled.div.withConfig({
+var StyledFileShimmerWrap = styled.div.withConfig({
   componentId: "sc-mf825x-0"
 })(["padding:1rem;width:100%;height:100%;background:", ";overflow:hidden;"], base.color.navy9);
-const ExerciseFileShimmer = () => {
-  return React.createElement(StyledFileShimmerWrap, null, React.createElement(Shimmer, {
-    width: "150px",
-    height: "1rem",
-    dark: true
-  }), React.createElement(Vspace, {
-    height: 1
-  }), React.createElement(Shimmer, {
-    width: "100px",
-    height: "1rem",
-    dark: true
-  }), React.createElement(Vspace, {
-    height: 1
-  }), React.createElement(Shimmer, {
-    width: "300px",
-    height: "1rem",
-    dark: true
-  }), React.createElement(Vspace, {
-    height: 1
-  }), React.createElement(Shimmer, {
-    width: "200px",
-    height: "1rem",
-    dark: true
-  }), React.createElement(Vspace, {
-    height: 1
-  }), React.createElement(Shimmer, {
-    width: "250px",
-    height: "1rem",
-    dark: true
-  }), React.createElement(Vspace, {
-    height: 1
-  }), React.createElement(Shimmer, {
-    width: "150px",
-    height: "1rem",
-    dark: true
-  }));
+var ExerciseFileShimmer = function ExerciseFileShimmer() {
+  return jsxs(StyledFileShimmerWrap, {
+    children: [jsx(Shimmer, {
+      width: "150px",
+      height: "1rem",
+      dark: true
+    }), jsx(Vspace, {
+      height: 1
+    }), jsx(Shimmer, {
+      width: "100px",
+      height: "1rem",
+      dark: true
+    }), jsx(Vspace, {
+      height: 1
+    }), jsx(Shimmer, {
+      width: "300px",
+      height: "1rem",
+      dark: true
+    }), jsx(Vspace, {
+      height: 1
+    }), jsx(Shimmer, {
+      width: "200px",
+      height: "1rem",
+      dark: true
+    }), jsx(Vspace, {
+      height: 1
+    }), jsx(Shimmer, {
+      width: "250px",
+      height: "1rem",
+      dark: true
+    }), jsx(Vspace, {
+      height: 1
+    }), jsx(Shimmer, {
+      width: "150px",
+      height: "1rem",
+      dark: true
+    })]
+  });
 };
 
 export { ExerciseFileShimmer as default };

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

@@ -1,29 +1,31 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Shimmer, Hspace } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import styled from 'styled-components';
 
-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({
+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.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, base.color.navy9, base.color.navy8);
-const ExerciseFileTabShimmer = ({
-  width = 150
-}) => {
-  return React.createElement(StyledDummyFileTab, null, React.createElement(Shimmer, {
-    width: `${width}px`,
-    height: `${TAB_CONTENT_FILENAME_HEIGHT}px`,
-    dark: true
-  }), React.createElement(Hspace, {
-    width: TAB_CONTENT_GAP / 16
-  }), React.createElement(Shimmer, {
-    width: `${TAB_CONTENT_CLOSE_BUTTON_SIZE}px`,
-    height: `${TAB_CONTENT_CLOSE_BUTTON_SIZE}px`,
-    dark: true
-  }));
+var ExerciseFileTabShimmer = function ExerciseFileTabShimmer(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 150 : _ref$width;
+  return jsxs(StyledDummyFileTab, {
+    children: [jsx(Shimmer, {
+      width: "".concat(width, "px"),
+      height: "".concat(TAB_CONTENT_FILENAME_HEIGHT, "px"),
+      dark: true
+    }), jsx(Hspace, {
+      width: TAB_CONTENT_GAP / 16
+    }), jsx(Shimmer, {
+      width: "".concat(TAB_CONTENT_CLOSE_BUTTON_SIZE, "px"),
+      height: "".concat(TAB_CONTENT_CLOSE_BUTTON_SIZE, "px"),
+      dark: true
+    })]
+  });
 };
 
 export { ExerciseFileTabShimmer as default };

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

@@ -1,17 +1,19 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { base } from '@elice/design-tokens';
 import styled from 'styled-components';
 import ExerciseFileTabShimmer from './ExerciseFileTabShimmer.js';
 
-const StyledShimmerWrapper = styled.div.withConfig({
+var StyledShimmerWrapper = styled.div.withConfig({
   componentId: "sc-107bpmt-0"
 })(["display:flex;width:100%;height:100%;background-color:", ";overflow:hidden;"], base.color.navy9);
-const ExerciseFileTabsShimmer = () => {
-  return React.createElement(StyledShimmerWrapper, null, React.createElement(ExerciseFileTabShimmer, {
-    width: 120
-  }), React.createElement(ExerciseFileTabShimmer, {
-    width: 80
-  }));
+var ExerciseFileTabsShimmer = function ExerciseFileTabsShimmer() {
+  return jsxs(StyledShimmerWrapper, {
+    children: [jsx(ExerciseFileTabShimmer, {
+      width: 120
+    }), jsx(ExerciseFileTabShimmer, {
+      width: 80
+    })]
+  });
 };
 
 export { ExerciseFileTabsShimmer as default };

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

@@ -1,32 +1,34 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Shimmer, Hspace } from '@elice/blocks';
 import styled from 'styled-components';
 
-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(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(Shimmer).withConfig({
   componentId: "sc-x7bcnn-0"
 })(["flex:0 0 ", "px;"], FILE_TREE_LIST_ITEM_ICON_SIZE);
-const StyledDummyListItem = styled.li.withConfig({
+var 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);
-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.createElement(Hspace, {
-    width: FILE_TREE_LIST_ITEM_GAP / 16
-  }), React.createElement(Shimmer, {
-    width: `${width}px`,
-    height: `${FILE_TREE_LIST_ITEM_FILENAME_HEIGHT}px`,
-    dark: true
-  }));
+var ExerciseFileTreeListItemShimmer = function ExerciseFileTreeListItemShimmer(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 100 : _ref$width;
+  return jsxs(StyledDummyListItem, {
+    children: [jsx(StyledDummyListItemIconShimmer, {
+      width: "".concat(FILE_TREE_LIST_ITEM_ICON_SIZE, "px"),
+      height: "".concat(FILE_TREE_LIST_ITEM_ICON_SIZE, "px"),
+      dark: true
+    }), jsx(Hspace, {
+      width: FILE_TREE_LIST_ITEM_GAP / 16
+    }), jsx(Shimmer, {
+      width: "".concat(width, "px"),
+      height: "".concat(FILE_TREE_LIST_ITEM_FILENAME_HEIGHT, "px"),
+      dark: true
+    })]
+  });
 };
 
 export { ExerciseFileTreeListItemShimmer as default };

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

@@ -1,23 +1,33 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { base } from '@elice/design-tokens';
 import styled from 'styled-components';
 import ExerciseFileTreeListItemShimmer from './ExerciseFileTreeListItemShimmer.js';
 
-const StyledShimmerWrapper = styled.div.withConfig({
+var StyledShimmerWrapper = styled.div.withConfig({
   componentId: "sc-ol0qbo-0"
 })(["display:flex;flex-direction:column;width:100%;height:100%;background:", ";overflow:hidden;"], base.color.navy9);
-const StyledDummyToolbar = styled.div.withConfig({
+var StyledDummyToolbar = styled.div.withConfig({
   componentId: "sc-ol0qbo-1"
 })(["flex:0 0 2.25rem;background-color:", ";"], base.color.navy8);
-const StyledDummyList = styled.div.withConfig({
+var StyledDummyList = styled.div.withConfig({
   componentId: "sc-ol0qbo-2"
 })(["flex:1;display:flex;flex-direction:column;width:100%;overflow:hidden;"]);
-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, {
-    key: index,
-    width: width
-  }))));
+var ExerciseFileTreeListShimmer = function ExerciseFileTreeListShimmer() {
+  var widths = React.useMemo(function () {
+    return new Array(Math.round(Math.random() * 5) + 5).fill(0).map(function () {
+      return Math.round(Math.random() * 200) + 50;
+    });
+  }, []);
+  return jsxs(StyledShimmerWrapper, {
+    children: [jsx(StyledDummyToolbar, {}), jsx(StyledDummyList, {
+      children: widths.map(function (width, index) {
+        return jsx(ExerciseFileTreeListItemShimmer, {
+          width: width
+        }, index);
+      })
+    })]
+  });
 };
 
 export { ExerciseFileTreeListShimmer as default };

package/es/components/shared/exercise-shimmer/index.js

@@ -0,0 +1,5 @@
+export { default as ExerciseFileShimmer } from './ExerciseFileShimmer.js';
+export { default as ExerciseFileTabsShimmer } from './ExerciseFileTabsShimmer.js';
+export { default as ExerciseFileTabShimmer } from './ExerciseFileTabShimmer.js';
+export { default as ExerciseFileTreeListShimmer } from './ExerciseFileTreeListShimmer.js';
+export { default as ExerciseFileTreeListItemShimmer } from './ExerciseFileTreeListItemShimmer.js';

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

@@ -1,10 +1,11 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { StyledVersionList } from './ExerciseVersionList.styled.js';
 
-const ExerciseVersionList = ({
-  children
-}) => {
-  return React.createElement(StyledVersionList, null, children);
+var ExerciseVersionList = function ExerciseVersionList(_ref) {
+  var children = _ref.children;
+  return jsx(StyledVersionList, {
+    children: children
+  });
 };
 
 export { ExerciseVersionList as default };

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

@@ -1,7 +1,7 @@
 import { List } from '@elice/blocks';
 import styled from 'styled-components';
 
-const StyledVersionList = styled(List).withConfig({
+var StyledVersionList = styled(List).withConfig({
   componentId: "sc-wqxvzc-0"
 })(["height:100%;padding:0;overflow:scroll;background-color:transparent;& > last-of-type{border:none;}"]);
 

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

@@ -1,17 +1,17 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { StyledExerciseVersionItem } from './ExerciseVersionListItem.styled.js';
 
-const ExerciseVersionListItem = ({
-  children,
-  selected,
-  style,
-  onClick
-}) => {
-  return React.createElement(StyledExerciseVersionItem, {
+var ExerciseVersionListItem = function ExerciseVersionListItem(_ref) {
+  var children = _ref.children,
+    selected = _ref.selected,
+    style = _ref.style,
+    onClick = _ref.onClick;
+  return jsx(StyledExerciseVersionItem, {
     selected: selected,
     style: style,
-    onClick: onClick
-  }, children);
+    onClick: onClick,
+    children: children
+  });
 };
 
 export { ExerciseVersionListItem as default };