@elice/material-assignment 1.240718.3 → 1.240719.1

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

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var apiClient = require('@elice/api-client');
@@ -11,71 +13,101 @@ var intl = require('@elice/intl');
 var utils = require('@elice/utils');
 var styled = require('styled-components');
 
-const StyledAssignmentContentFiles = styled(blocks.Files).withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var StyledAssignmentContentFiles = styled__default.default(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);
-const MaterialAssignmentUploadModal = ({
-  materialAssignment,
-  onClose,
-  onSubmitCallback
-}) => {
-  const intl$1 = intl.useRawEliceIntl();
-  const abortCtrl = React.useRef(new AbortController());
+var MaterialAssignmentUploadModal = function MaterialAssignmentUploadModal(_ref) {
+  var materialAssignment = _ref.materialAssignment,
+    onClose = _ref.onClose,
+    onSubmitCallback = _ref.onSubmitCallback;
+  var intl$1 = intl.useRawEliceIntl();
+  var abortCtrl = React__default.default.useRef(new AbortController());
   /** Select submission method */
-  const [assignmentMode, setAssignmentMode] = React.useState('attachment');
+  var _React$useState = React__default.default.useState('attachment'),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    assignmentMode = _React$useState2[0],
+    setAssignmentMode = _React$useState2[1];
   /** Check "Once you submit it, you cannot submit it again." */
-  const [isAgreedSubmit, setAgreedSubmit] = React.useState(false);
+  var _React$useState3 = React__default.default.useState(false),
+    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
+    isAgreedSubmit = _React$useState4[0],
+    setAgreedSubmit = _React$useState4[1];
   /** Check if the submission time is past */
-  const isAssignmentClosed = Boolean(materialAssignment.closeDatetime < Date.now());
+  var isAssignmentClosed = Boolean(materialAssignment.closeDatetime < Date.now());
   /** Check if it is possible to resubmit */
-  const isAssignmentResubmitEnabled = Boolean(materialAssignment.isResubmitEnabled);
-  const {
-    control,
-    formState,
-    handleSubmit,
-    reset
-  } = reactHookForm.useForm({
-    mode: 'onChange'
-  });
+  var isAssignmentResubmitEnabled = Boolean(materialAssignment.isResubmitEnabled);
+  var _useForm = reactHookForm.useForm({
+      mode: 'onChange'
+    }),
+    control = _useForm.control,
+    formState = _useForm.formState,
+    handleSubmit = _useForm.handleSubmit,
+    reset = _useForm.reset;
   /**
    * Submit assignment.
    */
-  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$1.formatMessage({
-        id: 'materialAssignment.notification.submit.success'
-      }));
-      if (typeof onSubmitCallback === 'function') {
-        onSubmitCallback();
-      }
-    } catch (error) {
-      if (error.name === 'AbortError') {
-        return blocks.Notification.error(intl$1.formatMessage({
-          id: 'materialAssignment.notification.submit.cancel'
-        }));
-      }
-      blocks.Notification.error(intl$1.formatMessage({
-        id: 'materialAssignment.notification.submit.failure'
-      }));
-    }
-  });
+  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$1.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$1.formatMessage({
+              id: 'materialAssignment.notification.submit.cancel'
+            })));
+          case 12:
+            blocks.Notification.error(intl$1.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);
+    };
+  }());
   //
   //
   //
