@elice/material-assignment 1.230328.0 → 1.230418.0

package/cjs/components/material-assignment-admin/MaterialAssignmentAdminContent.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');
@@ -17,224 +20,321 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 
-const FETCH_GRADE_LIST_COUNT = 5;
-const MaterialAssignmentAdminContent = React.forwardRef(({
-  materialAssignmentId,
-  userId,
-  adminUserId,
-  updateMaterialUserBrowserResponse
-}, ref) => {
-  var _a; // Form
-
-
-  const gradeEditFormMethods = reactHookForm.useForm({
+var FETCH_GRADE_LIST_COUNT = 5;
+var MaterialAssignmentAdminContent = React.forwardRef(function (_ref, ref) {
+  var materialAssignmentId = _ref.materialAssignmentId,
+    userId = _ref.userId,
+    adminUserId = _ref.adminUserId,
+    updateMaterialUserBrowserResponse = _ref.updateMaterialUserBrowserResponse;
+  var _a;
+  // Form
+  var gradeEditFormMethods = reactHookForm.useForm({
     defaultValues: {
       score: 0,
       comment: ''
     },
     mode: 'onChange'
   });
-  const manualScoreEditFormMethods = reactHookForm.useForm({
+  var manualScoreEditFormMethods = reactHookForm.useForm({
     defaultValues: {
       manualScore: 0
     },
     mode: 'onChange'
-  }); // API Status
-
-  const isReady = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
-  const [submissionListGetStatus, setSubmissionListGetStatus] = React__default["default"].useState('idle');
-  const [gradeDeleteStatus, setGradeDeleteStatus] = React__default["default"].useState('idle'); // State related with component
-
-  const [showGradeEditModal, setShowGradeEditModal] = React__default["default"].useState(false);
-  const [showManualScoreEditModal, setShowManualScoreEditModal] = React__default["default"].useState(false);
-  const [selectedGradeForShow, setSelectedGradeForShow] = React__default["default"].useState(null);
-  const [selectedGradeForDelete, setSelectedGradeForDelete] = React__default["default"].useState(null); // State related with api
-
-  const [user, setUser] = React__default["default"].useState(null);
-  const [materialAssignment, setMaterialAssignment] = React__default["default"].useState(null);
-  const [userSubmission, setUserSubmission] = React__default["default"].useState(null);
-  const [myGrade, setMyGrade] = React__default["default"].useState(null);
-  const [gradeResult, setGradeResult] = React__default["default"].useState(null);
-  const [gradeList, setGradeList] = React__default["default"].useState([]);
-  const [gradeListCount, setGradeListCount] = React__default["default"].useState(0);
-  const [gradeListPage, setGradeListPage] = React__default["default"].useState(1);
-  const gradeListOffset = (gradeListPage - 1) * FETCH_GRADE_LIST_COUNT;
-  const isAssignmentClosed = dayjs__default["default"]().isAfter(dayjs__default["default"](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);
-  const fetchUserGet = React__default["default"].useCallback(() => {
+  });
+  // API Status
+  var isReady = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
+  var _React$useState = React__default["default"].useState('idle'),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    submissionListGetStatus = _React$useState2[0],
+    setSubmissionListGetStatus = _React$useState2[1];
+  var _React$useState3 = React__default["default"].useState('idle'),
+    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
+    gradeDeleteStatus = _React$useState4[0],
+    setGradeDeleteStatus = _React$useState4[1];
+  // State related with component
+  var _React$useState5 = React__default["default"].useState(false),
+    _React$useState6 = _rollupPluginBabelHelpers.slicedToArray(_React$useState5, 2),
+    showGradeEditModal = _React$useState6[0],
+    setShowGradeEditModal = _React$useState6[1];
+  var _React$useState7 = React__default["default"].useState(false),
+    _React$useState8 = _rollupPluginBabelHelpers.slicedToArray(_React$useState7, 2),
+    showManualScoreEditModal = _React$useState8[0],
+    setShowManualScoreEditModal = _React$useState8[1];
+  var _React$useState9 = React__default["default"].useState(null),
+    _React$useState10 = _rollupPluginBabelHelpers.slicedToArray(_React$useState9, 2),
+    selectedGradeForShow = _React$useState10[0],
+    setSelectedGradeForShow = _React$useState10[1];
+  var _React$useState11 = React__default["default"].useState(null),
+    _React$useState12 = _rollupPluginBabelHelpers.slicedToArray(_React$useState11, 2),
+    selectedGradeForDelete = _React$useState12[0],
+    setSelectedGradeForDelete = _React$useState12[1];
+  // State related with api
+  var _React$useState13 = React__default["default"].useState(null),
+    _React$useState14 = _rollupPluginBabelHelpers.slicedToArray(_React$useState13, 2),
+    user = _React$useState14[0],
+    setUser = _React$useState14[1];
+  var _React$useState15 = React__default["default"].useState(null),
+    _React$useState16 = _rollupPluginBabelHelpers.slicedToArray(_React$useState15, 2),
+    materialAssignment = _React$useState16[0],
+    setMaterialAssignment = _React$useState16[1];
+  var _React$useState17 = React__default["default"].useState(null),
+    _React$useState18 = _rollupPluginBabelHelpers.slicedToArray(_React$useState17, 2),
+    userSubmission = _React$useState18[0],
+    setUserSubmission = _React$useState18[1];
+  var _React$useState19 = React__default["default"].useState(null),
+    _React$useState20 = _rollupPluginBabelHelpers.slicedToArray(_React$useState19, 2),
+    myGrade = _React$useState20[0],
+    setMyGrade = _React$useState20[1];
+  var _React$useState21 = React__default["default"].useState(null),
+    _React$useState22 = _rollupPluginBabelHelpers.slicedToArray(_React$useState21, 2),
+    gradeResult = _React$useState22[0],
+    setGradeResult = _React$useState22[1];
+  var _React$useState23 = React__default["default"].useState([]),
+    _React$useState24 = _rollupPluginBabelHelpers.slicedToArray(_React$useState23, 2),
+    gradeList = _React$useState24[0],
+    setGradeList = _React$useState24[1];
+  var _React$useState25 = React__default["default"].useState(0),
+    _React$useState26 = _rollupPluginBabelHelpers.slicedToArray(_React$useState25, 2),
+    gradeListCount = _React$useState26[0],
+    setGradeListCount = _React$useState26[1];
+  var _React$useState27 = React__default["default"].useState(1),
+    _React$useState28 = _rollupPluginBabelHelpers.slicedToArray(_React$useState27, 2),
+    gradeListPage = _React$useState28[0],
+    setGradeListPage = _React$useState28[1];
+  var gradeListOffset = (gradeListPage - 1) * FETCH_GRADE_LIST_COUNT;
+  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);
+  var fetchUserGet = React__default["default"].useCallback(function () {
     void apiClient.getOrgUserGet({
-      userId
-    }).then(res => res.user).then(setUser);
+      userId: userId
+    }).then(function (res) {
+      return res.user;
+    }).then(setUser);
   }, [userId]);
-  const fetchMaterialAssignmentGet = React__default["default"].useCallback(() => {
+  var fetchMaterialAssignmentGet = React__default["default"].useCallback(function () {
     void apiClient.getOrgMaterialAssignmentGet({
-      materialAssignmentId
-    }).then(res => res.materialAssignment).then(setMaterialAssignment);
+      materialAssignmentId: materialAssignmentId
+    }).then(function (res) {
+      return res.materialAssignment;
+    }).then(setMaterialAssignment);
   }, [materialAssignmentId]);
-  const fetchSubmissionList = React__default["default"].useCallback(() => {
+  var fetchSubmissionList = React__default["default"].useCallback(function () {
     setSubmissionListGetStatus('pending');
     void apiClient.getOrgMaterialAssignmentSubmissionList({
-      materialAssignmentId,
+      materialAssignmentId: materialAssignmentId,
       offset: 0,
       count: 1,
       filterConditions: {
         isLast: true,
         userIds: [userId]
       }
-    }).then(res => res.materialAssignmentSubmissions[0]).then(submission => {
+    }).then(function (res) {
+      return res.materialAssignmentSubmissions[0];
+    }).then(function (submission) {
       setUserSubmission(submission !== null && submission !== void 0 ? submission : null);
       setSubmissionListGetStatus('resolved');
-    }).catch(err => {
+    }).catch(function (err) {
       console.error(err);
       setSubmissionListGetStatus('rejected');
     });
   }, [materialAssignmentId, userId]);
-  const fetchGradeResult = React__default["default"].useCallback(() => {
+  var fetchGradeResult = React__default["default"].useCallback(function () {
     void apiClient.getOrgMaterialAssignmentGradeResultGet({
-      materialAssignmentId,
-      userId
-    }).then(res => res.materialAssignmentGradeResult).then(setGradeResult).catch(() => {
+      materialAssignmentId: materialAssignmentId,
+      userId: userId
+    }).then(function (res) {
+      return res.materialAssignmentGradeResult;
+    }).then(setGradeResult).catch(function () {
       setGradeResult(null);
     });
   }, [materialAssignmentId, userId]);
-  const fetchGradeList = React__default["default"].useCallback(() => {
+  var fetchGradeList = React__default["default"].useCallback(function () {
     void apiClient.getOrgMaterialAssignmentGradeList({
-      materialAssignmentId,
+      materialAssignmentId: materialAssignmentId,
       offset: gradeListOffset,
       count: FETCH_GRADE_LIST_COUNT,
       filterConditions: {
-        userId
+        userId: userId
       }
-    }).then(({
-      materialAssignmentGrades,
-      materialAssignmentGradeCount
-    }) => {
+    }).then(function (_ref2) {
+      var materialAssignmentGrades = _ref2.materialAssignmentGrades,
+        materialAssignmentGradeCount = _ref2.materialAssignmentGradeCount;
       setGradeList(materialAssignmentGrades);
       setGradeListCount(materialAssignmentGradeCount);
     });
   }, [gradeListOffset, materialAssignmentId, userId]);
-  const fetchMyGrade = React__default["default"].useCallback(() => {
+  var fetchMyGrade = React__default["default"].useCallback(function () {
     void apiClient.getOrgMaterialAssignmentGradeList({
-      materialAssignmentId,
+      materialAssignmentId: materialAssignmentId,
       offset: 0,
       count: 1,
       filterConditions: {
-        userId,
+        userId: userId,
         gradeUserId: adminUserId
       }
-    }).then(res => res.materialAssignmentGrades[0]).then(grade => setMyGrade(grade !== null && grade !== void 0 ? grade : null));
+    }).then(function (res) {
+      return res.materialAssignmentGrades[0];
+    }).then(function (grade) {
+      return setMyGrade(grade !== null && grade !== void 0 ? grade : null);
+    });
   }, [adminUserId, materialAssignmentId, userId]);
-
-  const handleManualScoreEditClick = () => {
+  var handleManualScoreEditClick = function handleManualScoreEditClick() {
     var _a, _b;
-
     setShowManualScoreEditModal(true);
     manualScoreEditFormMethods.reset({
       manualScore: (_b = (_a = gradeResult === null || gradeResult === void 0 ? void 0 : gradeResult.manualScore) !== null && _a !== void 0 ? _a : gradeResult === null || gradeResult === void 0 ? void 0 : gradeResult.avgCalcScore) !== null && _b !== void 0 ? _b : 0
     });
   };
-
-  const handleGradeEditClick = () => {
+  var handleGradeEditClick = function handleGradeEditClick() {
     var _a, _b;
-
     setShowGradeEditModal(true);
     gradeEditFormMethods.reset({
       score: (_a = myGrade === null || myGrade === void 0 ? void 0 : myGrade.score) !== null && _a !== void 0 ? _a : 0,
       comment: (_b = myGrade === null || myGrade === void 0 ? void 0 : myGrade.comment) !== null && _b !== void 0 ? _b : ''
     });
   };
-
-  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();
-      fetchGradeResult();
-      fetchGradeList();
-
-      if (typeof updateMaterialUserBrowserResponse === 'function') {
-        updateMaterialUserBrowserResponse(userId);
-      }
-
-      blocks.Notification.success('저장되었습니다');
-    } catch (err) {
-      console.error(err);
-      blocks.Notification.error('오류가 발생했습니다.');
-    } finally {
-      setShowGradeEditModal(false);
-    }
-  });
-
-  const handleGradeDeleteSubmit = async () => {
-    if (!selectedGradeForDelete) {
-      return;
-    }
-
-    try {
-      setGradeDeleteStatus('pending');
-      await apiClient.postOrgMaterialAssignmentGradeDelete({
-        materialAssignmentGradeId: selectedGradeForDelete.id
-      }); // If delete my grade, re-fetch my grade data.
-
-      if (adminUserId === selectedGradeForDelete.gradeUser.id) {
-        fetchMyGrade();
-      }
-
-      fetchGradeList();
-      fetchGradeResult();
-      setGradeDeleteStatus('resolved');
-
-      if (typeof updateMaterialUserBrowserResponse === 'function') {
-        updateMaterialUserBrowserResponse(userId);
-      }
-
-      blocks.Notification.success('저장되었습니다');
-    } catch (err) {
-      console.error(err);
-      setGradeDeleteStatus('rejected');
-      blocks.Notification.error('오류가 발생했습니다.');
-    } finally {
-      setSelectedGradeForDelete(null);
-    }
-  };
-
-  const handleManualScoreEditSubmit = manualScoreEditFormMethods.handleSubmit(async ({
-    manualScore
-  }) => {
-    try {
-      await apiClient.postOrgMaterialAssignmentGradeResultManualScoreEdit({
-        userId,
-        manualScore,
-        materialAssignmentId
-      });
-      fetchGradeResult();
-
-      if (typeof updateMaterialUserBrowserResponse === 'function') {
-        updateMaterialUserBrowserResponse(userId);
-      }
-
-      blocks.Notification.success('저장되었습니다');
-    } catch (err) {
-      console.error(err);
-      blocks.Notification.error('오류가 발생했습니다.');
-    } finally {
-      setShowManualScoreEditModal(false);
-    }
-  });
-  React__default["default"].useEffect(() => {
+  var handleGradeEditSubmit = gradeEditFormMethods.handleSubmit( /*#__PURE__*/function () {
+    var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(_ref3) {
+      var score, comment;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            score = _ref3.score, comment = _ref3.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();
+            fetchGradeResult();
+            fetchGradeList();
+            if (typeof updateMaterialUserBrowserResponse === 'function') {
+              updateMaterialUserBrowserResponse(userId);
+            }
+            blocks.Notification.success('저장되었습니다');
+            _context.next = 15;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](1);
+            console.error(_context.t0);
+            blocks.Notification.error('오류가 발생했습니다.');
+          case 15:
+            _context.prev = 15;
+            setShowGradeEditModal(false);
+            return _context.finish(15);
+          case 18:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 11, 15, 18]]);
+    }));
+    return function (_x) {
+      return _ref4.apply(this, arguments);
+    };
+  }());
+  var handleGradeDeleteSubmit = /*#__PURE__*/function () {
+    var _ref5 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2() {
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (selectedGradeForDelete) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 2:
+            _context2.prev = 2;
+            setGradeDeleteStatus('pending');
+            _context2.next = 6;
+            return apiClient.postOrgMaterialAssignmentGradeDelete({
+              materialAssignmentGradeId: selectedGradeForDelete.id
+            });
+          case 6:
+            // If delete my grade, re-fetch my grade data.
+            if (adminUserId === selectedGradeForDelete.gradeUser.id) {
+              fetchMyGrade();
+            }
+            fetchGradeList();
+            fetchGradeResult();
+            setGradeDeleteStatus('resolved');
+            if (typeof updateMaterialUserBrowserResponse === 'function') {
+              updateMaterialUserBrowserResponse(userId);
+            }
+            blocks.Notification.success('저장되었습니다');
+            _context2.next = 19;
+            break;
+          case 14:
+            _context2.prev = 14;
+            _context2.t0 = _context2["catch"](2);
+            console.error(_context2.t0);
+            setGradeDeleteStatus('rejected');
+            blocks.Notification.error('오류가 발생했습니다.');
+          case 19:
+            _context2.prev = 19;
+            setSelectedGradeForDelete(null);
+            return _context2.finish(19);
+          case 22:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[2, 14, 19, 22]]);
+    }));
+    return function handleGradeDeleteSubmit() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+  var handleManualScoreEditSubmit = manualScoreEditFormMethods.handleSubmit( /*#__PURE__*/function () {
+    var _ref7 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee3(_ref6) {
+      var manualScore;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            manualScore = _ref6.manualScore;
+            _context3.prev = 1;
+            _context3.next = 4;
+            return apiClient.postOrgMaterialAssignmentGradeResultManualScoreEdit({
+              userId: userId,
+              manualScore: manualScore,
+              materialAssignmentId: materialAssignmentId
+            });
+          case 4:
+            fetchGradeResult();
+            if (typeof updateMaterialUserBrowserResponse === 'function') {
+              updateMaterialUserBrowserResponse(userId);
+            }
+            blocks.Notification.success('저장되었습니다');
+            _context3.next = 13;
+            break;
+          case 9:
+            _context3.prev = 9;
+            _context3.t0 = _context3["catch"](1);
+            console.error(_context3.t0);
+            blocks.Notification.error('오류가 발생했습니다.');
+          case 13:
+            _context3.prev = 13;
+            setShowManualScoreEditModal(false);
+            return _context3.finish(13);
+          case 16:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, null, [[1, 9, 13, 16]]);
+    }));
+    return function (_x2) {
+      return _ref7.apply(this, arguments);
+    };
+  }());
+  React__default["default"].useEffect(function () {
     if (!isReady) {
       return;
     }
-
     fetchUserGet();
     fetchMyGrade();
     fetchGradeList();
@@ -242,15 +342,15 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
     fetchSubmissionList();
     fetchMaterialAssignmentGet();
   }, [isReady, fetchUserGet, fetchMyGrade, fetchGradeList, fetchGradeResult, fetchSubmissionList, fetchMaterialAssignmentGet]);
-  React__default["default"].useImperativeHandle(ref, () => ({
-    refreshMaterialAssignment: () => {
-      fetchMaterialAssignmentGet();
-    }
-  }), [fetchMaterialAssignmentGet]);
-
-  const renderHeader = () => {
+  React__default["default"].useImperativeHandle(ref, function () {
+    return {
+      refreshMaterialAssignment: function refreshMaterialAssignment() {
+        fetchMaterialAssignmentGet();
+      }
+    };
+  }, [fetchMaterialAssignmentGet]);
+  var renderHeader = function renderHeader() {
     var _a, _b, _c;
-
     return React__default["default"].createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminHeader, {
       align: "center",
       padding: "1rem",
@@ -273,7 +373,7 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
     }, "\uC810\uC218"), React__default["default"].createElement(blocks.Text, {
       size: "small",
       role: "white"
-    }, gradeResult ? `${(_c = (_b = gradeResult.manualScore) !== null && _b !== void 0 ? _b : gradeResult.avgCalcScore) !== null && _c !== void 0 ? _c : 0}${isScoreFinalized ? '(공개됨)' : '(비공개)'}` : '--')), React__default["default"].createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminHeaderCell, null, React__default["default"].createElement(blocks.Text, {
+    }, gradeResult ? "".concat((_c = (_b = gradeResult.manualScore) !== null && _b !== void 0 ? _b : gradeResult.avgCalcScore) !== null && _c !== void 0 ? _c : 0).concat(isScoreFinalized ? '(공개됨)' : '(비공개)') : '--')), React__default["default"].createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminHeaderCell, null, React__default["default"].createElement(blocks.Text, {
       size: "tiny",
       role: "gray4"
     }, "\uC81C\uCD9C \uC77C\uC2DC"), React__default["default"].createElement(blocks.Text, {
@@ -286,8 +386,7 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
       hour12: false
     }) : '--')));
   };
