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

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

@@ -1,4 +1,5 @@
 import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _styled from '@emotion/styled/base';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React from 'react';
 import { config, getOrgMaterialAssignmentGet, getOrgMaterialAssignmentGradeList, getOrgMaterialAssignmentGradeResultGet, getOrgMaterialAssignmentSubmissionGet } from '@elice/api-client';
@@ -6,29 +7,29 @@ import { Text, Button, Spinner, Vspace, InfoTable, TableNext, Hspace } from '@el
 import { base } from '@elice/design-tokens';
 import { useRawEliceIntl } from '@elice/intl';
 import { useMaterialConfigApiClientUpdate, useMaterialFetchRaw } from '@elice/material-shared-utils';
-import { colors } from '@elice/mui-system';
 import { enums } from '@elice/types';
-import styled from 'styled-components';
 import MaterialAssignmentContainer from '../shared/MaterialAssignmentContainer.js';
 import { DARK_TEXT_TERTIARY_COLOR } from './constants/color.js';
 import MaterialAssignmentUploadModal from './MaterialAssignmentUploadModal.js';
+import { green } from '../../node_modules/@elice/mui-system/es/tokens/colors/green.js';
+import { orange } from '../../node_modules/@elice/mui-system/es/tokens/colors/orange.js';
 
 var GRADE_LIST_COUNT = 20;
-var StyledSubmittedText = styled(Text).withConfig({
-  componentId: "sc-1panlbq-0"
-})(["color:", ";"], colors.green[400]);
-var StyledNoSubmittedText = styled(Text).withConfig({
-  componentId: "sc-1panlbq-1"
-})(["color:", ";"], colors.orange[400]);
-var StyledTableHeaderCell = styled.td.withConfig({
-  componentId: "sc-1panlbq-2"
-})(["color:", " !important;"], DARK_TEXT_TERTIARY_COLOR);
-var StyledTotalPointText = styled(Text).withConfig({
-  componentId: "sc-1panlbq-3"
-})(["color:", ";"], DARK_TEXT_TERTIARY_COLOR);
-var StyledUploadButton = styled(Button).withConfig({
-  componentId: "sc-1panlbq-4"
-})(["background-color:", ";border-color:", ";"], base.color.primary6, base.color.primary6);
+var StyledSubmittedText = /*#__PURE__*/_styled(Text, {
+  target: "e1wk5tfe4"
+})("color:", green[400], ";");
+var StyledNoSubmittedText = /*#__PURE__*/_styled(Text, {
+  target: "e1wk5tfe3"
+})("color:", orange[400], ";");
+var StyledTableHeaderCell = /*#__PURE__*/_styled("td", {
+  target: "e1wk5tfe2"
+})("color:", DARK_TEXT_TERTIARY_COLOR, "!important;");
+var StyledTotalPointText = /*#__PURE__*/_styled(Text, {
+  target: "e1wk5tfe1"
+})("color:", DARK_TEXT_TERTIARY_COLOR, ";");
+var StyledUploadButton = /*#__PURE__*/_styled(Button, {
+  target: "e1wk5tfe0"
+})("background-color:", base.color.primary6, ";border-color:", base.color.primary6, ";");
 var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
   var materialAssignmentId = _ref.materialAssignmentId,
     userId = _ref.userId;
@@ -62,18 +63,18 @@ var MaterialAssignmentContent = function MaterialAssignmentContent(_ref) {
     materialAssignmentSubmission = _React$useState8[0],
     setMaterialAssignmentSubmission = _React$useState8[1];
   var _React$useState9 = React.useState(),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    materialAssignmentGradeResult = _React$useState10[0],
-    setMaterialAssignmentGradeResult = _React$useState10[1];
-  var _React$useState11 = React.useState(),
-    _React$useState12 = _slicedToArray(_React$useState11, 2),
-    materialAssignmentGradeList = _React$useState12[0],
-    setMaterialAssignmentGradeList = _React$useState12[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    materialAssignmentGradeResult = _React$useState0[0],
+    setMaterialAssignmentGradeResult = _React$useState0[1];
+  var _React$useState1 = React.useState(),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    materialAssignmentGradeList = _React$useState10[0],
+    setMaterialAssignmentGradeList = _React$useState10[1];
   /** Is confirm modal visible? */
-  var _React$useState13 = React.useState(false),
-    _React$useState14 = _slicedToArray(_React$useState13, 2),
-    showAssignmentSubmitModal = _React$useState14[0],
-    setShowAssignmentSubmitModal = _React$useState14[1];
+  var _React$useState11 = React.useState(false),
+    _React$useState12 = _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);
@@ -100,10 +101,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');
     });
@@ -126,7 +126,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');
     });
@@ -151,7 +151,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/es/components/material-assignment/MaterialAssignmentUploadModal.js

@@ -1,4 +1,5 @@
-import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _styled from '@emotion/styled/base';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React from 'react';
 import { useForm, Controller } from 'react-hook-form';
@@ -6,12 +7,11 @@ import { postOrgMaterialAssignmentSubmissionAdd } from '@elice/api-client';
 import { Files, Modal, Alert, Vspace, Radio, RadioButton, Input, Checkbox, Text, Notification } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { useRawEliceIntl } from '@elice/intl';
-import { validateUrl } from '@elice/utils';
-import styled from 'styled-components';
+import { validateUrl } from '../../node_modules/@elice/utils/es/texts/validateUrl.js';
 
-var 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 StyledAssignmentContentFiles = /*#__PURE__*/_styled(Files, {
+  target: "eua09co0"
+})("width:100%;.eb-files__choose-button{border-color:", base.color.primary5, ";background-color:", base.color.primary5, ";}");
 var MaterialAssignmentUploadModal = function MaterialAssignmentUploadModal(_ref) {
   var materialAssignment = _ref.materialAssignment,
     onClose = _ref.onClose,
@@ -42,20 +42,20 @@ var MaterialAssignmentUploadModal = function MaterialAssignmentUploadModal(_ref)
   /**
    * 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) {
+  var submitAssignment = handleSubmit(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(data) {
+      var _a, _t;
+      return _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 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();
             Notification.success(intl.formatMessage({
               id: 'materialAssignment.notification.submit.success'
@@ -63,27 +63,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", Notification.error(intl.formatMessage({
+            return _context.a(2, Notification.error(intl.formatMessage({
               id: 'materialAssignment.notification.submit.cancel'
             })));
-          case 12:
+          case 3:
             Notification.error(intl.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);

package/es/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/es/components/material-assignment-admin/MaterialAssignmentAdmin.js

@@ -6,11 +6,11 @@ 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';
+import messageEn from './locales/en.json.js';
+import messageKo from './locales/ko.json.js';
 
 var MaterialAssignmentAdmin = forwardRef(function (_ref, ref) {
   var __intl = _ref.__intl,
@@ -54,6 +54,6 @@ var MaterialAssignmentAdmin = forwardRef(function (_ref, ref) {
     })
   });
 });
-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();
+var MaterialAssignmentAdmin_default = 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_default as default };

package/es/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/es/components/material-assignment-admin/MaterialAssignmentAdmin.styled.js

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