@elice/material-quiz 1.240806.0-pdf.0 → 1.240808.0

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

@@ -172,7 +172,6 @@ var MaterialQuizText = function MaterialQuizText(_ref2) {
     };
   }();
   var commonProps = {
-    type: 'text',
     autoFocus: answer.length === 0,
     disabled: submitStatus === 'pending' || index.checkUserLectureTestEnded(lecture) || !!userId,
     placeholder: (materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.answerHint) || intl$1.formatMessage({

package/cjs/components/material-quiz/material-quiz-group/MaterialQuizGroup.js

@@ -360,6 +360,7 @@ var MaterialQuizGroup = function MaterialQuizGroup() {
       handleAnswerReset: handleAnswerReset
     },
     children: jsxRuntime.jsxs(QuestionBox.default, {
+      titlePrefix: "Q.",
       title: materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.questionTitle,
       onNext: onNext,
       isNextActive: isNextActive,

package/cjs/components/material-quiz/material-quiz-group/MaterialQuizGroupOptionItem.js

@@ -8,6 +8,7 @@ var designTokens = require('@elice/design-tokens');
 var icons = require('@elice/icons');
 var markdown = require('@elice/markdown');
 var styled = require('styled-components');
+var index = require('../../../helpers/index.js');
 var EbDraggable = require('../../eb-sortable/EbDraggable.js');
 var MaterialQuizContext = require('../context/MaterialQuizContext.js');
 
@@ -84,7 +85,7 @@ var MaterialQuizGroupOptionItem = function MaterialQuizGroupOptionItem(_ref7) {
     children: [isOptionContent ? jsxRuntime.jsx(StyledOptionContent, {
       vertical: vertical,
       children: jsxRuntime.jsx(markdown.MarkdownSSR, {
-        children: (_a = option.options.content) !== null && _a !== void 0 ? _a : '',
+        children: (_a = index.addAltTextToImage(option.options)) !== null && _a !== void 0 ? _a : '',
         paddingx: 0,
         paddingy: 0,
         dark: true

package/cjs/components/shared/StyledMarkdown.js

@@ -11,6 +11,6 @@ var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
 var StyledMarkdown = styled__default.default(markdown.Markdown).withConfig({
   componentId: "sc-l6r531-0"
-})(["p{margin:0 !important;}code{white-space:pre-wrap;word-break:break-all;}"]);
+})(["& > .elicemd{overflow:hidden;}p{margin:0 !important;}code{white-space:pre-wrap;word-break:break-all;}"]);
 
 exports.default = StyledMarkdown;

package/cjs/components/shared/question-radio/QuestionRadioOption.js

@@ -91,10 +91,10 @@ var QuestionRadioOption = React__default.default.memo(function (_ref6) {
       onSelect(value);
     },
     status: status,
+    "aria-checked": selectedValue === value,
     children: [jsxRuntime.jsx(StyledQuestionRadioInput, {
       id: value,
       type: "radio",
-      readOnly: true,
       checked: selectedValue === value,
       status: status
     }), jsxRuntime.jsx(StyledLabel, {

package/cjs/helpers/index.d.ts

@@ -1,5 +1,6 @@
 import type { GetOrgLectureGetResponses, GetOrgMaterialQuizResponseGetResponses } from '@elice/types';
 import type { QuizOptionType } from '@elice/types/es/enums';
+import type { QuizGroupOption } from "../components/material-quiz/material-quiz-group/context/context";
 interface OptionInfo {
     content: string;
     optionType: QuizOptionType;
@@ -46,4 +47,5 @@ export declare function shouldResetOptions({ materialQuizResponse, }: {
     materialQuizResponse?: GetOrgMaterialQuizResponseGetResponses['quizResponse'];
 }): boolean;
 export declare function getQuizResult(materialQuizResponse: GetOrgMaterialQuizResponseGetResponses['quizResponse']): boolean | undefined;
+export declare const addAltTextToImage: ({ content, title, }: QuizGroupOption['options']) => string | undefined;
 export {};

package/cjs/helpers/index.js

@@ -62,7 +62,17 @@ function getQuizResult(materialQuizResponse) {
       return;
   }
 }
+var addAltTextToImage = function addAltTextToImage(_ref3) {
+  var content = _ref3.content,
+    title = _ref3.title;
+  if (!title) return content;
+  // Match the pattern ![](<url>)
+  var regex = /!\[]\((.*?)\)/;
+  // Replace with the alt text inside the []
+  return content === null || content === void 0 ? void 0 : content.replace(regex, "![".concat(title, "]($1)"));
+};
 
+exports.addAltTextToImage = addAltTextToImage;
 exports.checkUserLectureTestEnded = checkUserLectureTestEnded;
 exports.getOptionStatus = getOptionStatus;
 exports.getQuizResult = getQuizResult;

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

@@ -163,7 +163,6 @@ var MaterialQuizText = function MaterialQuizText(_ref2) {
     };
   }();
   var commonProps = {
-    type: 'text',
     autoFocus: answer.length === 0,
     disabled: submitStatus === 'pending' || checkUserLectureTestEnded(lecture) || !!userId,
     placeholder: (materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.answerHint) || intl.formatMessage({

package/es/components/material-quiz/material-quiz-group/MaterialQuizGroup.js

@@ -350,6 +350,7 @@ var MaterialQuizGroup = function MaterialQuizGroup() {
       handleAnswerReset: handleAnswerReset
     },
     children: jsxs(QuestionBox, {
+      titlePrefix: "Q.",
       title: materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.questionTitle,
       onNext: onNext,
       isNextActive: isNextActive,

package/es/components/material-quiz/material-quiz-group/MaterialQuizGroupOptionItem.js

@@ -4,6 +4,7 @@ import { base } from '@elice/design-tokens';
 import { eilMathsignMultiplyBasic } from '@elice/icons';
 import { MarkdownSSR } from '@elice/markdown';
 import styled from 'styled-components';
+import { addAltTextToImage } from '../../../helpers/index.js';
 import EbDraggable from '../../eb-sortable/EbDraggable.js';
 import { useMaterialQuizState } from '../context/MaterialQuizContext.js';
 
@@ -76,7 +77,7 @@ var MaterialQuizGroupOptionItem = function MaterialQuizGroupOptionItem(_ref7) {
     children: [isOptionContent ? jsx(StyledOptionContent, {
       vertical: vertical,
       children: jsx(MarkdownSSR, {
-        children: (_a = option.options.content) !== null && _a !== void 0 ? _a : '',
+        children: (_a = addAltTextToImage(option.options)) !== null && _a !== void 0 ? _a : '',
         paddingx: 0,
         paddingy: 0,
         dark: true

package/es/components/shared/StyledMarkdown.js

@@ -3,6 +3,6 @@ import styled from 'styled-components';
 
 var StyledMarkdown = styled(Markdown).withConfig({
   componentId: "sc-l6r531-0"
-})(["p{margin:0 !important;}code{white-space:pre-wrap;word-break:break-all;}"]);
+})(["& > .elicemd{overflow:hidden;}p{margin:0 !important;}code{white-space:pre-wrap;word-break:break-all;}"]);
 
 export { StyledMarkdown as default };

package/es/components/shared/question-radio/QuestionRadioOption.js

@@ -82,10 +82,10 @@ var QuestionRadioOption = React.memo(function (_ref6) {
       onSelect(value);
     },
     status: status,
+    "aria-checked": selectedValue === value,
     children: [jsx(StyledQuestionRadioInput, {
       id: value,
       type: "radio",
-      readOnly: true,
       checked: selectedValue === value,
       status: status
     }), jsx(StyledLabel, {

package/es/helpers/index.d.ts

@@ -1,5 +1,6 @@
 import type { GetOrgLectureGetResponses, GetOrgMaterialQuizResponseGetResponses } from '@elice/types';
 import type { QuizOptionType } from '@elice/types/es/enums';
+import type { QuizGroupOption } from "../components/material-quiz/material-quiz-group/context/context";
 interface OptionInfo {
     content: string;
     optionType: QuizOptionType;
@@ -46,4 +47,5 @@ export declare function shouldResetOptions({ materialQuizResponse, }: {
     materialQuizResponse?: GetOrgMaterialQuizResponseGetResponses['quizResponse'];
 }): boolean;
 export declare function getQuizResult(materialQuizResponse: GetOrgMaterialQuizResponseGetResponses['quizResponse']): boolean | undefined;
+export declare const addAltTextToImage: ({ content, title, }: QuizGroupOption['options']) => string | undefined;
 export {};

package/es/helpers/index.js

@@ -60,5 +60,14 @@ function getQuizResult(materialQuizResponse) {
       return;
   }
 }
+var addAltTextToImage = function addAltTextToImage(_ref3) {
+  var content = _ref3.content,
+    title = _ref3.title;
+  if (!title) return content;
+  // Match the pattern ![](<url>)
+  var regex = /!\[]\((.*?)\)/;
+  // Replace with the alt text inside the []
+  return content === null || content === void 0 ? void 0 : content.replace(regex, "![".concat(title, "]($1)"));
+};
 
-export { QuizResultStatus, checkUserLectureTestEnded, getOptionStatus, getQuizResult, getQuizResultStatus, shouldResetOptions };
+export { QuizResultStatus, addAltTextToImage, checkUserLectureTestEnded, getOptionStatus, getQuizResult, getQuizResultStatus, shouldResetOptions };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-quiz",
-  "version": "1.240806.0-pdf.0",
+  "version": "1.240808.0",
   "description": "User view and editing components of Elice material quiz",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -60,14 +60,14 @@
   "devDependencies": {
     "@dnd-kit/core": "^6.1.0",
     "@elice/api-client": "^1.240619.0",
-    "@elice/blocks": "^1.240529.0",
+    "@elice/blocks": "1.240802.1",
     "@elice/design-tokens": "^1.220803.0",
     "@elice/icons": "^1.230814.0",
     "@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.240722.0",
-    "@elice/material-shared-utils": "1.240722.0",
+    "@elice/material-shared-types": "1.240808.0",
+    "@elice/material-shared-utils": "1.240808.0",
     "@elice/mui-system": "^5.240108.1",
     "@elice/types": "1.240709.0",
     "@elice/wysiwyg": "1.240716.1",