@elice/material-assignment 1.240306.0-runboxtutoring.0 → 1.240306.0

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

@@ -1,104 +1,77 @@
-import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 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 { useRawEliceIntl } from '@elice/intl';
 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 = useRawEliceIntl();
-  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();
     };
   }, []);
-  return jsxs(Modal, {
+  return React.createElement(Modal, {
     title: intl.formatMessage({
       id: 'materialAssignment.modal.title'
     }),
@@ -116,108 +89,97 @@ var MaterialAssignmentUploadModal = function MaterialAssignmentUploadModal(_ref)
       role: 'gray1',
       onClick: onClose
     }],
-    onHide: onClose,
-    children: [jsx(Alert, {
-      role: isAssignmentResubmitEnabled ? 'primary' : 'warning',
-      children: intl.formatMessage({
-        id: isAssignmentResubmitEnabled ? 'materialAssignment.alert.oftenSubmit' : 'materialAssignment.alert.onceSubmit'
-      })
-    }), jsx(Vspace, {
-      height: 1.5
-    }), jsxs(Radio, {
-      purpleWhite: true,
-      borderRound: true,
-      value: assignmentMode,
-      onChange: function onChange(value) {
-        reset();
-        setAgreedSubmit(false);
-        setAssignmentMode(value);
-      },
-      children: [jsx(RadioButton, {
-        value: "attachment",
-        children: intl.formatMessage({
-          id: 'materialAssignment.radio.option.attachment'
-        })
-      }), jsx(RadioButton, {
-        value: "url",
-        children: intl.formatMessage({
-          id: 'materialAssignment.radio.option.url'
-        })
-      })]
-    }), jsx(Vspace, {
-      height: 1
-    }), assignmentMode === 'attachment' ? jsx(Controller, {
-      control: control,
-      name: "assignmentFile",
-      rules: {
-        required: true
-      },
-      render: function render(_ref3) {
-        var field = _ref3.field;
-        return jsx(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);
-            }
-          }
-        }));
-      }
-    }) : jsx(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'
-          });
+    onHide: onClose
+  }, React.createElement(Alert, {
+    role: isAssignmentResubmitEnabled ? 'primary' : 'warning'
+  }, intl.formatMessage({
+    id: isAssignmentResubmitEnabled ? 'materialAssignment.alert.oftenSubmit' : 'materialAssignment.alert.onceSubmit'
+  })), React.createElement(Vspace, {
+    height: 1.5
+  }), React.createElement(Radio, {
+    purpleWhite: true,
+    borderRound: true,
+    value: assignmentMode,
+    onChange: value => {
+      reset();
+      setAgreedSubmit(false);
+      setAssignmentMode(value);
+    }
+  }, React.createElement(RadioButton, {
+    value: "attachment"
+  }, intl.formatMessage({
+    id: 'materialAssignment.radio.option.attachment'
+  })), React.createElement(RadioButton, {
+    value: "url"
+  }, intl.formatMessage({
+    id: 'materialAssignment.radio.option.url'
+  }))), React.createElement(Vspace, {
+    height: 1
+  }), assignmentMode === 'attachment' ? React.createElement(Controller, {
+    control: control,
+    name: "assignmentFile",
+    rules: {
+      required: true
+    },
+    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);
         }
