@elice/material-assignment 1.220803.0

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface MaterialAssignmentAdminContentTaProps {
+    materialAssignmentId: number;
+    userId: number;
+    adminUserId: number;
+}
+declare const MaterialAssignmentAdminContentTa: React.FC<MaterialAssignmentAdminContentTaProps>;
+export default MaterialAssignmentAdminContentTa;

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

@@ -0,0 +1,479 @@
+'use strict';
+
+var React = require('react');
+var reactHookForm = require('react-hook-form');
+var reactIntl = require('react-intl');
+var apiClient = require('@elice/api-client');
+var blocks = require('@elice/blocks');
+var designTokens = require('@elice/design-tokens');
+var icons = require('@elice/icons');
+var materialSharedUtils = require('@elice/material-shared-utils');
+var dayjs = require('dayjs');
+var MaterialAssignmentContainer = require('../shared/MaterialAssignmentContainer.js');
+var MaterialAssignmentAdmin_styled = require('./MaterialAssignmentAdmin.styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+
+const MaterialAssignmentAdminContentTa = ({
+  materialAssignmentId,
+  userId,
+  adminUserId
+}) => {
+  var _a; // Form
+
+
+  const gradeEditFormMethods = reactHookForm.useForm({
+    defaultValues: {
+      score: 0,
+      comment: ''
+    },
+    mode: 'onChange'
+  }); // State related with component
+
+  const [showGradeEditModal, setShowGradeEditModal] = React__default["default"].useState(false); // State related with api
+
+  const [user, setUser] = React__default["default"].useState(null);
+  const [materialAssignment, setMaterialAssignment] = React__default["default"].useState(null);
+  const [userSubmission, setUserSubmission] = React__default["default"].useState(null);
+  const [gradeResult, setGradeResult] = React__default["default"].useState(null);
+  const [myGrade, setMyGrade] = React__default["default"].useState(null);
+  const isAssignmentClosed = dayjs__default["default"]().isAfter(dayjs__default["default"](materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.closeDatetime));
+  const isScoreFinalized = Boolean(materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.scoreFinalizedDatetime);
+  const isUserSubmitted = Boolean(userSubmission); // API Status
+
+  const isReady = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
+  const [submissionListGetStatus, setSubmissionListGetStatus] = React__default["default"].useState('idle');
+  const fetchUserGet = React__default["default"].useCallback(() => {
+    void apiClient.getOrgUserGet({
+      userId
+    }).then(res => res.user).then(setUser);
+  }, [userId]);
+  const fetchMaterialAssignmentGet = React__default["default"].useCallback(() => {
+    void apiClient.getOrgMaterialAssignmentGet({
+      materialAssignmentId
+    }).then(res => res.materialAssignment).then(setMaterialAssignment);
+  }, [materialAssignmentId]);
+  const fetchSubmissionList = React__default["default"].useCallback(() => {
+    setSubmissionListGetStatus('pending');
+    void apiClient.getOrgMaterialAssignmentSubmissionList({
+      materialAssignmentId,
+      offset: 0,
+      count: 1,
+      filterConditions: {
+        isLast: true,
+        userIds: [userId]
+      }
+    }).then(res => res.materialAssignmentSubmissions[0]).then(submission => {
+      setUserSubmission(submission !== null && submission !== void 0 ? submission : null);
+      setSubmissionListGetStatus('resolved');
+    }).catch(err => {
+      console.error(err);
+      setSubmissionListGetStatus('rejected');
+    });
+  }, [materialAssignmentId, userId]);
+  const fetchGradeResult = React__default["default"].useCallback(() => {
+    void apiClient.getOrgMaterialAssignmentGradeResultGet({
+      materialAssignmentId,
+      userId
+    }).then(res => res.materialAssignmentGradeResult).then(setGradeResult).catch(() => {
+      setGradeResult(null);
+    });
+  }, [materialAssignmentId, userId]);
+  const fetchMyGrade = React__default["default"].useCallback(() => {
+    void apiClient.getOrgMaterialAssignmentGradeList({
+      materialAssignmentId,
+      offset: 0,
+      count: 1,
+      filterConditions: {
+        userId,
+        gradeUserId: adminUserId
+      }
+    }).then(res => res.materialAssignmentGrades[0]).then(grade => setMyGrade(grade !== null && grade !== void 0 ? grade : null));
+  }, [adminUserId, materialAssignmentId, userId]);
+
+  const handleGradeEditClick = () => {
+    var _a, _b;
+
+    setShowGradeEditModal(true);
+    gradeEditFormMethods.reset({
+      score: (_a = myGrade === null || myGrade === void 0 ? void 0 : myGrade.score) !== null && _a !== void 0 ? _a : 0,
+      comment: (_b = myGrade === null || myGrade === void 0 ? void 0 : myGrade.comment) !== null && _b !== void 0 ? _b : ''
+    });
+  };
+
+  const handleGradeEditSubmit = gradeEditFormMethods.handleSubmit(async ({
+    score,
+    comment
+  }) => {
+    try {
+      await apiClient.postOrgMaterialAssignmentGradeEdit({
+        materialAssignmentGradeId: myGrade === null || myGrade === void 0 ? void 0 : myGrade.id,
+        materialAssignmentId,
+        userId,
+        score,
+        comment
+      });
+      fetchMyGrade();
+      blocks.Notification.success('저장되었습니다');
+    } catch (err) {
+      console.error(err);
+      blocks.Notification.error('오류가 발생했습니다.');
+    } finally {
+      setShowGradeEditModal(false);
+    }
+  });
+  React__default["default"].useEffect(() => {
+    if (!isReady) {
+      return;
+    }
+
+    fetchUserGet();
+    fetchMyGrade();
+    fetchGradeResult();
+    fetchSubmissionList();
+    fetchMaterialAssignmentGet();
+  }, [isReady, fetchUserGet, fetchMyGrade, fetchGradeResult, fetchSubmissionList, fetchMaterialAssignmentGet]);
+
+  const renderHeader = () => {
+    var _a;
+
+    return React__default["default"].createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminHeader, {
+      align: "center",
+      padding: "1rem",
+      width: "100%"
+    }, React__default["default"].createElement(blocks.Flex, {
+      auto: true,
+      align: "center"
+    }, React__default["default"].createElement(blocks.ProfileImage, {
+      src: (_a = user === null || user === void 0 ? void 0 : user.profileUrl) !== null && _a !== void 0 ? _a : '',
+      width: "2.5rem",
+      height: "2.5rem"
+    }), React__default["default"].createElement(blocks.Hspace, {
+      width: 1
+    }), React__default["default"].createElement(blocks.Text, {
+      size: "small",
+      role: "warmwhite"
+    }, user === null || user === void 0 ? void 0 : user.fullname)), React__default["default"].createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminHeaderCell, null, React__default["default"].createElement(blocks.Text, {
+      size: "tiny",
+      role: "gray4"
+    }, "\uC810\uC218"), React__default["default"].createElement(blocks.Text, {
+      size: "small",
+      role: "white"
+    }, (gradeResult === null || gradeResult === void 0 ? void 0 : gradeResult.score) && isScoreFinalized ? `${gradeResult.score}점(공개됨)` : '--')), React__default["default"].createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminHeaderCell, null, React__default["default"].createElement(blocks.Text, {
+      size: "tiny",
+      role: "gray4"
+    }, "\uC81C\uCD9C \uC77C\uC2DC"), React__default["default"].createElement(blocks.Text, {
+      size: "small",
+      role: "white"
+    }, userSubmission ? React__default["default"].createElement(reactIntl.FormattedDate, {
+      value: userSubmission.createdDatetime,
+      dateStyle: "medium",
+      timeStyle: "short",
+      hour12: false
+    }) : '--')));
+  };
+
+  const renderGradeResult = () => {
+    return React__default["default"].createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminGradeWrapper, {
+      wrap: true,
+      width: "100%",
+      align: "center"
+    }, React__default["default"].createElement(blocks.Flex, {
+      auto: true,
+      align: "center"
+    }, React__default["default"].createElement(blocks.Text, {
+      role: "navy1",
+      size: "small",
+      lineHeight: "1.375rem"
+    }, user ? `${user.fullname} 님의 점수` : null), React__default["default"].createElement(blocks.Hspace, {
+      width: 0.25
+    }), React__default["default"].createElement(blocks.Tooltip, {
+      useMaxWidth: true,
+      placement: "top",
+      title: '최종 점수는 관리자가 모든 채점자의 점수를 고려하여 반영한 후 공개됩니다.'
+    }, React__default["default"].createElement(blocks.Icon, {
+      icon: icons.eilStatusInfo,
+      color: designTokens.base.color.navy1
+    })), React__default["default"].createElement(blocks.Hspace, {
+      width: 0.75
+    }), React__default["default"].createElement(blocks.Text, {
+      bold: true,
+      role: "white"
+    }, (gradeResult === null || gradeResult === void 0 ? void 0 : gradeResult.score) && isScoreFinalized ? `${gradeResult.score}점(공개됨)` : '--')));
+  };
+
+  const renderSubmissionInfo = () => {
+    const statusText = (() => {
+      if (submissionListGetStatus === 'pending') {
+        return null;
+      }
+
+      switch (true) {
+        case !isUserSubmitted && isAssignmentClosed:
+          return React__default["default"].createElement(blocks.Text, {
+            bold: true,
+            role: "danger",
+            size: "small"
+          }, "\uC81C\uCD9C \uAE30\uD55C \uB9CC\uB8CC");
+
+        case isScoreFinalized:
+          return React__default["default"].createElement(blocks.Text, {
+            bold: true,
+            role: "lightpurple",
+            size: "small"
+          }, "\uCC44\uC810 \uC644\uB8CC");
+
+        case isUserSubmitted:
+          return React__default["default"].createElement(blocks.Text, {
+            bold: true,
+            role: "success",
+            size: "small"
+          }, "\uC81C\uCD9C\uB428");
+
+        case !isUserSubmitted:
+          return React__default["default"].createElement(blocks.Text, {
+            bold: true,
+            role: "warning",
+            size: "small"
+          }, "\uBBF8\uC81C\uCD9C");
+      }
+    })();
+
+    const submissionAttachment = (() => {
+      if (!userSubmission) {
+        return '--';
+      }
+
+      if (userSubmission.assignmentFileUrl) {
+        const assignmentFilename = decodeURIComponent(userSubmission.assignmentFileUrl && new URL(userSubmission.assignmentFileUrl).pathname.split('/').pop() || '');
+        return React__default["default"].createElement("a", {
+          href: userSubmission.assignmentFileUrl,
+          download: assignmentFilename,
+          target: "_blank",
+          rel: "noopener noreferrer"
+        }, React__default["default"].createElement(blocks.Text, {
+          hoverable: true,
+          underline: true,
+          role: "white",
+          size: "small"
+        }, assignmentFilename));
+      }
+
+      if (userSubmission === null || userSubmission === void 0 ? void 0 : userSubmission.assignmentUrl) {
+        return React__default["default"].createElement("a", {
+          href: userSubmission.assignmentUrl,
+          target: "_blank",
+          rel: "noopener noreferrer"
+        }, React__default["default"].createElement(blocks.Text, {
+          hoverable: true,
+          underline: true,
+          role: "white",
+          size: "small"
+        }, userSubmission.assignmentUrl));
+      }
+    })();
+
+    return React__default["default"].createElement(blocks.InfoTable, {
+      dark: true
+    }, React__default["default"].createElement("tbody", null, React__default["default"].createElement("tr", null, React__default["default"].createElement("td", null, "\uC0C1\uD0DC"), React__default["default"].createElement("td", null, statusText)), React__default["default"].createElement("tr", null, React__default["default"].createElement("td", null, "\uACFC\uC81C \uC81C\uCD9C \uAE30\uD55C"), React__default["default"].createElement("td", null, React__default["default"].createElement(reactIntl.FormattedDate, {
+      value: materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.closeDatetime,
+      dateStyle: "medium",
+      timeStyle: "short",
+      hour12: false
+    }))), React__default["default"].createElement("tr", null, React__default["default"].createElement("td", null, "\uC81C\uCD9C \uC77C\uC2DC"), React__default["default"].createElement("td", null, userSubmission ? React__default["default"].createElement(reactIntl.FormattedDate, {
+      value: userSubmission.createdDatetime,
+      dateStyle: "medium",
+      timeStyle: "short",
+      hour12: false
+    }) : '--')), React__default["default"].createElement("tr", null, React__default["default"].createElement("td", null, "\uC5C5\uB85C\uB4DC\uB41C \uACFC\uC81C"), React__default["default"].createElement("td", null, submissionAttachment))));
+  };
+
+  const renderGrade = () => {
+    const isGradeEditDisabled = !isAssignmentClosed || !isUserSubmitted || isScoreFinalized;
+
+    const tooltipTitle = (() => {
+      switch (true) {
+        case isScoreFinalized:
+          return '공개 이후 채점이 불가합니다.';
+
+        case !isAssignmentClosed:
+          return '제출 기한이 지난 이후 채점할 수 있습니다.';
+
+        case !isUserSubmitted:
+          return '미제출인 경우 채점할 수 없습니다.';
+      }
+    })();
+
+    return React__default["default"].createElement(blocks.Flex, {
+      column: true,
+      align: "center"
+    }, React__default["default"].createElement(blocks.Flex, {
+      align: "center",
+      width: "100%"
+    }, React__default["default"].createElement(blocks.Flex, {
+      column: true,
+      auto: true
+    }, React__default["default"].createElement(blocks.Text, {
+      block: true,
+      bold: true,
+      role: "white",
+      lineHeight: 1.375
+    }, "\uB0B4 \uCC44\uC810"), React__default["default"].createElement(blocks.Text, {
+      block: true,
+      size: "tiny",
+      role: "navy3",
+      lineHeight: 1.6
+    }, "\uB0B4\uAC00 \uB9E4\uAE34 \uD3C9\uAC00\uC640 \uAD00\uB828\uB41C \uC815\uBCF4\uB97C \uBCFC \uC218 \uC788\uC2B5\uB2C8\uB2E4.")), React__default["default"].createElement(blocks.Tooltip, {
+      placement: "top",
+      title: tooltipTitle,
+      visible: isGradeEditDisabled ? undefined : false
+    }, React__default["default"].createElement("span", null, React__default["default"].createElement(blocks.Button, {
+      size: "small",
+      role: "lightpurple",
+      disabled: isGradeEditDisabled,
+      onClick: handleGradeEditClick
+    }, Boolean(myGrade) ? '내 채점 수정' : '내 채점 시작')))), React__default["default"].createElement(blocks.Vspace, {
+      height: 0.75
+    }), React__default["default"].createElement(blocks.TableNext, {
+      dark: true,
+      emptyMessage: "\uC544\uC9C1 \uCC44\uC810\uC744 \uC2DC\uC791\uD558\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4.",
+      columns: [{
+        Header: '채점자명',
+        accessor: 'fullname'
+      }, {
+        Header: '과제 점수',
+        accessor: 'grade'
+      }, {
+        Header: '채점 일시',
+        accessor: 'created',
+        textAlign: 'left'
+      }],
+      data: myGrade ? [{
+        fullname: React__default["default"].createElement(blocks.Flex, {
+          paddingy: "0.25rem"
+        }, React__default["default"].createElement(blocks.Text, {
+          noWrap: true,
+          role: "navy0",
+          size: "small"
+        }, myGrade.gradeUser.fullname), React__default["default"].createElement(blocks.Hspace, {
+          width: 0.25
+        }), React__default["default"].createElement(blocks.Text, {
+          ellipsis: true,
+          role: "navy3",
+          size: "small"
+        }, myGrade.gradeUser.email)),
+        grade: myGrade.score,
+        created: React__default["default"].createElement(reactIntl.FormattedDate, {
+          value: myGrade.createdDatetime,
+          dateStyle: "medium",
+          timeStyle: "short",
+          hour12: false
+        })
+      }] : []
+    }));
+  };
+
+  const renderGradeEditModal = () => {
+    if (!showGradeEditModal) {
+      return null;
+    }
+
+    return React__default["default"].createElement(blocks.Modal, {
+      title: Boolean(myGrade) ? '내 채점 수정' : '과제 채점',
+      footerButtons: [{
+        label: '확인',
+        size: 'small',
+        role: 'primary',
+        loading: gradeEditFormMethods.formState.isSubmitting,
+        disabled: gradeEditFormMethods.formState.isSubmitting || !gradeEditFormMethods.formState.isValid,
+        onClick: handleGradeEditSubmit
+      }, {
+        label: '취소',
+        size: 'small',
+        role: 'gray1',
+        onClick: () => {
+          setShowGradeEditModal(false);
+        }
+      }],
+      onHide: () => {
+        setShowGradeEditModal(false);
+      }
+    }, React__default["default"].createElement(blocks.Label, {
+      bold: true,
+      block: true,
+      required: true
+    }, "\uC810\uC218"), React__default["default"].createElement(blocks.Vspace, {
+      height: 0.5
+    }), React__default["default"].createElement(blocks.Flex, {
+      align: "center"
+    }, React__default["default"].createElement(reactHookForm.Controller, {
+      control: gradeEditFormMethods.control,
+      name: "score",
+      rules: {
+        required: true,
+        min: 0,
+        max: 100
+      },
+      render: ({
+        field,
+        fieldState
+      }) => React__default["default"].createElement(blocks.Input, Object.assign({}, field, {
+        invalid: fieldState.invalid,
+        size: "small",
+        width: "xsmall",
+        type: "number"
+      }))
+    }), React__default["default"].createElement(blocks.Hspace, {
+      width: 0.5
+    }), React__default["default"].createElement(blocks.Text, {
+      bold: true,
+      role: "gray9",
+      size: "small"
+    }, "\uC810"), React__default["default"].createElement(blocks.Text, {
+      role: "gray6",
+      size: "small"
+    }, ' / 100점 만점')), React__default["default"].createElement(blocks.Vspace, {
+      height: 1.25
+    }), React__default["default"].createElement(blocks.Label, {
+      bold: true,
+      block: true
+    }, "\uD53C\uB4DC\uBC31"), React__default["default"].createElement(blocks.Vspace, {
+      height: 0.5
+    }), React__default["default"].createElement(reactHookForm.Controller, {
+      control: gradeEditFormMethods.control,
+      name: "comment",
+      rules: {
+        maxLength: 1000
+      },
+      render: ({
+        field
+      }) => React__default["default"].createElement(blocks.Textarea, {
+        value: field.value,
+        wordLimit: 1000,
+        rows: 8,
+        onChange: field.onChange
+      })
+    }));
+  };
+
+  return React__default["default"].createElement(React__default["default"].Fragment, null, renderHeader(), React__default["default"].createElement(blocks.Flex, {
+    column: true,
+    auto: true,
+    padding: "3.625rem",
+    width: "100%",
+    height: "100%",
+    overflow: "hidden",
+    align: "center"
+  }, React__default["default"].createElement(MaterialAssignmentContainer, {
+    title: (_a = materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.title) !== null && _a !== void 0 ? _a : ''
+  }, renderGradeResult(), React__default["default"].createElement(blocks.Vspace, {
+    height: 1.25
+  }), renderSubmissionInfo(), React__default["default"].createElement(blocks.Vspace, {
+    height: 1.5
+  }), renderGrade())), renderGradeEditModal());
+};
+
+module.exports = MaterialAssignmentAdminContentTa;

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

