@elice/material-assignment 1.231227.0 → 1.240112.0-cloud.0

package/cjs/components/material-assignment/MaterialAssignment.js

@@ -10,32 +10,26 @@ var styled = require('styled-components');
 var locales = require('./locales.js');
 var MaterialAssignmentContent = require('./MaterialAssignmentContent.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledMaterialAssignmentWrapper = styled__default["default"].div.withConfig({
+const StyledMaterialAssignmentWrapper = styled.div.withConfig({
   componentId: "sc-1kcyh7u-0"
 })(["display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:3.625rem;background-color:", ";"], designTokens.base.color.navy9);
-var MaterialAssignment = function MaterialAssignment(_ref) {
-  var className = _ref.className,
-    materialAssignmentId = _ref.materialAssignmentId,
-    userId = _ref.userId,
-    _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? 'en' : _ref$locale;
-  var prefixCls = 'em-material-assignment';
-  return React__default["default"].createElement(StyledMaterialAssignmentWrapper, {
-    className: classnames__default["default"](prefixCls, className)
-  }, React__default["default"].createElement(reactIntl.IntlProvider, {
+const MaterialAssignment = ({
+  className,
+  materialAssignmentId,
+  userId,
+  locale = 'en'
+}) => {
+  const prefixCls = 'em-material-assignment';
+  return React.createElement(StyledMaterialAssignmentWrapper, {
+    className: classnames(prefixCls, className)
+  }, React.createElement(reactIntl.IntlProvider, {
     locale: locale,
     defaultLocale: "en",
     messages: locale in locales ? locales[locale] : locales.en
-  }, React__default["default"].createElement(MaterialAssignmentContent["default"], {
+  }, React.createElement(MaterialAssignmentContent.default, {
     materialAssignmentId: materialAssignmentId,
     userId: userId
   })));
 };
 
-exports["default"] = MaterialAssignment;
+exports.default = MaterialAssignment;

package/cjs/components/material-assignment/MaterialAssignmentContent.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var apiClient = require('@elice/api-client');
@@ -12,66 +11,41 @@ var types = require('@elice/types');
 var MaterialAssignmentContainer = require('../shared/MaterialAssignmentContainer.js');
 var MaterialAssignmentUploadModal = require('./MaterialAssignmentUploadModal.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var GRADE_LIST_COUNT = 20;
-var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
-  var materialAssignmentId = _ref.materialAssignmentId,
-    userId = _ref.userId;
-  var intl = reactIntl.useIntl();
-  var isReady = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
-  var _useMaterialFetchRaw = materialSharedUtils.useMaterialFetchRaw(types.enums.LectureMaterialType.Assignment, React__default["default"].useCallback(function (signal) {
-      return apiClient.getOrgMaterialAssignmentGet({
-        materialAssignmentId: materialAssignmentId
-      }, {
-        signal: signal
-      });
-    }, [materialAssignmentId]), isReady),
-    materialAssignment = _useMaterialFetchRaw.materialAssignment,
-    materialLecturePage = _useMaterialFetchRaw.materialLecturePage,
-    assignmentGetStatus = _useMaterialFetchRaw.status,
-    doGetOrgMaterialAssignmentGet = _useMaterialFetchRaw.refetch;
-  var _React$useState = React__default["default"].useState('idle'),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    assignmentGradeListGetStatus = _React$useState2[0],
-    setAssignmentGradeListGetStatus = _React$useState2[1];
-  var _React$useState3 = React__default["default"].useState('idle'),
-    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
-    assignmentGradeResultGetStatus = _React$useState4[0],
-    setAssignmentGradeResultGetStatus = _React$useState4[1];
-  var _React$useState5 = React__default["default"].useState('idle'),
-    _React$useState6 = _rollupPluginBabelHelpers.slicedToArray(_React$useState5, 2),
-    assignmentSubmissionGetStatus = _React$useState6[0],
-    setAssignmentSubmissionGetStatus = _React$useState6[1];
-  var _React$useState7 = React__default["default"].useState(),
-    _React$useState8 = _rollupPluginBabelHelpers.slicedToArray(_React$useState7, 2),
-    materialAssignmentSubmission = _React$useState8[0],
-    setMaterialAssignmentSubmission = _React$useState8[1];
-  var _React$useState9 = React__default["default"].useState(),
-    _React$useState10 = _rollupPluginBabelHelpers.slicedToArray(_React$useState9, 2),
-    materialAssignmentGradeResult = _React$useState10[0],
-    setMaterialAssignmentGradeResult = _React$useState10[1];
-  var _React$useState11 = React__default["default"].useState(),
-    _React$useState12 = _rollupPluginBabelHelpers.slicedToArray(_React$useState11, 2),
-    materialAssignmentGradeList = _React$useState12[0],
-    setMaterialAssignmentGradeList = _React$useState12[1];
+const GRADE_LIST_COUNT = 20;
+const MaterialAssignmentContent = ({
+  materialAssignmentId,
+  userId
+}) => {
+  const intl = reactIntl.useIntl();
+  const isReady = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
+  const {
+    materialAssignment,
+    materialLecturePage,
+    status: assignmentGetStatus,
+    refetch: doGetOrgMaterialAssignmentGet
+  } = materialSharedUtils.useMaterialFetchRaw(types.enums.LectureMaterialType.Assignment, React.useCallback(signal => apiClient.getOrgMaterialAssignmentGet({
+    materialAssignmentId
+  }, {
+    signal
+  }), [materialAssignmentId]), isReady);
+  const [assignmentGradeListGetStatus, setAssignmentGradeListGetStatus] = React.useState('idle');
+  const [assignmentGradeResultGetStatus, setAssignmentGradeResultGetStatus] = React.useState('idle');
+  const [assignmentSubmissionGetStatus, setAssignmentSubmissionGetStatus] = React.useState('idle');
+  const [materialAssignmentSubmission, setMaterialAssignmentSubmission] = React.useState();
+  const [materialAssignmentGradeResult, setMaterialAssignmentGradeResult] = React.useState();
+  const [materialAssignmentGradeList, setMaterialAssignmentGradeList] = React.useState();
   /** Is confirm modal visible? */
-  var _React$useState13 = React__default["default"].useState(false),
-    _React$useState14 = _rollupPluginBabelHelpers.slicedToArray(_React$useState13, 2),
-    showAssignmentSubmitModal = _React$useState14[0],
-    setShowAssignmentSubmitModal = _React$useState14[1];
-  var isAssignmentSubmitted = Boolean(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.lastAssignmentSubmissionId);
-  var isAssignmentClosed = materialAssignment && Boolean(materialAssignment.closeDatetime < Date.now());
-  var isAssignmentResultVisible = Boolean(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.scoreFinalizedDatetime);
+  const [showAssignmentSubmitModal, setShowAssignmentSubmitModal] = React.useState(false);
+  const isAssignmentSubmitted = Boolean(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.lastAssignmentSubmissionId);
+  const isAssignmentClosed = materialAssignment && Boolean(materialAssignment.closeDatetime < Date.now());
+  const isAssignmentResultVisible = Boolean(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.scoreFinalizedDatetime);
   //
   //
   //
   /**
    * When Grade_result exist, a comment list is called.
    */
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (!isReady) {
       return;
     }
@@ -82,16 +56,17 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
     apiClient.getOrgMaterialAssignmentGradeList({
       offset: 0,
       count: GRADE_LIST_COUNT,
-      materialAssignmentId: materialAssignmentId,
+      materialAssignmentId,
       filterConditions: {
-        userId: userId
+        userId
       }
-    }).then(function (_ref2) {
-      var materialAssignmentGrades = _ref2.materialAssignmentGrades;
-        _ref2.materialAssignmentGradeCount;
+    }).then(({
+      materialAssignmentGrades,
+      materialAssignmentGradeCount
+    }) => {
       setAssignmentGradeListGetStatus('resolved');
       setMaterialAssignmentGradeList(materialAssignmentGrades);
-    }).catch(function (error) {
+    }).catch(error => {
       console.error(error);
       setAssignmentGradeListGetStatus('rejected');
     });
@@ -99,7 +74,7 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
   /**
    * When Grade_result exist, a score is called.
    */
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (!isReady) {
       return;
     }
@@ -108,13 +83,14 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
     }
     setAssignmentGradeResultGetStatus('pending');
     apiClient.getOrgMaterialAssignmentGradeResultGet({
-      materialAssignmentId: materialAssignmentId,
-      userId: userId
-    }).then(function (_ref3) {
-      var materialAssignmentGradeResult = _ref3.materialAssignmentGradeResult;
+      materialAssignmentId,
+      userId
+    }).then(({
+      materialAssignmentGradeResult
+    }) => {
       setAssignmentGradeResultGetStatus('resolved');
       setMaterialAssignmentGradeResult(materialAssignmentGradeResult);
-    }).catch(function (error) {
+    }).catch(error => {
       console.error(error);
       setAssignmentGradeResultGetStatus('rejected');
     });
@@ -122,7 +98,7 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
   /**
    * Get information on the assignment submitted
    */
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     var _a;
     if (!isReady) {
       return;
@@ -135,21 +111,22 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
     setAssignmentSubmissionGetStatus('pending');
     apiClient.getOrgMaterialAssignmentSubmissionGet({
       materialAssignmentSubmissionId: (_a = materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.lastAssignmentSubmissionId) !== null && _a !== void 0 ? _a : 0
-    }).then(function (_ref4) {
-      var materialAssignmentSubmission = _ref4.materialAssignmentSubmission;
+    }).then(({
+      materialAssignmentSubmission
+    }) => {
       setAssignmentSubmissionGetStatus('resolved');
       setMaterialAssignmentSubmission(materialAssignmentSubmission);
-    }).catch(function (error) {
+    }).catch(error => {
       console.error(error);
       setAssignmentSubmissionGetStatus('rejected');
       setMaterialAssignmentSubmission(undefined);
     });
   }, [isAssignmentSubmitted, isReady, materialAssignment]);
   if (assignmentGetStatus === 'pending' || assignmentGradeListGetStatus === 'pending' || assignmentGradeResultGetStatus === 'pending' || assignmentSubmissionGetStatus === 'pending') {
-    return React__default["default"].createElement(blocks.Spinner, null);
+    return React.createElement(blocks.Spinner, null);
   }
   if (!materialAssignment || assignmentGetStatus === 'rejected') {
-    return React__default["default"].createElement(blocks.Text, {
+    return React.createElement(blocks.Text, {
       role: "white"
     }, intl.formatMessage({
       id: 'materialAssignment.error'
@@ -158,12 +135,12 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
   /**
    *
    */
-  var renderAssignmentInfo = function renderAssignmentInfo() {
+  const renderAssignmentInfo = () => {
     var _a;
-    var assignmentFilename = decodeURIComponent((materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.assignmentFileUrl) && new URL(materialAssignmentSubmission.assignmentFileUrl).pathname.split('/').pop() || '');
-    var renderAssignmentStatus = function renderAssignmentStatus() {
+    const assignmentFilename = decodeURIComponent((materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.assignmentFileUrl) && new URL(materialAssignmentSubmission.assignmentFileUrl).pathname.split('/').pop() || '');
+    const renderAssignmentStatus = () => {
       if (!isAssignmentSubmitted && isAssignmentClosed) {
-        return React__default["default"].createElement(blocks.Text, {
+        return React.createElement(blocks.Text, {
           bold: true,
           role: "danger",
           size: "small"
@@ -172,7 +149,7 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
         }));
       }
       if (isAssignmentResultVisible) {
-        return React__default["default"].createElement(blocks.Text, {
+        return React.createElement(blocks.Text, {
           bold: true,
           role: "lightpurple",
           size: "small"
@@ -181,7 +158,7 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
         }));
       }
       if (isAssignmentSubmitted) {
-        return React__default["default"].createElement(blocks.Text, {
+        return React.createElement(blocks.Text, {
           bold: true,
           role: "success",
           size: "small"
@@ -189,7 +166,7 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
           id: 'materialAssignment.status.submitted'
         }));
       }
-      return React__default["default"].createElement(blocks.Text, {
+      return React.createElement(blocks.Text, {
         bold: true,
         role: "warning",
         size: "small"
@@ -197,9 +174,9 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
         id: 'materialAssignment.status.noSubmitted'
       }));
     };
-    var renderAssignmentScore = function renderAssignmentScore() {
+    const renderAssignmentScore = () => {
       var _a;
-      return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(blocks.Text, {
+      return React.createElement(React.Fragment, null, React.createElement(blocks.Text, {
         bold: true,
         role: "white",
         size: "small"
@@ -207,18 +184,18 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
         id: 'materialAssignment.table.column.score'
       }, {
         score: (_a = materialAssignmentGradeResult === null || materialAssignmentGradeResult === void 0 ? void 0 : materialAssignmentGradeResult.score) !== null && _a !== void 0 ? _a : '--'
-      })), React__default["default"].createElement(blocks.Hspace, {
+      })), React.createElement(blocks.Hspace, {
         width: 0.25
       }));
     };
-    var renderAssignmentAttachment = function renderAssignmentAttachment() {
+    const renderAssignmentAttachment = () => {
       if (materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.assignmentFileUrl) {
-        return React__default["default"].createElement("a", {
+        return React.createElement("a", {
           href: materialAssignmentSubmission.assignmentFileUrl,
           download: assignmentFilename,
           target: "_blank",
           rel: "noopener noreferrer"
-        }, React__default["default"].createElement(blocks.Text, {
+        }, React.createElement(blocks.Text, {
           hoverable: true,
           underline: true,
           role: "white",
@@ -226,11 +203,11 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
         }, assignmentFilename));
       }
       if (materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.assignmentUrl) {
-        return React__default["default"].createElement("a", {
+        return React.createElement("a", {
           href: materialAssignmentSubmission.assignmentUrl,
           target: "_blank",
           rel: "noopener noreferrer"
-        }, React__default["default"].createElement(blocks.Text, {
+        }, React.createElement(blocks.Text, {
           hoverable: true,
           underline: true,
           role: "white",
@@ -239,42 +216,40 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
       }
       return '--';
     };
-    return React__default["default"].createElement(blocks.InfoTable, {
+    return React.createElement(blocks.InfoTable, {
       dark: true
-    }, React__default["default"].createElement("tbody", null, React__default["default"].createElement("tr", null, React__default["default"].createElement("td", {
+    }, React.createElement("tbody", null, React.createElement("tr", null, React.createElement("td", {
       style: {
         width: '19%'
       }
     }, intl.formatMessage({
       id: 'materialAssignment.table.column.status'
-    })), React__default["default"].createElement("td", null, renderAssignmentStatus())), React__default["default"].createElement("tr", null, React__default["default"].createElement("td", null, intl.formatMessage({
+    })), React.createElement("td", null, renderAssignmentStatus())), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
       id: 'materialAssignment.table.column.deadlineDatetime'
-    })), React__default["default"].createElement("td", null, React__default["default"].createElement(reactIntl.FormattedDate, {
+    })), React.createElement("td", null, React.createElement(reactIntl.FormattedDate, {
       value: materialAssignment.closeDatetime,
       dateStyle: "medium",
       timeStyle: "short"
-    }))), React__default["default"].createElement("tr", null, React__default["default"].createElement("td", null, intl.formatMessage({
+    }))), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
       id: 'materialAssignment.table.column.lastSubmitDatetime'
-    })), React__default["default"].createElement("td", null, (materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.createdDatetime) ? React__default["default"].createElement(reactIntl.FormattedDate, {
+    })), React.createElement("td", null, (materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.createdDatetime) ? React.createElement(reactIntl.FormattedDate, {
       value: materialAssignmentSubmission.createdDatetime,
       dateStyle: "medium",
       timeStyle: "short"
-    }) : '--')), React__default["default"].createElement("tr", null, React__default["default"].createElement("td", null, intl.formatMessage({
+    }) : '--')), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
       id: 'materialAssignment.table.column.uploadedFile'
-    })), React__default["default"].createElement("td", null, React__default["default"].createElement("div", null, renderAssignmentAttachment(), React__default["default"].createElement(blocks.Vspace, {
+    })), React.createElement("td", null, React.createElement("div", null, renderAssignmentAttachment(), React.createElement(blocks.Vspace, {
       height: 0.75
-    }), React__default["default"].createElement(blocks.Button, {
+    }), React.createElement(blocks.Button, {
       size: "tiny",
       role: "lightpurple",
       disabled: [isAssignmentResultVisible, !materialAssignment.isResubmitEnabled && isAssignmentSubmitted, isAssignmentClosed].some(Boolean),
-      onClick: function onClick() {
-        return setShowAssignmentSubmitModal(true);
-      }
+      onClick: () => setShowAssignmentSubmitModal(true)
     }, intl.formatMessage({
       id: 'materialAssignment.button.upload'
-    }))))), React__default["default"].createElement("tr", null, React__default["default"].createElement("td", null, intl.formatMessage({
+    }))))), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
       id: 'materialAssignment.table.column.assignmentScore'
-    })), React__default["default"].createElement("td", null, renderAssignmentScore(), React__default["default"].createElement(blocks.Text, {
+    })), React.createElement("td", null, renderAssignmentScore(), React.createElement(blocks.Text, {
       role: "navy4",
       size: "small"
     }, intl.formatMessage({
@@ -286,9 +261,9 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
   /**
    *
    */
-  var renderAssignmentFeedback = function renderAssignmentFeedback() {
+  const renderAssignmentFeedback = () => {
     var _a;
-    var tableColumns = [{
+    const tableColumns = [{
       Header: intl.formatMessage({
         id: 'materialAssignment.table.header.index'
       }),
@@ -300,19 +275,15 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
       }),
       accessor: 'feedback'
     }];
-    var tableData = (_a = materialAssignmentGradeList === null || materialAssignmentGradeList === void 0 ? void 0 : materialAssignmentGradeList.filter(function (grade) {
-      return grade.comment.length;
-    }).map(function (grade, index) {
-      return {
-        index: index + 1,
-        feedback: React__default["default"].createElement(blocks.Text, {
-          preWrap: true,
-          size: "small",
-          role: "navy1"
-        }, grade.comment)
-      };
-    })) !== null && _a !== void 0 ? _a : [];
-    return React__default["default"].createElement(blocks.TableNext, {
+    const tableData = (_a = materialAssignmentGradeList === null || materialAssignmentGradeList === void 0 ? void 0 : materialAssignmentGradeList.filter(grade => grade.comment.length).map((grade, index) => ({
+      index: index + 1,
+      feedback: React.createElement(blocks.Text, {
+        preWrap: true,
+        size: "small",
+        role: "navy1"
+      }, grade.comment)
+    }))) !== null && _a !== void 0 ? _a : [];
+    return React.createElement(blocks.TableNext, {
       dark: true,
       columns: tableColumns,
       data: tableData,
@@ -324,49 +295,47 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
   /**
    *
    */
-  var renderAssignmentUploadModal = function renderAssignmentUploadModal() {
+  const renderAssignmentUploadModal = () => {
     if (!showAssignmentSubmitModal) {
       return null;
     }
-    return React__default["default"].createElement(MaterialAssignmentUploadModal["default"], {
+    return React.createElement(MaterialAssignmentUploadModal.default, {
       materialAssignment: materialAssignment,
-      onClose: function onClose() {
-        return setShowAssignmentSubmitModal(false);
-      },
+      onClose: () => setShowAssignmentSubmitModal(false),
       onSubmitCallback: doGetOrgMaterialAssignmentGet
     });
   };
-  return React__default["default"].createElement(MaterialAssignmentContainer["default"], {
+  return React.createElement(MaterialAssignmentContainer.default, {
     title: materialAssignment.title
-  }, React__default["default"].createElement(blocks.Text, {
+  }, React.createElement(blocks.Text, {
     bold: true,
     block: true,
     role: "white"
   }, intl.formatMessage({
     id: 'materialAssignment.label.general'
-  })), React__default["default"].createElement(blocks.Text, {
+  })), React.createElement(blocks.Text, {
     role: "navy3",
     size: "tiny"
   }, intl.formatMessage({
     id: 'materialAssignment.description.general'
-  })), React__default["default"].createElement(blocks.Vspace, {
+  })), React.createElement(blocks.Vspace, {
     height: 0.75
-  }), renderAssignmentInfo(), React__default["default"].createElement(blocks.Vspace, {
+  }), renderAssignmentInfo(), React.createElement(blocks.Vspace, {
     height: 1.5
-  }), React__default["default"].createElement(blocks.Text, {
+  }), React.createElement(blocks.Text, {
     bold: true,
     block: true,
     role: "white"
   }, intl.formatMessage({
     id: 'materialAssignment.label.feedback'
-  })), React__default["default"].createElement(blocks.Text, {
+  })), React.createElement(blocks.Text, {
     role: "navy3",
     size: "tiny"
   }, intl.formatMessage({
     id: 'materialAssignment.description.feedback'
-  })), React__default["default"].createElement(blocks.Vspace, {
+  })), React.createElement(blocks.Vspace, {
     height: 0.75
   }), renderAssignmentFeedback(), renderAssignmentUploadModal());
 };
 
-exports["default"] = MaterialAssignmentContent;
+exports.default = MaterialAssignmentContent;