@elice/material-assignment 1.251120.1 → 1.260128.0-rc.0

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
@@ -10,34 +11,34 @@ var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var intl = require('@elice/intl');
 var materialSharedUtils = require('@elice/material-shared-utils');
-var muiSystem = require('@elice/mui-system');
 var types = require('@elice/types');
-var styled = require('styled-components');
 var MaterialAssignmentContainer = require('../shared/MaterialAssignmentContainer.js');
 var color = require('./constants/color.js');
 var MaterialAssignmentUploadModal = require('./MaterialAssignmentUploadModal.js');
+var green = require('../../node_modules/@elice/mui-system/es/tokens/colors/green.js');
+var orange = require('../../node_modules/@elice/mui-system/es/tokens/colors/orange.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
 var GRADE_LIST_COUNT = 20;
-var StyledSubmittedText = styled__default.default(blocks.Text).withConfig({
-  componentId: "sc-1panlbq-0"
-})(["color:", ";"], muiSystem.colors.green[400]);
-var StyledNoSubmittedText = styled__default.default(blocks.Text).withConfig({
-  componentId: "sc-1panlbq-1"
-})(["color:", ";"], muiSystem.colors.orange[400]);
-var StyledTableHeaderCell = styled__default.default.td.withConfig({
-  componentId: "sc-1panlbq-2"
-})(["color:", " !important;"], color.DARK_TEXT_TERTIARY_COLOR);
-var StyledTotalPointText = styled__default.default(blocks.Text).withConfig({
-  componentId: "sc-1panlbq-3"
-})(["color:", ";"], color.DARK_TEXT_TERTIARY_COLOR);
-var StyledUploadButton = styled__default.default(blocks.Button).withConfig({
-  componentId: "sc-1panlbq-4"
-})(["background-color:", ";border-color:", ";"], designTokens.base.color.primary6, designTokens.base.color.primary6);
+var StyledSubmittedText = /*#__PURE__*/_styled__default.default(blocks.Text, {
+  target: "e1wk5tfe4"
+})("color:", green.green[400], ";");
+var StyledNoSubmittedText = /*#__PURE__*/_styled__default.default(blocks.Text, {
+  target: "e1wk5tfe3"
+})("color:", orange.orange[400], ";");
+var StyledTableHeaderCell = /*#__PURE__*/_styled__default.default("td", {
+  target: "e1wk5tfe2"
+})("color:", color.DARK_TEXT_TERTIARY_COLOR, "!important;");
+var StyledTotalPointText = /*#__PURE__*/_styled__default.default(blocks.Text, {
+  target: "e1wk5tfe1"
+})("color:", color.DARK_TEXT_TERTIARY_COLOR, ";");
+var StyledUploadButton = /*#__PURE__*/_styled__default.default(blocks.Button, {
+  target: "e1wk5tfe0"
+})("background-color:", designTokens.base.color.primary6, ";border-color:", designTokens.base.color.primary6, ";");
 var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
   var materialAssignmentId = _ref.materialAssignmentId,
     userId = _ref.userId;
@@ -71,18 +72,18 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
     materialAssignmentSubmission = _React$useState8[0],
     setMaterialAssignmentSubmission = _React$useState8[1];
   var _React$useState9 = React__default.default.useState(),
-    _React$useState10 = _rollupPluginBabelHelpers.slicedToArray(_React$useState9, 2),
-    materialAssignmentGradeResult = _React$useState10[0],
-    setMaterialAssignmentGradeResult = _React$useState10[1];
-  var _React$useState11 = React__default.default.useState(),
-    _React$useState12 = _rollupPluginBabelHelpers.slicedToArray(_React$useState11, 2),
-    materialAssignmentGradeList = _React$useState12[0],
-    setMaterialAssignmentGradeList = _React$useState12[1];
+    _React$useState0 = _rollupPluginBabelHelpers.slicedToArray(_React$useState9, 2),
+    materialAssignmentGradeResult = _React$useState0[0],
+    setMaterialAssignmentGradeResult = _React$useState0[1];
+  var _React$useState1 = React__default.default.useState(),
+    _React$useState10 = _rollupPluginBabelHelpers.slicedToArray(_React$useState1, 2),
+    materialAssignmentGradeList = _React$useState10[0],
+    setMaterialAssignmentGradeList = _React$useState10[1];
   /** Is confirm modal visible? */
-  var _React$useState13 = React__default.default.useState(false),
-    _React$useState14 = _rollupPluginBabelHelpers.slicedToArray(_React$useState13, 2),
-    showAssignmentSubmitModal = _React$useState14[0],
-    setShowAssignmentSubmitModal = _React$useState14[1];
+  var _React$useState11 = React__default.default.useState(false),
+    _React$useState12 = _rollupPluginBabelHelpers.slicedToArray(_React$useState11, 2),
+    showAssignmentSubmitModal = _React$useState12[0],
+    setShowAssignmentSubmitModal = _React$useState12[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);
@@ -109,10 +110,9 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
       }
     }).then(function (_ref2) {
       var materialAssignmentGrades = _ref2.materialAssignmentGrades;
-        _ref2.materialAssignmentGradeCount;
       setAssignmentGradeListGetStatus('resolved');
       setMaterialAssignmentGradeList(materialAssignmentGrades);
-    }).catch(function (error) {
+    })["catch"](function (error) {
       console.error(error);
       setAssignmentGradeListGetStatus('rejected');
     });
