@elice/material-assignment 1.231227.0 → 1.231228.0

package/cjs/components/shared/MaterialAssignmentContainer.js

@@ -7,28 +7,24 @@ var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledMaterialAssignmentContainer = styled__default["default"].div.withConfig({
+const StyledMaterialAssignmentContainer = styled.div.withConfig({
   componentId: "sc-sdhlog-0"
 })(["height:100%;width:100%;max-width:55rem;border-radius:0.5rem;overflow:hidden;"]);
-var StyledMaterialAssignmentContainerHeader = styled__default["default"].div.withConfig({
+const StyledMaterialAssignmentContainerHeader = styled.div.withConfig({
   componentId: "sc-sdhlog-1"
 })(["padding:1rem 1.5rem;height:3.5rem;display:flex;align-items:center;background-color:", ";"], designTokens.base.color.navy7);
-var StyledMaterialAssignmentContainerContent = styled__default["default"].div.withConfig({
+const StyledMaterialAssignmentContainerContent = styled.div.withConfig({
   componentId: "sc-sdhlog-2"
 })(["padding:1.5rem;overflow-y:auto;height:calc(100% - 3.5rem);background-color:", ";"], designTokens.base.color.navy8);
-var MaterialAssignmentContainer = function MaterialAssignmentContainer(_ref) {
-  var title = _ref.title,
-    children = _ref.children;
-  return React__default["default"].createElement(StyledMaterialAssignmentContainer, null, React__default["default"].createElement(StyledMaterialAssignmentContainerHeader, null, React__default["default"].createElement(blocks.Text, {
+const MaterialAssignmentContainer = ({
+  title,
+  children
+}) => {
+  return React.createElement(StyledMaterialAssignmentContainer, null, React.createElement(StyledMaterialAssignmentContainerHeader, null, React.createElement(blocks.Text, {
     bold: true,
     role: "navy0",
     size: "small"
-  }, title)), React__default["default"].createElement(StyledMaterialAssignmentContainerContent, null, children));
+  }, title)), React.createElement(StyledMaterialAssignmentContainerContent, null, children));
 };
 
-exports["default"] = MaterialAssignmentContainer;
+exports.default = MaterialAssignmentContainer;

package/cjs/index.js

@@ -1,11 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var MaterialAssignmentAdmin = require('./components/material-assignment-admin/MaterialAssignmentAdmin.js');
 var MaterialAssignment = require('./components/material-assignment/MaterialAssignment.js');
 
 
 
-exports.MaterialAssignmentAdmin = MaterialAssignmentAdmin["default"];
-exports.MaterialAssignment = MaterialAssignment["default"];
+exports.MaterialAssignmentAdmin = MaterialAssignmentAdmin.default;
+exports.MaterialAssignment = MaterialAssignment.default;

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

@@ -7,16 +7,16 @@ import * as locales from './locales.js';
 import { en } from './locales.js';
 import MaterialAssignmentContent from './MaterialAssignmentContent.js';
 
-var StyledMaterialAssignmentWrapper = styled.div.withConfig({
+const StyledMaterialAssignmentWrapper = styled.div.withConfig({
   componentId: "sc-1kcyh7u-0"
 })(["display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:3.625rem;background-color:", ";"], base.color.navy9);
-var MaterialAssignment = function MaterialAssignment(_ref) {
-  var className = _ref.className,
-    materialAssignmentId = _ref.materialAssignmentId,
-    userId = _ref.userId,
-    _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? 'en' : _ref$locale;
-  var prefixCls = 'em-material-assignment';
+const MaterialAssignment = ({
+  className,
+  materialAssignmentId,
+  userId,
+  locale = 'en'
+}) => {
+  const prefixCls = 'em-material-assignment';
   return React.createElement(StyledMaterialAssignmentWrapper, {
     className: classnames(prefixCls, className)
   }, React.createElement(IntlProvider, {

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

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { useIntl, FormattedDate } from 'react-intl';
 import { config, getOrgMaterialAssignmentGet, getOrgMaterialAssignmentGradeList, getOrgMaterialAssignmentGradeResultGet, getOrgMaterialAssignmentSubmissionGet } from '@elice/api-client';
@@ -8,62 +7,41 @@ import { enums } from '@elice/types';
 import MaterialAssignmentContainer from '../shared/MaterialAssignmentContainer.js';
 import MaterialAssignmentUploadModal from './MaterialAssignmentUploadModal.js';
 
-var GRADE_LIST_COUNT = 20;
-var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
-  var materialAssignmentId = _ref.materialAssignmentId,
-    userId = _ref.userId;
-  var intl = useIntl();
-  var isReady = useMaterialConfigApiClientUpdate(config.init);
-  var _useMaterialFetchRaw = useMaterialFetchRaw(enums.LectureMaterialType.Assignment, React.useCallback(function (signal) {
-      return getOrgMaterialAssignmentGet({
-        materialAssignmentId: materialAssignmentId
-      }, {
-        signal: signal
-      });
-    }, [materialAssignmentId]), isReady),
-    materialAssignment = _useMaterialFetchRaw.materialAssignment,
-    materialLecturePage = _useMaterialFetchRaw.materialLecturePage,
-    assignmentGetStatus = _useMaterialFetchRaw.status,
-    doGetOrgMaterialAssignmentGet = _useMaterialFetchRaw.refetch;
-  var _React$useState = React.useState('idle'),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    assignmentGradeListGetStatus = _React$useState2[0],
-    setAssignmentGradeListGetStatus = _React$useState2[1];
-  var _React$useState3 = React.useState('idle'),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    assignmentGradeResultGetStatus = _React$useState4[0],
-    setAssignmentGradeResultGetStatus = _React$useState4[1];
-  var _React$useState5 = React.useState('idle'),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    assignmentSubmissionGetStatus = _React$useState6[0],
-    setAssignmentSubmissionGetStatus = _React$useState6[1];
-  var _React$useState7 = React.useState(),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    materialAssignmentSubmission = _React$useState8[0],
-    setMaterialAssignmentSubmission = _React$useState8[1];
-  var _React$useState9 = React.useState(),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    materialAssignmentGradeResult = _React$useState10[0],
-    setMaterialAssignmentGradeResult = _React$useState10[1];
-  var _React$useState11 = React.useState(),
-    _React$useState12 = _slicedToArray(_React$useState11, 2),
-    materialAssignmentGradeList = _React$useState12[0],
-    setMaterialAssignmentGradeList = _React$useState12[1];
+const GRADE_LIST_COUNT = 20;
+const MaterialAssignmentContent = ({
+  materialAssignmentId,
+  userId
+}) => {
+  const intl = useIntl();
+  const isReady = useMaterialConfigApiClientUpdate(config.init);
+  const {
+    materialAssignment,
+    materialLecturePage,
+    status: assignmentGetStatus,
+    refetch: doGetOrgMaterialAssignmentGet
+  } = useMaterialFetchRaw(enums.LectureMaterialType.Assignment, React.useCallback(signal => getOrgMaterialAssignmentGet({
+    materialAssignmentId
+  }, {
+    signal
+  }), [materialAssignmentId]), isReady);
+  const [assignmentGradeListGetStatus, setAssignmentGradeListGetStatus] = React.useState('idle');
+  const [assignmentGradeResultGetStatus, setAssignmentGradeResultGetStatus] = React.useState('idle');
+  const [assignmentSubmissionGetStatus, setAssignmentSubmissionGetStatus] = React.useState('idle');
+  const [materialAssignmentSubmission, setMaterialAssignmentSubmission] = React.useState();
+  const [materialAssignmentGradeResult, setMaterialAssignmentGradeResult] = React.useState();
+  const [materialAssignmentGradeList, setMaterialAssignmentGradeList] = React.useState();
   /** Is confirm modal visible? */
-  var _React$useState13 = React.useState(false),
-    _React$useState14 = _slicedToArray(_React$useState13, 2),
-    showAssignmentSubmitModal = _React$useState14[0],
-    setShowAssignmentSubmitModal = _React$useState14[1];
-  var isAssignmentSubmitted = Boolean(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.lastAssignmentSubmissionId);
-  var isAssignmentClosed = materialAssignment && Boolean(materialAssignment.closeDatetime < Date.now());
-  var isAssignmentResultVisible = Boolean(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.scoreFinalizedDatetime);
+  const [showAssignmentSubmitModal, setShowAssignmentSubmitModal] = React.useState(false);
+  const isAssignmentSubmitted = Boolean(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.lastAssignmentSubmissionId);
+  const isAssignmentClosed = materialAssignment && Boolean(materialAssignment.closeDatetime < Date.now());
+  const isAssignmentResultVisible = Boolean(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.scoreFinalizedDatetime);
   //
   //
   //
   /**
    * When Grade_result exist, a comment list is called.
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!isReady) {
       return;
     }
@@ -74,16 +52,17 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
     getOrgMaterialAssignmentGradeList({
       offset: 0,
       count: GRADE_LIST_COUNT,
-      materialAssignmentId: materialAssignmentId,
+      materialAssignmentId,
       filterConditions: {
-        userId: userId
+        userId
       }
-    }).then(function (_ref2) {
-      var materialAssignmentGrades = _ref2.materialAssignmentGrades;
-        _ref2.materialAssignmentGradeCount;
+    }).then(({
+      materialAssignmentGrades,
+      materialAssignmentGradeCount
+    }) => {
       setAssignmentGradeListGetStatus('resolved');
       setMaterialAssignmentGradeList(materialAssignmentGrades);
-    }).catch(function (error) {
+    }).catch(error => {
       console.error(error);
       setAssignmentGradeListGetStatus('rejected');
     });
@@ -91,7 +70,7 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
   /**
    * When Grade_result exist, a score is called.
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!isReady) {
       return;
     }
@@ -100,13 +79,14 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
     }
     setAssignmentGradeResultGetStatus('pending');
     getOrgMaterialAssignmentGradeResultGet({
-      materialAssignmentId: materialAssignmentId,
-      userId: userId
-    }).then(function (_ref3) {
-      var materialAssignmentGradeResult = _ref3.materialAssignmentGradeResult;
+      materialAssignmentId,
+      userId
+    }).then(({
+      materialAssignmentGradeResult
+    }) => {
       setAssignmentGradeResultGetStatus('resolved');
       setMaterialAssignmentGradeResult(materialAssignmentGradeResult);
-    }).catch(function (error) {
+    }).catch(error => {
       console.error(error);
       setAssignmentGradeResultGetStatus('rejected');
     });
@@ -114,7 +94,7 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
   /**
    * Get information on the assignment submitted
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     var _a;
     if (!isReady) {
       return;
@@ -127,11 +107,12 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
     setAssignmentSubmissionGetStatus('pending');
     getOrgMaterialAssignmentSubmissionGet({
       materialAssignmentSubmissionId: (_a = materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.lastAssignmentSubmissionId) !== null && _a !== void 0 ? _a : 0
-    }).then(function (_ref4) {
-      var materialAssignmentSubmission = _ref4.materialAssignmentSubmission;
+    }).then(({
+      materialAssignmentSubmission
+    }) => {
       setAssignmentSubmissionGetStatus('resolved');
       setMaterialAssignmentSubmission(materialAssignmentSubmission);
-    }).catch(function (error) {
+    }).catch(error => {
       console.error(error);
       setAssignmentSubmissionGetStatus('rejected');
       setMaterialAssignmentSubmission(undefined);
@@ -150,10 +131,10 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
   /**
    *
    */
-  var renderAssignmentInfo = function renderAssignmentInfo() {
+  const renderAssignmentInfo = () => {
     var _a;
-    var assignmentFilename = decodeURIComponent((materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.assignmentFileUrl) && new URL(materialAssignmentSubmission.assignmentFileUrl).pathname.split('/').pop() || '');
-    var renderAssignmentStatus = function renderAssignmentStatus() {
+    const assignmentFilename = decodeURIComponent((materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.assignmentFileUrl) && new URL(materialAssignmentSubmission.assignmentFileUrl).pathname.split('/').pop() || '');
+    const renderAssignmentStatus = () => {
       if (!isAssignmentSubmitted && isAssignmentClosed) {
         return React.createElement(Text, {
           bold: true,
@@ -189,7 +170,7 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
         id: 'materialAssignment.status.noSubmitted'
       }));
     };
-    var renderAssignmentScore = function renderAssignmentScore() {
+    const renderAssignmentScore = () => {
       var _a;
       return React.createElement(React.Fragment, null, React.createElement(Text, {
         bold: true,
@@ -203,7 +184,7 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
         width: 0.25
       }));
     };
-    var renderAssignmentAttachment = function renderAssignmentAttachment() {
+    const renderAssignmentAttachment = () => {
       if (materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.assignmentFileUrl) {
         return React.createElement("a", {
           href: materialAssignmentSubmission.assignmentFileUrl,
@@ -259,9 +240,7 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
       size: "tiny",
       role: "lightpurple",
       disabled: [isAssignmentResultVisible, !materialAssignment.isResubmitEnabled && isAssignmentSubmitted, isAssignmentClosed].some(Boolean),
-      onClick: function onClick() {
-        return setShowAssignmentSubmitModal(true);
-      }
+      onClick: () => setShowAssignmentSubmitModal(true)
     }, intl.formatMessage({
       id: 'materialAssignment.button.upload'
     }))))), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
@@ -278,9 +257,9 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
   /**
    *
    */
-  var renderAssignmentFeedback = function renderAssignmentFeedback() {
+  const renderAssignmentFeedback = () => {
     var _a;
-    var tableColumns = [{
+    const tableColumns = [{
       Header: intl.formatMessage({
         id: 'materialAssignment.table.header.index'
       }),
@@ -292,18 +271,14 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
       }),
       accessor: 'feedback'
     }];
-    var tableData = (_a = materialAssignmentGradeList === null || materialAssignmentGradeList === void 0 ? void 0 : materialAssignmentGradeList.filter(function (grade) {
-      return grade.comment.length;
-    }).map(function (grade, index) {
-      return {
-        index: index + 1,
-        feedback: React.createElement(Text, {
-          preWrap: true,
-          size: "small",
-          role: "navy1"
-        }, grade.comment)
-      };
-    })) !== null && _a !== void 0 ? _a : [];
+    const tableData = (_a = materialAssignmentGradeList === null || materialAssignmentGradeList === void 0 ? void 0 : materialAssignmentGradeList.filter(grade => grade.comment.length).map((grade, index) => ({
+      index: index + 1,
+      feedback: React.createElement(Text, {
+        preWrap: true,
+        size: "small",
+        role: "navy1"
+      }, grade.comment)
+    }))) !== null && _a !== void 0 ? _a : [];
     return React.createElement(TableNext, {
       dark: true,
       columns: tableColumns,
@@ -316,15 +291,13 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
   /**
    *
    */
-  var renderAssignmentUploadModal = function renderAssignmentUploadModal() {
+  const renderAssignmentUploadModal = () => {
     if (!showAssignmentSubmitModal) {
       return null;
     }
     return React.createElement(MaterialAssignmentUploadModal, {
       materialAssignment: materialAssignment,
-      onClose: function onClose() {
-        return setShowAssignmentSubmitModal(false);
-      },
+      onClose: () => setShowAssignmentSubmitModal(false),
       onSubmitCallback: doGetOrgMaterialAssignmentGet
     });
   };

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

@@ -1,99 +1,73 @@
-import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { useForm, Controller } from 'react-hook-form';
 import { useIntl } from 'react-intl';
 import { postOrgMaterialAssignmentSubmissionAdd } from '@elice/api-client';
-import { Files, Modal, Alert, Vspace, Radio, RadioButton, Input, Checkbox, Text, Notification } from '@elice/blocks';
+import { Files, Notification, Modal, Alert, Vspace, Radio, RadioButton, Input, Checkbox, Text } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { validateUrl } from '@elice/utils';
 import styled from 'styled-components';
 
-var StyledAssignmentContentFiles = styled(Files).withConfig({
+const StyledAssignmentContentFiles = styled(Files).withConfig({
   componentId: "sc-9bizrf-0"
 })(["width:100%;.eb-files__choose-button{border-color:", ";background-color:", ";}"], base.color.primary5, base.color.primary5);
-var MaterialAssignmentUploadModal = function MaterialAssignmentUploadModal(_ref) {
-  var materialAssignment = _ref.materialAssignment,
-    onClose = _ref.onClose,
-    onSubmitCallback = _ref.onSubmitCallback;
-  var intl = useIntl();
-  var abortCtrl = React.useRef(new AbortController());
+const MaterialAssignmentUploadModal = ({
+  materialAssignment,
+  onClose,
+  onSubmitCallback
+}) => {
+  const intl = useIntl();
+  const abortCtrl = React.useRef(new AbortController());
   /** Select submission method */
-  var _React$useState = React.useState('attachment'),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    assignmentMode = _React$useState2[0],
-    setAssignmentMode = _React$useState2[1];
+  const [assignmentMode, setAssignmentMode] = React.useState('attachment');
   /** Check "Once you submit it, you cannot submit it again." */
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    isAgreedSubmit = _React$useState4[0],
-    setAgreedSubmit = _React$useState4[1];
+  const [isAgreedSubmit, setAgreedSubmit] = React.useState(false);
   /** Check if the submission time is past */
-  var isAssignmentClosed = Boolean(materialAssignment.closeDatetime < Date.now());
+  const isAssignmentClosed = Boolean(materialAssignment.closeDatetime < Date.now());
   /** Check if it is possible to resubmit */
-  var isAssignmentResubmitEnabled = Boolean(materialAssignment.isResubmitEnabled);
-  var _useForm = useForm({
-      mode: 'onChange'
-    }),
-    control = _useForm.control,
-    formState = _useForm.formState,
-    handleSubmit = _useForm.handleSubmit,
-    reset = _useForm.reset;
+  const isAssignmentResubmitEnabled = Boolean(materialAssignment.isResubmitEnabled);
+  const {
+    control,
+    formState,
+    handleSubmit,
+    reset
+  } = useForm({
+    mode: 'onChange'
+  });
   /**
    * Submit assignment.
    */
-  var submitAssignment = handleSubmit( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
-      var _a;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            _context.next = 3;
-            return 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();
-            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", Notification.error(intl.formatMessage({
-              id: 'materialAssignment.notification.submit.cancel'
-            })));
-          case 12:
-            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);
-    };
-  }());
+  const submitAssignment = handleSubmit(async data => {
+    var _a;
+    try {
+      await 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();
+      Notification.success(intl.formatMessage({
+        id: 'materialAssignment.notification.submit.success'
+      }));
+      if (typeof onSubmitCallback === 'function') {
+        onSubmitCallback();
+      }
+    } catch (error) {
+      if (error.name === 'AbortError') {
+        return Notification.error(intl.formatMessage({
+          id: 'materialAssignment.notification.submit.cancel'
+        }));
+      }
+      Notification.error(intl.formatMessage({
+        id: 'materialAssignment.notification.submit.failure'
+      }));
+    }
+  });
   //
   //
   //
-  React.useEffect(function () {
-    var _abortCtrl = abortCtrl.current;
-    return function () {
+  React.useEffect(() => {
+    const _abortCtrl = abortCtrl.current;
+    return () => {
       _abortCtrl.abort();
     };
   }, []);
@@ -126,7 +100,7 @@ var MaterialAssignmentUploadModal = function MaterialAssignmentUploadModal(_ref)
     purpleWhite: true,
     borderRound: true,
     value: assignmentMode,
-    onChange: function onChange(value) {
+    onChange: value => {
       reset();
       setAgreedSubmit(false);
       setAssignmentMode(value);
@@ -147,47 +121,45 @@ var MaterialAssignmentUploadModal = function MaterialAssignmentUploadModal(_ref)
     rules: {
       required: true
     },
-    render: function render(_ref3) {
-      var field = _ref3.field;
-      return React.createElement(StyledAssignmentContentFiles, Object.assign({}, field, {
-        ref: null,
-        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);
-          }
+    render: ({
+      field
+    }) => React.createElement(StyledAssignmentContentFiles, Object.assign({}, field, {
+      ref: null,
+      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);
         }
-      }));
-    }
+      }
+    }))
   }) : React.createElement(Controller, {
     control: control,
     name: "assignmentUrl",
     rules: {
       required: true,
-      validate: function validate(url) {
-        return validateUrl(url !== null && url !== void 0 ? url : '') ? true : intl.formatMessage({
-          id: 'materialAssignment.input.invalid'
-        });
-      }
+      validate: url => validateUrl(url !== null && url !== void 0 ? url : '') ? true : intl.formatMessage({
+        id: 'materialAssignment.input.invalid'
+      })
     },
-    render: function render(_ref4) {
-      var field = _ref4.field,
-        fieldState = _ref4.fieldState;
+    render: ({
+      field,
+      fieldState
+    }) => {
       var _a;
       return React.createElement(Input, Object.assign({}, field, {
         width: "full",

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

@@ -1,4 +1,4 @@
-var en = {
+const en = {
   'materialAssignment.button.upload': 'Upload assignment',
   'materialAssignment.error': 'Failed to fetch assignment',
   'materialAssignment.status.noSubmitted': 'No submitted',
@@ -36,7 +36,7 @@ var 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.'
 };
-var ko = {
+const ko = {
   'materialAssignment.button.upload': '과제 업로드',
   'materialAssignment.error': '과제를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.',
   'materialAssignment.status.noSubmitted': '미제출',

package/es/components/material-assignment-admin/MaterialAssignmentAdmin.js

@@ -9,20 +9,20 @@ import MaterialAssignmentAdminContent from './MaterialAssignmentAdminContent.js'
 import MaterialAssignmentAdminContentTa from './MaterialAssignmentAdminContentTa.js';
 import { StyledMaterialAssignmentAdminContainer } from './MaterialAssignmentAdmin.styled.js';
 
-var MaterialAssignmentAdmin = forwardRef(function (_ref, ref) {
-  var _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? 'en' : _ref$locale,
-    className = _ref.className,
-    materialAssignmentId = _ref.materialAssignmentId,
-    userId = _ref.userId,
-    adminUserId = _ref.adminUserId,
-    courseRole = _ref.courseRole,
-    updateMaterialUserBrowserResponse = _ref.updateMaterialUserBrowserResponse;
-  var prefixCls = 'em-material-assignment-admin';
+const MaterialAssignmentAdmin = forwardRef(({
+  locale = 'en',
+  className,
+  materialAssignmentId,
+  userId,
+  adminUserId,
+  courseRole,
+  updateMaterialUserBrowserResponse
+}, ref) => {
+  const prefixCls = 'em-material-assignment-admin';
   // TODO: initialize in custom hook or withMaterial hoc.
-  var isReady = useMaterialConfigApiClientUpdate(config.init);
-  var isCourseRoleAboveTa = courseRole > enums.CourseRole.TA;
-  var renderContent = function renderContent() {
+  const isReady = useMaterialConfigApiClientUpdate(config.init);
+  const isCourseRoleAboveTa = courseRole > enums.CourseRole.TA;
+  const renderContent = () => {
     if (!isReady) {
       return React.createElement(Flex, {
         align: "center",