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

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

@@ -63,46 +63,46 @@ var MaterialAssignmentAdminContent = React.forwardRef(function (_ref, ref) {
     showManualScoreEditModal = _React$useState8[0],
     setShowManualScoreEditModal = _React$useState8[1];
   var _React$useState9 = React__default.default.useState(null),
-    _React$useState10 = _rollupPluginBabelHelpers.slicedToArray(_React$useState9, 2),
-    selectedGradeForShow = _React$useState10[0],
-    setSelectedGradeForShow = _React$useState10[1];
+    _React$useState0 = _rollupPluginBabelHelpers.slicedToArray(_React$useState9, 2),
+    selectedGradeForShow = _React$useState0[0],
+    setSelectedGradeForShow = _React$useState0[1];
+  var _React$useState1 = React__default.default.useState(null),
+    _React$useState10 = _rollupPluginBabelHelpers.slicedToArray(_React$useState1, 2),
+    selectedGradeForDelete = _React$useState10[0],
+    setSelectedGradeForDelete = _React$useState10[1];
+  // State related with api
   var _React$useState11 = React__default.default.useState(null),
     _React$useState12 = _rollupPluginBabelHelpers.slicedToArray(_React$useState11, 2),
-    selectedGradeForDelete = _React$useState12[0],
-    setSelectedGradeForDelete = _React$useState12[1];
-  // State related with api
+    user = _React$useState12[0],
+    setUser = _React$useState12[1];
   var _React$useState13 = React__default.default.useState(null),
     _React$useState14 = _rollupPluginBabelHelpers.slicedToArray(_React$useState13, 2),
-    user = _React$useState14[0],
-    setUser = _React$useState14[1];
+    materialAssignment = _React$useState14[0],
+    setMaterialAssignment = _React$useState14[1];
   var _React$useState15 = React__default.default.useState(null),
     _React$useState16 = _rollupPluginBabelHelpers.slicedToArray(_React$useState15, 2),
-    materialAssignment = _React$useState16[0],
-    setMaterialAssignment = _React$useState16[1];
+    userSubmission = _React$useState16[0],
+    setUserSubmission = _React$useState16[1];
   var _React$useState17 = React__default.default.useState(null),
     _React$useState18 = _rollupPluginBabelHelpers.slicedToArray(_React$useState17, 2),
-    userSubmission = _React$useState18[0],
-    setUserSubmission = _React$useState18[1];
+    myGrade = _React$useState18[0],
+    setMyGrade = _React$useState18[1];
   var _React$useState19 = React__default.default.useState(null),
     _React$useState20 = _rollupPluginBabelHelpers.slicedToArray(_React$useState19, 2),
-    myGrade = _React$useState20[0],
-    setMyGrade = _React$useState20[1];
-  var _React$useState21 = React__default.default.useState(null),
+    gradeResult = _React$useState20[0],
+    setGradeResult = _React$useState20[1];
+  var _React$useState21 = React__default.default.useState([]),
     _React$useState22 = _rollupPluginBabelHelpers.slicedToArray(_React$useState21, 2),
-    gradeResult = _React$useState22[0],
-    setGradeResult = _React$useState22[1];
-  var _React$useState23 = React__default.default.useState([]),
+    gradeList = _React$useState22[0],
+    setGradeList = _React$useState22[1];
+  var _React$useState23 = React__default.default.useState(0),
     _React$useState24 = _rollupPluginBabelHelpers.slicedToArray(_React$useState23, 2),
-    gradeList = _React$useState24[0],
-    setGradeList = _React$useState24[1];
-  var _React$useState25 = React__default.default.useState(0),
+    gradeListCount = _React$useState24[0],
+    setGradeListCount = _React$useState24[1];
+  var _React$useState25 = React__default.default.useState(1),
     _React$useState26 = _rollupPluginBabelHelpers.slicedToArray(_React$useState25, 2),
-    gradeListCount = _React$useState26[0],
-    setGradeListCount = _React$useState26[1];
-  var _React$useState27 = React__default.default.useState(1),
-    _React$useState28 = _rollupPluginBabelHelpers.slicedToArray(_React$useState27, 2),
-    gradeListPage = _React$useState28[0],
-    setGradeListPage = _React$useState28[1];
+    gradeListPage = _React$useState26[0],
+    setGradeListPage = _React$useState26[1];
   var gradeListOffset = (gradeListPage - 1) * FETCH_GRADE_LIST_COUNT;
   var isAssignmentClosed = dayjs__default.default().isAfter(dayjs__default.default(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.closeDatetime));
   var isScoreFinalized = Boolean(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.scoreFinalizedDatetime);
@@ -136,7 +136,7 @@ var MaterialAssignmentAdminContent = React.forwardRef(function (_ref, ref) {
     }).then(function (submission) {
       setUserSubmission(submission !== null && submission !== void 0 ? submission : null);
       setSubmissionListGetStatus('resolved');
-    }).catch(function (err) {
+    })["catch"](function (err) {
       console.error(err);
       setSubmissionListGetStatus('rejected');
     });
@@ -147,7 +147,7 @@ var MaterialAssignmentAdminContent = React.forwardRef(function (_ref, ref) {
       userId: userId
     }).then(function (res) {
       return res.materialAssignmentGradeResult;
-    }).then(setGradeResult).catch(function () {
+    }).then(setGradeResult)["catch"](function () {
       setGradeResult(null);
     });
   }, [materialAssignmentId, userId]);
