@elice/material-assignment 1.240709.0-udl1.0 → 1.240710.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/cjs/components/material-assignment/MaterialAssignmentContent.js +9 -28
  2. package/es/components/material-assignment/MaterialAssignmentContent.js +10 -29
  3. package/package.json +4 -4
  4. package/cjs/components/material-assignment/constants/color.d.ts +0 -1
  5. package/cjs/components/material-assignment/constants/color.js +0 -5
  6. package/es/components/material-assignment/constants/color.d.ts +0 -1
  7. package/es/components/material-assignment/constants/color.js +0 -3
package/cjs/components/material-assignment/MaterialAssignmentContent.js CHANGED
@@ -5,32 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var apiClient = require('@elice/api-client');
7
7
  var blocks = require('@elice/blocks');
8
- var designTokens = require('@elice/design-tokens');
9
8
  var intl = require('@elice/intl');
10
9
  var materialSharedUtils = require('@elice/material-shared-utils');
11
- var muiSystem = require('@elice/mui-system');
12
10
  var types = require('@elice/types');
13
- var styled = require('styled-components');
14
11
  var MaterialAssignmentContainer = require('../shared/MaterialAssignmentContainer.js');
15
- var color = require('./constants/color.js');
16
12
  var MaterialAssignmentUploadModal = require('./MaterialAssignmentUploadModal.js');
17
13
 
18
14
  const GRADE_LIST_COUNT = 20;
19
- const StyledSubmittedText = styled(blocks.Text).withConfig({
20
- componentId: "sc-1panlbq-0"
21
- })(["color:", ";"], muiSystem.colors.green[400]);
22
- const StyledNoSubmittedText = styled(blocks.Text).withConfig({
23
- componentId: "sc-1panlbq-1"
24
- })(["color:", ";"], muiSystem.colors.orange[400]);
25
- const StyledTableHeaderCell = styled.td.withConfig({
26
- componentId: "sc-1panlbq-2"
27
- })(["color:", " !important;"], color.DARK_TEXT_TERTIARY_COLOR);
28
- const StyledTotalPointText = styled(blocks.Text).withConfig({
29
- componentId: "sc-1panlbq-3"
30
- })(["color:", ";"], color.DARK_TEXT_TERTIARY_COLOR);
31
- const StyledUploadButton = styled(blocks.Button).withConfig({
32
- componentId: "sc-1panlbq-4"
33
- })(["background-color:", ";border-color:", ";"], designTokens.base.color.primary6, designTokens.base.color.primary6);
34
15
  const MaterialAssignmentContent = ({
35
16
  materialAssignmentId,
36
17
  userId
@@ -177,7 +158,7 @@ const MaterialAssignmentContent = ({
177
158
  }));
178
159
  }