-  React.useEffect(() => {
-    const _abortCtrl = abortCtrl.current;
-    return () => {
+  React__default.default.useEffect(function () {
+    var _abortCtrl = abortCtrl.current;
+    return function () {
       _abortCtrl.abort();
     };
   }, []);
-  return React.createElement(blocks.Modal, {
+  return jsxRuntime.jsxs(blocks.Modal, {
     title: intl$1.formatMessage({
       id: 'materialAssignment.modal.title'
     }),
@@ -93,97 +125,108 @@ const MaterialAssignmentUploadModal = ({
       role: 'gray1',
       onClick: onClose
     }],
-    onHide: onClose
-  }, React.createElement(blocks.Alert, {
-    role: isAssignmentResubmitEnabled ? 'primary' : 'warning'
-  }, intl$1.formatMessage({
-    id: isAssignmentResubmitEnabled ? 'materialAssignment.alert.oftenSubmit' : 'materialAssignment.alert.onceSubmit'
-  })), React.createElement(blocks.Vspace, {
-    height: 1.5
-  }), React.createElement(blocks.Radio, {
-    purpleWhite: true,
-    borderRound: true,
-    value: assignmentMode,
-    onChange: value => {
-      reset();
-      setAgreedSubmit(false);
-      setAssignmentMode(value);
-    }
-  }, React.createElement(blocks.RadioButton, {
-    value: "attachment"
-  }, intl$1.formatMessage({
-    id: 'materialAssignment.radio.option.attachment'
-  })), React.createElement(blocks.RadioButton, {
-    value: "url"
-  }, intl$1.formatMessage({
-    id: 'materialAssignment.radio.option.url'
-  }))), React.createElement(blocks.Vspace, {
-    height: 1
-  }), assignmentMode === 'attachment' ? React.createElement(reactHookForm.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$1.formatMessage({
-        id: 'materialAssignment.attachment.dropMessage'
-      }),
-      buttonMessage: intl$1.formatMessage({
-        id: 'materialAssignment.attachment.button'
-      }),
-      maxSizeMessage: intl$1.formatMessage({
-        id: 'materialAssignment.attachment.maxSizeMessage'
-      }),
-      onChange: newFiles => {
-        if (Array.isArray(newFiles) && newFiles[0] instanceof File) {
-          field.onChange(newFiles[0]);
-        } else {
-          field.onChange(undefined);
+    onHide: onClose,
+    children: [jsxRuntime.jsx(blocks.Alert, {
+      role: isAssignmentResubmitEnabled ? 'primary' : 'warning',
+      children: intl$1.formatMessage({
+        id: isAssignmentResubmitEnabled ? 'materialAssignment.alert.oftenSubmit' : 'materialAssignment.alert.onceSubmit'
+      })
+    }), jsxRuntime.jsx(blocks.Vspace, {
+      height: 1.5
+    }), jsxRuntime.jsxs(blocks.Radio, {
+      purpleWhite: true,
+      borderRound: true,
+      value: assignmentMode,
+      onChange: function onChange(value) {
+        reset();
+        setAgreedSubmit(false);
+        setAssignmentMode(value);
+      },
+      children: [jsxRuntime.jsx(blocks.RadioButton, {
+        value: "attachment",
+        children: intl$1.formatMessage({
+          id: 'materialAssignment.radio.option.attachment'
+        })
+      }), jsxRuntime.jsx(blocks.RadioButton, {
+        value: "url",
+        children: intl$1.formatMessage({
+          id: 'materialAssignment.radio.option.url'
+        })
+      })]
+    }), jsxRuntime.jsx(blocks.Vspace, {
+      height: 1
+    }), assignmentMode === 'attachment' ? jsxRuntime.jsx(reactHookForm.Controller, {
+      control: control,
+      name: "assignmentFile",
+      rules: {
+        required: true
+      },
+      render: function render(_ref3) {
+        var field = _ref3.field;
+        return jsxRuntime.jsx(StyledAssignmentContentFiles, Object.assign({}, field, {
+          ref: null,
+          files: field.value ? [field.value] : undefined,
+          accept: "*",
+          maxCount: 1,
+          maxSize: 300,
+          disabled: isAssignmentClosed,
+          dropMessage: intl$1.formatMessage({
+            id: 'materialAssignment.attachment.dropMessage'
+          }),
+          buttonMessage: intl$1.formatMessage({
+            id: 'materialAssignment.attachment.button'
+          }),
+          maxSizeMessage: intl$1.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);
+            }
+          }
+        }));
+      }
+    }) : jsxRuntime.jsx(reactHookForm.Controller, {
+      control: control,
+      name: "assignmentUrl",
+      rules: {
+        required: true,
+        validate: function validate(url) {
+          return utils.validateUrl(url !== null && url !== void 0 ? url : '') ? true : intl$1.formatMessage({
+            id: 'materialAssignment.input.invalid'
+          });
         }
+      },
+      render: function render(_ref4) {
+        var field = _ref4.field,
+          fieldState = _ref4.fieldState;
+        var _a;
+        return jsxRuntime.jsx(blocks.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
+        }));
       }
-    }))
-  }) : React.createElement(reactHookForm.Controller, {
-    control: control,
-    name: "assignmentUrl",
-    rules: {
-      required: true,
-      validate: url => utils.validateUrl(url !== null && url !== void 0 ? url : '') ? true : intl$1.formatMessage({
-        id: 'materialAssignment.input.invalid'
-      })
-    },
-    render: ({
-      field,
-      fieldState
-    }) => {
-      var _a;
-      return React.createElement(blocks.Input, Object.assign({}, field, {
-        width: "full",
+    }), isAssignmentResubmitEnabled ? null : jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(blocks.Vspace, {
+        height: 1
+      }), jsxRuntime.jsx(blocks.Checkbox, {
         size: "small",
-        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(blocks.Vspace, {
-    height: 1
-  }), React.createElement(blocks.Checkbox, {
-    size: "small",
-    value: isAgreedSubmit,
-    onChange: setAgreedSubmit
-  }, React.createElement(blocks.Text, {
-    size: "small"
-  }, intl$1.formatMessage({
-    id: 'materialAssignment.attachment.checkbox.onceSubmit'
-  })))));
+        value: isAgreedSubmit,
+        onChange: setAgreedSubmit,
+        children: jsxRuntime.jsx(blocks.Text, {
+          size: "small",
+          children: intl$1.formatMessage({
+            id: 'materialAssignment.attachment.checkbox.onceSubmit'
+          })
+        })
+      })]
+    })]
+  });
 };
 
 exports.default = MaterialAssignmentUploadModal;