@@ -196,15 +196,15 @@ var MaterialAssignmentAdminContent = React.forwardRef(function (_ref, ref) {
       comment: (_b = myGrade === null || myGrade === void 0 ? void 0 : myGrade.comment) !== null && _b !== void 0 ? _b : ''
     });
   };
-  var handleGradeEditSubmit = gradeEditFormMethods.handleSubmit( /*#__PURE__*/function () {
-    var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(_ref3) {
-      var score, comment;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+  var handleGradeEditSubmit = gradeEditFormMethods.handleSubmit(/*#__PURE__*/function () {
+    var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee(_ref3) {
+      var score, comment, _t;
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
             score = _ref3.score, comment = _ref3.comment;
-            _context.prev = 1;
-            _context.next = 4;
+            _context.p = 1;
+            _context.n = 2;
             return apiClient.postOrgMaterialAssignmentGradeEdit({
               materialAssignmentGradeId: myGrade === null || myGrade === void 0 ? void 0 : myGrade.id,
               materialAssignmentId: materialAssignmentId,
@@ -212,7 +212,7 @@ var MaterialAssignmentAdminContent = React.forwardRef(function (_ref, ref) {
               score: score,
               comment: comment
             });
-          case 4:
+          case 2:
             fetchMyGrade();
             fetchGradeResult();
             fetchGradeList();
@@ -222,47 +222,47 @@ var MaterialAssignmentAdminContent = React.forwardRef(function (_ref, ref) {
             blocks.Notification.success(intl$1.formatMessage({
               id: 'materialAssignment.notify.success'
             }));
-            _context.next = 15;
+            _context.n = 4;
             break;
-          case 11:
-            _context.prev = 11;
-            _context.t0 = _context["catch"](1);
-            console.error(_context.t0);
+          case 3:
+            _context.p = 3;
+            _t = _context.v;
+            console.error(_t);
             blocks.Notification.error(intl$1.formatMessage({
               id: 'materialAssignment.notify.error'
             }));
-          case 15:
-            _context.prev = 15;
+          case 4:
+            _context.p = 4;
             setShowGradeEditModal(false);
-            return _context.finish(15);
-          case 18:
-          case "end":
-            return _context.stop();
+            return _context.f(4);
+          case 5:
+            return _context.a(2);
         }
-      }, _callee, null, [[1, 11, 15, 18]]);
+      }, _callee, null, [[1, 3, 4, 5]]);
     }));
     return function (_x) {
       return _ref4.apply(this, arguments);
     };
   }());
   var handleGradeDeleteSubmit = /*#__PURE__*/function () {
-    var _ref5 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2() {
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+    var _ref5 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee2() {
+      var _t2;
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context2) {
+        while (1) switch (_context2.p = _context2.n) {
           case 0:
             if (selectedGradeForDelete) {
-              _context2.next = 2;
+              _context2.n = 1;
               break;
             }
-            return _context2.abrupt("return");
-          case 2:
-            _context2.prev = 2;
+            return _context2.a(2);
+          case 1:
+            _context2.p = 1;
             setGradeDeleteStatus('pending');
-            _context2.next = 6;
+            _context2.n = 2;
             return apiClient.postOrgMaterialAssignmentGradeDelete({
               materialAssignmentGradeId: selectedGradeForDelete.id
             });
-          case 6:
+          case 2:
             // If delete my grade, re-fetch my grade data.
             if (adminUserId === selectedGradeForDelete.gradeUser.id) {
               fetchMyGrade();
@@ -276,45 +276,44 @@ var MaterialAssignmentAdminContent = React.forwardRef(function (_ref, ref) {
             blocks.Notification.success(intl$1.formatMessage({
               id: 'materialAssignment.notify.success'
             }));
-            _context2.next = 19;
+            _context2.n = 4;
             break;
-          case 14:
-            _context2.prev = 14;
-            _context2.t0 = _context2["catch"](2);
-            console.error(_context2.t0);
+          case 3:
+            _context2.p = 3;
+            _t2 = _context2.v;
+            console.error(_t2);
             setGradeDeleteStatus('rejected');
             blocks.Notification.error(intl$1.formatMessage({
               id: 'materialAssignment.notify.error'
             }));
-          case 19:
-            _context2.prev = 19;
+          case 4:
+            _context2.p = 4;
             setSelectedGradeForDelete(null);
-            return _context2.finish(19);
-          case 22:
-          case "end":
-            return _context2.stop();
+            return _context2.f(4);
+          case 5:
+            return _context2.a(2);
         }
-      }, _callee2, null, [[2, 14, 19, 22]]);
+      }, _callee2, null, [[1, 3, 4, 5]]);
     }));
     return function handleGradeDeleteSubmit() {
       return _ref5.apply(this, arguments);
     };
   }();
