@elice/material-assignment 1.230325.0 → 1.230418.0

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

@@ -1,5 +1,8 @@
 'use strict';
 
+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');
@@ -13,67 +16,82 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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__default["default"].useCallback(signal => apiClient.getOrgMaterialAssignmentGet({
-    materialAssignmentId
-  }, {
-    signal
-  }), [materialAssignmentId]), isReady);
-  const [assignmentGradeListGetStatus, setAssignmentGradeListGetStatus] = React__default["default"].useState('idle');
-  const [assignmentGradeResultGetStatus, setAssignmentGradeResultGetStatus] = React__default["default"].useState('idle');
-  const [assignmentSubmissionGetStatus, setAssignmentSubmissionGetStatus] = React__default["default"].useState('idle');
-  const [materialAssignmentSubmission, setMaterialAssignmentSubmission] = React__default["default"].useState();
-  const [materialAssignmentGradeResult, setMaterialAssignmentGradeResult] = React__default["default"].useState();
-  const [materialAssignmentGradeList, setMaterialAssignmentGradeList] = React__default["default"].useState();
+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];
   /** Is confirm modal visible? */
-
-  const [showAssignmentSubmitModal, setShowAssignmentSubmitModal] = React__default["default"].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); //
+  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);
+  //
   //
   //
-
   /**
    * When Grade_result exist, a comment list is called.
    */