-
-  const renderManualScoreEditButton = () => {
+  var renderManualScoreEditButton = function renderManualScoreEditButton() {
     return React__default["default"].createElement(blocks.Tooltip, {
       placement: "top",
       title: isUserSubmitted ? '제출 기한이 지난 이후 조정할 수 있습니다.' : '미제출인 경우 조정할 수 없습니다.',
@@ -302,10 +401,8 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
       onClick: handleManualScoreEditClick
     }, "\uC810\uC218 \uC870\uC815\uD558\uAE30")));
   };
-
-  const renderGradeResult = () => {
+  var renderGradeResult = function renderGradeResult() {
     var _a, _b;
-
     return React__default["default"].createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminGradeWrapper, {
       wrap: true,
       width: "100%",
@@ -317,7 +414,7 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
       role: "navy1",
       size: "small",
       lineHeight: "1.375rem"
-    }, user ? `${user.fullname} 님의 점수` : null), React__default["default"].createElement(blocks.Hspace, {
+    }, user ? "".concat(user.fullname, " \uB2D8\uC758 \uC810\uC218") : null), React__default["default"].createElement(blocks.Hspace, {
       width: 0.25
     }), React__default["default"].createElement(blocks.Tooltip, {
       useMaxWidth: true,
@@ -331,15 +428,13 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
     }), React__default["default"].createElement(blocks.Text, {
       bold: true,
       role: "white"
-    }, gradeResult ? `${(_b = (_a = gradeResult.manualScore) !== null && _a !== void 0 ? _a : gradeResult.avgCalcScore) !== null && _b !== void 0 ? _b : 0}${isScoreFinalized ? '(공개됨)' : '(비공개)'}` : '--')), renderManualScoreEditButton());
+    }, gradeResult ? "".concat((_b = (_a = gradeResult.manualScore) !== null && _a !== void 0 ? _a : gradeResult.avgCalcScore) !== null && _b !== void 0 ? _b : 0).concat(isScoreFinalized ? '(공개됨)' : '(비공개)') : '--')), renderManualScoreEditButton());
   };