@@ -0,0 +1,3 @@
+export { default as MaterialAssignmentAdmin } from './MaterialAssignmentAdmin';
+export type { MaterialAssignmentAdminProps } from './MaterialAssignmentAdmin';
+export type { MaterialAssignmentAdminApis } from './MaterialAssignmentAdminContent';

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface MaterialAssignmentContainerProps {
+    title: string;
+}
+declare const MaterialAssignmentContainer: React.FC<MaterialAssignmentContainerProps>;
+export default MaterialAssignmentContainer;

package/cjs/components/shared/MaterialAssignmentContainer.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var React = require('react');
+var blocks = require('@elice/blocks');
+var designTokens = require('@elice/design-tokens');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledMaterialAssignmentContainer = styled__default["default"].div.withConfig({
+  componentId: "sc-sdhlog-0"
+})(["height:100%;width:100%;max-width:55rem;border-radius:0.5rem;overflow:hidden;"]);
+const 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);
+const 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);
+
+const MaterialAssignmentContainer = ({
+  title,
+  children
+}) => {
+  return React__default["default"].createElement(StyledMaterialAssignmentContainer, null, React__default["default"].createElement(StyledMaterialAssignmentContainerHeader, null, React__default["default"].createElement(blocks.Text, {
+    bold: true,
+    role: "navy0",
+    size: "small"
+  }, title)), React__default["default"].createElement(StyledMaterialAssignmentContainerContent, null, children));
+};
+
+module.exports = MaterialAssignmentContainer;

