@elice/material-quiz 1.241018.0 → 1.241021.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 (11) hide show
  1. package/cjs/components/material-quiz/MaterialQuizSelectMultipleOrder.js +3 -1
  2. package/cjs/components/material-quiz/material-quiz-group/MaterialQuizGroupDesktop.d.ts +1 -1
  3. package/cjs/components/material-quiz/material-quiz-group/MaterialQuizGroupDesktop.js +5 -2
  4. package/cjs/components/material-quiz/material-quiz-group/MaterialQuizGroupMobile.d.ts +1 -1
  5. package/cjs/components/material-quiz/material-quiz-group/MaterialQuizGroupMobile.js +5 -2
  6. package/es/components/material-quiz/MaterialQuizSelectMultipleOrder.js +3 -1
  7. package/es/components/material-quiz/material-quiz-group/MaterialQuizGroupDesktop.d.ts +1 -1
  8. package/es/components/material-quiz/material-quiz-group/MaterialQuizGroupDesktop.js +5 -2
  9. package/es/components/material-quiz/material-quiz-group/MaterialQuizGroupMobile.d.ts +1 -1
  10. package/es/components/material-quiz/material-quiz-group/MaterialQuizGroupMobile.js +5 -2
  11. package/package.json +3 -3
package/cjs/components/material-quiz/MaterialQuizSelectMultipleOrder.js CHANGED
@@ -11,6 +11,7 @@ var blocks = require('@elice/blocks');
11
11
  var designTokens = require('@elice/design-tokens');
12
12
  var icons = require('@elice/icons');
13
13
  var intl = require('@elice/intl');
14
+ var types = require('@elice/types');
14
15
  var material = require('@mui/material');
15
16
  var styled = require('styled-components');
16
17
  var element = require('../../constant/element.js');