-
-  const renderSubmissionInfo = () => {
-    const statusText = (() => {
+  var renderSubmissionInfo = function renderSubmissionInfo() {
+    var statusText = function () {
       if (submissionListGetStatus === 'pending') {
         return null;
       }
-
       switch (true) {
         case !isUserSubmitted && isAssignmentClosed:
           return React__default["default"].createElement(blocks.Text, {
@@ -347,21 +442,18 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
             role: "danger",
             size: "small"
           }, "\uC81C\uCD9C \uAE30\uD55C \uB9CC\uB8CC");
-
         case isScoreFinalized:
           return React__default["default"].createElement(blocks.Text, {
             bold: true,
             role: "lightpurple",
             size: "small"
           }, "\uCC44\uC810 \uC644\uB8CC");
-
         case isUserSubmitted:
           return React__default["default"].createElement(blocks.Text, {
             bold: true,
             role: "success",
             size: "small"
           }, "\uC81C\uCD9C\uB428");
-
         case !isUserSubmitted:
           return React__default["default"].createElement(blocks.Text, {
             bold: true,
@@ -369,15 +461,13 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
             size: "small"
           }, "\uBBF8\uC81C\uCD9C");
       }
-    })();
-
-    const submissionAttachment = (() => {
+    }();
+    var submissionAttachment = function () {
       if (!userSubmission) {
         return '--';
       }
-
       if (userSubmission.assignmentFileUrl) {
-        const assignmentFilename = decodeURIComponent(userSubmission.assignmentFileUrl && new URL(userSubmission.assignmentFileUrl).pathname.split('/').pop() || '');
+        var assignmentFilename = decodeURIComponent(userSubmission.assignmentFileUrl && new URL(userSubmission.assignmentFileUrl).pathname.split('/').pop() || '');
         return React__default["default"].createElement("a", {
           href: userSubmission.assignmentFileUrl,
           download: assignmentFilename,
@@ -390,7 +480,6 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
           size: "small"
         }, assignmentFilename));
       }
-
       if (userSubmission === null || userSubmission === void 0 ? void 0 : userSubmission.assignmentUrl) {
         return React__default["default"].createElement("a", {
           href: userSubmission.assignmentUrl,
@@ -403,8 +492,7 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
           size: "small"
         }, userSubmission.assignmentUrl));
       }
-    })();
-
+    }();
     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", 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, {