-  var handleManualScoreEditSubmit = manualScoreEditFormMethods.handleSubmit( /*#__PURE__*/function () {
-    var _ref7 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee3(_ref6) {
-      var manualScore;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+  var handleManualScoreEditSubmit = manualScoreEditFormMethods.handleSubmit(/*#__PURE__*/function () {
+    var _ref7 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee3(_ref6) {
+      var manualScore, _t3;
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context3) {
+        while (1) switch (_context3.p = _context3.n) {
           case 0:
             manualScore = _ref6.manualScore;
-            _context3.prev = 1;
-            _context3.next = 4;
+            _context3.p = 1;
+            _context3.n = 2;
             return apiClient.postOrgMaterialAssignmentGradeResultManualScoreEdit({
               userId: userId,
               manualScore: manualScore,
               materialAssignmentId: materialAssignmentId
             });
-          case 4:
+          case 2:
             fetchGradeResult();
             if (typeof updateMaterialUserBrowserResponse === 'function') {
               updateMaterialUserBrowserResponse(userId);
@@ -322,24 +321,23 @@ var MaterialAssignmentAdminContent = React.forwardRef(function (_ref, ref) {
             blocks.Notification.success(intl$1.formatMessage({
               id: 'materialAssignment.notify.success'
             }));
-            _context3.next = 13;
+            _context3.n = 4;
             break;
-          case 9:
-            _context3.prev = 9;
-            _context3.t0 = _context3["catch"](1);
-            console.error(_context3.t0);
+          case 3:
+            _context3.p = 3;
+            _t3 = _context3.v;
+            console.error(_t3);
             blocks.Notification.error(intl$1.formatMessage({
               id: 'materialAssignment.notify.error'
             }));
-          case 13:
-            _context3.prev = 13;
+          case 4:
+            _context3.p = 4;
             setShowManualScoreEditModal(false);
-            return _context3.finish(13);
-          case 16:
-          case "end":
-            return _context3.stop();
+            return _context3.f(4);
+          case 5:
+            return _context3.a(2);
         }
-      }, _callee3, null, [[1, 9, 13, 16]]);
+      }, _callee3, null, [[1, 3, 4, 5]]);
     }));
     return function (_x2) {
       return _ref7.apply(this, arguments);
@@ -373,8 +371,8 @@ var MaterialAssignmentAdminContent = React.forwardRef(function (_ref, ref) {
       children: jsxRuntime.jsx(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminManualScoreEditButtonWrapper, {
         disabled: !isAssignmentClosed || !isUserSubmitted,
         children: jsxRuntime.jsx(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminManualScoreEditButton, {
-          disabled: !isAssignmentClosed || !isUserSubmitted,
           underline: true,
+          disabled: !isAssignmentClosed || !isUserSubmitted,
           role: "navy3",
           size: "tiny",
           onClick: handleManualScoreEditClick,
@@ -593,7 +591,7 @@ var MaterialAssignmentAdminContent = React.forwardRef(function (_ref, ref) {
               disabled: !isAssignmentClosed || !isUserSubmitted,
               onClick: handleGradeEditClick,
               children: intl$1.formatMessage({
-                id: Boolean(myGrade) ? 'materialAssignment.edit-grading' : 'materialAssignment.start-grading'
+                id: myGrade ? 'materialAssignment.edit-grading' : 'materialAssignment.start-grading'
               })
             })
           })
@@ -696,7 +694,7 @@ var MaterialAssignmentAdminContent = React.forwardRef(function (_ref, ref) {
     }
     return jsxRuntime.jsxs(blocks.Modal, {
       title: intl$1.formatMessage({
-        id: Boolean(myGrade) ? 'materialAssignment.edit-grading' : 'materialAssignment.grading-assignments'
+        id: myGrade ? 'materialAssignment.edit-grading' : 'materialAssignment.grading-assignments'
       }),
       footerButtons: [{
         label: intl$1.formatMessage({
@@ -1006,9 +1004,9 @@ var MaterialAssignmentAdminContent = React.forwardRef(function (_ref, ref) {
             min: 0,
             max: 100
           },
-          render: function render(_ref10) {
-            var field = _ref10.field,
-              fieldState = _ref10.fieldState;
+          render: function render(_ref0) {
+            var field = _ref0.field,
+              fieldState = _ref0.fieldState;
             return jsxRuntime.jsx(blocks.Input, Object.assign({}, field, {
               invalid: fieldState.invalid,
               size: "small",

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

@@ -54,22 +54,22 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
     userSubmission = _React$useState8[0],
     setUserSubmission = _React$useState8[1];
   var _React$useState9 = React__default.default.useState(null),
-    _React$useState10 = _rollupPluginBabelHelpers.slicedToArray(_React$useState9, 2),
-    gradeResult = _React$useState10[0],
-    setGradeResult = _React$useState10[1];
-  var _React$useState11 = React__default.default.useState(null),
-    _React$useState12 = _rollupPluginBabelHelpers.slicedToArray(_React$useState11, 2),
-    myGrade = _React$useState12[0],
-    setMyGrade = _React$useState12[1];
+    _React$useState0 = _rollupPluginBabelHelpers.slicedToArray(_React$useState9, 2),
+    gradeResult = _React$useState0[0],
+    setGradeResult = _React$useState0[1];
+  var _React$useState1 = React__default.default.useState(null),
+    _React$useState10 = _rollupPluginBabelHelpers.slicedToArray(_React$useState1, 2),
+    myGrade = _React$useState10[0],
+    setMyGrade = _React$useState10[1];
   var isAssignmentClosed = dayjs__default.default().isAfter(dayjs__default.default(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.closeDatetime));
   var isScoreFinalized = Boolean(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.scoreFinalizedDatetime);
   var isUserSubmitted = Boolean(userSubmission);
   // API Status
   var isReady = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
-  var _React$useState13 = React__default.default.useState('idle'),
-    _React$useState14 = _rollupPluginBabelHelpers.slicedToArray(_React$useState13, 2),
-    submissionListGetStatus = _React$useState14[0],
-    setSubmissionListGetStatus = _React$useState14[1];
+  var _React$useState11 = React__default.default.useState('idle'),
+    _React$useState12 = _rollupPluginBabelHelpers.slicedToArray(_React$useState11, 2),
+    submissionListGetStatus = _React$useState12[0],
+    setSubmissionListGetStatus = _React$useState12[1];
   var fetchUserGet = React__default.default.useCallback(function () {
     void apiClient.getOrgUserGet({
       userId: userId
@@ -99,7 +99,7 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
     }).then(function (submission) {
       setUserSubmission(submission !== null && submission !== void 0 ? submission : null);
       setSubmissionListGetStatus('resolved');
-    }).catch(function (err) {
+    })["catch"](function (err) {
       console.error(err);
       setSubmissionListGetStatus('rejected');
     });
@@ -110,7 +110,7 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
       userId: userId
     }).then(function (res) {
       return res.materialAssignmentGradeResult;
-    }).then(setGradeResult).catch(function () {
+    }).then(setGradeResult)["catch"](function () {
       setGradeResult(null);
     });
   }, [materialAssignmentId, userId]);
@@ -137,15 +137,15 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
       comment: (_b = myGrade === null || myGrade === void 0 ? void 0 : myGrade.comment) !== null && _b !== void 0 ? _b : ''
     });
   };
-  var handleGradeEditSubmit = gradeEditFormMethods.handleSubmit( /*#__PURE__*/function () {
-    var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(_ref2) {
-      var score, comment;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+  var handleGradeEditSubmit = gradeEditFormMethods.handleSubmit(/*#__PURE__*/function () {
+    var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee(_ref2) {
+      var score, comment, _t;
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
             score = _ref2.score, comment = _ref2.comment;
-            _context.prev = 1;
-            _context.next = 4;
+            _context.p = 1;
+            _context.n = 2;
             return apiClient.postOrgMaterialAssignmentGradeEdit({
               materialAssignmentGradeId: myGrade === null || myGrade === void 0 ? void 0 : myGrade.id,
               materialAssignmentId: materialAssignmentId,
@@ -153,29 +153,28 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
               score: score,
               comment: comment
             });
-          case 4:
+          case 2:
             fetchMyGrade();
             blocks.Notification.success(intl$1.formatMessage({
               id: 'materialAssignment.notify.success'
             }));
-            _context.next = 12;
+            _context.n = 4;
             break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](1);
-            console.error(_context.t0);
+          case 3:
+            _context.p = 3;
+            _t = _context.v;
+            console.error(_t);
             blocks.Notification.error(intl$1.formatMessage({
               id: 'materialAssignment.notify.error'
             }));
-          case 12:
-            _context.prev = 12;
+          case 4:
+            _context.p = 4;
             setShowGradeEditModal(false);
-            return _context.finish(12);
-          case 15:
-          case "end":
-            return _context.stop();
+            return _context.f(4);
+          case 5:
+            return _context.a(2);
         }
-      }, _callee, null, [[1, 8, 12, 15]]);
+      }, _callee, null, [[1, 3, 4, 5]]);
     }));
     return function (_x) {
       return _ref3.apply(this, arguments);
@@ -415,7 +414,7 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
               disabled: isGradeEditDisabled,
               onClick: handleGradeEditClick,
               children: intl$1.formatMessage({
-                id: Boolean(myGrade) ? 'materialAssignment.edit-grading' : 'materialAssignment.start-grading'
+                id: myGrade ? 'materialAssignment.edit-grading' : 'materialAssignment.start-grading'
               })
             })
           })
@@ -477,7 +476,7 @@ var MaterialAssignmentAdminContentTa = function MaterialAssignmentAdminContentTa
     }
     return jsxRuntime.jsxs(blocks.Modal, {
       title: intl$1.formatMessage({
-        id: Boolean(myGrade) ? 'materialAssignment.edit-grading' : 'materialAssignment.grading-assignments'
+        id: myGrade ? 'materialAssignment.edit-grading' : 'materialAssignment.grading-assignments'
       }),
       footerButtons: [{
         label: intl$1.formatMessage({

package/cjs/components/shared/MaterialAssignmentContainer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 interface MaterialAssignmentContainerProps {
     title: string;
 }

package/cjs/components/shared/MaterialAssignmentContainer.js

@@ -2,24 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 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 StyledMaterialAssignmentContainer = styled__default.default.div.withConfig({
-  componentId: "sc-sdhlog-0"
-})(["height:100%;width:100%;max-width:55rem;border-radius:0.5rem;overflow:hidden;"]);
-var StyledMaterialAssignmentContainerHeader = styled__default.default.div.withConfig({
-  componentId: "sc-sdhlog-1"
-})(["padding:1rem 1.5rem;height:3.5rem;display:flex;align-items:center;background-color:", ";"], designTokens.base.color.navy7);
-var StyledMaterialAssignmentContainerContent = styled__default.default.div.withConfig({
-  componentId: "sc-sdhlog-2"
-})(["padding:1.5rem;overflow-y:auto;height:calc(100% - 3.5rem);background-color:", ";"], designTokens.base.color.navy8);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var StyledMaterialAssignmentContainer = /*#__PURE__*/_styled__default.default("div", {
+  target: "e1s3ee2y2"
+})("production" === "production" ? {
+  name: "z4e4jo",
+  styles: "height:100%;width:100%;max-width:55rem;border-radius:0.5rem;overflow:hidden"
+} : {
+  name: "z4e4jo",
+  styles: "height:100%;width:100%;max-width:55rem;border-radius:0.5rem;overflow:hidden",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledMaterialAssignmentContainerHeader = /*#__PURE__*/_styled__default.default("div", {
+  target: "e1s3ee2y1"
+})("padding:1rem 1.5rem;height:3.5rem;display:flex;align-items:center;background-color:", designTokens.base.color.navy7, ";");
+var StyledMaterialAssignmentContainerContent = /*#__PURE__*/_styled__default.default("div", {
+  target: "e1s3ee2y0"
+})("padding:1.5rem;overflow-y:auto;height:calc(100% - 3.5rem);background-color:", designTokens.base.color.navy8, ";");
 var MaterialAssignmentContainer = function MaterialAssignmentContainer(_ref) {
   var title = _ref.title,
     children = _ref.children;

package/cjs/index.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var MaterialAssignmentAdmin = require('./components/material-assignment-admin/MaterialAssignmentAdmin.js');
 var MaterialAssignment = require('./components/material-assignment/MaterialAssignment.js');
+var MaterialAssignmentAdmin = require('./components/material-assignment-admin/MaterialAssignmentAdmin.js');
 
 
 
-exports.MaterialAssignmentAdmin = MaterialAssignmentAdmin.default;
 exports.MaterialAssignment = MaterialAssignment.default;
+exports.MaterialAssignmentAdmin = MaterialAssignmentAdmin.default;

package/cjs/node_modules/@elice/mui-system/es/tokens/colors/green.js

@@ -0,0 +1,31 @@
+'use strict';
+
+/**
+ * Color "Green" palette for Elice Design System.
+ * (https://zeroheight.com/28e7b9d96/p/25a3d8-color/b/281ad3/t/7636cc)
+ *
+ * - `50`: `#e8f5e9`
+ * - `100`: `#c8e6c9`
+ * - `200`: `#a5d6a7`
+ * - `300`: `#81c784`
+ * - `400`: `#66bb6a`
+ * - `500`: `#4caf50`
+ * - `600`: `#43a047`
+ * - `700`: `#388e3c`
+ * - `800`: `#2e7d32`
+ * - `900`: `#1b5e20`
+ */
+var green = Object.freeze({
+  50: '#e8f5e9',
+  100: '#c8e6c9',
+  200: '#a5d6a7',
+  300: '#81c784',
+  400: '#66bb6a',
+  500: '#4caf50',
+  600: '#43a047',
+  700: '#388e3c',
+  800: '#2e7d32',
+  900: '#1b5e20'
+});
+
+exports.green = green;

package/cjs/node_modules/@elice/mui-system/es/tokens/colors/orange.js

@@ -0,0 +1,31 @@
+'use strict';
+
+/**
+ * Color "Orange" palette for Elice Design System.
+ * (https://zeroheight.com/28e7b9d96/p/25a3d8-color/b/281ad3/t/05a83c)
+ *
+ * - `50`: `#fff3e0`
+ * - `100`: `#ffe0b2`
+ * - `200`: `#ffcc80`
+ * - `300`: `#ffb74d`
+ * - `400`: `#ffa726`
+ * - `500`: `#ff9800`
+ * - `600`: `#fb8c00`
+ * - `700`: `#f57c00`
+ * - `800`: `#ef6c00`
+ * - `900`: `#e65100`
+ */
+var orange = Object.freeze({
+  50: '#fff3e0',
+  100: '#ffe0b2',
+  200: '#ffcc80',
+  300: '#ffb74d',
+  400: '#ffa726',
+  500: '#ff9800',
+  600: '#fb8c00',
+  700: '#f57c00',
+  800: '#ef6c00',
+  900: '#e65100'
+});
+
+exports.orange = orange;

package/cjs/node_modules/@elice/utils/es/texts/validateUrl.js

@@ -0,0 +1,18 @@
+'use strict';
+
+/**
+ *
+ * Returns result whether url is valid or not
+ * api-regex: https://git.elicer.io/elice/backend/elice-api/-/blob/master/api/func/validator.py#L228
+ * @param {string} url
+ * @returns {boolean}
+ */
+function validateUrl(url) {
+    if (typeof url !== 'string') {
+        return false;
+    }
+    const urlRegex = new RegExp(/^(?:https?):\/\/(?:[^\s:@/]+(?::[^\s:@/]*)?@)?(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9\-_]{0,61}[a-zA-Z0-9])?\.)+(?:[a-zA-Z]{2,6}\.?|[a-zA-Z0-9\-_]{2,}\.?)|localhost|\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})(?::\d{2,5})?(?:\/?|[/?]\S+)$/);
+    return urlRegex.test(url);
+}
+
+exports.validateUrl = validateUrl;