@elice/material-exercise 1.251120.1 → 1.260128.0-rc.0

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var blocks = require('@elice/blocks');
@@ -11,24 +12,19 @@ var icons = require('@elice/icons');
 var intl = require('@elice/intl');
 var FileSaver = require('file-saver');
 var mime = require('mime');
-var styled = require('styled-components');
-var ExerciseFileShimmer = require('../exercise-shimmer/ExerciseFileShimmer.js');
-require('../exercise-shimmer/ExerciseFileTabsShimmer.js');
-require('../exercise-shimmer/ExerciseFileTabShimmer.js');
-require('../exercise-shimmer/ExerciseFileTreeListShimmer.js');
-require('../exercise-shimmer/ExerciseFileTreeListItemShimmer.js');
 var en = require('./locales/en.json.js');
 var ja = require('./locales/ja.json.js');
 var ko = require('./locales/ko.json.js');
 var th = require('./locales/th.json.js');
 var FileViewerNonViewable = require('./FileViewerNonViewable.js');
+var ExerciseFileShimmer = require('../exercise-shimmer/ExerciseFileShimmer.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 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'); });
@@ -42,12 +38,12 @@ var AsyncFileViewerIpynb = React__default.default.lazy(function () {
 var AsyncFileViewerText = React__default.default.lazy(function () {
   return Promise.resolve().then(function () { return require('./FileViewerText.js'); });
 });
-var StyledFileWrapper = styled__default.default.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({
-  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 StyledFileWrapper = /*#__PURE__*/_styled__default.default("div", {
+  target: "e8vydcg1"
+})("display:flex;justify-content:center;align-items:center;background-color:", designTokens.base.color.navy9, ";width:100%;height:100%;");
+var StyledReadonlyBanner = /*#__PURE__*/_styled__default.default("div", {
+  target: "e8vydcg0"
+})("width:100%;padding:0.7rem;color:white;font-size:0.7rem;a{color:", designTokens.base.color.primary5, ";font-weight:bold;text-decoration:underline;.eb-icon{margin-right:0.25rem;}}");
 var FileViewer = function FileViewer(_ref) {
   var filename = _ref.filename,
     fileurl = _ref.fileurl,
@@ -104,7 +100,7 @@ var FileViewer = function FileViewer(_ref) {
       return res.blob();
     }).then(function (blob) {
       return FileSaver__default.default.saveAs(blob, filename);
-    }).catch(function () {
+    })["catch"](function () {
       var win = window.open(fileurl, '_blank');
       if (win) {
         win.focus();

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

@@ -3,71 +3,89 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var icons = require('@elice/icons');
 var intl = require('@elice/intl');
-var styled = require('styled-components');
-var ExerciseFileShimmer = require('../exercise-shimmer/ExerciseFileShimmer.js');
-require('../exercise-shimmer/ExerciseFileTabsShimmer.js');
-require('../exercise-shimmer/ExerciseFileTabShimmer.js');
-require('../exercise-shimmer/ExerciseFileTreeListShimmer.js');
-require('../exercise-shimmer/ExerciseFileTreeListItemShimmer.js');
 var en = require('./locales/en.json.js');
 var ja = require('./locales/ja.json.js');
 var ko = require('./locales/ko.json.js');
 var th = require('./locales/th.json.js');
+var ExerciseFileShimmer = require('../exercise-shimmer/ExerciseFileShimmer.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 //
 //
 //
 var OPTIONS_PER_PAGE = [10, 25, 50];
 var OPTIONS_DELIMITER = [{
-  char: ',',
+  "char": ',',
   label: 'Comma [,]'
 }, {
-  char: '\t',
+  "char": '\t',
   label: 'Tab [\\t]'
 }, {
-  char: '/',
+  "char": '/',
   label: 'Regular Bar [/]'
 }, {
-  char: '\\',
+  "char": '\\',
   label: 'Inverted Bar [\\]'
 }, {
-  char: '|',
+  "char": '|',
   label: 'Vertical Bar [|]'
 }];
 //
 //
 //
-var StyledViewer = styled__default.default.div.withConfig({
-  componentId: "sc-pyv7uu-0"
-})(["flex:1;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;background-color:", ";"], designTokens.base.color.navy9);
-var StyledViewerTableWrap = styled__default.default.div.withConfig({
-  componentId: "sc-pyv7uu-1"
-})(["flex:1;overflow:auto;"]);
-var StyledViewerTable = styled__default.default.table.withConfig({
-  componentId: "sc-pyv7uu-2"
-})(["border:none;border-collapse:collapse;color:", ";font-family:'Elice Digital Coding',monospace,fixed-width;th,td{border:1px solid ", ";padding:0.5rem;white-space:pre;&:first-of-type{color:", ";border-left:none;}&:last-of-type{border-right:none;}}tbody{tr:nth-child(odd){background:", ";}tr:hover{background:", ";}}"], designTokens.base.color.white, designTokens.base.color.navy5, designTokens.base.color.gray5, designTokens.base.color.navy8, designTokens.base.color.navy6);
-var StyledViewerFooter = styled__default.default.div.withConfig({
-  componentId: "sc-pyv7uu-3"
-})(["flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:0.5rem;"]);
-var StyledViewerFooterSelect = styled__default.default.select.withConfig({
-  componentId: "sc-pyv7uu-4"
-})(["width:", "rem;border-radius:0.25rem;"], function (props) {
+var StyledViewer = /*#__PURE__*/_styled__default.default("div", {
+  target: "eqmpszh5"
+})("flex:1;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;background-color:", designTokens.base.color.navy9, ";");
+var StyledViewerTableWrap = /*#__PURE__*/_styled__default.default("div", {
+  target: "eqmpszh4"
+})("production" === "production" ? {
+  name: "1tc6xju",
+  styles: "flex:1;overflow:auto"
+} : {
+  name: "1tc6xju",
+  styles: "flex:1;overflow:auto",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledViewerTable = /*#__PURE__*/_styled__default.default("table", {
+  target: "eqmpszh3"
+})("border:none;border-collapse:collapse;color:", designTokens.base.color.white, ";font-family:'Elice Digital Coding',monospace,fixed-width;th,td{border:1px solid ", designTokens.base.color.navy5, ";padding:0.5rem;white-space:pre;&:first-of-type{color:", designTokens.base.color.gray5, ";border-left:none;}&:last-of-type{border-right:none;}}tbody{tr:nth-child(odd){background:", designTokens.base.color.navy8, ";}tr:hover{background:", designTokens.base.color.navy6, ";}}");
+var StyledViewerFooter = /*#__PURE__*/_styled__default.default("div", {
+  target: "eqmpszh2"
+})("production" === "production" ? {
+  name: "1jiwe9a",
+  styles: "flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:0.5rem"
+} : {
+  name: "1jiwe9a",
+  styles: "flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:0.5rem",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledViewerFooterSelect = /*#__PURE__*/_styled__default.default("select", {
+  target: "eqmpszh1"
+})("width:", function (props) {
   return props.width;
+}, "rem;border-radius:0.25rem;");
+var StyledViewerFooterHr = /*#__PURE__*/_styled__default.default(blocks.Hr, {
+  target: "eqmpszh0"
+})("production" === "production" ? {
+  name: "1f87p0t",
+  styles: "height:1rem"
+} : {
+  name: "1f87p0t",
+  styles: "height:1rem",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var StyledViewerFooterHr = styled__default.default(blocks.Hr).withConfig({
-  componentId: "sc-pyv7uu-5"
-})(["height:1rem;"]);
 //
 //
 //
@@ -91,21 +109,21 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
     csvStatus = _React$useState8[0],
     setCsvStatus = _React$useState8[1];
   var _React$useState9 = React__default.default.useState(1),
-    _React$useState10 = _rollupPluginBabelHelpers.slicedToArray(_React$useState9, 2),
-    page = _React$useState10[0],
-    setPage = _React$useState10[1];
-  var _React$useState11 = React__default.default.useState(OPTIONS_PER_PAGE[0]),
+    _React$useState0 = _rollupPluginBabelHelpers.slicedToArray(_React$useState9, 2),
+    page = _React$useState0[0],
+    setPage = _React$useState0[1];
+  var _React$useState1 = React__default.default.useState(OPTIONS_PER_PAGE[0]),
+    _React$useState10 = _rollupPluginBabelHelpers.slicedToArray(_React$useState1, 2),
+    perPage = _React$useState10[0],
+    setPerPage = _React$useState10[1];
+  var _React$useState11 = React__default.default.useState(OPTIONS_DELIMITER[0]["char"]),
     _React$useState12 = _rollupPluginBabelHelpers.slicedToArray(_React$useState11, 2),
-    perPage = _React$useState12[0],
-    setPerPage = _React$useState12[1];
-  var _React$useState13 = React__default.default.useState(OPTIONS_DELIMITER[0].char),
+    delimiter = _React$useState12[0],
+    setDelimiter = _React$useState12[1];
+  var _React$useState13 = React__default.default.useState(true),
     _React$useState14 = _rollupPluginBabelHelpers.slicedToArray(_React$useState13, 2),
-    delimiter = _React$useState14[0],
-    setDelimiter = _React$useState14[1];
-  var _React$useState15 = React__default.default.useState(true),
-    _React$useState16 = _rollupPluginBabelHelpers.slicedToArray(_React$useState15, 2),
-    isUsingHeader = _React$useState16[0],
-    setUsingHeader = _React$useState16[1];
+    isUsingHeader = _React$useState14[0],
+    setUsingHeader = _React$useState14[1];
   var csvRecordCount = csvRecords.length + (csvHeader ? -1 : 0);
   var maxPage = Math.ceil(csvRecordCount / perPage);
   var tableWrapElRef = React__default.default.useRef(null);
@@ -125,7 +143,7 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
       return res.text();
     }).then(setCsv).then(function () {
       return setCsvStatus('resolved');
-    }).catch(function (err) {
+    })["catch"](function (err) {
       if (err.name === 'AbortError') {
         return;
       }
@@ -191,9 +209,7 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
             return jsxRuntime.jsx("td", {
               style: {
                 // test whether the column is number, and align right
-                textAlign:
-                // eslint-disable-next-line no-self-compare
-                +col === +col ? 'right' : 'left'
+                textAlign: +col === +col ? 'right' : 'left'
               },
               children: col
             }, colIdx);
@@ -321,12 +337,12 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
             return setDelimiter(e.target.value);
           },
           children: OPTIONS_DELIMITER.map(function (_ref2) {
-            var char = _ref2.char,
+            var _char = _ref2["char"],
               label = _ref2.label;
             return jsxRuntime.jsx("option", {
-              value: char,
+              value: _char,
               children: label
-            }, char);
+            }, _char);
           })
         })]
       }), jsxRuntime.jsx(StyledViewerFooterHr, {
@@ -381,6 +397,6 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
     children: [renderViewerTable(), renderViewerFooter()]
   });
 };
-var FileViewerCsv$1 = new intl.IntlComponentBuilder(FileViewerCsv).add('en', en.default).add('ko', ko.default).add('th', th.default).add('ja', ja.default).build();
+var FileViewerCsv_default = new intl.IntlComponentBuilder(FileViewerCsv).add('en', en.default).add('ko', ko.default).add('th', th.default).add('ja', ja.default).build();
 
-exports.default = FileViewerCsv$1;
+exports.default = FileViewerCsv_default;

package/cjs/components/shared/file-viewer/FileViewerImage.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { FileViewerBaseProps } from './FileViewer';
 declare const FileViewerImage: React.VFC<FileViewerBaseProps>;
 export default FileViewerImage;

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

@@ -2,31 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var blocks = require('@elice/blocks');
-var styled = require('styled-components');
 var ExerciseFileShimmer = require('../exercise-shimmer/ExerciseFileShimmer.js');
-require('../exercise-shimmer/ExerciseFileTabsShimmer.js');
-require('../exercise-shimmer/ExerciseFileTabShimmer.js');
-require('../exercise-shimmer/ExerciseFileTreeListShimmer.js');
-require('../exercise-shimmer/ExerciseFileTreeListItemShimmer.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 
-var StyledImage = styled__default.default.img.withConfig({
-  componentId: "sc-1bnx7lz-0"
-})(["max-width:100%;max-height:100%;height:auto;width:auto;"]);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var StyledImage = /*#__PURE__*/_styled__default.default("img", {
+  target: "e149xxe60"
+})("production" === "production" ? {
+  name: "1rrpinh",
+  styles: "max-width:100%;max-height:100%;height:auto;width:auto"
+} : {
+  name: "1rrpinh",
+  styles: "max-width:100%;max-height:100%;height:auto;width:auto",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var FileViewerImage = function FileViewerImage(_ref) {
   var fileurl = _ref.fileurl;
   if (!fileurl) {
     return jsxRuntime.jsx(ExerciseFileShimmer.default, {});
   }
   return jsxRuntime.jsx(blocks.Flex, {
+    auto: true,
     align: "center",
     justify: "center",
-    auto: true,
     overflow: "hidden",
     children: jsxRuntime.jsx(StyledImage, {
       src: fileurl,

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

@@ -3,25 +3,29 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var NotebookPreview = require('@nteract/notebook-preview');
-var styled = require('styled-components');
 var ExerciseFileShimmer = require('../exercise-shimmer/ExerciseFileShimmer.js');
-require('../exercise-shimmer/ExerciseFileTabsShimmer.js');
-require('../exercise-shimmer/ExerciseFileTabShimmer.js');
-require('../exercise-shimmer/ExerciseFileTreeListShimmer.js');
-require('../exercise-shimmer/ExerciseFileTreeListItemShimmer.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var NotebookPreview__default = /*#__PURE__*/_interopDefaultCompat(NotebookPreview);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-var StyledNotebookWrapper = styled__default.default.div.withConfig({
-  componentId: "sc-1fmae1h-0"
-})(["width:100%;height:100%;overflow:auto;background-color:white;padding:1rem;.notebook-preview{width:100%;height:100%;}"]);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var StyledNotebookWrapper = /*#__PURE__*/_styled__default.default("div", {
+  target: "e1cliib90"
+})("production" === "production" ? {
+  name: "17houcl",
+  styles: "width:100%;height:100%;overflow:auto;background-color:white;padding:1rem;.notebook-preview{width:100%;height:100%;}"
+} : {
+  name: "17houcl",
+  styles: "width:100%;height:100%;overflow:auto;background-color:white;padding:1rem;.notebook-preview{width:100%;height:100%;}",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var FileViewerIpynb = function FileViewerIpynb(_ref) {
   var fileurl = _ref.fileurl;
   var _React$useState = React__default.default.useState(null),
@@ -34,7 +38,7 @@ var FileViewerIpynb = function FileViewerIpynb(_ref) {
     }
     fetch(fileurl).then(function (res) {
       return res.text();
-    }).then(JSON.parse).then(setContent).catch(function (err) {
+    }).then(JSON.parse).then(setContent)["catch"](function (err) {
       return console.error(err);
     });
   }, [fileurl]);

package/cjs/components/shared/file-viewer/FileViewerNonViewable.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { WithIntlComponentBuilderProps } from '@elice/intl';
+import type React from 'react';
 import type { FileViewerBaseProps } from './FileViewer';
 interface FileViewerNonViewableProps extends FileViewerBaseProps {
     onTextViewerClick?: () => void;

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

@@ -2,35 +2,64 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var blocks = require('@elice/blocks');
 var icons = require('@elice/icons');
 var intl = require('@elice/intl');
 var FileSaver = require('file-saver');
-var styled = require('styled-components');
-var FileIcon = require('../file-icon/FileIcon.js');
 var nonViewable_en = require('./locales/nonViewable.en.json.js');
 var nonViewable_ko = require('./locales/nonViewable.ko.json.js');
 var nonViewable_th = require('./locales/nonViewable.th.json.js');
 var nonViewable_ja = require('./locales/nonViewable.ja.json.js');
+var FileIcon = require('../file-icon/FileIcon.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 var FileSaver__default = /*#__PURE__*/_interopDefaultCompat(FileSaver);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-var StyledContainer = styled__default.default.div.withConfig({
-  componentId: "sc-l8149y-0"
-})(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
-var StyledContainerContent = styled__default.default.div.withConfig({
-  componentId: "sc-l8149y-1"
-})(["display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 1.5rem;width:100%;max-width:20rem;height:100%;text-align:center;"]);
-var StyledButton = styled__default.default(blocks.Button).withConfig({
-  componentId: "sc-l8149y-2"
-})(["display:block;margin:0 auto;"]);
-var StyledButtonsWrap = styled__default.default.div.withConfig({
-  componentId: "sc-l8149y-3"
-})(["text-align:center;> *{margin-bottom:0.5rem;&:last-child{margin-bottom:0;}}"]);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var StyledContainer = /*#__PURE__*/_styled__default.default("div", {
+  target: "e4g4oyf3"
+})("production" === "production" ? {
+  name: "e0j0on",
+  styles: "display:flex;justify-content:center;align-items:center;width:100%;height:100%"
+} : {
+  name: "e0j0on",
+  styles: "display:flex;justify-content:center;align-items:center;width:100%;height:100%",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledContainerContent = /*#__PURE__*/_styled__default.default("div", {
+  target: "e4g4oyf2"
+})("production" === "production" ? {
+  name: "1b3vh03",
+  styles: "display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 1.5rem;width:100%;max-width:20rem;height:100%;text-align:center"
+} : {
+  name: "1b3vh03",
+  styles: "display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 1.5rem;width:100%;max-width:20rem;height:100%;text-align:center",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledButton = /*#__PURE__*/_styled__default.default(blocks.Button, {
+  target: "e4g4oyf1"
+})("production" === "production" ? {
+  name: "12byf7z",
+  styles: "display:block;margin:0 auto"
+} : {
+  name: "12byf7z",
+  styles: "display:block;margin:0 auto",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledButtonsWrap = /*#__PURE__*/_styled__default.default("div", {
+  target: "e4g4oyf0"
+})("production" === "production" ? {
+  name: "nfymje",
+  styles: "text-align:center;>*{margin-bottom:0.5rem;&:last-child{margin-bottom:0;}}"
+} : {
+  name: "nfymje",
+  styles: "text-align:center;>*{margin-bottom:0.5rem;&:last-child{margin-bottom:0;}}",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var FileViewerNonViewable = function FileViewerNonViewable(_ref) {
   var filename = _ref.filename,
     fileurl = _ref.fileurl,
@@ -47,7 +76,7 @@ var FileViewerNonViewable = function FileViewerNonViewable(_ref) {
       return res.blob();
     }).then(function (blob) {
       return FileSaver__default.default.saveAs(blob, filename);
-    }).catch(function () {
+    })["catch"](function () {
       var win = window.open(fileurl, '_blank');
       if (win) {
         win.focus();
@@ -80,9 +109,9 @@ var FileViewerNonViewable = function FileViewerNonViewable(_ref) {
       return null;
     }
     return jsxRuntime.jsx(blocks.Text, {
+      hoverable: true,
       role: "gray5",
       size: "tiny",
-      hoverable: true,
       onClick: onTextViewerClick,
       children: __intl.formatMessage({
         id: 'fileViewer.nonViewable.openViaTextEditor'

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

@@ -6,19 +6,9 @@ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHel
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var recoil = require('recoil');
-var recoil$1 = require('../../material-exercise/context/recoil.js');
-require('../../material-exercise/context/context.js');
-require('../../material-exercise/context/recoilTypes.js');
-require('../../material-exercise/context/subjects.js');
-require('../../material-exercise/context/ExerciseProvider.js');
 var ExerciseFileShimmer = require('../exercise-shimmer/ExerciseFileShimmer.js');
-require('../exercise-shimmer/ExerciseFileTabsShimmer.js');
-require('../exercise-shimmer/ExerciseFileTabShimmer.js');
-require('../exercise-shimmer/ExerciseFileTreeListShimmer.js');
-require('../exercise-shimmer/ExerciseFileTreeListItemShimmer.js');
 var MonacoEditorLazy = require('../monaco-editor/MonacoEditorLazy.js');
-require('../monaco-editor/MonacoEditorPerferenceForm.js');
-require('monaco-editor/esm/vs/editor/editor.api');
+var recoil$1 = require('../../material-exercise/context/recoil.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -39,7 +29,7 @@ var FileViewerText = function FileViewerText(_ref) {
     }
     fetch(fileurl).then(function (res) {
       return res.text();
-    }).then(setContent).catch(function (err) {
+    }).then(setContent)["catch"](function (err) {
       return console.error(err);
     });
   }, [fileurl]);
@@ -50,12 +40,12 @@ var FileViewerText = function FileViewerText(_ref) {
     return jsxRuntime.jsx(ExerciseFileShimmer.default, {});
   }
   return jsxRuntime.jsx(MonacoEditorLazy.default, {
+    noLanguageIntellisense: true,
     filename: filename,
     defaultValue: content,
     preference: Object.assign(Object.assign({}, preference), {
       readOnly: true
     }),
-    noLanguageIntellisense: true,
     locale: locale
   });
 };

package/cjs/components/shared/material-modal/MaterialModal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 interface MaterialModalProps {
     title: string;
     footer?: React.ReactChild;

package/cjs/components/shared/material-modal/MaterialModal.styled.d.ts

@@ -1,7 +1,20 @@
-/// <reference types="react" />
 import { Text } from '@elice/blocks';
-export declare const StyledModalWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledModalHeader: import("styled-components").StyledComponent<typeof Text, any, {}, never>;
-export declare const StyledModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledModalFooter: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledCloseButton: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("@elice/blocks").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>>, any, {}, never>;
+export declare const StyledModalWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledModalHeader: import("@emotion/styled").StyledComponent<Pick<import("@elice/blocks").TextProps, never> & Partial<Pick<import("@elice/blocks").TextProps, keyof import("@elice/blocks").TextProps>> & Partial<Pick<import("@elice/blocks").TextProps, never>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {
+    ref?: import("react").Ref<Text> | undefined;
+}>;
+export declare const StyledModalBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledModalFooter: import("@emotion/styled").StyledComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledCloseButton: import("@emotion/styled").StyledComponent<import("@elice/blocks").IconButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

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

@@ -1,28 +1,36 @@
 'use strict';
 
+var _styled = require('@emotion/styled/base');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
-var styled = require('styled-components');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 
-var StyledModalWrapper = styled__default.default.div.withConfig({
-  componentId: "sc-1ej7kso-0"
-})(["position:relative;display:flex;flex-flow:column nowrap;width:90vw;height:90vh;padding:0;background-color:", ";border-radius:0.375rem;"], designTokens.base.color.gray8);
-var StyledModalHeader = styled__default.default(blocks.Text).withConfig({
-  componentId: "sc-1ej7kso-1"
-})(["flex:0 1 auto;width:100%;height:3.25rem;min-height:3.25rem;line-height:3.25rem;border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;border-bottom:1px solid ", ";text-align:center;color:", ";"], designTokens.base.color.navy9, designTokens.base.color.white);
-var StyledModalBody = styled__default.default.div.withConfig({
-  componentId: "sc-1ej7kso-2"
-})(["position:relative;flex:1 1 auto;width:100%;height:80%;"]);
-var StyledModalFooter = styled__default.default(blocks.Flex).withConfig({
-  componentId: "sc-1ej7kso-3"
-})(["flex:0 1 auto;width:100%;height:3.75rem;min-height:3.75rem;border-bottom-left-radius:0.375rem;border-bottom-right-radius:0.375rem;border-top:1px solid ", ";padding:0.5rem 1.5rem;overflow:hidden;text-align:right;align-items:center;justify-content:flex-end;"], designTokens.base.color.navy9);
-var StyledCloseButton = styled__default.default(blocks.IconButton).withConfig({
-  componentId: "sc-1ej7kso-4"
-})(["position:absolute;top:0;right:0;color:", " !important;"], designTokens.base.color.gray4);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var StyledModalWrapper = /*#__PURE__*/_styled__default.default("div", {
+  target: "e1cl5wqs4"
+})("position:relative;display:flex;flex-flow:column nowrap;width:90vw;height:90vh;padding:0;background-color:", designTokens.base.color.gray8, ";border-radius:0.375rem;");
+var StyledModalHeader = /*#__PURE__*/_styled__default.default(blocks.Text, {
+  target: "e1cl5wqs3"
+})("flex:0 1 auto;width:100%;height:3.25rem;min-height:3.25rem;line-height:3.25rem;border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;border-bottom:1px solid ", designTokens.base.color.navy9, ";text-align:center;color:", designTokens.base.color.white, ";");
+var StyledModalBody = /*#__PURE__*/_styled__default.default("div", {
+  target: "e1cl5wqs2"
+})("production" === "production" ? {
+  name: "1pb620b",
+  styles: "position:relative;flex:1 1 auto;width:100%;height:80%"
+} : {
+  name: "1pb620b",
+  styles: "position:relative;flex:1 1 auto;width:100%;height:80%",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledModalFooter = /*#__PURE__*/_styled__default.default(blocks.Flex, {
+  target: "e1cl5wqs1"
+})("flex:0 1 auto;width:100%;height:3.75rem;min-height:3.75rem;border-bottom-left-radius:0.375rem;border-bottom-right-radius:0.375rem;border-top:1px solid ", designTokens.base.color.navy9, ";padding:0.5rem 1.5rem;overflow:hidden;text-align:right;align-items:center;justify-content:flex-end;");
+var StyledCloseButton = /*#__PURE__*/_styled__default.default(blocks.IconButton, {
+  target: "e1cl5wqs0"
+})("position:absolute;top:0;right:0;color:", designTokens.base.color.gray4, "!important;");
 
 exports.StyledCloseButton = StyledCloseButton;
 exports.StyledModalBody = StyledModalBody;