-      },
-      render: function render(_ref4) {
-        var field = _ref4.field,
-          fieldState = _ref4.fieldState;
-        var _a;
-        return jsx(Input, Object.assign({}, field, {
-          width: "full",
-          size: "small",
-          placeholder: "http(s)://",
-          invalid: fieldState.invalid,
-          invalidText: (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message
-        }));
       }
-    }), isAssignmentResubmitEnabled ? null : jsxs(Fragment, {
-      children: [jsx(Vspace, {
-        height: 1
-      }), jsx(Checkbox, {
+    }))
+  }) : React.createElement(Controller, {
+    control: control,
+    name: "assignmentUrl",
+    rules: {
+      required: true,
+      validate: url => validateUrl(url !== null && url !== void 0 ? url : '') ? true : intl.formatMessage({
+        id: 'materialAssignment.input.invalid'
+      })
+    },
+    render: ({
+      field,
+      fieldState
+    }) => {
+      var _a;
+      return React.createElement(Input, Object.assign({}, field, {
+        width: "full",
         size: "small",
-        value: isAgreedSubmit,
-        onChange: setAgreedSubmit,
-        children: jsx(Text, {
-          size: "small",
-          children: intl.formatMessage({
-            id: 'materialAssignment.attachment.checkbox.onceSubmit'
-          })
-        })
-      })]
-    })]
-  });
+        placeholder: "http(s)://",
+        invalid: fieldState.invalid,
+        invalidText: (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message
+      }));
+    }
+  }), isAssignmentResubmitEnabled ? null : React.createElement(React.Fragment, null, React.createElement(Vspace, {
+    height: 1
+  }), React.createElement(Checkbox, {
+    size: "small",
+    value: isAgreedSubmit,
+    onChange: setAgreedSubmit
+  }, React.createElement(Text, {
+    size: "small"
+  }, intl.formatMessage({
+    id: 'materialAssignment.attachment.checkbox.onceSubmit'
+  })))));
 };
 
 export { MaterialAssignmentUploadModal as default };

package/es/components/material-assignment/locales.d.ts

@@ -0,0 +1,39 @@
+export declare const en: {
+    'materialAssignment.button.upload': string;
+    'materialAssignment.error': string;
+    'materialAssignment.status.noSubmitted': string;
+    'materialAssignment.status.submitted': string;
+    'materialAssignment.status.graded': string;
+    'materialAssignment.status.deadlineExpired': string;
+    'materialAssignment.table.column.status': string;
+    'materialAssignment.table.column.deadlineDatetime': string;
+    'materialAssignment.table.column.lastSubmitDatetime': string;
+    'materialAssignment.table.column.uploadedFile': string;
+    'materialAssignment.table.column.assignmentScore': string;
+    'materialAssignment.table.column.score': string;
+    'materialAssignment.table.column.totalPoint': string;
+    'materialAssignment.table.header.index': string;
+    'materialAssignment.table.header.feedback': string;
+    'materialAssignment.table.empty.noAssignment': string;
+    'materialAssignment.table.empty.noFeedback': string;
+    'materialAssignment.label.general': string;
+    'materialAssignment.label.feedback': string;
+    'materialAssignment.description.general': string;
+    'materialAssignment.description.feedback': string;
+    'materialAssignment.notification.submit.success': string;
+    'materialAssignment.notification.submit.failure': string;
+    'materialAssignment.notification.submit.cancel': string;
+    'materialAssignment.modal.title': string;
+    'materialAssignment.modal.button.submit': string;
+    'materialAssignment.modal.button.cancel': string;
+    'materialAssignment.alert.onceSubmit': string;
+    'materialAssignment.alert.oftenSubmit': string;
+    'materialAssignment.radio.option.attachment': string;
+    'materialAssignment.radio.option.url': string;
+    'materialAssignment.attachment.dropMessage': string;
+    'materialAssignment.attachment.maxSizeMessage': string;
+    'materialAssignment.attachment.button': string;
+    'materialAssignment.attachment.checkbox.onceSubmit': string;
+    'materialAssignment.input.invalid': string;
+};
+export declare const ko: typeof en;

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

