@elice/material-quiz 1.240715.0-touch.2 → 1.240715.0-touch.3

package/cjs/components/material-quiz/MaterialQuizSelectMultipleOrder.js

@@ -422,7 +422,7 @@ const MaterialQuizSelectMultipleOrder = ({
     }, optionList.map((option, index) => {
       return React.createElement(QuizDraggbleOption.default, {
         disabled: !!userId,
-        key: option.order,
+        key: `quiz-option-${index}`,
         id: `quiz-option-${index}`,
         className: "quiz-option",
         content: option.value,
@@ -466,12 +466,12 @@ const MaterialQuizSelectMultipleOrder = ({
           children: intl$1.formatMessage({
             id: 'materialQuiz.selectMultipleOrder.answer.title'
           }),
-          key: index$1,
+          key: `quiz-dummy-${index$1}`,
           indexOrder: index$1 + 1
         });
       } else {
         return React.createElement(QuizDraggbleDroppedOption.default, {
-          key: index$1,
+          key: `option-answer-${index$1}`,
           id: `option-answer-${index$1}`,
           content: option.value,
           role: getRole(),
@@ -550,18 +550,15 @@ const MaterialQuizSelectMultipleOrder = ({
     size: "small"
   }, intl$1.formatMessage({
     id: 'materialQuiz.answer'
-  })), correctAnswerList.map((correctAnswer, index) => {
-    var _a;
-    return React.createElement(QuizDraggbleDroppedOption.default, {
-      key: correctAnswer.order,
-      id: (_a = correctAnswer.order) === null || _a === void 0 ? void 0 : _a.toString(),
-      content: correctAnswer.value,
-      disabled: true,
-      role: "correct",
-      indexOrder: index + 1,
-      isMarkdown: !!(course === null || course === void 0 ? void 0 : course.preference.renderMarkdownInQuizOptions)
-    });
-  }))) : null, React.createElement(MaterialQuizAnswerExplanation.default, null)))));
+  })), correctAnswerList.map((correctAnswer, index) => React.createElement(QuizDraggbleDroppedOption.default, {
+    key: `dropped-option-answer-${index}`,
+    id: `option-answer-${index}`,
+    content: correctAnswer.value,
+    disabled: true,
+    role: "correct",
+    indexOrder: index + 1,
+    isMarkdown: !!(course === null || course === void 0 ? void 0 : course.preference.renderMarkdownInQuizOptions)
+  })))) : null, React.createElement(MaterialQuizAnswerExplanation.default, null)))));
 };
 
 exports.default = MaterialQuizSelectMultipleOrder;

package/es/components/material-quiz/MaterialQuizSelectMultipleOrder.js

@@ -418,7 +418,7 @@ const MaterialQuizSelectMultipleOrder = ({
     }, optionList.map((option, index) => {
       return React.createElement(QuizDraggbleOption, {
         disabled: !!userId,
-        key: option.order,
+        key: `quiz-option-${index}`,
         id: `quiz-option-${index}`,
         className: "quiz-option",
         content: option.value,
@@ -462,12 +462,12 @@ const MaterialQuizSelectMultipleOrder = ({
           children: intl.formatMessage({
             id: 'materialQuiz.selectMultipleOrder.answer.title'
           }),
-          key: index,
+          key: `quiz-dummy-${index}`,
           indexOrder: index + 1
         });
       } else {
         return React.createElement(QuizDraggbleDroppedOption, {
-          key: index,
+          key: `option-answer-${index}`,
           id: `option-answer-${index}`,
           content: option.value,
           role: getRole(),
@@ -546,18 +546,15 @@ const MaterialQuizSelectMultipleOrder = ({
     size: "small"
   }, intl.formatMessage({
     id: 'materialQuiz.answer'
-  })), correctAnswerList.map((correctAnswer, index) => {
-    var _a;
-    return React.createElement(QuizDraggbleDroppedOption, {
-      key: correctAnswer.order,
-      id: (_a = correctAnswer.order) === null || _a === void 0 ? void 0 : _a.toString(),
-      content: correctAnswer.value,
-      disabled: true,
-      role: "correct",
-      indexOrder: index + 1,
-      isMarkdown: !!(course === null || course === void 0 ? void 0 : course.preference.renderMarkdownInQuizOptions)
-    });
-  }))) : null, React.createElement(MaterialQuizAnswerExplanation, null)))));
+  })), correctAnswerList.map((correctAnswer, index) => React.createElement(QuizDraggbleDroppedOption, {
+    key: `dropped-option-answer-${index}`,
+    id: `option-answer-${index}`,
+    content: correctAnswer.value,
+    disabled: true,
+    role: "correct",
+    indexOrder: index + 1,
+    isMarkdown: !!(course === null || course === void 0 ? void 0 : course.preference.renderMarkdownInQuizOptions)
+  })))) : null, React.createElement(MaterialQuizAnswerExplanation, null)))));
 };
 
 export { MaterialQuizSelectMultipleOrder as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-quiz",
-  "version": "1.240715.0-touch.2",
+  "version": "1.240715.0-touch.3",
   "description": "User view and editing components of Elice material quiz",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -67,8 +67,8 @@
     "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
     "@elice/intl": "0.240425.0-rc.2",
     "@elice/markdown": "^1.240124.0",
-    "@elice/material-shared-types": "1.240715.0-touch.2",
-    "@elice/material-shared-utils": "1.240715.0-touch.2",
+    "@elice/material-shared-types": "1.240715.0-touch.3",
+    "@elice/material-shared-utils": "1.240715.0-touch.3",
     "@elice/mui-system": "^5.240108.1",
     "@elice/types": "^1.240619.0",
     "@emotion/react": "^11.10.0",
@@ -90,5 +90,5 @@
     "react-use": "^17.2.4",
     "styled-components": "^5.3.0"
   },
-  "gitHead": "50a22bd481d8687c939ed3180f9fa88d842c4102"
+  "gitHead": "974b8b856bd216d827c9cb55cb2419247c2788f6"
 }