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

package/cjs/components/material-assignment-admin/MaterialAssignmentAdminContentTa.js

@@ -2,7 +2,6 @@
 
 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');
@@ -15,18 +14,14 @@ var dayjs = require('dayjs');
 var MaterialAssignmentContainer = require('../shared/MaterialAssignmentContainer.js');
 var MaterialAssignmentAdmin_styled = require('./MaterialAssignmentAdmin.styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
-
-var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa(_ref) {
-  var materialAssignmentId = _ref.materialAssignmentId,
-    userId = _ref.userId,
-    adminUserId = _ref.adminUserId;
+const MaterialAssignmentAdminContentTa = ({
+  materialAssignmentId,
+  userId,
+  adminUserId
+}) => {
   var _a;
   // Form
-  var gradeEditFormMethods = reactHookForm.useForm({
+  const gradeEditFormMethods = reactHookForm.useForm({
     defaultValues: {
       score: 0,
       comment: ''
@@ -34,100 +29,67 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
     mode: 'onChange'
   });
   // State related with component
-  var _React$useState = React__default["default"].useState(false),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    showGradeEditModal = _React$useState2[0],
-    setShowGradeEditModal = _React$useState2[1];
+  const [showGradeEditModal, setShowGradeEditModal] = React.useState(false);
   // State related with api
-  var _React$useState3 = React__default["default"].useState(null),
-    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
-    user = _React$useState4[0],
-    setUser = _React$useState4[1];
-  var _React$useState5 = React__default["default"].useState(null),
-    _React$useState6 = _rollupPluginBabelHelpers.slicedToArray(_React$useState5, 2),
-    materialAssignment = _React$useState6[0],
-    setMaterialAssignment = _React$useState6[1];
-  var _React$useState7 = React__default["default"].useState(null),
-    _React$useState8 = _rollupPluginBabelHelpers.slicedToArray(_React$useState7, 2),
-    userSubmission = _React$useState8[0],
-    setUserSubmission = _React$useState8[1];
-  var _React$useState9 = React__default["default"].useState(null),
-    _React$useState10 = _rollupPluginBabelHelpers.slicedToArray(_React$useState9, 2),
-    gradeResult = _React$useState10[0],
-    setGradeResult = _React$useState10[1];
-  var _React$useState11 = React__default["default"].useState(null),
-    _React$useState12 = _rollupPluginBabelHelpers.slicedToArray(_React$useState11, 2),
-    myGrade = _React$useState12[0],
-    setMyGrade = _React$useState12[1];
-  var isAssignmentClosed = dayjs__default["default"]().isAfter(dayjs__default["default"](materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.closeDatetime));
-  var isScoreFinalized = Boolean(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.scoreFinalizedDatetime);
-  var isUserSubmitted = Boolean(userSubmission);
+  const [user, setUser] = React.useState(null);
+  const [materialAssignment, setMaterialAssignment] = React.useState(null);
+  const [userSubmission, setUserSubmission] = React.useState(null);
+  const [gradeResult, setGradeResult] = React.useState(null);
+  const [myGrade, setMyGrade] = React.useState(null);
+  const isAssignmentClosed = dayjs().isAfter(dayjs(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.closeDatetime));
+  const isScoreFinalized = Boolean(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.scoreFinalizedDatetime);
+  const isUserSubmitted = Boolean(userSubmission);
   // API Status
-  var isReady = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
-  var _React$useState13 = React__default["default"].useState('idle'),
-    _React$useState14 = _rollupPluginBabelHelpers.slicedToArray(_React$useState13, 2),
-    submissionListGetStatus = _React$useState14[0],
-    setSubmissionListGetStatus = _React$useState14[1];
-  var fetchUserGet = React__default["default"].useCallback(function () {
+  const isReady = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
+  const [submissionListGetStatus, setSubmissionListGetStatus] = React.useState('idle');
+  const fetchUserGet = React.useCallback(() => {
     void apiClient.getOrgUserGet({
-      userId: userId
-    }).then(function (res) {
-      return res.user;
-    }).then(setUser);
+      userId
+    }).then(res => res.user).then(setUser);
   }, [userId]);
-  var fetchMaterialAssignmentGet = React__default["default"].useCallback(function () {
+  const fetchMaterialAssignmentGet = React.useCallback(() => {
     void apiClient.getOrgMaterialAssignmentGet({
-      materialAssignmentId: materialAssignmentId
-    }).then(function (res) {
-      return res.materialAssignment;
-    }).then(setMaterialAssignment);
+      materialAssignmentId
+    }).then(res => res.materialAssignment).then(setMaterialAssignment);
   }, [materialAssignmentId]);
-  var fetchSubmissionList = React__default["default"].useCallback(function () {
+  const fetchSubmissionList = React.useCallback(() => {
     setSubmissionListGetStatus('pending');
     void apiClient.getOrgMaterialAssignmentSubmissionList({
-      materialAssignmentId: materialAssignmentId,
+      materialAssignmentId,
       offset: 0,
       count: 1,
       filterConditions: {
         isLast: true,
         userIds: [userId]
       }
-    }).then(function (res) {
-      return res.materialAssignmentSubmissions[0];
-    }).then(function (submission) {
+    }).then(res => res.materialAssignmentSubmissions[0]).then(submission => {
       setUserSubmission(submission !== null && submission !== void 0 ? submission : null);
       setSubmissionListGetStatus('resolved');
-    }).catch(function (err) {
+    }).catch(err => {
       console.error(err);
       setSubmissionListGetStatus('rejected');
     });
   }, [materialAssignmentId, userId]);
-  var fetchGradeResult = React__default["default"].useCallback(function () {
+  const fetchGradeResult = React.useCallback(() => {
     void apiClient.getOrgMaterialAssignmentGradeResultGet({
-      materialAssignmentId: materialAssignmentId,
-      userId: userId
-    }).then(function (res) {
-      return res.materialAssignmentGradeResult;
-    }).then(setGradeResult).catch(function () {
+      materialAssignmentId,
+      userId
+    }).then(res => res.materialAssignmentGradeResult).then(setGradeResult).catch(() => {
       setGradeResult(null);
     });
   }, [materialAssignmentId, userId]);
-  var fetchMyGrade = React__default["default"].useCallback(function () {
+  const fetchMyGrade = React.useCallback(() => {
     void apiClient.getOrgMaterialAssignmentGradeList({
-      materialAssignmentId: materialAssignmentId,
+      materialAssignmentId,
       offset: 0,
       count: 1,
       filterConditions: {
-        userId: userId,
+        userId,
         gradeUserId: adminUserId
       }
-    }).then(function (res) {
-      return res.materialAssignmentGrades[0];
-    }).then(function (grade) {
-      return setMyGrade(grade !== null && grade !== void 0 ? grade : null);
-    });
+    }).then(res => res.materialAssignmentGrades[0]).then(grade => setMyGrade(grade !== null && grade !== void 0 ? grade : null));
   }, [adminUserId, materialAssignmentId, userId]);
-  var handleGradeEditClick = function handleGradeEditClick() {
+  const handleGradeEditClick = () => {
     var _a, _b;
     setShowGradeEditModal(true);
     gradeEditFormMethods.reset({
@@ -135,47 +97,28 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
       comment: (_b = myGrade === null || myGrade === void 0 ? void 0 : myGrade.comment) !== null && _b !== void 0 ? _b : ''
     });
   };
-  var handleGradeEditSubmit = gradeEditFormMethods.handleSubmit( /*#__PURE__*/function () {
-    var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(_ref2) {
-      var score, comment;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            score = _ref2.score, comment = _ref2.comment;
-            _context.prev = 1;
-            _context.next = 4;
-            return apiClient.postOrgMaterialAssignmentGradeEdit({
-              materialAssignmentGradeId: myGrade === null || myGrade === void 0 ? void 0 : myGrade.id,
-              materialAssignmentId: materialAssignmentId,
-              userId: userId,
-              score: score,
-              comment: comment
-            });
-          case 4:
-            fetchMyGrade();
-            blocks.Notification.success('저장되었습니다');
-            _context.next = 12;
-            break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](1);
-            console.error(_context.t0);
-            blocks.Notification.error('오류가 발생했습니다.');
-          case 12:
-            _context.prev = 12;
-            setShowGradeEditModal(false);
-            return _context.finish(12);
-          case 15:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[1, 8, 12, 15]]);
-    }));
-    return function (_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }());
-  React__default["default"].useEffect(function () {
+  const handleGradeEditSubmit = gradeEditFormMethods.handleSubmit(async ({
+    score,
+    comment
+  }) => {
+    try {
+      await apiClient.postOrgMaterialAssignmentGradeEdit({
+        materialAssignmentGradeId: myGrade === null || myGrade === void 0 ? void 0 : myGrade.id,
+        materialAssignmentId,
+        userId,
+        score,
+        comment
+      });
+      fetchMyGrade();
+      blocks.Notification.success('저장되었습니다');
+    } catch (err) {
+      console.error(err);
+      blocks.Notification.error('오류가 발생했습니다.');
+    } finally {
+      setShowGradeEditModal(false);
+    }
+  });
+  React.useEffect(() => {
     if (!isReady) {
       return;
     }
@@ -185,114 +128,114 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
     fetchSubmissionList();
     fetchMaterialAssignmentGet();
   }, [isReady, fetchUserGet, fetchMyGrade, fetchGradeResult, fetchSubmissionList, fetchMaterialAssignmentGet]);
-  var renderHeader = function renderHeader() {
+  const renderHeader = () => {
     var _a;
-    return React__default["default"].createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminHeader, {
+    return React.createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminHeader, {
       align: "center",
       padding: "1rem",
       width: "100%"
-    }, React__default["default"].createElement(blocks.Flex, {
+    }, React.createElement(blocks.Flex, {
       auto: true,
       align: "center"
-    }, React__default["default"].createElement(blocks.ProfileImage, {
+    }, React.createElement(blocks.ProfileImage, {
       src: (_a = user === null || user === void 0 ? void 0 : user.profileUrl) !== null && _a !== void 0 ? _a : '',
       width: "2.5rem",
       height: "2.5rem"
-    }), React__default["default"].createElement(blocks.Hspace, {
+    }), React.createElement(blocks.Hspace, {
       width: 1
-    }), React__default["default"].createElement(blocks.Text, {
+    }), React.createElement(blocks.Text, {
       size: "small",
       role: "warmwhite"
-    }, user === null || user === void 0 ? void 0 : user.fullname)), React__default["default"].createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminHeaderCell, null, React__default["default"].createElement(blocks.Text, {
+    }, user === null || user === void 0 ? void 0 : user.fullname)), React.createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminHeaderCell, null, React.createElement(blocks.Text, {
       size: "tiny",
       role: "gray4"
-    }, "\uC810\uC218"), React__default["default"].createElement(blocks.Text, {
+    }, "\uC810\uC218"), React.createElement(blocks.Text, {
       size: "small",
       role: "white"
-    }, (gradeResult === null || gradeResult === void 0 ? void 0 : gradeResult.score) && isScoreFinalized ? "".concat(gradeResult.score, "\uC810(\uACF5\uAC1C\uB428)") : '--')), React__default["default"].createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminHeaderCell, null, React__default["default"].createElement(blocks.Text, {
+    }, (gradeResult === null || gradeResult === void 0 ? void 0 : gradeResult.score) && isScoreFinalized ? `${gradeResult.score}점(공개됨)` : '--')), React.createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminHeaderCell, null, React.createElement(blocks.Text, {
       size: "tiny",
       role: "gray4"
-    }, "\uC81C\uCD9C \uC77C\uC2DC"), React__default["default"].createElement(blocks.Text, {
+    }, "\uC81C\uCD9C \uC77C\uC2DC"), React.createElement(blocks.Text, {
       size: "small",
       role: "white"
-    }, userSubmission ? React__default["default"].createElement(reactIntl.FormattedDate, {
+    }, userSubmission ? React.createElement(reactIntl.FormattedDate, {
       value: userSubmission.createdDatetime,
       dateStyle: "medium",
       timeStyle: "short"
     }) : '--')));
   };
-  var renderGradeResult = function renderGradeResult() {
-    return React__default["default"].createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminGradeWrapper, {
+  const renderGradeResult = () => {
+    return React.createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminGradeWrapper, {
       wrap: true,
       width: "100%",
       align: "center"
-    }, React__default["default"].createElement(blocks.Flex, {
+    }, React.createElement(blocks.Flex, {
       auto: true,
       align: "center"
-    }, React__default["default"].createElement(blocks.Text, {
+    }, React.createElement(blocks.Text, {
       role: "navy1",
       size: "small",
       lineHeight: "1.375rem"
-    }, user ? "".concat(user.fullname, " \uB2D8\uC758 \uC810\uC218") : null), React__default["default"].createElement(blocks.Hspace, {
+    }, user ? `${user.fullname} 님의 점수` : null), React.createElement(blocks.Hspace, {
       width: 0.25
-    }), React__default["default"].createElement(blocks.Tooltip, {
+    }), React.createElement(blocks.Tooltip, {
       useMaxWidth: true,
       placement: "top",
       title: '최종 점수는 관리자가 모든 채점자의 점수를 고려하여 반영한 후 공개됩니다.'
-    }, React__default["default"].createElement(blocks.Icon, {
+    }, React.createElement(blocks.Icon, {
       icon: icons.eilStatusInfo,
       color: designTokens.base.color.navy1
-    })), React__default["default"].createElement(blocks.Hspace, {
+    })), React.createElement(blocks.Hspace, {
       width: 0.75
-    }), React__default["default"].createElement(blocks.Text, {
+    }), React.createElement(blocks.Text, {
       bold: true,
       role: "white"
-    }, (gradeResult === null || gradeResult === void 0 ? void 0 : gradeResult.score) && isScoreFinalized ? "".concat(gradeResult.score, "\uC810(\uACF5\uAC1C\uB428)") : '--')));
+    }, (gradeResult === null || gradeResult === void 0 ? void 0 : gradeResult.score) && isScoreFinalized ? `${gradeResult.score}점(공개됨)` : '--')));
   };
-  var renderSubmissionInfo = function renderSubmissionInfo() {
-    var statusText = function () {
+  const renderSubmissionInfo = () => {
+    const statusText = (() => {
       if (submissionListGetStatus === 'pending') {
         return null;
       }
       switch (true) {
         case !isUserSubmitted && isAssignmentClosed:
-          return React__default["default"].createElement(blocks.Text, {
+          return React.createElement(blocks.Text, {
             bold: true,
             role: "danger",
             size: "small"
           }, "\uC81C\uCD9C \uAE30\uD55C \uB9CC\uB8CC");
         case isScoreFinalized:
-          return React__default["default"].createElement(blocks.Text, {
+          return React.createElement(blocks.Text, {
             bold: true,
             role: "lightpurple",
             size: "small"
           }, "\uCC44\uC810 \uC644\uB8CC");
         case isUserSubmitted:
-          return React__default["default"].createElement(blocks.Text, {
+          return React.createElement(blocks.Text, {
             bold: true,
             role: "success",
             size: "small"
           }, "\uC81C\uCD9C\uB428");
         case !isUserSubmitted:
-          return React__default["default"].createElement(blocks.Text, {
+          return React.createElement(blocks.Text, {
             bold: true,
             role: "warning",
             size: "small"
           }, "\uBBF8\uC81C\uCD9C");
       }
-    }();
-    var submissionAttachment = function () {
+    })();
+    const submissionAttachment = (() => {
       if (!userSubmission) {
         return '--';
       }
       if (userSubmission.assignmentFileUrl) {
-        var assignmentFilename = decodeURIComponent(userSubmission.assignmentFileUrl && new URL(userSubmission.assignmentFileUrl).pathname.split('/').pop() || '');
-        return React__default["default"].createElement("a", {
+        const assignmentFilename = decodeURIComponent(userSubmission.assignmentFileUrl && new URL(userSubmission.assignmentFileUrl).pathname.split('/').pop() || '');
+        return React.createElement("a", {
           href: userSubmission.assignmentFileUrl,
           download: assignmentFilename,
           target: "_blank",
           rel: "noopener noreferrer"
-        }, React__default["default"].createElement(blocks.Text, {
+        }, React.createElement(blocks.Text, {
           hoverable: true,
           underline: true,
           role: "white",
@@ -300,33 +243,33 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
         }, assignmentFilename));
       }
       if (userSubmission === null || userSubmission === void 0 ? void 0 : userSubmission.assignmentUrl) {
-        return React__default["default"].createElement("a", {
+        return React.createElement("a", {
           href: userSubmission.assignmentUrl,
           target: "_blank",
           rel: "noopener noreferrer"
-        }, React__default["default"].createElement(blocks.Text, {
+        }, React.createElement(blocks.Text, {
           hoverable: true,
           underline: true,
           role: "white",
           size: "small"
         }, userSubmission.assignmentUrl));
       }
-    }();
-    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", null, "\uC0C1\uD0DC"), React__default["default"].createElement("td", null, statusText)), React__default["default"].createElement("tr", null, React__default["default"].createElement("td", null, "\uACFC\uC81C \uC81C\uCD9C \uAE30\uD55C"), React__default["default"].createElement("td", null, React__default["default"].createElement(reactIntl.FormattedDate, {
+    }, React.createElement("tbody", null, React.createElement("tr", null, React.createElement("td", null, "\uC0C1\uD0DC"), React.createElement("td", null, statusText)), React.createElement("tr", null, React.createElement("td", null, "\uACFC\uC81C \uC81C\uCD9C \uAE30\uD55C"), React.createElement("td", null, React.createElement(reactIntl.FormattedDate, {
       value: materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.closeDatetime,
       dateStyle: "medium",
       timeStyle: "short"
-    }))), React__default["default"].createElement("tr", null, React__default["default"].createElement("td", null, "\uC81C\uCD9C \uC77C\uC2DC"), React__default["default"].createElement("td", null, userSubmission ? React__default["default"].createElement(reactIntl.FormattedDate, {
+    }))), React.createElement("tr", null, React.createElement("td", null, "\uC81C\uCD9C \uC77C\uC2DC"), React.createElement("td", null, userSubmission ? React.createElement(reactIntl.FormattedDate, {
       value: userSubmission.createdDatetime,
       dateStyle: "medium",
       timeStyle: "short"
-    }) : '--')), React__default["default"].createElement("tr", null, React__default["default"].createElement("td", null, "\uC5C5\uB85C\uB4DC\uB41C \uACFC\uC81C"), React__default["default"].createElement("td", null, submissionAttachment))));
+    }) : '--')), React.createElement("tr", null, React.createElement("td", null, "\uC5C5\uB85C\uB4DC\uB41C \uACFC\uC81C"), React.createElement("td", null, submissionAttachment))));
   };
-  var renderGrade = function renderGrade() {
-    var isGradeEditDisabled = !isAssignmentClosed || !isUserSubmitted || isScoreFinalized;
-    var tooltipTitle = function () {
+  const renderGrade = () => {
+    const isGradeEditDisabled = !isAssignmentClosed || !isUserSubmitted || isScoreFinalized;
+    const tooltipTitle = (() => {
       switch (true) {
         case isScoreFinalized:
           return '공개 이후 채점이 불가합니다.';
@@ -335,38 +278,38 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
         case !isUserSubmitted:
           return '미제출인 경우 채점할 수 없습니다.';
       }
-    }();
-    return React__default["default"].createElement(blocks.Flex, {
+    })();
+    return React.createElement(blocks.Flex, {
       column: true,
       align: "center"
-    }, React__default["default"].createElement(blocks.Flex, {
+    }, React.createElement(blocks.Flex, {
       align: "center",
       width: "100%"
-    }, React__default["default"].createElement(blocks.Flex, {
+    }, React.createElement(blocks.Flex, {
       column: true,
       auto: true
-    }, React__default["default"].createElement(blocks.Text, {
+    }, React.createElement(blocks.Text, {
       block: true,
       bold: true,
       role: "white",
       lineHeight: 1.375
-    }, "\uB0B4 \uCC44\uC810"), React__default["default"].createElement(blocks.Text, {
+    }, "\uB0B4 \uCC44\uC810"), React.createElement(blocks.Text, {
       block: true,
       size: "tiny",
       role: "navy3",
       lineHeight: 1.6
-    }, "\uB0B4\uAC00 \uB9E4\uAE34 \uD3C9\uAC00\uC640 \uAD00\uB828\uB41C \uC815\uBCF4\uB97C \uBCFC \uC218 \uC788\uC2B5\uB2C8\uB2E4.")), React__default["default"].createElement(blocks.Tooltip, {
+    }, "\uB0B4\uAC00 \uB9E4\uAE34 \uD3C9\uAC00\uC640 \uAD00\uB828\uB41C \uC815\uBCF4\uB97C \uBCFC \uC218 \uC788\uC2B5\uB2C8\uB2E4.")), React.createElement(blocks.Tooltip, {
       placement: "top",
       title: tooltipTitle,
       visible: isGradeEditDisabled ? undefined : false
-    }, React__default["default"].createElement("span", null, React__default["default"].createElement(blocks.Button, {
+    }, React.createElement("span", null, React.createElement(blocks.Button, {
       size: "small",
       role: "lightpurple",
       disabled: isGradeEditDisabled,
       onClick: handleGradeEditClick
-    }, Boolean(myGrade) ? '내 채점 수정' : '내 채점 시작')))), React__default["default"].createElement(blocks.Vspace, {
+    }, Boolean(myGrade) ? '내 채점 수정' : '내 채점 시작')))), React.createElement(blocks.Vspace, {
       height: 0.75
-    }), React__default["default"].createElement(blocks.TableNext, {
+    }), React.createElement(blocks.TableNext, {
       dark: true,
       emptyMessage: "\uC544\uC9C1 \uCC44\uC810\uC744 \uC2DC\uC791\uD558\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4.",
       columns: [{
@@ -381,21 +324,21 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
         textAlign: 'left'
       }],
       data: myGrade ? [{
-        fullname: React__default["default"].createElement(blocks.Flex, {
+        fullname: React.createElement(blocks.Flex, {
           paddingy: "0.25rem"
-        }, React__default["default"].createElement(blocks.Text, {
+        }, React.createElement(blocks.Text, {
           noWrap: true,
           role: "navy0",
           size: "small"
-        }, myGrade.gradeUser.fullname), React__default["default"].createElement(blocks.Hspace, {
+        }, myGrade.gradeUser.fullname), React.createElement(blocks.Hspace, {
           width: 0.25
-        }), React__default["default"].createElement(blocks.Text, {
+        }), React.createElement(blocks.Text, {
           ellipsis: true,
           role: "navy3",
           size: "small"
         }, myGrade.gradeUser.email)),
         grade: myGrade.score,
-        created: React__default["default"].createElement(reactIntl.FormattedDate, {
+        created: React.createElement(reactIntl.FormattedDate, {
           value: myGrade.createdDatetime,
           dateStyle: "medium",
           timeStyle: "short"
@@ -403,11 +346,11 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
       }] : []
     }));
   };
-  var renderGradeEditModal = function renderGradeEditModal() {
+  const renderGradeEditModal = () => {
     if (!showGradeEditModal) {
       return null;
     }
-    return React__default["default"].createElement(blocks.Modal, {
+    return React.createElement(blocks.Modal, {
       title: Boolean(myGrade) ? '내 채점 수정' : '과제 채점',
       footerButtons: [{
         label: '확인',
@@ -420,22 +363,22 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
         label: '취소',
         size: 'small',
         role: 'gray1',
-        onClick: function onClick() {
+        onClick: () => {
           setShowGradeEditModal(false);
         }
       }],
-      onHide: function onHide() {
+      onHide: () => {
         setShowGradeEditModal(false);
       }
-    }, React__default["default"].createElement(blocks.Label, {
+    }, React.createElement(blocks.Label, {
       bold: true,
       block: true,
       required: true
-    }, "\uC810\uC218"), React__default["default"].createElement(blocks.Vspace, {
+    }, "\uC810\uC218"), React.createElement(blocks.Vspace, {
       height: 0.5
-    }), React__default["default"].createElement(blocks.Flex, {
+    }), React.createElement(blocks.Flex, {
       align: "center"
-    }, React__default["default"].createElement(reactHookForm.Controller, {
+    }, React.createElement(reactHookForm.Controller, {
       control: gradeEditFormMethods.control,
       name: "score",
       rules: {
@@ -443,50 +386,48 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
         min: 0,
         max: 100
       },
-      render: function render(_ref4) {
-        var field = _ref4.field,
-          fieldState = _ref4.fieldState;
-        return React__default["default"].createElement(blocks.Input, Object.assign({}, field, {
-          invalid: fieldState.invalid,
-          size: "small",
-          width: "xsmall",
-          type: "number"
-        }));
-      }
-    }), React__default["default"].createElement(blocks.Hspace, {
+      render: ({
+        field,
+        fieldState
+      }) => React.createElement(blocks.Input, Object.assign({}, field, {
+        invalid: fieldState.invalid,
+        size: "small",
+        width: "xsmall",
+        type: "number"
+      }))
+    }), React.createElement(blocks.Hspace, {
       width: 0.5
-    }), React__default["default"].createElement(blocks.Text, {
+    }), React.createElement(blocks.Text, {
       bold: true,
       role: "gray9",
       size: "small"
-    }, "\uC810"), React__default["default"].createElement(blocks.Text, {
+    }, "\uC810"), React.createElement(blocks.Text, {
       role: "gray6",
       size: "small"
-    }, ' / 100점 만점')), React__default["default"].createElement(blocks.Vspace, {
+    }, ' / 100점 만점')), React.createElement(blocks.Vspace, {
       height: 1.25
-    }), React__default["default"].createElement(blocks.Label, {
+    }), React.createElement(blocks.Label, {
       bold: true,
       block: true
-    }, "\uD53C\uB4DC\uBC31"), React__default["default"].createElement(blocks.Vspace, {
+    }, "\uD53C\uB4DC\uBC31"), React.createElement(blocks.Vspace, {
       height: 0.5
-    }), React__default["default"].createElement(reactHookForm.Controller, {
+    }), React.createElement(reactHookForm.Controller, {
       control: gradeEditFormMethods.control,
       name: "comment",
       rules: {
         maxLength: 1000
       },
-      render: function render(_ref5) {
-        var field = _ref5.field;
-        return React__default["default"].createElement(blocks.Textarea, {
-          value: field.value,
-          wordLimit: 1000,
-          rows: 8,
-          onChange: field.onChange
-        });
-      }
+      render: ({
+        field
+      }) => React.createElement(blocks.Textarea, {
+        value: field.value,
+        wordLimit: 1000,
+        rows: 8,
+        onChange: field.onChange
+      })
     }));
   };
-  return React__default["default"].createElement(React__default["default"].Fragment, null, renderHeader(), React__default["default"].createElement(blocks.Flex, {
+  return React.createElement(React.Fragment, null, renderHeader(), React.createElement(blocks.Flex, {
     column: true,
     auto: true,
     padding: "3.625rem",
@@ -494,13 +435,13 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
     height: "100%",
     overflow: "hidden",
     align: "center"
-  }, React__default["default"].createElement(MaterialAssignmentContainer["default"], {
+  }, React.createElement(MaterialAssignmentContainer.default, {
     title: (_a = materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.title) !== null && _a !== void 0 ? _a : ''
-  }, renderGradeResult(), React__default["default"].createElement(blocks.Vspace, {
+  }, renderGradeResult(), React.createElement(blocks.Vspace, {
     height: 1.25
-  }), renderSubmissionInfo(), React__default["default"].createElement(blocks.Vspace, {
+  }), renderSubmissionInfo(), React.createElement(blocks.Vspace, {
     height: 1.5
   }), renderGrade())), renderGradeEditModal());
 };
 
-exports["default"] = MaterialAssignmentAdminContentTa;
+exports.default = MaterialAssignmentAdminContentTa;