@@ -0,0 +1,78 @@
+const en = {
+  'materialAssignment.button.upload': 'Upload assignment',
+  'materialAssignment.error': 'Failed to fetch assignment',
+  'materialAssignment.status.noSubmitted': 'No submitted',
+  'materialAssignment.status.submitted': 'Submitted',
+  'materialAssignment.status.graded': 'Graded',
+  'materialAssignment.status.deadlineExpired': 'Deadline expired',
+  'materialAssignment.table.column.status': 'Status',
+  'materialAssignment.table.column.deadlineDatetime': 'Deadline datetime',
+  'materialAssignment.table.column.lastSubmitDatetime': 'Last submit datetime',
+  'materialAssignment.table.column.uploadedFile': 'Uploaded file',
+  'materialAssignment.table.column.assignmentScore': 'Assignment Score',
+  'materialAssignment.table.column.score': '{score}',
+  'materialAssignment.table.column.totalPoint': '/ {point} point',
+  'materialAssignment.table.header.index': 'Index',
+  'materialAssignment.table.header.feedback': 'Feedback',
+  'materialAssignment.table.empty.noAssignment': 'Grading has not been completed yet.',
+  'materialAssignment.table.empty.noFeedback': 'No feedback has been created.',
+  'materialAssignment.label.general': 'General',
+  'materialAssignment.label.feedback': 'Feedback',
+  'materialAssignment.description.general': 'You can view basic information related to the task.',
+  'materialAssignment.description.feedback': 'Check your feedback.',
+  'materialAssignment.notification.submit.success': 'Assignment has been submitted.',
+  'materialAssignment.notification.submit.failure': 'Error occurred while submitting assignment.',
+  'materialAssignment.notification.submit.cancel': 'The assignment submission has been canceled.',
+  'materialAssignment.modal.title': 'Upload assignment',
+  'materialAssignment.modal.button.submit': 'Submit',
+  'materialAssignment.modal.button.cancel': 'Cancel',
+  'materialAssignment.alert.onceSubmit': 'The number of submissions is limited to one. Please note that the assignment cannot be modified after submission.',
+  'materialAssignment.alert.oftenSubmit': 'You can modify and resubmit it before the deadline after submission.',
+  'materialAssignment.radio.option.attachment': 'Attachment',
+  'materialAssignment.radio.option.url': 'URL',
+  'materialAssignment.attachment.dropMessage': 'Add files with drag and drop.',
+  'materialAssignment.attachment.maxSizeMessage': 'Up to 300MB can be uploaded.',
+  'materialAssignment.attachment.button': 'Select file',
+  'materialAssignment.attachment.checkbox.onceSubmit': 'I have checked all the circumstances and agree to submit the assignment.',
+  'materialAssignment.input.invalid': 'The URL is not of a valid format.'
+};
+const ko = {
+  'materialAssignment.button.upload': '과제 업로드',
+  'materialAssignment.error': '과제를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.',
+  'materialAssignment.status.noSubmitted': '미제출',
+  'materialAssignment.status.submitted': '제출됨',
+  'materialAssignment.status.graded': '채점 완료',
+  'materialAssignment.status.deadlineExpired': '제출 기한 만료',
+  'materialAssignment.table.column.status': '상태',
+  'materialAssignment.table.column.deadlineDatetime': '과제 제출 기한',
+  'materialAssignment.table.column.lastSubmitDatetime': '제출 일시',
+  'materialAssignment.table.column.uploadedFile': '업로드한 과제',
+  'materialAssignment.table.column.assignmentScore': '과제 점수',
+  'materialAssignment.table.column.score': '{score}점',
+  'materialAssignment.table.column.totalPoint': '/ {point}점 만점',
+  'materialAssignment.table.header.index': '번호',
+  'materialAssignment.table.header.feedback': '피드백',
+  'materialAssignment.table.empty.noAssignment': '아직 채점이 완료되지 않았습니다.',
+  'materialAssignment.table.empty.noFeedback': '작성된 피드백이 없습니다.',
+  'materialAssignment.label.general': '기본 정보',
+  'materialAssignment.label.feedback': '피드백',
+  'materialAssignment.description.general': '과제와 관련된 기본 정보를 볼 수 있습니다.',
+  'materialAssignment.description.feedback': '선생님의 피드백을 확인해 보세요.',
+  'materialAssignment.notification.submit.success': '과제가 제출되었습니다.',
+  'materialAssignment.notification.submit.failure': '과제 제출 중 문제가 발생하였습니다.',
+  'materialAssignment.notification.submit.cancel': '과제 제출을 취소하였습니다.',
+  'materialAssignment.modal.title': '과제 업로드',
+  'materialAssignment.modal.button.submit': '저장',
+  'materialAssignment.modal.button.cancel': '취소',
+  'materialAssignment.alert.onceSubmit': '제출 횟수가 1회로 제한됩니다. 제출 후 과제 수정이 불가하니 유의해 주세요.',
+  'materialAssignment.alert.oftenSubmit': '제출 마감 기한 전까지 다시 제출할 수 있습니다.',
+  'materialAssignment.radio.option.attachment': '파일 업로드',
+  'materialAssignment.radio.option.url': 'URL 입력',
+  'materialAssignment.attachment.dropMessage': '드래그 앤 드롭으로 파일을 추가하세요.',
+  'materialAssignment.attachment.maxSizeMessage': '최대 300MB까지 업로드 가능합니다.',
+  'materialAssignment.attachment.button': '파일 선택',
+  'materialAssignment.attachment.checkbox.onceSubmit': '모든 상황을 확인했으며 과제 제출에 동의합니다.',
+  'materialAssignment.input.invalid': '올바른 형식의 URL이 아닙니다.'
+};
+
+export { en, ko };