-
-  React__default["default"].useEffect(() => {
+  React__default["default"].useEffect(function () {
     if (!isReady) {
       return;
     }
-
     if (!isAssignmentResultVisible) {
       return;
     }
-
     setAssignmentGradeListGetStatus('pending');
     apiClient.getOrgMaterialAssignmentGradeList({
       offset: 0,
       count: GRADE_LIST_COUNT,
-      materialAssignmentId,
+      materialAssignmentId: materialAssignmentId,
       filterConditions: {
-        userId
+        userId: userId
       }
-    }).then(({
-      materialAssignmentGrades,
-      materialAssignmentGradeCount
-    }) => {
+    }).then(function (_ref2) {
+      var materialAssignmentGrades = _ref2.materialAssignmentGrades;
+        _ref2.materialAssignmentGradeCount;
       setAssignmentGradeListGetStatus('resolved');
       setMaterialAssignmentGradeList(materialAssignmentGrades);
-    }).catch(error => {
+    }).catch(function (error) {
       console.error(error);
       setAssignmentGradeListGetStatus('rejected');
     });
@@ -81,26 +99,22 @@ const MaterialAssignmentContent = ({
   /**
    * When Grade_result exist, a score is called.
    */
-
-  React__default["default"].useEffect(() => {
+  React__default["default"].useEffect(function () {
     if (!isReady) {
       return;
     }
-
     if (!isAssignmentResultVisible) {
       return;
     }
-
     setAssignmentGradeResultGetStatus('pending');
     apiClient.getOrgMaterialAssignmentGradeResultGet({
-      materialAssignmentId,
-      userId
-    }).then(({
-      materialAssignmentGradeResult
-    }) => {
+      materialAssignmentId: materialAssignmentId,
+      userId: userId
+    }).then(function (_ref3) {
+      var materialAssignmentGradeResult = _ref3.materialAssignmentGradeResult;
       setAssignmentGradeResultGetStatus('resolved');
       setMaterialAssignmentGradeResult(materialAssignmentGradeResult);
-    }).catch(error => {
+    }).catch(function (error) {
       console.error(error);
       setAssignmentGradeResultGetStatus('rejected');
     });
@@ -108,39 +122,32 @@ const MaterialAssignmentContent = ({
   /**
    * Get information on the assignment submitted
    */
-
-  React__default["default"].useEffect(() => {
+  React__default["default"].useEffect(function () {
     var _a;
-
     if (!isReady) {
       return;
-    } // Get assignment response according to `lastAssignmentSubmissionId` of material.
-
-
+    }
+    // Get assignment response according to `lastAssignmentSubmissionId` of material.
     if (!isAssignmentSubmitted) {
       setMaterialAssignmentSubmission(undefined);
       return;
     }
-
     setAssignmentSubmissionGetStatus('pending');
     apiClient.getOrgMaterialAssignmentSubmissionGet({
       materialAssignmentSubmissionId: (_a = materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.lastAssignmentSubmissionId) !== null && _a !== void 0 ? _a : 0
-    }).then(({
-      materialAssignmentSubmission
-    }) => {
+    }).then(function (_ref4) {
+      var materialAssignmentSubmission = _ref4.materialAssignmentSubmission;
       setAssignmentSubmissionGetStatus('resolved');
       setMaterialAssignmentSubmission(materialAssignmentSubmission);
-    }).catch(error => {
+    }).catch(function (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);
   }
-
   if (!materialAssignment || assignmentGetStatus === 'rejected') {
     return React__default["default"].createElement(blocks.Text, {
       role: "white"
@@ -151,14 +158,10 @@ const MaterialAssignmentContent = ({
   /**
    *
    */
-
-
-  const renderAssignmentInfo = () => {
+  var renderAssignmentInfo = function renderAssignmentInfo() {
     var _a;
-
-    const assignmentFilename = decodeURIComponent((materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.assignmentFileUrl) && new URL(materialAssignmentSubmission.assignmentFileUrl).pathname.split('/').pop() || '');
-
-    const renderAssignmentStatus = () => {
+    var assignmentFilename = decodeURIComponent((materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.assignmentFileUrl) && new URL(materialAssignmentSubmission.assignmentFileUrl).pathname.split('/').pop() || '');
+    var renderAssignmentStatus = function renderAssignmentStatus() {
       if (!isAssignmentSubmitted && isAssignmentClosed) {
         return React__default["default"].createElement(blocks.Text, {
           bold: true,
@@ -168,7 +171,6 @@ const MaterialAssignmentContent = ({
           id: 'materialAssignment.status.deadlineExpired'
         }));
       }
-
       if (isAssignmentResultVisible) {
         return React__default["default"].createElement(blocks.Text, {
           bold: true,
@@ -178,7 +180,6 @@ const MaterialAssignmentContent = ({
           id: 'materialAssignment.status.graded'
         }));
       }
-
       if (isAssignmentSubmitted) {
         return React__default["default"].createElement(blocks.Text, {
           bold: true,
@@ -188,7 +189,6 @@ const MaterialAssignmentContent = ({
           id: 'materialAssignment.status.submitted'
         }));
       }
-
       return React__default["default"].createElement(blocks.Text, {
         bold: true,
         role: "warning",
@@ -197,10 +197,8 @@ const MaterialAssignmentContent = ({
         id: 'materialAssignment.status.noSubmitted'
       }));
     };
-
-    const renderAssignmentScore = () => {
+    var renderAssignmentScore = function renderAssignmentScore() {
       var _a;
-
       return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(blocks.Text, {
         bold: true,
         role: "white",
@@ -213,8 +211,7 @@ const MaterialAssignmentContent = ({
         width: 0.25
       }));
     };
-
-    const renderAssignmentAttachment = () => {
+    var renderAssignmentAttachment = function renderAssignmentAttachment() {
       if (materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.assignmentFileUrl) {
         return React__default["default"].createElement("a", {
           href: materialAssignmentSubmission.assignmentFileUrl,
@@ -228,7 +225,6 @@ const MaterialAssignmentContent = ({
           size: "small"
         }, assignmentFilename));
       }
-
       if (materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.assignmentUrl) {
         return React__default["default"].createElement("a", {
           href: materialAssignmentSubmission.assignmentUrl,
@@ -241,10 +237,8 @@ const MaterialAssignmentContent = ({
           size: "small"
         }, materialAssignmentSubmission.assignmentUrl));
       }
-
       return '--';
     };
-
     return React__default["default"].createElement(blocks.InfoTable, {
       dark: true
     }, React__default["default"].createElement("tbody", null, React__default["default"].createElement("tr", null, React__default["default"].createElement("td", {
@@ -275,7 +269,9 @@ const MaterialAssignmentContent = ({
       size: "tiny",
       role: "lightpurple",
       disabled: [isAssignmentResultVisible, !materialAssignment.isResubmitEnabled && isAssignmentSubmitted, isAssignmentClosed].some(Boolean),
-      onClick: () => setShowAssignmentSubmitModal(true)
+      onClick: function onClick() {
+        return setShowAssignmentSubmitModal(true);
+      }
     }, intl.formatMessage({
       id: 'materialAssignment.button.upload'
     }))))), React__default["default"].createElement("tr", null, React__default["default"].createElement("td", null, intl.formatMessage({
@@ -292,12 +288,9 @@ const MaterialAssignmentContent = ({
   /**
    *
    */
-
-
-  const renderAssignmentFeedback = () => {
+  var renderAssignmentFeedback = function renderAssignmentFeedback() {
     var _a;
-
-    const tableColumns = [{
+    var tableColumns = [{
       Header: intl.formatMessage({
         id: 'materialAssignment.table.header.index'
       }),
@@ -309,14 +302,18 @@ const MaterialAssignmentContent = ({
       }),
       accessor: 'feedback'
     }];
-    const tableData = (_a = materialAssignmentGradeList === null || materialAssignmentGradeList === void 0 ? void 0 : materialAssignmentGradeList.filter(grade => grade.comment.length).map((grade, index) => ({
-      index: index + 1,
-      feedback: React__default["default"].createElement(blocks.Text, {
-        preWrap: true,
-        size: "small",
-        role: "navy1"
-      }, grade.comment)
-    }))) !== null && _a !== void 0 ? _a : [];
+    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, {
       dark: true,
       columns: tableColumns,
@@ -329,21 +326,19 @@ const MaterialAssignmentContent = ({
   /**
    *
    */
-
-
-  const renderAssignmentUploadModal = () => {
+  var renderAssignmentUploadModal = function renderAssignmentUploadModal() {
     if (!showAssignmentSubmitModal) {
       return null;
     }
-
-    return React__default["default"].createElement(MaterialAssignmentUploadModal, {
+    return React__default["default"].createElement(MaterialAssignmentUploadModal["default"], {
       materialAssignment: materialAssignment,
-      onClose: () => setShowAssignmentSubmitModal(false),
+      onClose: function onClose() {
+        return setShowAssignmentSubmitModal(false);
+      },
       onSubmitCallback: doGetOrgMaterialAssignmentGet
     });
   };
-
-  return React__default["default"].createElement(MaterialAssignmentContainer, {
+  return React__default["default"].createElement(MaterialAssignmentContainer["default"], {
     title: materialAssignment.title
   }, React__default["default"].createElement(blocks.Text, {
     bold: true,
@@ -376,4 +371,4 @@ const MaterialAssignmentContent = ({
   }), renderAssignmentFeedback(), renderAssignmentUploadModal());
 };
 
-module.exports = MaterialAssignmentContent;
+exports["default"] = MaterialAssignmentContent;

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

@@ -1,5 +1,8 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var reactIntl = require('react-intl');
@@ -14,76 +17,92 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledAssignmentContentFiles = styled__default["default"](blocks.Files).withConfig({
+var StyledAssignmentContentFiles = styled__default["default"](blocks.Files).withConfig({
   componentId: "sc-9bizrf-0"
 })(["width:100%;.eb-files__choose-button{border-color:", ";background-color:", ";}"], designTokens.base.color.primary5, designTokens.base.color.primary5);
-
-const MaterialAssignmentUploadModal = ({
-  materialAssignment,
-  onClose,
-  onSubmitCallback
-}) => {
-  const intl = reactIntl.useIntl();
-  const abortCtrl = React__default["default"].useRef(new AbortController());
+var MaterialAssignmentUploadModal = function MaterialAssignmentUploadModal(_ref) {
+  var materialAssignment = _ref.materialAssignment,
+    onClose = _ref.onClose,
+    onSubmitCallback = _ref.onSubmitCallback;
+  var intl = reactIntl.useIntl();
+  var abortCtrl = React__default["default"].useRef(new AbortController());
   /** Select submission method */
-
-  const [assignmentMode, setAssignmentMode] = React__default["default"].useState('attachment');
+  var _React$useState = React__default["default"].useState('attachment'),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    assignmentMode = _React$useState2[0],
+    setAssignmentMode = _React$useState2[1];
   /** Check "Once you submit it, you cannot submit it again." */
-
-  const [isAgreedSubmit, setAgreedSubmit] = React__default["default"].useState(false);
+  var _React$useState3 = React__default["default"].useState(false),
+    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
+    isAgreedSubmit = _React$useState4[0],
+    setAgreedSubmit = _React$useState4[1];
   /** Check if the submission time is past */
-
-  const isAssignmentClosed = Boolean(materialAssignment.closeDatetime < Date.now());
+  var isAssignmentClosed = Boolean(materialAssignment.closeDatetime < Date.now());
   /** Check if it is possible to resubmit */
-
-  const isAssignmentResubmitEnabled = Boolean(materialAssignment.isResubmitEnabled);
-  const {
-    control,
-    formState,
-    handleSubmit,
-    reset
-  } = reactHookForm.useForm({
-    mode: 'onChange'
-  });
+  var isAssignmentResubmitEnabled = Boolean(materialAssignment.isResubmitEnabled);
+  var _useForm = reactHookForm.useForm({
+      mode: 'onChange'
+    }),
+    control = _useForm.control,
+    formState = _useForm.formState,
+    handleSubmit = _useForm.handleSubmit,
+    reset = _useForm.reset;
   /**
    * Submit assignment.
    */
-
-  const submitAssignment = handleSubmit(async data => {
-    var _a;
-
-    try {
-      await apiClient.postOrgMaterialAssignmentSubmissionAdd(Object.assign(Object.assign({}, data), {
-        materialAssignmentId: (_a = materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.id) !== null && _a !== void 0 ? _a : 0
-      }), {
-        signal: abortCtrl.current.signal
-      });
-      onClose();
-      blocks.Notification.success(intl.formatMessage({
-        id: 'materialAssignment.notification.submit.success'
-      }));
-
-      if (typeof onSubmitCallback === 'function') {
-        onSubmitCallback();
-      }
-    } catch (error) {
-      if (error.name === 'AbortError') {
-        return blocks.Notification.error(intl.formatMessage({
-          id: 'materialAssignment.notification.submit.cancel'
-        }));
-      }
-
-      blocks.Notification.error(intl.formatMessage({
-        id: 'materialAssignment.notification.submit.failure'
-      }));
-    }
-  }); //
+  var submitAssignment = handleSubmit( /*#__PURE__*/function () {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(data) {
+      var _a;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return apiClient.postOrgMaterialAssignmentSubmissionAdd(Object.assign(Object.assign({}, data), {
+              materialAssignmentId: (_a = materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.id) !== null && _a !== void 0 ? _a : 0
+            }), {
+              signal: abortCtrl.current.signal
+            });
+          case 3:
+            onClose();
+            blocks.Notification.success(intl.formatMessage({
+              id: 'materialAssignment.notification.submit.success'
+            }));
+            if (typeof onSubmitCallback === 'function') {
+              onSubmitCallback();
+            }
+            _context.next = 13;
+            break;
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](0);
+            if (!(_context.t0.name === 'AbortError')) {
+              _context.next = 12;
+              break;
+            }
+            return _context.abrupt("return", blocks.Notification.error(intl.formatMessage({
+              id: 'materialAssignment.notification.submit.cancel'
+            })));
+          case 12:
+            blocks.Notification.error(intl.formatMessage({
+              id: 'materialAssignment.notification.submit.failure'
+            }));
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 8]]);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }());
   //
   //
-
-  React__default["default"].useEffect(() => {
-    const _abortCtrl = abortCtrl.current;
-    return () => {
+  //
+  React__default["default"].useEffect(function () {
+    var _abortCtrl = abortCtrl.current;
+    return function () {
       _abortCtrl.abort();
     };
   }, []);
@@ -116,7 +135,7 @@ const MaterialAssignmentUploadModal = ({
     purpleWhite: true,
     borderRound: true,
     value: assignmentMode,
-    onChange: value => {
+    onChange: function onChange(value) {
       reset();
       setAgreedSubmit(false);
       setAssignmentMode(value);
@@ -137,46 +156,47 @@ const MaterialAssignmentUploadModal = ({
     rules: {
       required: true
     },
-    render: ({
-      field
-    }) => React__default["default"].createElement(StyledAssignmentContentFiles, Object.assign({}, field, {
-      files: field.value ? [field.value] : undefined,
-      accept: "*",
-      maxCount: 1,
-      maxSize: 300,
-      disabled: isAssignmentClosed,
-      dropMessage: intl.formatMessage({
-        id: 'materialAssignment.attachment.dropMessage'
-      }),
-      buttonMessage: intl.formatMessage({
-        id: 'materialAssignment.attachment.button'
-      }),
-      maxSizeMessage: intl.formatMessage({
-        id: 'materialAssignment.attachment.maxSizeMessage'
-      }),
-      onChange: newFiles => {
-        if (Array.isArray(newFiles) && newFiles[0] instanceof File) {
-          field.onChange(newFiles[0]);
-        } else {
-          field.onChange(undefined);
+    render: function render(_ref3) {
+      var field = _ref3.field;
+      return React__default["default"].createElement(StyledAssignmentContentFiles, Object.assign({}, field, {
+        files: field.value ? [field.value] : undefined,
+        accept: "*",
+        maxCount: 1,
+        maxSize: 300,
+        disabled: isAssignmentClosed,
+        dropMessage: intl.formatMessage({
+          id: 'materialAssignment.attachment.dropMessage'
+        }),
+        buttonMessage: intl.formatMessage({
+          id: 'materialAssignment.attachment.button'
+        }),
+        maxSizeMessage: intl.formatMessage({
+          id: 'materialAssignment.attachment.maxSizeMessage'
+        }),
+        onChange: function onChange(newFiles) {
+          if (Array.isArray(newFiles) && newFiles[0] instanceof File) {
+            field.onChange(newFiles[0]);
+          } else {
+            field.onChange(undefined);
+          }
         }
-      }
-    }))
+      }));
+    }
   }) : React__default["default"].createElement(reactHookForm.Controller, {
     control: control,
     name: "assignmentUrl",
     rules: {
       required: true,
-      validate: url => utils.validateUrl(url !== null && url !== void 0 ? url : '') ? true : intl.formatMessage({
-        id: 'materialAssignment.input.invalid'
-      })
+      validate: function validate(url) {
+        return utils.validateUrl(url !== null && url !== void 0 ? url : '') ? true : intl.formatMessage({
+          id: 'materialAssignment.input.invalid'
+        });
+      }
     },
-    render: ({
-      field,
-      fieldState
-    }) => {
+    render: function render(_ref4) {
+      var field = _ref4.field,
+        fieldState = _ref4.fieldState;
       var _a;
-
       return React__default["default"].createElement(blocks.Input, Object.assign({}, field, {
         width: "full",
         size: "small",
@@ -198,4 +218,4 @@ const MaterialAssignmentUploadModal = ({
   })))));
 };
 
-module.exports = MaterialAssignmentUploadModal;
+exports["default"] = MaterialAssignmentUploadModal;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const en = {
+var en = {
   'materialAssignment.button.upload': 'Upload assignment',
   'materialAssignment.error': 'Failed to fetch assignment',
   'materialAssignment.status.noSubmitted': 'No submitted',
@@ -40,7 +40,7 @@ const en = {
   'materialAssignment.attachment.checkbox.onceSubmit': 'I have checked all the circumstances and agree to submit the assignment.',
   'materialAssignment.input.invalid': 'The URL is not of a valid format.'
 };
-const ko = {
+var ko = {
   'materialAssignment.button.upload': '과제 업로드',
   'materialAssignment.error': '과제를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.',
   'materialAssignment.status.noSubmitted': '미제출',