package/cjs/components/material-assignment/constants/color.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const DARK_TEXT_TERTIARY_COLOR = 'rgba(255, 255, 255, 0.7)';
+var DARK_TEXT_TERTIARY_COLOR = 'rgba(255, 255, 255, 0.7)';
 
 exports.DARK_TEXT_TERTIARY_COLOR = DARK_TEXT_TERTIARY_COLOR;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+var MaterialAssignment = require('./MaterialAssignment.js');
+
+
+
+exports.MaterialAssignment = MaterialAssignment.default;

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

@@ -0,0 +1,13 @@
+'use strict';
+
+var en = require('./en.json.js');
+var ko = require('./ko.json.js');
+var th = require('./th.json.js');
+var ja = require('./ja.json.js');
+
+
+
+exports.messageEn = en.default;
+exports.messageKo = ko.default;
+exports.messageTh = th.default;
+exports.messageJa = ja.default;

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
@@ -13,46 +14,53 @@ var MaterialAssignmentAdminContent = require('./MaterialAssignmentAdminContent.j
 var MaterialAssignmentAdminContentTa = require('./MaterialAssignmentAdminContentTa.js');
 var MaterialAssignmentAdmin_styled = require('./MaterialAssignmentAdmin.styled.js');
 
-const MaterialAssignmentAdmin = React.forwardRef(({
-  locale = 'en',
-  className,
-  materialAssignmentId,
-  userId,
-  adminUserId,
-  courseRole,
-  updateMaterialUserBrowserResponse
-}, ref) => {
-  const prefixCls = 'em-material-assignment-admin';
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var classnames__default = /*#__PURE__*/_interopDefaultCompat(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';
   // TODO: initialize in custom hook or withMaterial hoc.
-  const isReady = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
-  const isCourseRoleAboveTa = courseRole > types.enums.CourseRole.TA;
-  const renderContent = () => {
+  var isReady = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
+  var isCourseRoleAboveTa = courseRole > types.enums.CourseRole.TA;
+  var renderContent = function renderContent() {
     if (!isReady) {
-      return React.createElement(blocks.Flex, {
+      return jsxRuntime.jsx(blocks.Flex, {
         align: "center",
         justify: "center",
         width: "100%",
-        height: "100%"
-      }, React.createElement(blocks.Spinner, null));
+        height: "100%",
+        children: jsxRuntime.jsx(blocks.Spinner, {})
+      });
     }
-    return isCourseRoleAboveTa ? React.createElement(MaterialAssignmentAdminContent.default, {
+    return isCourseRoleAboveTa ? jsxRuntime.jsx(MaterialAssignmentAdminContent.default, {
       ref: ref,
       userId: userId,
       adminUserId: adminUserId,
       materialAssignmentId: materialAssignmentId,
       updateMaterialUserBrowserResponse: updateMaterialUserBrowserResponse
-    }) : React.createElement(MaterialAssignmentAdminContentTa.default, {
+    }) : jsxRuntime.jsx(MaterialAssignmentAdminContentTa.default, {
       userId: userId,
       adminUserId: adminUserId,
       materialAssignmentId: materialAssignmentId
     });
   };
-  return React.createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminContainer, {
-    className: classnames(prefixCls, className)
-  }, React.createElement(intl.IntlProvider, {
-    locale: locale,
-    defaultLocale: "en"
-  }, renderContent()));
+  return jsxRuntime.jsx(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminContainer, {
+    className: classnames__default.default(prefixCls, className),
+    children: jsxRuntime.jsx(intl.IntlProvider, {
+      locale: locale,
+      defaultLocale: "en",
+      children: renderContent()
+    })
+  });
 });
 
 exports.default = MaterialAssignmentAdmin;

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

@@ -4,27 +4,37 @@ var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 
-const StyledMaterialAssignmentAdminContainer = styled.div.withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var StyledMaterialAssignmentAdminContainer = styled__default.default.div.withConfig({
   componentId: "sc-1czd3o6-0"
 })(["display:flex;flex-direction:column;align-items:center;width:100%;height:100%;background-color:", ";"], designTokens.base.color.navy9);
-const StyledMaterialAssignmentAdminHeader = styled(blocks.Flex).withConfig({
+var StyledMaterialAssignmentAdminHeader = styled__default.default(blocks.Flex).withConfig({
   componentId: "sc-1czd3o6-1"
 })(["background-color:", ";"], designTokens.base.color.navy8);
-const StyledMaterialAssignmentAdminHeaderCell = styled.div.withConfig({
+var StyledMaterialAssignmentAdminHeaderCell = styled__default.default.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);
-const StyledMaterialAssignmentAdminGradeWrapper = styled(blocks.Flex).withConfig({
+var StyledMaterialAssignmentAdminGradeWrapper = styled__default.default(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);
-const StyledMaterialAssignmentAdminTextareaWrapper = styled.div.withConfig({
+var StyledMaterialAssignmentAdminTextareaWrapper = styled__default.default.div.withConfig({
   componentId: "sc-1czd3o6-4"
 })(["background-color:", ";"], designTokens.base.color.gray2);
-const StyledMaterialAssignmentAdminManualScoreEditButtonWrapper = styled.div.withConfig({
+var StyledMaterialAssignmentAdminManualScoreEditButtonWrapper = styled__default.default.div.withConfig({
   componentId: "sc-1czd3o6-5"
-})(["cursor:", ";opacity:", ";"], props => props.disabled ? 'not-allowed' : 'pointer', props => props.disabled ? 0.5 : 1);
-const StyledMaterialAssignmentAdminManualScoreEditButton = styled(blocks.Text).withConfig({
+})(["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({
   componentId: "sc-1czd3o6-6"
-})(["pointer-events:", ";"], props => props.disabled ? 'none' : 'auto');
+})(["pointer-events:", ";"], function (props) {
+  return props.disabled ? 'none' : 'auto';
+});
 
 exports.StyledMaterialAssignmentAdminContainer = StyledMaterialAssignmentAdminContainer;
 exports.StyledMaterialAssignmentAdminGradeWrapper = StyledMaterialAssignmentAdminGradeWrapper;