package/cjs/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/cjs/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MaterialAssignmentAdmin = require('./components/material-assignment-admin/MaterialAssignmentAdmin.js');
+var MaterialAssignment = require('./components/material-assignment/MaterialAssignment.js');
+
+
+
+exports.MaterialAssignmentAdmin = MaterialAssignmentAdmin;
+exports.MaterialAssignment = MaterialAssignment;

package/es/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './material-assignment-admin';
+export * from './material-assignment';

package/es/components/material-assignment/MaterialAssignment.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface MaterialAssignmentProps {
+    materialAssignmentId: number;
+    userId: number;
+    className?: string;
+    locale?: string;
+}
+declare const MaterialAssignment: React.FC<MaterialAssignmentProps>;
+export default MaterialAssignment;

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IntlProvider } from 'react-intl';
+import { base } from '@elice/design-tokens';
+import classnames from 'classnames';
+import styled from 'styled-components';
+import * as locales from './locales.js';
+import { en } from './locales.js';
+import MaterialAssignmentContent from './MaterialAssignmentContent.js';
+
+const StyledMaterialAssignmentWrapper = styled.div.withConfig({
+  componentId: "sc-1kcyh7u-0"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:3.625rem;background-color:", ";"], base.color.navy9);
+
+const MaterialAssignment = ({
+  className,
+  materialAssignmentId,
+  userId,
+  locale = 'en'
+}) => {
+  const prefixCls = 'em-material-assignment';
+  return React.createElement(StyledMaterialAssignmentWrapper, {
+    className: classnames(prefixCls, className)
+  }, React.createElement(IntlProvider, {
+    locale: locale,
+    defaultLocale: "en",
+    messages: locale in locales ? locales[locale] : en
+  }, React.createElement(MaterialAssignmentContent, {
+    materialAssignmentId: materialAssignmentId,
+    userId: userId
+  })));
+};
+
+export { MaterialAssignment as default };

package/es/components/material-assignment/MaterialAssignmentContent.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface MaterialAssignmentContentProps {
+    materialAssignmentId: number;
+    userId: number;
+}
+declare const MaterialAssignmentContent: React.FC<MaterialAssignmentContentProps>;
+export default MaterialAssignmentContent;