@@ -419,8 +507,7 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
       hour12: false
     }) : '--')), 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))));
   };
-
-  const renderGradeList = () => {
+  var renderGradeList = function renderGradeList() {
     return React__default["default"].createElement(blocks.Flex, {
       column: true,
       align: "center"
@@ -465,47 +552,49 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
         accessor: 'created',
         textAlign: 'left'
       }],
-      data: gradeList.map(grade => ({
-        fullname: React__default["default"].createElement(blocks.Flex, null, React__default["default"].createElement(blocks.Text, {
-          noWrap: true,
-          role: "navy0",
-          size: "small"
-        }, `${grade.gradeUser.fullname}${grade.gradeUser.id === adminUserId ? '(나)' : ''}`), React__default["default"].createElement(blocks.Hspace, {
-          width: 0.25
-        }), React__default["default"].createElement(blocks.Text, {
-          ellipsis: true,
-          role: "navy3",
-          size: "small"
-        }, grade.gradeUser.email)),
-        grade: grade.score,
-        created: React__default["default"].createElement(blocks.Flex, {
-          align: "center",
-          justify: "space-between"
-        }, React__default["default"].createElement(reactIntl.FormattedDate, {
-          value: grade.createdDatetime,
-          dateStyle: "medium",
-          timeStyle: "short",
-          hour12: false
-        }), React__default["default"].createElement(blocks.Flex, {
-          align: "center"
-        }, React__default["default"].createElement(blocks.IconButton, {
-          icon: icons.eilChat,
-          size: "tiny",
-          role: "navy3",
-          onClick: () => {
-            setSelectedGradeForShow(grade);
-          }
-        }), React__default["default"].createElement(blocks.Hspace, {
-          width: 0.5
-        }), React__default["default"].createElement(blocks.IconButton, {
-          icon: icons.eilDelete,
-          size: "tiny",
-          role: "navy3",
-          onClick: () => {
-            setSelectedGradeForDelete(grade);
-          }
-        })))
-      }))
+      data: gradeList.map(function (grade) {
+        return {
+          fullname: React__default["default"].createElement(blocks.Flex, null, React__default["default"].createElement(blocks.Text, {
+            noWrap: true,
+            role: "navy0",
+            size: "small"
+          }, "".concat(grade.gradeUser.fullname).concat(grade.gradeUser.id === adminUserId ? '(나)' : '')), React__default["default"].createElement(blocks.Hspace, {
+            width: 0.25
+          }), React__default["default"].createElement(blocks.Text, {
+            ellipsis: true,
+            role: "navy3",
+            size: "small"
+          }, grade.gradeUser.email)),
+          grade: grade.score,
+          created: React__default["default"].createElement(blocks.Flex, {
+            align: "center",
+            justify: "space-between"
+          }, React__default["default"].createElement(reactIntl.FormattedDate, {
+            value: grade.createdDatetime,
+            dateStyle: "medium",
+            timeStyle: "short",
+            hour12: false
+          }), React__default["default"].createElement(blocks.Flex, {
+            align: "center"
+          }, React__default["default"].createElement(blocks.IconButton, {
+            icon: icons.eilChat,
+            size: "tiny",
+            role: "navy3",
+            onClick: function onClick() {
+              setSelectedGradeForShow(grade);
+            }
+          }), React__default["default"].createElement(blocks.Hspace, {
+            width: 0.5
+          }), React__default["default"].createElement(blocks.IconButton, {
+            icon: icons.eilDelete,
+            size: "tiny",
+            role: "navy3",
+            onClick: function onClick() {
+              setSelectedGradeForDelete(grade);
+            }
+          })))
+        };
+      })
     }), React__default["default"].createElement(blocks.Vspace, {
       height: 0.5
     }), React__default["default"].createElement(blocks.Pagination, {
@@ -515,20 +604,18 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
       total: gradeListCount,
       isNext: gradeListOffset + FETCH_GRADE_LIST_COUNT < gradeListCount,
       isPrev: gradeListOffset > 0,
-      onClickNext: () => {
+      onClickNext: function onClickNext() {
         setGradeListPage(gradeListPage + 1);
       },
-      onClickPrev: () => {
+      onClickPrev: function onClickPrev() {
         setGradeListPage(gradeListPage - 1);
       }
     }));
   };
