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

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

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var reactIntl = require('react-intl');
@@ -12,101 +11,71 @@ var designTokens = require('@elice/design-tokens');
 var utils = require('@elice/utils');
 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 StyledAssignmentContentFiles = styled__default["default"](blocks.Files).withConfig({
+const StyledAssignmentContentFiles = styled(blocks.Files).withConfig({
   componentId: "sc-9bizrf-0"
 })(["width:100%;.eb-files__choose-button{border-color:", ";background-color:", ";}"], designTokens.base.color.primary5, designTokens.base.color.primary5);
-var MaterialAssignmentUploadModal = function MaterialAssignmentUploadModal(_ref) {
-  var materialAssignment = _ref.materialAssignment,
-    onClose = _ref.onClose,
-    onSubmitCallback = _ref.onSubmitCallback;
-  var intl = reactIntl.useIntl();
-  var abortCtrl = React__default["default"].useRef(new AbortController());
+const MaterialAssignmentUploadModal = ({
+  materialAssignment,
+  onClose,
+  onSubmitCallback
+}) => {
+  const intl = reactIntl.useIntl();
+  const abortCtrl = React.useRef(new AbortController());
   /** Select submission method */
-  var _React$useState = React__default["default"].useState('attachment'),
-    _React$useState2 = _rollupPluginBabelHelpers.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__default["default"].useState(false),
-    _React$useState4 = _rollupPluginBabelHelpers.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 = reactHookForm.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
+  } = reactHookForm.useForm({
+    mode: 'onChange'
+  });
   /**
    * Submit assignment.
    */
-  var submitAssignment = handleSubmit( /*#__PURE__*/function () {
-    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(data) {
-      var _a;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            _context.next = 3;
-            return apiClient.postOrgMaterialAssignmentSubmissionAdd(Object.assign(Object.assign({}, data), {
-              materialAssignmentId: (_a = materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.id) !== null && _a !== void 0 ? _a : 0
-            }), {
-              signal: abortCtrl.current.signal
-            });
-          case 3:
-            onClose();
-            blocks.Notification.success(intl.formatMessage({
-              id: 'materialAssignment.notification.submit.success'
-            }));
-            if (typeof onSubmitCallback === 'function') {
-              onSubmitCallback();
-            }
-            _context.next = 13;
-            break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](0);
-            if (!(_context.t0.name === 'AbortError')) {
-              _context.next = 12;
-              break;
-            }
-            return _context.abrupt("return", blocks.Notification.error(intl.formatMessage({
-              id: 'materialAssignment.notification.submit.cancel'
-            })));
-          case 12:
-            blocks.Notification.error(intl.formatMessage({
-              id: 'materialAssignment.notification.submit.failure'
-            }));
-          case 13:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 8]]);
-    }));
-    return function (_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }());
+  const submitAssignment = handleSubmit(async data => {
+    var _a;
+    try {
+      await apiClient.postOrgMaterialAssignmentSubmissionAdd(Object.assign(Object.assign({}, data), {
+        materialAssignmentId: (_a = materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.id) !== null && _a !== void 0 ? _a : 0
+      }), {
+        signal: abortCtrl.current.signal
+      });
+      onClose();
+      blocks.Notification.success(intl.formatMessage({
+        id: 'materialAssignment.notification.submit.success'
+      }));
+      if (typeof onSubmitCallback === 'function') {
+        onSubmitCallback();
+      }
+    } catch (error) {
+      if (error.name === 'AbortError') {
+        return blocks.Notification.error(intl.formatMessage({
+          id: 'materialAssignment.notification.submit.cancel'
+        }));
+      }
+      blocks.Notification.error(intl.formatMessage({
+        id: 'materialAssignment.notification.submit.failure'
+      }));
+    }
+  });
   //
   //
   //