@@ -114,6 +115,7 @@ var MaterialQuizSelectMultipleOrder = function MaterialQuizSelectMultipleOrder(_
114
115
  var isDisabled = (materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.correctOptionCount) !== answerList.filter(function (answer) {
115
116
  return answer.order !== null;
116
117
  }).length || !!userId;
118
+ var isTestLecture = (lecture === null || lecture === void 0 ? void 0 : lecture.lectureType) === types.enums.LectureType.Test;
117
119
  // ref
118
120
  var optionBoxRef = React__default.default.useRef(null);
119
121
  var sensors = core.useSensors(core.useSensor(core.MouseSensor, {
@@ -506,7 +508,7 @@ var MaterialQuizSelectMultipleOrder = function MaterialQuizSelectMultipleOrder(_
506
508
  children: answerList.map(function (option, index$1) {
507
509
  var getRole = function getRole() {
508
510
  var _a;
509
- if (isActive) {
511
+ if (isActive || isTestLecture) {
510
512
  return 'default';
511
513
  }
512
514
  var status = (_a = index.getQuizSelectMultipleOrderOptionResultStatus(option, materialQuizResponse)) !== null && _a !== void 0 ? _a : index.getQuizResultStatus(materialQuizResponse);
package/cjs/components/material-quiz/material-quiz-group/MaterialQuizGroupDesktop.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { GetOrgMaterialQuizResponseGetResponses } from '@elice/types';
2
+ import { type GetOrgMaterialQuizResponseGetResponses } from '@elice/types';
3
3
  interface MaterialQuizGroupDesktopProps {
4
4
  isActive: boolean;
5
5
  materialQuizResponse?: GetOrgMaterialQuizResponseGetResponses['quizResponse'];
package/cjs/components/material-quiz/material-quiz-group/MaterialQuizGroupDesktop.js CHANGED
@@ -9,6 +9,7 @@ var blocks = require('@elice/blocks');
9
9
  var designTokens = require('@elice/design-tokens');
10
10
  var icons = require('@elice/icons');
11
11
  var intl = require('@elice/intl');
12
+ var types = require('@elice/types');
12
13
  var styled = require('styled-components');
13
14
  var index = require('../../../helpers/index.js');
14
15
  var EbDroppable = require('../../eb-sortable/EbDroppable.js');
@@ -57,7 +58,8 @@ var MaterialQuizGroupDesktop = function MaterialQuizGroupDesktop(_ref3) {
57
58
  materialQuizResponse = _ref3.materialQuizResponse;
58
59
  var intl$1 = intl.useRawEliceIntl();
59
60
  var _useMaterialQuizState = MaterialQuizContext.useMaterialQuizState(),
60
- userId = _useMaterialQuizState.userId;
61
+ userId = _useMaterialQuizState.userId,
62
+ lecture = _useMaterialQuizState.lecture;
61
63
  var _React$useContext = React__default.default.useContext(context.default),
62
64
  groupList = _React$useContext.groupList,
63
65
  currentAnswerList = _React$useContext.currentAnswerList,
@@ -75,6 +77,7 @@ var MaterialQuizGroupDesktop = function MaterialQuizGroupDesktop(_ref3) {
75
77
  tolerance: 5
76
78
  }
77
79
  }));
80
+ var isTestLecture = (lecture === null || lecture === void 0 ? void 0 : lecture.lectureType) === types.enums.LectureType.Test;
78
81
  /**
79
82
  *
80
83
  */
@@ -122,7 +125,7 @@ var MaterialQuizGroupDesktop = function MaterialQuizGroupDesktop(_ref3) {
122
125
  disabled: !!userId,
123
126
  isGroupAnswer: isGroupAnswer,
124
127
  children: isGroupAnswer ? (_b = currentAnswerList[dropzoneIndex]) === null || _b === void 0 ? void 0 : _b.map(function (answer, index$1) {
125
- var status = isActive ? undefined : index.getQuizGroupOptionResultStatus(dropzoneIndex, index$1, materialQuizResponse);
128
+ var status = isActive || isTestLecture ? undefined : index.getQuizGroupOptionResultStatus(dropzoneIndex, index$1, materialQuizResponse);
126
129
  return jsxRuntime.jsx(MaterialQuizGroupOptionItem.default, {
127
130
  status: status,
128
131
  option: answer
package/cjs/components/material-quiz/material-quiz-group/MaterialQuizGroupMobile.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { GetOrgMaterialQuizResponseGetResponses } from '@elice/types';
2
+ import { type GetOrgMaterialQuizResponseGetResponses } from '@elice/types';
3
3
  interface MaterialQuizGroupMobileProps {
4
4
  isActive: boolean;
5
5
  materialQuizResponse?: GetOrgMaterialQuizResponseGetResponses['quizResponse'];
package/cjs/components/material-quiz/material-quiz-group/MaterialQuizGroupMobile.js CHANGED
@@ -8,6 +8,7 @@ var React = require('react');
8
8
  var blocks = require('@elice/blocks');
9
9
  var designTokens = require('@elice/design-tokens');
10
10
  var intl = require('@elice/intl');
11
+ var types = require('@elice/types');
11
12
  var styled = require('styled-components');
12
13
  var index = require('../../../helpers/index.js');
13
14
  var MaterialQuizContext = require('../context/MaterialQuizContext.js');
@@ -49,7 +50,8 @@ var MaterialQuizGroupMobile = function MaterialQuizGroupMobile(_ref3) {
49
50
  var _useMaterialQuizState = MaterialQuizContext.useMaterialQuizState(),
50
51
  materialQuiz = _useMaterialQuizState.materialQuiz,
51
52
  userId = _useMaterialQuizState.userId,
52
- vertical = _useMaterialQuizState.vertical;
53
+ vertical = _useMaterialQuizState.vertical,
54
+ lecture = _useMaterialQuizState.lecture;
53
55
  var _React$useContext = React__default.default.useContext(context.default),
54
56
  currentOptionList = _React$useContext.currentOptionList,
55
57
  currentAnswerList = _React$useContext.currentAnswerList,
@@ -60,6 +62,7 @@ var MaterialQuizGroupMobile = function MaterialQuizGroupMobile(_ref3) {
60
62
  _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
61
63
  dropzoneIndex = _React$useState2[0],
62
64
  setDropzoneIndex = _React$useState2[1];
65
+ var isTestLecture = (lecture === null || lecture === void 0 ? void 0 : lecture.lectureType) === types.enums.LectureType.Test;
63
66
  /**
64
67
  *
65
68
  */
@@ -101,7 +104,7 @@ var MaterialQuizGroupMobile = function MaterialQuizGroupMobile(_ref3) {
101
104
  }), jsxRuntime.jsx(StyledQuizOptionList, {
102
105
  isCurrentOptionList: isCurrentOptionList,
103
106
  children: isCurrentOptionList ? currentAnswerList[index$1].map(function (answer, answerIndex) {
104
- var status = isActive ? undefined : index.getQuizGroupOptionResultStatus(index$1, answerIndex, materialQuizResponse);
107
+ var status = isActive || isTestLecture ? undefined : index.getQuizGroupOptionResultStatus(index$1, answerIndex, materialQuizResponse);
105
108
  return jsxRuntime.jsx(MaterialQuizGroupOptionItem.default, {
106
109
  option: answer,
107
110
  status: status,
package/es/components/material-quiz/MaterialQuizSelectMultipleOrder.js CHANGED
@@ -7,6 +7,7 @@ import { Icon, Flex, Text } from '@elice/blocks';
7
7
  import { base } from '@elice/design-tokens';
8
8
  import { eilSortItem } from '@elice/icons';
9
9
  import { useRawEliceIntl } from '@elice/intl';
10
+ import { enums } from '@elice/types';
10
11
  import { useTheme, Stack } from '@mui/material';
11
12
  import styled from 'styled-components';
12
13
  import { MATERIAL_QUIZ_PASSIVE_ID, MATERIAL_QUIZ_ANSWER_ID } from '../../constant/element.js';
@@ -105,6 +106,7 @@ var MaterialQuizSelectMultipleOrder = function MaterialQuizSelectMultipleOrder(_
105
106
  var isDisabled = (materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.correctOptionCount) !== answerList.filter(function (answer) {
106
107
  return answer.order !== null;
107
108
  }).length || !!userId;
109
+ var isTestLecture = (lecture === null || lecture === void 0 ? void 0 : lecture.lectureType) === enums.LectureType.Test;
108
110
  // ref
109
111
  var optionBoxRef = React.useRef(null);
110
112
  var sensors = useSensors(useSensor(MouseSensor, {
@@ -497,7 +499,7 @@ var MaterialQuizSelectMultipleOrder = function MaterialQuizSelectMultipleOrder(_
497
499
  children: answerList.map(function (option, index) {
498
500
  var getRole = function getRole() {
499
501
  var _a;
500
- if (isActive) {
502
+ if (isActive || isTestLecture) {
501
503
  return 'default';
502
504
  }
503
505
  var status = (_a = getQuizSelectMultipleOrderOptionResultStatus(option, materialQuizResponse)) !== null && _a !== void 0 ? _a : getQuizResultStatus(materialQuizResponse);
package/es/components/material-quiz/material-quiz-group/MaterialQuizGroupDesktop.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { GetOrgMaterialQuizResponseGetResponses } from '@elice/types';
2
+ import { type GetOrgMaterialQuizResponseGetResponses } from '@elice/types';
3
3
  interface MaterialQuizGroupDesktopProps {
4
4
  isActive: boolean;
5
5
  materialQuizResponse?: GetOrgMaterialQuizResponseGetResponses['quizResponse'];
package/es/components/material-quiz/material-quiz-group/MaterialQuizGroupDesktop.js CHANGED
@@ -5,6 +5,7 @@ import { Flex, Button, Vspace, Text, Icon } from '@elice/blocks';
5
5
  import { base } from '@elice/design-tokens';
6
6
  import { eilSortItem } from '@elice/icons';
7
7
  import { useRawEliceIntl } from '@elice/intl';
8
+ import { enums } from '@elice/types';
8
9
  import styled from 'styled-components';
9
10
  import { getQuizGroupOptionResultStatus } from '../../../helpers/index.js';
10
11
  import EbDroppable from '../../eb-sortable/EbDroppable.js';
@@ -48,7 +49,8 @@ var MaterialQuizGroupDesktop = function MaterialQuizGroupDesktop(_ref3) {
48
49
  materialQuizResponse = _ref3.materialQuizResponse;
49
50
  var intl = useRawEliceIntl();
50
51
  var _useMaterialQuizState = useMaterialQuizState(),
51
- userId = _useMaterialQuizState.userId;
52
+ userId = _useMaterialQuizState.userId,
53
+ lecture = _useMaterialQuizState.lecture;
52
54
  var _React$useContext = React.useContext(QuizGroupContext),
53
55
  groupList = _React$useContext.groupList,
54
56
  currentAnswerList = _React$useContext.currentAnswerList,
@@ -66,6 +68,7 @@ var MaterialQuizGroupDesktop = function MaterialQuizGroupDesktop(_ref3) {
66
68
  tolerance: 5
67
69
  }
68
70
  }));
71
+ var isTestLecture = (lecture === null || lecture === void 0 ? void 0 : lecture.lectureType) === enums.LectureType.Test;
69
72
  /**
70
73
  *
71
74
  */
@@ -113,7 +116,7 @@ var MaterialQuizGroupDesktop = function MaterialQuizGroupDesktop(_ref3) {
113
116
  disabled: !!userId,
114
117
  isGroupAnswer: isGroupAnswer,
115
118
  children: isGroupAnswer ? (_b = currentAnswerList[dropzoneIndex]) === null || _b === void 0 ? void 0 : _b.map(function (answer, index) {
116
- var status = isActive ? undefined : getQuizGroupOptionResultStatus(dropzoneIndex, index, materialQuizResponse);
119
+ var status = isActive || isTestLecture ? undefined : getQuizGroupOptionResultStatus(dropzoneIndex, index, materialQuizResponse);
117
120
  return jsx(MaterialQuizGroupOptionItem, {
118
121
  status: status,
119
122
  option: answer
package/es/components/material-quiz/material-quiz-group/MaterialQuizGroupMobile.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { GetOrgMaterialQuizResponseGetResponses } from '@elice/types';
2
+ import { type GetOrgMaterialQuizResponseGetResponses } from '@elice/types';
3
3
  interface MaterialQuizGroupMobileProps {
4
4
  isActive: boolean;
5
5
  materialQuizResponse?: GetOrgMaterialQuizResponseGetResponses['quizResponse'];
package/es/components/material-quiz/material-quiz-group/MaterialQuizGroupMobile.js CHANGED
@@ -4,6 +4,7 @@ import React from 'react';
4
4
  import { Button, Vspace, Text, BottomSheet } from '@elice/blocks';
5
5
  import { base } from '@elice/design-tokens';
6
6
  import { useRawEliceIntl } from '@elice/intl';
7
+ import { enums } from '@elice/types';
7
8
  import styled from 'styled-components';
8
9
  import { getQuizGroupOptionResultStatus } from '../../../helpers/index.js';
9
10
  import { useMaterialQuizState } from '../context/MaterialQuizContext.js';
@@ -40,7 +41,8 @@ var MaterialQuizGroupMobile = function MaterialQuizGroupMobile(_ref3) {
40
41
  var _useMaterialQuizState = useMaterialQuizState(),
41
42
  materialQuiz = _useMaterialQuizState.materialQuiz,
42
43
  userId = _useMaterialQuizState.userId,
43
- vertical = _useMaterialQuizState.vertical;
44
+ vertical = _useMaterialQuizState.vertical,
45
+ lecture = _useMaterialQuizState.lecture;
44
46
  var _React$useContext = React.useContext(QuizGroupContext),
45
47
  currentOptionList = _React$useContext.currentOptionList,
46
48
  currentAnswerList = _React$useContext.currentAnswerList,
@@ -51,6 +53,7 @@ var MaterialQuizGroupMobile = function MaterialQuizGroupMobile(_ref3) {
51
53
  _React$useState2 = _slicedToArray(_React$useState, 2),
52
54
  dropzoneIndex = _React$useState2[0],
53
55
  setDropzoneIndex = _React$useState2[1];
56
+ var isTestLecture = (lecture === null || lecture === void 0 ? void 0 : lecture.lectureType) === enums.LectureType.Test;
54
57
  /**
55
58
  *
56
59
  */
@@ -92,7 +95,7 @@ var MaterialQuizGroupMobile = function MaterialQuizGroupMobile(_ref3) {
92
95
  }), jsx(StyledQuizOptionList, {
93
96
  isCurrentOptionList: isCurrentOptionList,
94
97
  children: isCurrentOptionList ? currentAnswerList[index].map(function (answer, answerIndex) {
95
- var status = isActive ? undefined : getQuizGroupOptionResultStatus(index, answerIndex, materialQuizResponse);
98
+ var status = isActive || isTestLecture ? undefined : getQuizGroupOptionResultStatus(index, answerIndex, materialQuizResponse);
96
99
  return jsx(MaterialQuizGroupOptionItem, {
97
100
  option: answer,
98
101
  status: status,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elice/material-quiz",
3
- "version": "1.241018.0",
3
+ "version": "1.241021.0",
4
4
  "description": "User view and editing components of Elice material quiz",
5
5
  "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
6
6
  "license": "UNLICENSED",
@@ -70,8 +70,8 @@
70
70
  "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
71
71
  "@elice/intl": "0.240710.0",
72
72
  "@elice/markdown": "1.241015.0",
73
- "@elice/material-shared-types": "1.241018.0",
74
- "@elice/material-shared-utils": "1.241018.0",
73
+ "@elice/material-shared-types": "1.241021.0",
74
+ "@elice/material-shared-utils": "1.241021.0",
75
75
  "@elice/mui-elements": "^5.240820.0",
76
76
  "@elice/mui-system": "^5.240820.0",
77
77
  "@elice/openapi-client-course": "^1.230814.0",