-
-  const renderGradeEditModal = () => {
+  var renderGradeEditModal = function renderGradeEditModal() {
     if (!showGradeEditModal) {
       return null;
     }
-
     return React__default["default"].createElement(blocks.Modal, {
       title: Boolean(myGrade) ? '내 채점 수정' : '과제 채점',
       footerButtons: [{
@@ -542,11 +629,11 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
         label: '취소',
         size: 'small',
         role: 'gray1',
-        onClick: () => {
+        onClick: function onClick() {
           setShowGradeEditModal(false);
         }
       }],
-      onHide: () => {
+      onHide: function onHide() {
         setShowGradeEditModal(false);
       }
     }, React__default["default"].createElement(blocks.Label, {
@@ -565,15 +652,16 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
         min: 0,
         max: 100
       },
-      render: ({
-        field,
-        fieldState
-      }) => React__default["default"].createElement(blocks.Input, Object.assign({}, field, {
-        invalid: fieldState.invalid,
-        size: "small",
-        width: "xsmall",
-        type: "number"
-      }))
+      render: function render(_ref8) {
+        var field = _ref8.field,
+          fieldState = _ref8.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, {
       width: 0.5
     }), React__default["default"].createElement(blocks.Text, {
@@ -596,33 +684,32 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
       rules: {
         maxLength: 1000
       },
-      render: ({
-        field
-      }) => React__default["default"].createElement(blocks.Textarea, {
-        value: field.value,
-        wordLimit: 1000,
-        rows: 8,
-        onChange: field.onChange
-      })
+      render: function render(_ref9) {
+        var field = _ref9.field;
+        return React__default["default"].createElement(blocks.Textarea, {
+          value: field.value,
+          wordLimit: 1000,
+          rows: 8,
+          onChange: field.onChange
+        });
+      }
     }));
   };
-
-  const renderGradeShowModal = () => {
+  var renderGradeShowModal = function renderGradeShowModal() {
     if (!selectedGradeForShow) {
       return null;
     }
-
     return React__default["default"].createElement(blocks.Modal, {
       title: "\uCC44\uC810 \uACB0\uACFC \uD655\uC778",
       footerButtons: [{
         label: '확인',
         size: 'small',
         role: 'primary',
-        onClick: () => {
+        onClick: function onClick() {
           setSelectedGradeForShow(null);
         }
       }],
-      onHide: () => {
+      onHide: function onHide() {
         setSelectedGradeForShow(null);
       }
     }, React__default["default"].createElement(blocks.Label, {
@@ -662,12 +749,10 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
       rows: 8
     })));
   };
-
-  const renderGradeDeleteModal = () => {
+  var renderGradeDeleteModal = function renderGradeDeleteModal() {
     if (!selectedGradeForDelete) {
       return null;
     }
-
     return React__default["default"].createElement(blocks.Modal, {
       title: "\uCC44\uC810 \uC0AD\uC81C",
       width: "narrow",
@@ -682,11 +767,11 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
         label: '취소',
         size: 'small',
         role: 'gray1',
-        onClick: () => {
+        onClick: function onClick() {
           setSelectedGradeForDelete(null);
         }
       }],
-      onHide: () => {
+      onHide: function onHide() {
         setSelectedGradeForDelete(null);
       }
     }, React__default["default"].createElement(blocks.Text, {
@@ -717,14 +802,11 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
       }]
     }));
   };
-
-  const renderManualScoreEditModal = () => {
+  var renderManualScoreEditModal = function renderManualScoreEditModal() {
     var _a, _b;
-
     if (!showManualScoreEditModal) {
       return null;
     }
-
     return React__default["default"].createElement(blocks.Modal, {
       title: "\uC810\uC218 \uC870\uC815",
       width: "narrow",
@@ -739,11 +821,11 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
         label: '취소',
         size: 'small',
         role: 'gray1',
-        onClick: () => {
+        onClick: function onClick() {
           setShowManualScoreEditModal(false);
         }
       }],
-      onHide: () => {
+      onHide: function onHide() {
         setShowManualScoreEditModal(false);
       }
     }, React__default["default"].createElement(blocks.Alert, {
@@ -773,16 +855,17 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
         min: 0,
         max: 100
       },
-      render: ({
-        field,
-        fieldState
-      }) => React__default["default"].createElement(blocks.Input, Object.assign({}, field, {
-        invalid: fieldState.invalid,
-        size: "small",
-        width: "xsmall",
-        type: "number",
-        label: "\uC870\uC815 \uC810\uC218"
-      }))
+      render: function render(_ref10) {
+        var field = _ref10.field,
+          fieldState = _ref10.fieldState;
+        return React__default["default"].createElement(blocks.Input, Object.assign({}, field, {
+          invalid: fieldState.invalid,
+          size: "small",
+          width: "xsmall",
+          type: "number",
+          label: "\uC870\uC815 \uC810\uC218"
+        }));
+      }
     }), React__default["default"].createElement(blocks.Hspace, {
       width: 0.75
     }), React__default["default"].createElement(blocks.Text, {
@@ -794,7 +877,6 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
       size: "small"
     }, ' / 100점 만점')));
   };
-
   return React__default["default"].createElement(React__default["default"].Fragment, null, renderHeader(), React__default["default"].createElement(blocks.Flex, {
     column: true,
     auto: true,
@@ -803,7 +885,7 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
     height: "100%",
     overflow: "hidden",
     align: "center"
-  }, React__default["default"].createElement(MaterialAssignmentContainer, {
+  }, React__default["default"].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, {
     height: 1.25
@@ -812,4 +894,4 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
   }), renderGradeList())), renderGradeEditModal(), renderGradeShowModal(), renderGradeDeleteModal(), renderManualScoreEditModal());
 });
 
-module.exports = MaterialAssignmentAdminContent;
+exports["default"] = MaterialAssignmentAdminContent;