@elice/material-runbox 1.250310.0 → 1.250313.0

package/cjs/components/material-runbox/MaterialRunboxContent.d.ts

@@ -1,4 +1,15 @@
 import React from 'react';
+import type { TagProps } from '@elice/mui-elements';
+export type GetAchievementColor = {
+    (params: {
+        score: number;
+        variant: 'text' | 'chart';
+    }): string | null;
+    (params: {
+        score: number;
+        variant: 'tag';
+    }): TagProps['color'];
+};
 export interface MaterialRunboxContentProps {
     /** Runbox ID. */
     runboxId: string | null;
@@ -10,6 +21,8 @@ export interface MaterialRunboxContentProps {
     userId: number;
     /** Whether tutoring is enabled. */
     isTutoring: boolean;
+    /** Used for submit log score tag color. */
+    getAchievementColor?: GetAchievementColor;
 }
 declare const MaterialRunboxContent: React.FC<MaterialRunboxContentProps>;
 export default MaterialRunboxContent;

package/cjs/components/material-runbox/MaterialRunboxContent.js

@@ -35,7 +35,8 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
     enabledLxpPlan = _ref.enabledLxpPlan,
     userId = _ref.userId,
     _ref$isTutoring = _ref.isTutoring,
-    isTutoring = _ref$isTutoring === void 0 ? false : _ref$isTutoring;
+    isTutoring = _ref$isTutoring === void 0 ? false : _ref$isTutoring,
+    getAchievementColor = _ref.getAchievementColor;
   var intl$1 = intl.useRawEliceIntl();
   var _useMaterialRunboxCon = MaterialRunboxContext.useMaterialRunboxContext(),
     showMessenger = _useMaterialRunboxCon.showMessenger;
@@ -170,7 +171,8 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
     courseId: courseId,
     userId: userId,
     isTutoring: isTutoring,
-    refetch: refetch
+    refetch: refetch,
+    getAchievementColor: getAchievementColor
   };
   return jsxRuntime.jsx(MaterialRunboxCommandContext.default, {
     runtime: runtime,

package/cjs/components/material-runbox/MaterialRunboxHeader.js

@@ -45,7 +45,8 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref3) {
     courseId = _ref3.courseId,
     userId = _ref3.userId,
     isTutoring = _ref3.isTutoring,
-    refetch = _ref3.refetch;
+    refetch = _ref3.refetch,
+    getAchievementColor = _ref3.getAchievementColor;
   var intl$1 = intl.useRawEliceIntl();
   var _useMaterialRunboxCon = MaterialRunboxContext.useMaterialRunboxContext(),
     enableAutoShutdownToggle = _useMaterialRunboxCon.enableAutoShutdownToggle;
@@ -127,7 +128,7 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref3) {
    *
    */
   var renderHeaderActionGrade = function renderHeaderActionGrade() {
-    if (!runbox.submission.enabled) {
+    if (!runbox.submission.enabled || isTutoring) {
       return null;
     }
     return jsxRuntime.jsx(MaterialRunboxActionGrade.default, {
@@ -160,7 +161,8 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref3) {
         isTutoring: isTutoring,
         menuAnchorEl: menuAnchorEl,
         refetch: refetch,
-        handleMenuClose: handleMenuClose
+        handleMenuClose: handleMenuClose,
+        getAchievementColor: getAchievementColor
       })]
     });
   };

