@elice/material-assignment 1.230328.0 → 1.230418.0

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

@@ -9,21 +9,20 @@ import MaterialAssignmentAdminContent from './MaterialAssignmentAdminContent.js'
 import MaterialAssignmentAdminContentTa from './MaterialAssignmentAdminContentTa.js';
 import { StyledMaterialAssignmentAdminContainer } from './MaterialAssignmentAdmin.styled.js';
 
-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.
-
-  const isReady = useMaterialConfigApiClientUpdate(config.init);
-  const isCourseRoleAboveTa = courseRole > enums.CourseRole.TA;
-
-  const renderContent = () => {
+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';
+  // TODO: initialize in custom hook or withMaterial hoc.
+  var isReady = useMaterialConfigApiClientUpdate(config.init);
+  var isCourseRoleAboveTa = courseRole > enums.CourseRole.TA;
+  var renderContent = function renderContent() {
     if (!isReady) {
       return React.createElement(Flex, {
         align: "center",
@@ -32,7 +31,6 @@ const MaterialAssignmentAdmin = forwardRef(({
         height: "100%"
       }, React.createElement(Spinner, null));
     }
-
     return isCourseRoleAboveTa ? React.createElement(MaterialAssignmentAdminContent, {
       ref: ref,
       userId: userId,
@@ -45,7 +43,6 @@ const MaterialAssignmentAdmin = forwardRef(({
       materialAssignmentId: materialAssignmentId
     });
   };
-
   return React.createElement(StyledMaterialAssignmentAdminContainer, {
     className: classnames(prefixCls, className)
   }, React.createElement(IntlProvider, {

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

@@ -2,26 +2,32 @@ import { Flex, Text } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import styled from 'styled-components';
 
-const StyledMaterialAssignmentAdminContainer = styled.div.withConfig({
+var 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);
-const StyledMaterialAssignmentAdminHeader = styled(Flex).withConfig({
+var StyledMaterialAssignmentAdminHeader = styled(Flex).withConfig({
   componentId: "sc-1czd3o6-1"
 })(["background-color:", ";"], base.color.navy8);
-const StyledMaterialAssignmentAdminHeaderCell = styled.div.withConfig({
+var 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;}"], base.color.gray6);
-const StyledMaterialAssignmentAdminGradeWrapper = styled(Flex).withConfig({
+var StyledMaterialAssignmentAdminGradeWrapper = styled(Flex).withConfig({
   componentId: "sc-1czd3o6-3"
 })(["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({
+var StyledMaterialAssignmentAdminTextareaWrapper = styled.div.withConfig({
   componentId: "sc-1czd3o6-4"
 })(["background-color:", ";"], base.color.gray2);
-const StyledMaterialAssignmentAdminManualScoreEditButtonWrapper = styled.div.withConfig({
+var 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({
+})(["cursor:", ";opacity:", ";"], function (props) {
+  return props.disabled ? 'not-allowed' : 'pointer';
+}, function (props) {
+  return props.disabled ? 0.5 : 1;
+});
+var StyledMaterialAssignmentAdminManualScoreEditButton = styled(Text).withConfig({
   componentId: "sc-1czd3o6-6"
-})(["pointer-events:", ";"], props => props.disabled ? 'none' : 'auto');
+})(["pointer-events:", ";"], function (props) {
+  return props.disabled ? 'none' : 'auto';
+});
 
 export { StyledMaterialAssignmentAdminContainer, StyledMaterialAssignmentAdminGradeWrapper, StyledMaterialAssignmentAdminHeader, StyledMaterialAssignmentAdminHeaderCell, StyledMaterialAssignmentAdminManualScoreEditButton, StyledMaterialAssignmentAdminManualScoreEditButtonWrapper, StyledMaterialAssignmentAdminTextareaWrapper };