-  React__default["default"].useEffect(function () {
-    var _abortCtrl = abortCtrl.current;
-    return function () {
+  React.useEffect(() => {
+    const _abortCtrl = abortCtrl.current;
+    return () => {
       _abortCtrl.abort();
     };
   }, []);
-  return React__default["default"].createElement(blocks.Modal, {
+  return React.createElement(blocks.Modal, {
     title: intl.formatMessage({
       id: 'materialAssignment.modal.title'
     }),
@@ -125,80 +94,78 @@ var MaterialAssignmentUploadModal = function MaterialAssignmentUploadModal(_ref)
       onClick: onClose
     }],
     onHide: onClose
-  }, React__default["default"].createElement(blocks.Alert, {
+  }, React.createElement(blocks.Alert, {
     role: isAssignmentResubmitEnabled ? 'primary' : 'warning'
   }, intl.formatMessage({
     id: isAssignmentResubmitEnabled ? 'materialAssignment.alert.oftenSubmit' : 'materialAssignment.alert.onceSubmit'
-  })), React__default["default"].createElement(blocks.Vspace, {
+  })), React.createElement(blocks.Vspace, {
     height: 1.5
-  }), React__default["default"].createElement(blocks.Radio, {
+  }), React.createElement(blocks.Radio, {
     purpleWhite: true,
     borderRound: true,
     value: assignmentMode,
-    onChange: function onChange(value) {
+    onChange: value => {
       reset();
       setAgreedSubmit(false);
       setAssignmentMode(value);
     }
-  }, React__default["default"].createElement(blocks.RadioButton, {
+  }, React.createElement(blocks.RadioButton, {
     value: "attachment"
   }, intl.formatMessage({
     id: 'materialAssignment.radio.option.attachment'
-  })), React__default["default"].createElement(blocks.RadioButton, {
+  })), React.createElement(blocks.RadioButton, {
     value: "url"
   }, intl.formatMessage({
     id: 'materialAssignment.radio.option.url'
-  }))), React__default["default"].createElement(blocks.Vspace, {
+  }))), React.createElement(blocks.Vspace, {
     height: 1
-  }), assignmentMode === 'attachment' ? React__default["default"].createElement(reactHookForm.Controller, {
+  }), assignmentMode === 'attachment' ? React.createElement(reactHookForm.Controller, {
     control: control,
     name: "assignmentFile",
     rules: {
       required: true
     },
-    render: function render(_ref3) {
-      var field = _ref3.field;
-      return React__default["default"].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__default["default"].createElement(reactHookForm.Controller, {
+      }
+    }))
+  }) : React.createElement(reactHookForm.Controller, {
     control: control,
     name: "assignmentUrl",
     rules: {
       required: true,
-      validate: function validate(url) {
-        return utils.validateUrl(url !== null && url !== void 0 ? url : '') ? true : intl.formatMessage({
-          id: 'materialAssignment.input.invalid'
-        });
-      }
+      validate: url => utils.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__default["default"].createElement(blocks.Input, Object.assign({}, field, {
+      return React.createElement(blocks.Input, Object.assign({}, field, {
         width: "full",
         size: "small",
         placeholder: "http(s)://",
@@ -206,17 +173,17 @@ var MaterialAssignmentUploadModal = function MaterialAssignmentUploadModal(_ref)
         invalidText: (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message
       }));
     }
-  }), isAssignmentResubmitEnabled ? null : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(blocks.Vspace, {
+  }), isAssignmentResubmitEnabled ? null : React.createElement(React.Fragment, null, React.createElement(blocks.Vspace, {
     height: 1
-  }), React__default["default"].createElement(blocks.Checkbox, {
+  }), React.createElement(blocks.Checkbox, {
     size: "small",
     value: isAgreedSubmit,
     onChange: setAgreedSubmit
-  }, React__default["default"].createElement(blocks.Text, {
+  }, React.createElement(blocks.Text, {
     size: "small"
   }, intl.formatMessage({
     id: 'materialAssignment.attachment.checkbox.onceSubmit'
   })))));
 };
 
-exports["default"] = MaterialAssignmentUploadModal;
+exports.default = MaterialAssignmentUploadModal;

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

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var en = {
+const en = {
   'materialAssignment.button.upload': 'Upload assignment',
   'materialAssignment.error': 'Failed to fetch assignment',
   'materialAssignment.status.noSubmitted': 'No submitted',
@@ -40,7 +38,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/cjs/components/material-assignment-admin/MaterialAssignmentAdmin.js

@@ -13,51 +13,46 @@ var MaterialAssignmentAdminContent = require('./MaterialAssignmentAdminContent.j
 var MaterialAssignmentAdminContentTa = require('./MaterialAssignmentAdminContentTa.js');
 var MaterialAssignmentAdmin_styled = require('./MaterialAssignmentAdmin.styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-
-var MaterialAssignmentAdmin = React.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 = React.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 = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
-  var isCourseRoleAboveTa = courseRole > types.enums.CourseRole.TA;
-  var renderContent = function renderContent() {
+  const isReady = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
+  const isCourseRoleAboveTa = courseRole > types.enums.CourseRole.TA;
+  const renderContent = () => {
     if (!isReady) {
-      return React__default["default"].createElement(blocks.Flex, {
+      return React.createElement(blocks.Flex, {
         align: "center",
         justify: "center",
         width: "100%",
         height: "100%"
-      }, React__default["default"].createElement(blocks.Spinner, null));
+      }, React.createElement(blocks.Spinner, null));
     }
-    return isCourseRoleAboveTa ? React__default["default"].createElement(MaterialAssignmentAdminContent["default"], {
+    return isCourseRoleAboveTa ? React.createElement(MaterialAssignmentAdminContent.default, {
       ref: ref,
       userId: userId,
       adminUserId: adminUserId,
       materialAssignmentId: materialAssignmentId,
       updateMaterialUserBrowserResponse: updateMaterialUserBrowserResponse
-    }) : React__default["default"].createElement(MaterialAssignmentAdminContentTa["default"], {
+    }) : React.createElement(MaterialAssignmentAdminContentTa.default, {
       userId: userId,
       adminUserId: adminUserId,
       materialAssignmentId: materialAssignmentId
     });
   };
-  return React__default["default"].createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminContainer, {
-    className: classnames__default["default"](prefixCls, className)
-  }, React__default["default"].createElement(reactIntl.IntlProvider, {
+  return React.createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminContainer, {
+    className: classnames(prefixCls, className)
+  }, React.createElement(reactIntl.IntlProvider, {
     locale: locale,
     defaultLocale: "en"
   }, renderContent()));
 });
 
-exports["default"] = MaterialAssignmentAdmin;
+exports.default = MaterialAssignmentAdmin;

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

@@ -1,42 +1,30 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 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 styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledMaterialAssignmentAdminContainer = styled__default["default"].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:", ";"], designTokens.base.color.navy9);
-var StyledMaterialAssignmentAdminHeader = styled__default["default"](blocks.Flex).withConfig({
+const StyledMaterialAssignmentAdminHeader = styled(blocks.Flex).withConfig({
   componentId: "sc-1czd3o6-1"
 })(["background-color:", ";"], designTokens.base.color.navy8);
-var StyledMaterialAssignmentAdminHeaderCell = styled__default["default"].div.withConfig({
+const StyledMaterialAssignmentAdminHeaderCell = styled.div.withConfig({
   componentId: "sc-1czd3o6-2"
 })(["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;}"], designTokens.base.color.gray6);
-var StyledMaterialAssignmentAdminGradeWrapper = styled__default["default"](blocks.Flex).withConfig({
+const StyledMaterialAssignmentAdminGradeWrapper = styled(blocks.Flex).withConfig({
   componentId: "sc-1czd3o6-3"
 })(["background-color:", ";width:100%;padding:0 1.5rem;height:4.5rem;border:1px solid ", ";border-radius:0.5rem;"], designTokens.base.color.navy7, designTokens.base.color.navy6);
-var StyledMaterialAssignmentAdminTextareaWrapper = styled__default["default"].div.withConfig({
+const StyledMaterialAssignmentAdminTextareaWrapper = styled.div.withConfig({
   componentId: "sc-1czd3o6-4"
 })(["background-color:", ";"], designTokens.base.color.gray2);
-var StyledMaterialAssignmentAdminManualScoreEditButtonWrapper = styled__default["default"].div.withConfig({
+const StyledMaterialAssignmentAdminManualScoreEditButtonWrapper = styled.div.withConfig({
   componentId: "sc-1czd3o6-5"
-})(["cursor:", ";opacity:", ";"], function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
-}, function (props) {
-  return props.disabled ? 0.5 : 1;
-});
-var StyledMaterialAssignmentAdminManualScoreEditButton = styled__default["default"](blocks.Text).withConfig({
+})(["cursor:", ";opacity:", ";"], props => props.disabled ? 'not-allowed' : 'pointer', props => props.disabled ? 0.5 : 1);
+const StyledMaterialAssignmentAdminManualScoreEditButton = styled(blocks.Text).withConfig({
   componentId: "sc-1czd3o6-6"
-})(["pointer-events:", ";"], function (props) {
-  return props.disabled ? 'none' : 'auto';
-});
+})(["pointer-events:", ";"], props => props.disabled ? 'none' : 'auto');
 
 exports.StyledMaterialAssignmentAdminContainer = StyledMaterialAssignmentAdminContainer;
 exports.StyledMaterialAssignmentAdminGradeWrapper = StyledMaterialAssignmentAdminGradeWrapper;