package/cjs/components/material-runbox/actions/MaterialRunboxActionMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { RuntimeProps } from '../runtime/Runtime';
-type MaterialRunboxActionMenuProps = Pick<RuntimeProps, 'runbox' | 'runtime' | 'courseId' | 'refetch' | 'userId' | 'isTutoring'> & {
+type MaterialRunboxActionMenuProps = Pick<RuntimeProps, 'runbox' | 'runtime' | 'courseId' | 'refetch' | 'userId' | 'isTutoring' | 'getAchievementColor'> & {
     menuAnchorEl: null | HTMLButtonElement;
     handleMenuClose: () => void;
 };

package/cjs/components/material-runbox/actions/MaterialRunboxActionMenu.js

@@ -26,6 +26,7 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
     isTutoring = _ref.isTutoring,
     menuAnchorEl = _ref.menuAnchorEl,
     refetch = _ref.refetch,
+    getAchievementColor = _ref.getAchievementColor,
     handleMenuClose = _ref.handleMenuClose;
   var _useEliceRunboxRunnin = runboxClient.useEliceRunboxRunning(),
     status = _useEliceRunboxRunnin.status;
@@ -66,6 +67,7 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
       runboxId: runbox === null || runbox === void 0 ? void 0 : runbox.id,
       userId: userId,
       eliceCourseId: courseId,
+      getAchievementColor: getAchievementColor,
       handleMenuClose: handleMenuClose
     }) : jsxRuntime.jsx(MaterialRunboxActionReset.default, {
       runtime: runtime,

package/cjs/components/material-runbox/actions/MaterialRunboxActionSubmitLog.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import type { RunboxRunboxIdGradeGetRequest } from '@elice/openapi-client-material-runbox';
+import type { GetAchievementColor } from '../MaterialRunboxContent';
 export type MaterialRunboxActionSubmitLogProps = Omit<RunboxRunboxIdGradeGetRequest, 'skip' | 'count'> & {
     handleMenuClose: () => void;
+    getAchievementColor?: GetAchievementColor;
 };
 declare const MaterialRunboxActionSubmitLog: React.FC<MaterialRunboxActionSubmitLogProps>;
 export default MaterialRunboxActionSubmitLog;

package/cjs/components/material-runbox/actions/MaterialRunboxActionSubmitLogDialog.js

@@ -29,7 +29,8 @@ var dayjs__default = /*#__PURE__*/_interopDefaultCompat(dayjs);
 var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLogDialog(_a) {
   var isOpen = _a.isOpen,
     onClose = _a.onClose,
-    props = tslib.__rest(_a, ["isOpen", "onClose"]);
+    getAchievementColor = _a.getAchievementColor,
+    props = tslib.__rest(_a, ["isOpen", "onClose", "getAchievementColor"]);
   var intl$1 = intl.useRawEliceIntl();
   //
   var _useMaterialRunboxCon = MaterialRunboxContext.useMaterialRunboxContext(),
@@ -93,7 +94,10 @@ var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLog
               gap: "0.5rem",
               children: [(item === null || item === void 0 ? void 0 : item.score) ? jsxRuntime.jsx(muiElements.Tag, {
                 variant: "muted",
-                color: "info",
+                color: typeof getAchievementColor === 'function' ? getAchievementColor({
+                  score: Number(item.score),
+                  variant: 'tag'
+                }) : 'info',
                 label: intl$1.formatMessage({
                   id: 'runbox.common.score'
                 }, {

package/cjs/components/material-runbox/runtime/Runtime.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { RunboxGetAndListResponse, RuntimeGetAndListResponse, RuntimeTemplateGetAndListResponse } from '@elice/openapi-client-material-runbox';
 import type { QueryObserverResult } from '@tanstack/react-query';
+import type { GetAchievementColor } from '../MaterialRunboxContent';
 export interface RuntimeProps {
     /**  */
     runbox: RunboxGetAndListResponse;
@@ -20,6 +21,8 @@ export interface RuntimeProps {
         RuntimeGetAndListResponse,
         RuntimeTemplateGetAndListResponse
     ], unknown>>;
+    /** */
+    getAchievementColor?: GetAchievementColor;
 }
 declare const Runtime: React.FC<RuntimeProps>;
 export default Runtime;

package/es/components/material-runbox/MaterialRunboxContent.d.ts

@@ -1,4 +1,15 @@
 import React from 'react';
+import type { TagProps } from '@elice/mui-elements';
+export type GetAchievementColor = {
+    (params: {
+        score: number;
+        variant: 'text' | 'chart';
+    }): string | null;
+    (params: {
+        score: number;
+        variant: 'tag';
+    }): TagProps['color'];
+};
 export interface MaterialRunboxContentProps {
     /** Runbox ID. */
     runboxId: string | null;
@@ -10,6 +21,8 @@ export interface MaterialRunboxContentProps {
     userId: number;
     /** Whether tutoring is enabled. */
     isTutoring: boolean;
+    /** Used for submit log score tag color. */
+    getAchievementColor?: GetAchievementColor;
 }
 declare const MaterialRunboxContent: React.FC<MaterialRunboxContentProps>;
 export default MaterialRunboxContent;

package/es/components/material-runbox/MaterialRunboxContent.js

@@ -31,7 +31,8 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
     enabledLxpPlan = _ref.enabledLxpPlan,
     userId = _ref.userId,
     _ref$isTutoring = _ref.isTutoring,
-    isTutoring = _ref$isTutoring === void 0 ? false : _ref$isTutoring;
+    isTutoring = _ref$isTutoring === void 0 ? false : _ref$isTutoring,
+    getAchievementColor = _ref.getAchievementColor;
   var intl = useRawEliceIntl();
   var _useMaterialRunboxCon = useMaterialRunboxContext(),
     showMessenger = _useMaterialRunboxCon.showMessenger;
@@ -166,7 +167,8 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
     courseId: courseId,
     userId: userId,
     isTutoring: isTutoring,
-    refetch: refetch
+    refetch: refetch,
+    getAchievementColor: getAchievementColor
   };
   return jsx(MaterialRunboxCommandContextProvider, {
     runtime: runtime,

package/es/components/material-runbox/MaterialRunboxHeader.js

@@ -36,7 +36,8 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref3) {
     courseId = _ref3.courseId,
     userId = _ref3.userId,
     isTutoring = _ref3.isTutoring,
-    refetch = _ref3.refetch;
+    refetch = _ref3.refetch,
+    getAchievementColor = _ref3.getAchievementColor;
   var intl = useRawEliceIntl();
   var _useMaterialRunboxCon = useMaterialRunboxContext(),
     enableAutoShutdownToggle = _useMaterialRunboxCon.enableAutoShutdownToggle;
@@ -118,7 +119,7 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref3) {
    *
    */
   var renderHeaderActionGrade = function renderHeaderActionGrade() {
-    if (!runbox.submission.enabled) {
+    if (!runbox.submission.enabled || isTutoring) {
       return null;
     }
     return jsx(MaterialRunboxActionGrade, {
@@ -151,7 +152,8 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref3) {
         isTutoring: isTutoring,
         menuAnchorEl: menuAnchorEl,
         refetch: refetch,
-        handleMenuClose: handleMenuClose
+        handleMenuClose: handleMenuClose,
+        getAchievementColor: getAchievementColor
       })]
     });
   };

package/es/components/material-runbox/actions/MaterialRunboxActionMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { RuntimeProps } from '../runtime/Runtime';
-type MaterialRunboxActionMenuProps = Pick<RuntimeProps, 'runbox' | 'runtime' | 'courseId' | 'refetch' | 'userId' | 'isTutoring'> & {
+type MaterialRunboxActionMenuProps = Pick<RuntimeProps, 'runbox' | 'runtime' | 'courseId' | 'refetch' | 'userId' | 'isTutoring' | 'getAchievementColor'> & {
     menuAnchorEl: null | HTMLButtonElement;
     handleMenuClose: () => void;
 };

package/es/components/material-runbox/actions/MaterialRunboxActionMenu.js

@@ -18,6 +18,7 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
     isTutoring = _ref.isTutoring,
     menuAnchorEl = _ref.menuAnchorEl,
     refetch = _ref.refetch,
+    getAchievementColor = _ref.getAchievementColor,
     handleMenuClose = _ref.handleMenuClose;
   var _useEliceRunboxRunnin = useEliceRunboxRunning(),
     status = _useEliceRunboxRunnin.status;
@@ -58,6 +59,7 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
       runboxId: runbox === null || runbox === void 0 ? void 0 : runbox.id,
       userId: userId,
       eliceCourseId: courseId,
+      getAchievementColor: getAchievementColor,
       handleMenuClose: handleMenuClose
     }) : jsx(MaterialRunboxActionReset, {
       runtime: runtime,

package/es/components/material-runbox/actions/MaterialRunboxActionSubmitLog.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import type { RunboxRunboxIdGradeGetRequest } from '@elice/openapi-client-material-runbox';
+import type { GetAchievementColor } from '../MaterialRunboxContent';
 export type MaterialRunboxActionSubmitLogProps = Omit<RunboxRunboxIdGradeGetRequest, 'skip' | 'count'> & {
     handleMenuClose: () => void;
+    getAchievementColor?: GetAchievementColor;
 };
 declare const MaterialRunboxActionSubmitLog: React.FC<MaterialRunboxActionSubmitLogProps>;
 export default MaterialRunboxActionSubmitLog;

package/es/components/material-runbox/actions/MaterialRunboxActionSubmitLogDialog.js

@@ -20,7 +20,8 @@ import { useInfiniteRunboxRunboxIdGrade } from '../hooks/useInfiniteRunboxRunbox
 var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLogDialog(_a) {
   var isOpen = _a.isOpen,
     onClose = _a.onClose,
-    props = __rest(_a, ["isOpen", "onClose"]);
+    getAchievementColor = _a.getAchievementColor,
+    props = __rest(_a, ["isOpen", "onClose", "getAchievementColor"]);
   var intl = useRawEliceIntl();
   //
   var _useMaterialRunboxCon = useMaterialRunboxContext(),
@@ -84,7 +85,10 @@ var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLog
               gap: "0.5rem",
               children: [(item === null || item === void 0 ? void 0 : item.score) ? jsx(Tag, {
                 variant: "muted",
-                color: "info",
+                color: typeof getAchievementColor === 'function' ? getAchievementColor({
+                  score: Number(item.score),
+                  variant: 'tag'
+                }) : 'info',
                 label: intl.formatMessage({
                   id: 'runbox.common.score'
                 }, {

package/es/components/material-runbox/runtime/Runtime.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { RunboxGetAndListResponse, RuntimeGetAndListResponse, RuntimeTemplateGetAndListResponse } from '@elice/openapi-client-material-runbox';
 import type { QueryObserverResult } from '@tanstack/react-query';
+import type { GetAchievementColor } from '../MaterialRunboxContent';
 export interface RuntimeProps {
     /**  */
     runbox: RunboxGetAndListResponse;
@@ -20,6 +21,8 @@ export interface RuntimeProps {
         RuntimeGetAndListResponse,
         RuntimeTemplateGetAndListResponse
     ], unknown>>;
+    /** */
+    getAchievementColor?: GetAchievementColor;
 }
 declare const Runtime: React.FC<RuntimeProps>;
 export default Runtime;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-runbox",
-  "version": "1.250310.0",
+  "version": "1.250313.0",
   "description": "User view and editing components of Elice material runbox",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -51,8 +51,8 @@
   },
   "devDependencies": {
     "@elice/intl": "0.241127.0",
-    "@elice/material-shared-types": "1.250310.0",
-    "@elice/material-shared-utils": "1.250310.0",
+    "@elice/material-shared-types": "1.250313.0",
+    "@elice/material-shared-utils": "1.250313.0",
     "@elice/mui-elements": "^5.250108.0-controllabel.0",
     "@elice/mui-system": "^5.250108.0-controllabel.0",
     "@elice/mui-x-snackbar": "^5.250108.0-controllabel.0",