@@ -135,7 +135,7 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
       var materialAssignmentGradeResult = _ref3.materialAssignmentGradeResult;
       setAssignmentGradeResultGetStatus('resolved');
       setMaterialAssignmentGradeResult(materialAssignmentGradeResult);
-    }).catch(function (error) {
+    })["catch"](function (error) {
       console.error(error);
       setAssignmentGradeResultGetStatus('rejected');
     });
@@ -160,7 +160,7 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
       var materialAssignmentSubmission = _ref4.materialAssignmentSubmission;
       setAssignmentSubmissionGetStatus('resolved');
       setMaterialAssignmentSubmission(materialAssignmentSubmission);
-    }).catch(function (error) {
+    })["catch"](function (error) {
       console.error(error);
       setAssignmentSubmissionGetStatus('rejected');
       setMaterialAssignmentSubmission(undefined);

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
@@ -10,17 +11,16 @@ var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var intl = require('@elice/intl');
-var utils = require('@elice/utils');
-var styled = require('styled-components');
+var validateUrl = require('../../node_modules/@elice/utils/es/texts/validateUrl.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 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);
+var StyledAssignmentContentFiles = /*#__PURE__*/_styled__default.default(blocks.Files, {
+  target: "eua09co0"
+})("width:100%;.eb-files__choose-button{border-color:", designTokens.base.color.primary5, ";background-color:", designTokens.base.color.primary5, ";}");
 var MaterialAssignmentUploadModal = function MaterialAssignmentUploadModal(_ref) {
   var materialAssignment = _ref.materialAssignment,
     onClose = _ref.onClose,
@@ -51,20 +51,20 @@ var MaterialAssignmentUploadModal = function MaterialAssignmentUploadModal(_ref)
   /**
    * 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) {
+  var submitAssignment = handleSubmit(/*#__PURE__*/function () {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee(data) {
+      var _a, _t;
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
-            _context.prev = 0;
-            _context.next = 3;
+            _context.p = 0;
+            _context.n = 1;
             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:
+          case 1:
             onClose();
             blocks.Notification.success(intl$1.formatMessage({
               id: 'materialAssignment.notification.submit.success'
@@ -72,27 +72,26 @@ var MaterialAssignmentUploadModal = function MaterialAssignmentUploadModal(_ref)
             if (typeof onSubmitCallback === 'function') {
               onSubmitCallback();
             }
-            _context.next = 13;
+            _context.n = 4;
             break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](0);
-            if (!(_context.t0.name === 'AbortError')) {
-              _context.next = 12;
+          case 2:
+            _context.p = 2;
+            _t = _context.v;
+            if (!(_t.name === 'AbortError')) {
+              _context.n = 3;
               break;
             }
-            return _context.abrupt("return", blocks.Notification.error(intl$1.formatMessage({
+            return _context.a(2, blocks.Notification.error(intl$1.formatMessage({
               id: 'materialAssignment.notification.submit.cancel'
             })));
-          case 12:
+          case 3:
             blocks.Notification.error(intl$1.formatMessage({
               id: 'materialAssignment.notification.submit.failure'
             }));
-          case 13:
-          case "end":
-            return _context.stop();
+          case 4:
+            return _context.a(2);
         }
-      }, _callee, null, [[0, 8]]);
+      }, _callee, null, [[0, 2]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);
@@ -194,7 +193,7 @@ var MaterialAssignmentUploadModal = function MaterialAssignmentUploadModal(_ref)
       rules: {
         required: true,
         validate: function validate(url) {
-          return utils.validateUrl(url !== null && url !== void 0 ? url : '') ? true : intl$1.formatMessage({
+          return validateUrl.validateUrl(url !== null && url !== void 0 ? url : '') ? true : intl$1.formatMessage({
             id: 'materialAssignment.input.invalid'
           });
         }

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { enums } from '@elice/types';
 import type { MaterialAssignmentAdminApis } from './MaterialAssignmentAdminContent';
 export interface MaterialAssignmentAdminProps {
@@ -10,7 +9,7 @@ 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"> & {
+declare const _default: import("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>>;
+} & import("react").RefAttributes<MaterialAssignmentAdminApis>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & import("react").RefAttributes<MaterialAssignmentAdminApis>>;
 export default _default;

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

@@ -10,11 +10,11 @@ var intl = require('@elice/intl');
 var materialSharedUtils = require('@elice/material-shared-utils');
 var types = require('@elice/types');
 var classnames = require('classnames');
-var en = require('./locales/en.json.js');
-var ko = require('./locales/ko.json.js');
 var MaterialAssignmentAdminContent = require('./MaterialAssignmentAdminContent.js');
 var MaterialAssignmentAdminContentTa = require('./MaterialAssignmentAdminContentTa.js');
 var MaterialAssignmentAdmin_styled = require('./MaterialAssignmentAdmin.styled.js');
+var en = require('./locales/en.json.js');
+var ko = require('./locales/ko.json.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -62,6 +62,6 @@ var MaterialAssignmentAdmin = React.forwardRef(function (_ref, ref) {
     })
   });
 });
-var MaterialAssignmentAdmin$1 = new intl.IntlComponentBuilder(MaterialAssignmentAdmin).add('en', en.default).add('ko', ko.default).addAsync('th', Promise.resolve().then(function () { return require('./locales/th.json.js'); })).addAsync('ja', Promise.resolve().then(function () { return require('./locales/ja.json.js'); })).build();
+var MaterialAssignmentAdmin_default = new intl.IntlComponentBuilder(MaterialAssignmentAdmin).add('en', en.default).add('ko', ko.default).addAsync('th', Promise.resolve().then(function () { return require('./locales/th.json.js'); })).addAsync('ja', Promise.resolve().then(function () { return require('./locales/ja.json.js'); })).build();
 
-exports.default = MaterialAssignmentAdmin$1;
+exports.default = MaterialAssignmentAdmin_default;

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

@@ -1,11 +1,25 @@
-/// <reference types="react" />
 import { Text } from '@elice/blocks';
-export declare const StyledMaterialAssignmentAdminContainer: 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, {
+export declare const StyledMaterialAssignmentAdminContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledMaterialAssignmentAdminGradeWrapper: import("@emotion/styled").StyledComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledMaterialAssignmentAdminTextareaWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledMaterialAssignmentAdminManualScoreEditButtonWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
     disabled: boolean;
-}, never>;
-export declare const StyledMaterialAssignmentAdminManualScoreEditButton: import("styled-components").StyledComponent<typeof Text, any, {
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledMaterialAssignmentAdminManualScoreEditButton: import("@emotion/styled").StyledComponent<Pick<import("@elice/blocks").TextProps, never> & Partial<Pick<import("@elice/blocks").TextProps, keyof import("@elice/blocks").TextProps>> & Partial<Pick<import("@elice/blocks").TextProps, never>> & {
+    theme?: import("@emotion/react").Theme;
+} & {
     disabled: boolean;
-}, never>;
+}, {}, {
+    ref?: import("react").Ref<Text> | undefined;
+}>;

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

@@ -1,34 +1,34 @@
 'use strict';
 
+var _styled = require('@emotion/styled/base');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
-var styled = require('styled-components');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+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);
-var StyledMaterialAssignmentAdminGradeWrapper = styled__default.default(blocks.Flex).withConfig({
-  componentId: "sc-1czd3o6-1"
-})(["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({
-  componentId: "sc-1czd3o6-2"
-})(["background-color:", ";"], designTokens.base.color.gray2);
-var StyledMaterialAssignmentAdminManualScoreEditButtonWrapper = styled__default.default.div.withConfig({
-  componentId: "sc-1czd3o6-3"
-})(["cursor:", ";opacity:", ";"], function (props) {
+var StyledMaterialAssignmentAdminContainer = /*#__PURE__*/_styled__default.default("div", {
+  target: "e1sm2hlo4"
+})("display:flex;flex-direction:column;align-items:center;width:100%;height:100%;background-color:", designTokens.base.color.navy9, ";");
+var StyledMaterialAssignmentAdminGradeWrapper = /*#__PURE__*/_styled__default.default(blocks.Flex, {
+  target: "e1sm2hlo3"
+})("background-color:", designTokens.base.color.navy7, ";width:100%;padding:0 1.5rem;height:4.5rem;border:1px solid ", designTokens.base.color.navy6, ";border-radius:0.5rem;");
+var StyledMaterialAssignmentAdminTextareaWrapper = /*#__PURE__*/_styled__default.default("div", {
+  target: "e1sm2hlo2"
+})("background-color:", designTokens.base.color.gray2, ";");
+var StyledMaterialAssignmentAdminManualScoreEditButtonWrapper = /*#__PURE__*/_styled__default.default("div", {
+  target: "e1sm2hlo1"
+})("cursor:", function (props) {
   return props.disabled ? 'not-allowed' : 'pointer';
-}, function (props) {
+}, ";opacity:", function (props) {
   return props.disabled ? 0.5 : 1;
-});
-var StyledMaterialAssignmentAdminManualScoreEditButton = styled__default.default(blocks.Text).withConfig({
-  componentId: "sc-1czd3o6-4"
-})(["pointer-events:", ";"], function (props) {
+}, ";");
+var StyledMaterialAssignmentAdminManualScoreEditButton = /*#__PURE__*/_styled__default.default(blocks.Text, {
+  target: "e1sm2hlo0"
+})("pointer-events:", function (props) {
   return props.disabled ? 'none' : 'auto';
-});
+}, ";");
 
 exports.StyledMaterialAssignmentAdminContainer = StyledMaterialAssignmentAdminContainer;
 exports.StyledMaterialAssignmentAdminGradeWrapper = StyledMaterialAssignmentAdminGradeWrapper;