179
160
  if (isAssignmentSubmitted) {
180
- return React.createElement(StyledSubmittedText, {
161
+ return React.createElement(blocks.Text, {
181
162
  bold: true,
182
163
  role: "success",
183
164
  size: "small"
@@ -185,7 +166,7 @@ const MaterialAssignmentContent = ({
185
166
  id: 'materialAssignment.status.submitted'
186
167
  }));
187
168
  }
188
- return React.createElement(StyledNoSubmittedText, {
169
+ return React.createElement(blocks.Text, {
189
170
  bold: true,
190
171
  role: "warning",
191
172
  size: "small"
@@ -237,36 +218,36 @@ const MaterialAssignmentContent = ({
237
218
  };
238
219
  return React.createElement(blocks.InfoTable, {
239
220
  dark: true
240
- }, React.createElement("tbody", null, React.createElement("tr", null, React.createElement(StyledTableHeaderCell, {
221
+ }, React.createElement("tbody", null, React.createElement("tr", null, React.createElement("td", {
241
222
  style: {
242
223
  width: '19%'
243
224
  }
244
225
  }, intl$1.formatMessage({
245
226
  id: 'materialAssignment.table.column.status'
246
- })), React.createElement("td", null, renderAssignmentStatus())), React.createElement("tr", null, React.createElement(StyledTableHeaderCell, null, intl$1.formatMessage({
227
+ })), React.createElement("td", null, renderAssignmentStatus())), React.createElement("tr", null, React.createElement("td", null, intl$1.formatMessage({
247
228
  id: 'materialAssignment.table.column.deadlineDatetime'
248
229
  })), React.createElement("td", null, intl$1.formatDate(materialAssignment.closeDatetime, {
249
230
  dateStyle: 'medium',
250
231
  timeStyle: 'short'
251
- }))), React.createElement("tr", null, React.createElement(StyledTableHeaderCell, null, intl$1.formatMessage({
232
+ }))), React.createElement("tr", null, React.createElement("td", null, intl$1.formatMessage({
252
233
  id: 'materialAssignment.table.column.lastSubmitDatetime'
253
234
  })), React.createElement("td", null, (materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.createdDatetime) ? intl$1.formatDate(materialAssignmentSubmission.createdDatetime, {
254
235
  dateStyle: 'medium',
255
236
  timeStyle: 'short'
256
- }) : '--')), React.createElement("tr", null, React.createElement(StyledTableHeaderCell, null, intl$1.formatMessage({
237
+ }) : '--')), React.createElement("tr", null, React.createElement("td", null, intl$1.formatMessage({
257
238
  id: 'materialAssignment.table.column.uploadedFile'
258
239
  })), React.createElement("td", null, React.createElement("div", null, renderAssignmentAttachment(), React.createElement(blocks.Vspace, {
259
240
  height: 0.75
260
- }), React.createElement(StyledUploadButton, {
241
+ }), React.createElement(blocks.Button, {
261
242
  size: "tiny",
262
243
  role: "lightpurple",
263
244
  disabled: [isAssignmentResultVisible, !materialAssignment.isResubmitEnabled && isAssignmentSubmitted, isAssignmentClosed].some(Boolean),
264
245
  onClick: () => setShowAssignmentSubmitModal(true)
265
246
  }, intl$1.formatMessage({
266
247
  id: 'materialAssignment.button.upload'
267
- }))))), React.createElement("tr", null, React.createElement(StyledTableHeaderCell, null, intl$1.formatMessage({
248
+ }))))), React.createElement("tr", null, React.createElement("td", null, intl$1.formatMessage({
268
249
  id: 'materialAssignment.table.column.assignmentScore'
269
- })), React.createElement("td", null, renderAssignmentScore(), React.createElement(StyledTotalPointText, {
250
+ })), React.createElement("td", null, renderAssignmentScore(), React.createElement(blocks.Text, {
270
251
  role: "navy4",
271
252
  size: "small"
272
253
  }, intl$1.formatMessage({
package/es/components/material-assignment/MaterialAssignmentContent.js CHANGED
@@ -1,32 +1,13 @@
1
1
  import React from 'react';
2
2
  import { config, getOrgMaterialAssignmentGet, getOrgMaterialAssignmentGradeList, getOrgMaterialAssignmentGradeResultGet, getOrgMaterialAssignmentSubmissionGet } from '@elice/api-client';
3
- import { Text, Button, Spinner, Vspace, InfoTable, TableNext, Hspace } from '@elice/blocks';
4
- import { base } from '@elice/design-tokens';
3
+ import { Spinner, Text, Vspace, InfoTable, Button, TableNext, Hspace } from '@elice/blocks';
5
4
  import { useRawEliceIntl } from '@elice/intl';
6
5
  import { useMaterialConfigApiClientUpdate, useMaterialFetchRaw } from '@elice/material-shared-utils';
7
- import { colors } from '@elice/mui-system';
8
6
  import { enums } from '@elice/types';
9
- import styled from 'styled-components';
10
7
  import MaterialAssignmentContainer from '../shared/MaterialAssignmentContainer.js';
11
- import { DARK_TEXT_TERTIARY_COLOR } from './constants/color.js';
12
8
  import MaterialAssignmentUploadModal from './MaterialAssignmentUploadModal.js';
13
9
 
14
10
  const GRADE_LIST_COUNT = 20;
15
- const StyledSubmittedText = styled(Text).withConfig({
16
- componentId: "sc-1panlbq-0"
17
- })(["color:", ";"], colors.green[400]);
18
- const StyledNoSubmittedText = styled(Text).withConfig({
19
- componentId: "sc-1panlbq-1"
20
- })(["color:", ";"], colors.orange[400]);
21
- const StyledTableHeaderCell = styled.td.withConfig({
22
- componentId: "sc-1panlbq-2"
23
- })(["color:", " !important;"], DARK_TEXT_TERTIARY_COLOR);
24
- const StyledTotalPointText = styled(Text).withConfig({
25
- componentId: "sc-1panlbq-3"
26
- })(["color:", ";"], DARK_TEXT_TERTIARY_COLOR);
27
- const StyledUploadButton = styled(Button).withConfig({
28
- componentId: "sc-1panlbq-4"
29
- })(["background-color:", ";border-color:", ";"], base.color.primary6, base.color.primary6);
30
11
  const MaterialAssignmentContent = ({
31
12
  materialAssignmentId,
32
13
  userId
@@ -173,7 +154,7 @@ const MaterialAssignmentContent = ({
173
154
  }));
174
155
  }
175
156
  if (isAssignmentSubmitted) {
176
- return React.createElement(StyledSubmittedText, {
157
+ return React.createElement(Text, {
177
158
  bold: true,
178
159
  role: "success",
179
160
  size: "small"
@@ -181,7 +162,7 @@ const MaterialAssignmentContent = ({
181
162
  id: 'materialAssignment.status.submitted'
182
163
  }));
183
164
  }
184
- return React.createElement(StyledNoSubmittedText, {
165
+ return React.createElement(Text, {
185
166
  bold: true,
186
167
  role: "warning",
187
168
  size: "small"
@@ -233,36 +214,36 @@ const MaterialAssignmentContent = ({
233
214
  };
234
215
  return React.createElement(InfoTable, {
235
216
  dark: true
236
- }, React.createElement("tbody", null, React.createElement("tr", null, React.createElement(StyledTableHeaderCell, {
217
+ }, React.createElement("tbody", null, React.createElement("tr", null, React.createElement("td", {
237
218
  style: {
238
219
  width: '19%'
239
220
  }
240
221
  }, intl.formatMessage({
241
222
  id: 'materialAssignment.table.column.status'
242
- })), React.createElement("td", null, renderAssignmentStatus())), React.createElement("tr", null, React.createElement(StyledTableHeaderCell, null, intl.formatMessage({
223
+ })), React.createElement("td", null, renderAssignmentStatus())), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
243
224
  id: 'materialAssignment.table.column.deadlineDatetime'
244
225
  })), React.createElement("td", null, intl.formatDate(materialAssignment.closeDatetime, {
245
226
  dateStyle: 'medium',
246
227
  timeStyle: 'short'
247
- }))), React.createElement("tr", null, React.createElement(StyledTableHeaderCell, null, intl.formatMessage({
228
+ }))), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
248
229
  id: 'materialAssignment.table.column.lastSubmitDatetime'
249
230
  })), React.createElement("td", null, (materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.createdDatetime) ? intl.formatDate(materialAssignmentSubmission.createdDatetime, {
250
231
  dateStyle: 'medium',
251
232
  timeStyle: 'short'
252
- }) : '--')), React.createElement("tr", null, React.createElement(StyledTableHeaderCell, null, intl.formatMessage({
233
+ }) : '--')), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
253
234
  id: 'materialAssignment.table.column.uploadedFile'
254
235
  })), React.createElement("td", null, React.createElement("div", null, renderAssignmentAttachment(), React.createElement(Vspace, {
255
236
  height: 0.75
256
- }), React.createElement(StyledUploadButton, {
237
+ }), React.createElement(Button, {
257
238
  size: "tiny",
258
239
  role: "lightpurple",
259
240
  disabled: [isAssignmentResultVisible, !materialAssignment.isResubmitEnabled && isAssignmentSubmitted, isAssignmentClosed].some(Boolean),
260
241
  onClick: () => setShowAssignmentSubmitModal(true)
261
242
  }, intl.formatMessage({
262
243
  id: 'materialAssignment.button.upload'
263
- }))))), React.createElement("tr", null, React.createElement(StyledTableHeaderCell, null, intl.formatMessage({
244
+ }))))), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
264
245
  id: 'materialAssignment.table.column.assignmentScore'
265
- })), React.createElement("td", null, renderAssignmentScore(), React.createElement(StyledTotalPointText, {
246
+ })), React.createElement("td", null, renderAssignmentScore(), React.createElement(Text, {
266
247
  role: "navy4",
267
248
  size: "small"
268
249
  }, intl.formatMessage({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elice/material-assignment",
3
- "version": "1.240709.0-udl1.0",
3
+ "version": "1.240710.0",
4
4
  "description": "User view and editing components of Elice material assignment",
5
5
  "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
6
6
  "license": "UNLICENSED",
@@ -52,8 +52,8 @@
52
52
  "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
53
53
  "@elice/intl": "0.240425.0-rc.2",
54
54
  "@elice/markdown": "^1.220815.0",
55
- "@elice/material-shared-types": "1.240709.0",
56
- "@elice/material-shared-utils": "1.240709.0",
55
+ "@elice/material-shared-types": "1.240710.0",
56
+ "@elice/material-shared-utils": "1.240710.0",
57
57
  "@elice/types": "^1.240619.0",
58
58
  "@types/classnames": "^2.3.1",
59
59
  "@types/react": "~17.0.9",
@@ -62,5 +62,5 @@
62
62
  "react-use": "^17.2.4",
63
63
  "styled-components": "^5.3.0"
64
64
  },
65
- "gitHead": "f16299613c933cc8e35e85acb50eacf673826f5e"
65
+ "gitHead": "26aba6603e491668e8258b108b3b45f31ba33b24"
66
66
  }
package/cjs/components/material-assignment/constants/color.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const DARK_TEXT_TERTIARY_COLOR = "rgba(255, 255, 255, 0.7)";
package/cjs/components/material-assignment/constants/color.js DELETED
@@ -1,5 +0,0 @@
1
- 'use strict';
2
-
3
- const DARK_TEXT_TERTIARY_COLOR = 'rgba(255, 255, 255, 0.7)';
4
-
5
- exports.DARK_TEXT_TERTIARY_COLOR = DARK_TEXT_TERTIARY_COLOR;
package/es/components/material-assignment/constants/color.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const DARK_TEXT_TERTIARY_COLOR = "rgba(255, 255, 255, 0.7)";
package/es/components/material-assignment/constants/color.js DELETED
@@ -1,3 +0,0 @@
1
- const DARK_TEXT_TERTIARY_COLOR = 'rgba(255, 255, 255, 0.7)';
2
-
3
- export { DARK_TEXT_TERTIARY_COLOR };