package/es/components/material-assignment-admin/MaterialAssignmentAdmin.d.ts

@@ -10,7 +10,5 @@ export interface MaterialAssignmentAdminProps {
     courseRole: enums.CourseRole;
     updateMaterialUserBrowserResponse?: (userId: number) => void;
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<import("@elice/intl").IntlComponentExtraProps & Omit<MaterialAssignmentAdminProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & {
-    __intl: import("@elice/intl").EliceIntlShape;
-} & React.RefAttributes<MaterialAssignmentAdminApis>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & React.RefAttributes<MaterialAssignmentAdminApis>>;
-export default _default;
+declare const MaterialAssignmentAdmin: React.ForwardRefExoticComponent<MaterialAssignmentAdminProps & React.RefAttributes<MaterialAssignmentAdminApis>>;
+export default MaterialAssignmentAdmin;

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

@@ -1,59 +1,54 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
+import { IntlProvider } from 'react-intl';
 import { config } from '@elice/api-client';
 import { Flex, Spinner } from '@elice/blocks';
-import { RawEliceIntlProvider, IntlComponentBuilder } from '@elice/intl';
 import { useMaterialConfigApiClientUpdate } from '@elice/material-shared-utils';
 import { enums } from '@elice/types';
 import classnames from 'classnames';
-import messageEn from './locales/en.json.js';
-import messageKo from './locales/ko.json.js';
 import MaterialAssignmentAdminContent from './MaterialAssignmentAdminContent.js';
 import MaterialAssignmentAdminContentTa from './MaterialAssignmentAdminContentTa.js';
 import { StyledMaterialAssignmentAdminContainer } from './MaterialAssignmentAdmin.styled.js';
 
-var MaterialAssignmentAdmin = forwardRef(function (_ref, ref) {
-  var __intl = _ref.__intl,
-    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 jsx(Flex, {
+      return React.createElement(Flex, {
         align: "center",
         justify: "center",
         width: "100%",
-        height: "100%",
-        children: jsx(Spinner, {})
-      });
+        height: "100%"
+      }, React.createElement(Spinner, null));
     }
-    return isCourseRoleAboveTa ? jsx(MaterialAssignmentAdminContent, {
+    return isCourseRoleAboveTa ? React.createElement(MaterialAssignmentAdminContent, {
       ref: ref,
       userId: userId,
       adminUserId: adminUserId,
       materialAssignmentId: materialAssignmentId,
       updateMaterialUserBrowserResponse: updateMaterialUserBrowserResponse
-    }) : jsx(MaterialAssignmentAdminContentTa, {
+    }) : React.createElement(MaterialAssignmentAdminContentTa, {
       userId: userId,
       adminUserId: adminUserId,
       materialAssignmentId: materialAssignmentId
     });
   };
-  return jsx(StyledMaterialAssignmentAdminContainer, {
-    className: classnames(prefixCls, className),
-    children: jsx(RawEliceIntlProvider, {
-      value: __intl,
-      children: renderContent()
-    })
-  });
+  return React.createElement(StyledMaterialAssignmentAdminContainer, {
+    className: classnames(prefixCls, className)
+  }, React.createElement(IntlProvider, {
+    locale: locale,
+    defaultLocale: "en"
+  }, renderContent()));
 });
-var MaterialAssignmentAdmin$1 = new IntlComponentBuilder(MaterialAssignmentAdmin).add('en', messageEn).add('ko', messageKo).addAsync('th', import('./locales/th.json.js')).addAsync('ja', import('./locales/ja.json.js')).build();
 
-export { MaterialAssignmentAdmin$1 as default };
+export { MaterialAssignmentAdmin as default };

package/es/components/material-assignment-admin/MaterialAssignmentAdmin.styled.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { Text } from '@elice/blocks';
 export declare const StyledMaterialAssignmentAdminContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMaterialAssignmentAdminHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledMaterialAssignmentAdminHeaderCell: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledMaterialAssignmentAdminGradeWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledMaterialAssignmentAdminTextareaWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledMaterialAssignmentAdminManualScoreEditButtonWrapper: import("styled-components").StyledComponent<"div", any, {

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

@@ -2,26 +2,26 @@ import { Flex, Text } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import styled from 'styled-components';
 
-var StyledMaterialAssignmentAdminContainer = styled.div.withConfig({
+const StyledMaterialAssignmentAdminContainer = styled.div.withConfig({
   componentId: "sc-1czd3o6-0"
 })(["display:flex;flex-direction:column;align-items:center;width:100%;height:100%;background-color:", ";"], base.color.navy9);
-var StyledMaterialAssignmentAdminGradeWrapper = styled(Flex).withConfig({
+const StyledMaterialAssignmentAdminHeader = styled(Flex).withConfig({
   componentId: "sc-1czd3o6-1"
-})(["background-color:", ";width:100%;padding:0 1.5rem;height:4.5rem;border:1px solid ", ";border-radius:0.5rem;"], base.color.navy7, base.color.navy6);
-var StyledMaterialAssignmentAdminTextareaWrapper = styled.div.withConfig({
+})(["background-color:", ";"], base.color.navy8);
+const StyledMaterialAssignmentAdminHeaderCell = styled.div.withConfig({
   componentId: "sc-1czd3o6-2"
-})(["background-color:", ";"], base.color.gray2);
-var StyledMaterialAssignmentAdminManualScoreEditButtonWrapper = styled.div.withConfig({
+})(["display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:0 1.5rem;height:100%;border-right:1px solid ", ";&:last-of-type{border-right:none;}"], base.color.gray6);
+const StyledMaterialAssignmentAdminGradeWrapper = styled(Flex).withConfig({
   componentId: "sc-1czd3o6-3"
-})(["cursor:", ";opacity:", ";"], function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
-}, function (props) {
-  return props.disabled ? 0.5 : 1;
-});
-var StyledMaterialAssignmentAdminManualScoreEditButton = styled(Text).withConfig({
+})(["background-color:", ";width:100%;padding:0 1.5rem;height:4.5rem;border:1px solid ", ";border-radius:0.5rem;"], base.color.navy7, base.color.navy6);
+const StyledMaterialAssignmentAdminTextareaWrapper = styled.div.withConfig({
   componentId: "sc-1czd3o6-4"
-})(["pointer-events:", ";"], function (props) {
-  return props.disabled ? 'none' : 'auto';
-});
+})(["background-color:", ";"], base.color.gray2);
+const StyledMaterialAssignmentAdminManualScoreEditButtonWrapper = styled.div.withConfig({
+  componentId: "sc-1czd3o6-5"
+})(["cursor:", ";opacity:", ";"], props => props.disabled ? 'not-allowed' : 'pointer', props => props.disabled ? 0.5 : 1);
+const StyledMaterialAssignmentAdminManualScoreEditButton = styled(Text).withConfig({
+  componentId: "sc-1czd3o6-6"
+})(["pointer-events:", ";"], props => props.disabled ? 'none' : 'auto');
 
-export { StyledMaterialAssignmentAdminContainer, StyledMaterialAssignmentAdminGradeWrapper, StyledMaterialAssignmentAdminManualScoreEditButton, StyledMaterialAssignmentAdminManualScoreEditButtonWrapper, StyledMaterialAssignmentAdminTextareaWrapper };
+export { StyledMaterialAssignmentAdminContainer, StyledMaterialAssignmentAdminGradeWrapper, StyledMaterialAssignmentAdminHeader, StyledMaterialAssignmentAdminHeaderCell, StyledMaterialAssignmentAdminManualScoreEditButton, StyledMaterialAssignmentAdminManualScoreEditButtonWrapper, StyledMaterialAssignmentAdminTextareaWrapper };