@elice/material-quiz 1.220803.0

package/cjs/components/material-quiz-edit/MaterialQuizEditContent.js

@@ -0,0 +1,463 @@
+'use strict';
+
+var React = require('react');
+var reactHookForm = require('react-hook-form');
+var reactIntl = require('react-intl');
+var reactTransitionGroup = require('react-transition-group');
+var blocks = require('@elice/blocks');
+var markdown = require('@elice/markdown');
+var types = require('@elice/types');
+var styled = require('styled-components');
+var OptionSelectMultiple = require('./options/OptionSelectMultiple.js');
+var OptionSelectMultipleOrder = require('./options/OptionSelectMultipleOrder.js');
+var OptionSelectOne = require('./options/OptionSelectOne.js');
+var OptionText = require('./options/OptionText.js');
+var randomId = require('./utils/randomId.js');
+var context = require('./context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const MIN_TEXT_LENGTH = 1;
+const MAX_TEXT_LENGTH = 128;
+const StyledQuizOptionTypeSelectWrap = styled__default["default"].div.withConfig({
+  componentId: "sc-1cf4b99-0"
+})(["display:flex;max-width:12rem;"]);
+
+const MaterialQuizEditContent = () => {
+  const intl = reactIntl.useIntl();
+  const {
+    disabled,
+    onFileUploadRequest
+  } = context.useMaterialQuizEditContext();
+  const {
+    control,
+    watch,
+    setValue
+  } = reactHookForm.useFormContext();
+  const [watchedOptionType, watchedOptionInfo, watchedAnswerInfo, watchedAnswerHint, watchedExplanationInfo, watchedIsAutoGrade] = watch(['optionType', 'optionInfo', 'answerInfo', 'answerHint', 'explanationInfo', 'isAutoGrade']); //
+  // Change `optionInfo` according to `optionType`.
+  //
+
+  React__default["default"].useEffect(() => {
+    const get = () => {
+      switch (watchedOptionType) {
+        case types.enums.QuizOptionType.SelectOne:
+        case types.enums.QuizOptionType.SelectMultiple:
+        case types.enums.QuizOptionType.SelectMultipleOrder:
+          return watchedOptionInfo.length > 0 ? watchedOptionInfo : // add default option info
+          [{
+            id: randomId.createRandomId(),
+            value: intl.formatMessage({
+              id: 'common.option'
+            }, {
+              number: 1
+            })
+          }, {
+            id: randomId.createRandomId(),
+            value: intl.formatMessage({
+              id: 'common.option'
+            }, {
+              number: 2
+            })
+          }];
+
+        case types.enums.QuizOptionType.Text:
+          return [];
+
+        default:
+          return [];
+      }
+    };
+
+    setValue('optionInfo', get());
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [watchedOptionType, setValue, intl]); //
+  // Change `answerInfo` according to `optionType`.
+  //
+
+  React__default["default"].useEffect(() => {
+    const get = () => {
+      switch (watchedOptionType) {
+        case types.enums.QuizOptionType.SelectOne:
+          return Array.isArray(watchedAnswerInfo) ? // get first option
+          watchedAnswerInfo.slice(0, 1) : [0];
+
+        case types.enums.QuizOptionType.SelectMultiple:
+        case types.enums.QuizOptionType.SelectMultipleOrder:
+          return Array.isArray(watchedAnswerInfo) ? watchedAnswerInfo : [0];
+
+        case types.enums.QuizOptionType.Text:
+          return typeof watchedAnswerInfo === 'string' ? watchedAnswerInfo : '';
+
+        default:
+          return [];
+      }
+    };
+
+    setValue('answerInfo', get());
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [watchedOptionType, setValue, intl]); //
+  // Change `answerHint` according to `optionType`.
+  //
+
+  React__default["default"].useEffect(() => {
+    const get = () => {
+      switch (watchedOptionType) {
+        case types.enums.QuizOptionType.SelectOne:
+        case types.enums.QuizOptionType.SelectMultiple:
+        case types.enums.QuizOptionType.SelectMultipleOrder:
+          return null;
+
+        case types.enums.QuizOptionType.Text:
+          return watchedAnswerHint !== null && watchedAnswerHint !== void 0 ? watchedAnswerHint : '';
+
+        default:
+          return null;
+      }
+    };
+
+    setValue('answerHint', get());
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [watchedOptionType, setValue, intl]); //
+  // Change `isAutoGrade` according to `optionType`.
+  //
+
+  React__default["default"].useEffect(() => {
+    const get = () => {
+      switch (watchedOptionType) {
+        case types.enums.QuizOptionType.SelectOne:
+        case types.enums.QuizOptionType.SelectMultiple:
+        case types.enums.QuizOptionType.SelectMultipleOrder:
+          return true;
+
+        case types.enums.QuizOptionType.Text:
+          return typeof watchedIsAutoGrade === 'boolean' ? watchedIsAutoGrade : true;
+
+        default:
+          return true;
+      }
+    };
+
+    setValue('isAutoGrade', get());
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [watchedOptionType, setValue, intl]);
+  /**
+   * Input of option info and answer info,
+   * according to option type.
+   */
+
+  const Option = React__default["default"].useMemo(() => {
+    switch (watchedOptionType) {
+      case types.enums.QuizOptionType.SelectOne:
+        return OptionSelectOne;
+
+      case types.enums.QuizOptionType.SelectMultiple:
+        return OptionSelectMultiple;
+
+      case types.enums.QuizOptionType.SelectMultipleOrder:
+        return OptionSelectMultipleOrder;
+
+      case types.enums.QuizOptionType.Text:
+        return OptionText;
+
+      default:
+        return React__default["default"].Fragment;
+    }
+  }, [watchedOptionType]);
+  /**
+   * Render input for quiz title.
+   */
+
+  const renderQuestionTitleInput = () => {
+    return React__default["default"].createElement(blocks.FormInputVerticalLayout, {
+      label: React__default["default"].createElement(blocks.Label, {
+        size: "small",
+        required: true
+      }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+        id: "content.title"
+      })),
+      input: React__default["default"].createElement(reactHookForm.Controller, {
+        control: control,
+        name: "questionTitle",
+        rules: {
+          required: {
+            value: true,
+            message: intl.formatMessage({
+              id: 'content.title.errorMessage.required'
+            })
+          },
+          minLength: {
+            value: MIN_TEXT_LENGTH,
+            message: intl.formatMessage({
+              id: 'common.errorMessage.range'
+            }, {
+              min: MIN_TEXT_LENGTH,
+              max: MAX_TEXT_LENGTH
+            })
+          },
+          maxLength: {
+            value: MAX_TEXT_LENGTH,
+            message: intl.formatMessage({
+              id: 'common.errorMessage.range'
+            }, {
+              min: MIN_TEXT_LENGTH,
+              max: MAX_TEXT_LENGTH
+            })
+          }
+        },
+        render: ({
+          field,
+          fieldState
+        }) => {
+          var _a;
+
+          return React__default["default"].createElement(blocks.Input, Object.assign({
+            size: "small",
+            width: "full",
+            minLength: MIN_TEXT_LENGTH,
+            maxLength: MAX_TEXT_LENGTH,
+            placeholder: intl.formatMessage({
+              id: 'content.title.placeholder'
+            }),
+            invalid: fieldState.invalid,
+            invalidText: (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message
+          }, field));
+        }
+      })
+    });
+  };
+  /**
+   * Render input for quiz description.
+   */
+
+
+  const renderQuestionDescriptionInput = () => {
+    return React__default["default"].createElement(blocks.FormInputVerticalLayout, {
+      label: React__default["default"].createElement(blocks.Label, {
+        size: "small"
+      }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+        id: "content.description.title"
+      })),
+      input: React__default["default"].createElement(reactHookForm.Controller, {
+        control: control,
+        name: "questionDescription",
+        render: ({
+          field
+        }) => React__default["default"].createElement(markdown.MarkdownEditor, Object.assign({
+          enableFooter: true,
+          placeholder: intl.formatMessage({
+            id: 'content.description.placeholder'
+          }),
+          onFileUploadRequest: onFileUploadRequest
+        }, field))
+      })
+    });
+  };
+  /**
+   * Render input of option type, option info and answer info.
+   */
+
+
+  const renderOptionInput = () => {
+    return React__default["default"].createElement(blocks.FormInputVerticalLayout, {
+      label: React__default["default"].createElement(blocks.Label, {
+        size: "small",
+        required: true
+      }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+        id: "content.option.title"
+      })),
+      input: React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(reactHookForm.Controller, {
+        control: control,
+        name: "optionType",
+        render: ({
+          field
+        }) => React__default["default"].createElement(blocks.Tooltip, {
+          title: disabled ? intl.formatMessage({
+            id: 'content.option.tooltip.disabled'
+          }) : undefined,
+          placement: "top-end"
+        }, React__default["default"].createElement(StyledQuizOptionTypeSelectWrap, null, React__default["default"].createElement(blocks.Select, Object.assign({
+          size: "small",
+          width: "small",
+          readOnly: disabled
+        }, field, {
+          onChange: v => field.onChange(Number(v))
+        }), React__default["default"].createElement("option", {
+          value: types.enums.QuizOptionType.SelectOne,
+          children: intl.formatMessage({
+            id: 'content.option.select.items.selectOne'
+          })
+        }), React__default["default"].createElement("option", {
+          value: types.enums.QuizOptionType.SelectMultiple,
+          children: intl.formatMessage({
+            id: 'content.option.select.items.selectMultiple'
+          })
+        }), React__default["default"].createElement("option", {
+          value: types.enums.QuizOptionType.SelectMultipleOrder,
+          children: intl.formatMessage({
+            id: 'content.option.select.items.selectMultipleOrder'
+          })
+        }), React__default["default"].createElement("option", {
+          value: types.enums.QuizOptionType.Text,
+          children: intl.formatMessage({
+            id: 'content.option.select.items.text'
+          })
+        }))))
+      }), React__default["default"].createElement(reactTransitionGroup.Transition, {
+        in: watchedOptionType === types.enums.QuizOptionType.SelectMultipleOrder,
+        timeout: 0,
+        mountOnEnter: true,
+        unmountOnExit: true
+      }, React__default["default"].createElement(blocks.StatusText, {
+        role: "description",
+        preWrap: true
+      }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+        id: "content.option.statusText.dragNDrop"
+      }))), React__default["default"].createElement(blocks.Vspace, {
+        height: 0.5
+      }), React__default["default"].createElement(Option, null))
+    });
+  };
+  /**
+   * Input of answer hint.
+   */
+
+
+  const renderAnswerHintInput = () => {
+    if (watchedOptionType !== types.enums.QuizOptionType.Text) {
+      return null;
+    }
+
+    return React__default["default"].createElement(blocks.FormInputVerticalLayout, {
+      label: React__default["default"].createElement(blocks.Label, {
+        size: "small"
+      }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+        id: "content.answerHint.title"
+      })),
+      description: React__default["default"].createElement(blocks.Text, null, React__default["default"].createElement(reactIntl.FormattedMessage, {
+        id: "content.answerHint.description"
+      })),
+      input: React__default["default"].createElement(reactHookForm.Controller, {
+        control: control,
+        name: "answerHint",
+        rules: {
+          minLength: {
+            value: MIN_TEXT_LENGTH,
+            message: intl.formatMessage({
+              id: 'common.errorMessage.range'
+            }, {
+              min: MIN_TEXT_LENGTH,
+              max: MAX_TEXT_LENGTH
+            })
+          },
+          maxLength: {
+            value: MAX_TEXT_LENGTH,
+            message: intl.formatMessage({
+              id: 'common.errorMessage.range'
+            }, {
+              min: MIN_TEXT_LENGTH,
+              max: MAX_TEXT_LENGTH
+            })
+          }
+        },
+        render: ({
+          field,
+          fieldState
+        }) => {
+          var _a, _b;
+
+          return React__default["default"].createElement(blocks.Input, Object.assign({
+            size: "small",
+            width: "full",
+            minLength: MIN_TEXT_LENGTH,
+            maxLength: MAX_TEXT_LENGTH,
+            placeholder: intl.formatMessage({
+              id: 'content.answerHint.placeholder'
+            }),
+            invalid: fieldState.invalid,
+            invalidText: (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message
+          }, field, {
+            value: (_b = field.value) !== null && _b !== void 0 ? _b : ''
+          }));
+        }
+      })
+    });
+  };
+  /**
+   * Input of explanation info.
+   */
+
+
+  const renderExplanationInfoInput = () => {
+    return React__default["default"].createElement(blocks.FormInputVerticalLayout, {
+      label: React__default["default"].createElement(blocks.Label, {
+        size: "small"
+      }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+        id: "content.explanationInfo.title"
+      })),
+      description: React__default["default"].createElement(blocks.Text, null, React__default["default"].createElement(reactIntl.FormattedMessage, {
+        id: "content.explanationInfo.description"
+      })),
+      input: React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(reactHookForm.Controller, {
+        control: control,
+        name: "explanationInfo.isEnabled",
+        render: ({
+          field
+        }) => React__default["default"].createElement(blocks.Checkbox, Object.assign({
+          size: "small"
+        }, field), React__default["default"].createElement(reactIntl.FormattedMessage, {
+          id: "content.explanationInfo.checkbox.label"
+        }))
+      }), React__default["default"].createElement(reactTransitionGroup.Transition, {
+        in: watchedExplanationInfo.isEnabled,
+        timeout: 0,
+        mountOnEnter: true,
+        unmountOnExit: true
+      }, React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(blocks.Vspace, {
+        height: 1
+      }), React__default["default"].createElement(reactHookForm.Controller, {
+        control: control,
+        name: "explanationInfo.value",
+        rules: {
+          required: {
+            value: true,
+            message: intl.formatMessage({
+              id: 'content.explanationInfo.textarea.placeholder'
+            })
+          }
+        },
+        render: ({
+          field,
+          fieldState
+        }) => {
+          var _a;
+
+          return React__default["default"].createElement(blocks.Flex, {
+            column: true
+          }, fieldState.invalid ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(blocks.StatusText, {
+            children: (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message,
+            role: "danger"
+          }), React__default["default"].createElement(blocks.Vspace, {
+            height: 0.5
+          })) : null, React__default["default"].createElement(markdown.MarkdownEditor, Object.assign({
+            enableFooter: true,
+            placeholder: intl.formatMessage({
+              id: 'content.explanationInfo.textarea.errorMessage.required'
+            }),
+            onFileUploadRequest: onFileUploadRequest
+          }, field)));
+        }
+      }))))
+    });
+  }; //
+  //
+  //
+
+
+  return React__default["default"].createElement(React__default["default"].Fragment, null, renderQuestionTitleInput(), renderQuestionDescriptionInput(), renderOptionInput(), renderAnswerHintInput(), renderExplanationInfoInput());
+};
+
+module.exports = MaterialQuizEditContent;

package/cjs/components/material-quiz-edit/context.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { MaterialQuizEditProps } from './MaterialQuizEdit';
+declare type MaterialQuizEditContextValue = Pick<MaterialQuizEditProps, 'disabled' | 'onFileUploadRequest'>;
+declare const MaterialQuizEditContext: React.Context<MaterialQuizEditContextValue>;
+export declare const useMaterialQuizEditContext: () => MaterialQuizEditContextValue;
+export default MaterialQuizEditContext;

package/cjs/components/material-quiz-edit/context.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const MaterialQuizEditContext = React__default["default"].createContext(null);
+const useMaterialQuizEditContext = () => React__default["default"].useContext(MaterialQuizEditContext);
+
+exports["default"] = MaterialQuizEditContext;
+exports.useMaterialQuizEditContext = useMaterialQuizEditContext;

package/cjs/components/material-quiz-edit/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MaterialQuizEdit } from './MaterialQuizEdit';
+export type { MaterialQuizEditProps, MaterialQuizEditFormState, MaterialQuizEditValue, } from './MaterialQuizEdit';

package/cjs/components/material-quiz-edit/locales.d.ts

@@ -0,0 +1,34 @@
+export declare const en: {
+    'common.option': string;
+    'common.errorMessage.range': string;
+    'content.title': string;
+    'content.title.errorMessage.required': string;
+    'content.title.placeholder': string;
+    'content.description.title': string;
+    'content.description.placeholder': string;
+    'content.option.title': string;
+    'content.option.tooltip.disabled': string;
+    'content.option.select.items.selectOne': string;
+    'content.option.select.items.selectMultiple': string;
+    'content.option.select.items.selectMultipleOrder': string;
+    'content.option.select.items.text': string;
+    'content.option.statusText.dragNDrop': string;
+    'content.option.errorMessage.required': string;
+    'content.answerHint.title': string;
+    'content.answerHint.description': string;
+    'content.answerHint.placeholder': string;
+    'content.explanationInfo.title': string;
+    'content.explanationInfo.description': string;
+    'content.explanationInfo.checkbox.label': string;
+    'content.explanationInfo.textarea.placeholder': string;
+    'content.explanationInfo.textarea.errorMessage.required': string;
+    'option.common.select.errorMessage.required': string;
+    'option.common.select.placeholder': string;
+    'option.common.select.tooltip.minOptionInfoItem': string;
+    'option.common.select.tooltip.maxOptionInfoItem': string;
+    'option.common.select.addButton': string;
+    'option.text.answerInfo.errorMessage.required': string;
+    'option.text.answerInfo.hintText': string;
+    'option.text.isAutoGrade.checkbox.label': string;
+};
+export declare const ko: typeof en;

package/cjs/components/material-quiz-edit/locales.js

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const en = {
+  'common.option': '옵션 {number}',
+  'common.errorMessage.range': '{min} ~ {max}자 이내로 입력해주세요.',
+  'content.title': '질문',
+  'content.title.errorMessage.required': 'Please fill the question.',
+  'content.title.placeholder': '문제의 질문을 입력해주세요.',
+  'content.description.title': '문제 설명',
+  'content.description.placeholder': '자세한 문제 설명이나 코드 혹은 이미지 등을 입력해주세요.',
+  'content.option.title': '답안',
+  'content.option.tooltip.disabled': '퀴즈가 공개된 상태이거나 문제를 제출한 학생이 존재하면\n수정이 불가능합니다.',
+  'content.option.select.items.selectOne': '객관식 (단일 선택)',
+  'content.option.select.items.selectMultiple': '객관식 (다중 선택)',
+  'content.option.select.items.selectMultipleOrder': '드래그 앤 드롭',
+  'content.option.select.items.text': '주관식',
+  'content.option.statusText.dragNDrop': '보기를 입력한 후 정답 순서대로 클릭하세요.\n구성된 문제는 좌측 학습자료 탭에서 확인하실 수 있습니다.',
+  'content.option.errorMessage.required': '답안을 선택해주세요.',
+  'content.answerHint.title': '입력란 힌트 텍스트 지정',
+  'content.answerHint.description': '답안을 입력할 입력란의 힌트 텍스트를 지정할 수 있습니다.',
+  'content.answerHint.placeholder': '입력란 힌트 텍스트 입력',
+  'content.explanationInfo.title': '해설 작성',
+  'content.explanationInfo.description': '문제를 푼 후 해당 설명이 노출됩니다.',
+  'content.explanationInfo.checkbox.label': '사용',
+  'content.explanationInfo.textarea.placeholder': '해설을 입력해주세요.',
+  'content.explanationInfo.textarea.errorMessage.required': '문제의 해설을 작성하세요.',
+  'option.common.select.errorMessage.required': '선택지를 입력해주세요.',
+  'option.common.select.placeholder': '선택지 입력',
+  'option.common.select.tooltip.minOptionInfoItem': '선택지는 2개 이상 입력해야 합니다.',
+  'option.common.select.tooltip.maxOptionInfoItem': '선택지는 20개 초과하여 입력할 수 없습니다.',
+  'option.common.select.addButton': '보기 추가',
+  'option.text.answerInfo.errorMessage.required': '정답을 입력해주세요.',
+  'option.text.answerInfo.hintText': '정규표현식으로 채점됩니다. 정답에 메타 문자(^[]$()|*+?{}\\.)가 포함될 경우 해당 문자 앞에 \\를 붙여주세요.\n예) ^^ 가 정답인 경우 → \\^\\^',
+  'option.text.isAutoGrade.checkbox.label': '답안을 지정하지 않고 수동으로 채점'
+};
+const ko = {
+  'common.option': '옵션 {number}',
+  'common.errorMessage.range': '{min} ~ {max}자 이내로 입력해주세요.',
+  'content.title': '질문',
+  'content.title.errorMessage.required': '질문을 입력해주세요.',
+  'content.title.placeholder': '문제의 질문을 입력해주세요.',
+  'content.description.title': '문제 설명',
+  'content.description.placeholder': '자세한 문제 설명이나 코드 혹은 이미지 등을 입력해주세요.',
+  'content.option.title': '답안',
+  'content.option.tooltip.disabled': '퀴즈가 공개된 상태이거나 문제를 제출한 학생이 존재하면\n수정이 불가능합니다.',
+  'content.option.select.items.selectOne': '객관식 (단일 선택)',
+  'content.option.select.items.selectMultiple': '객관식 (다중 선택)',
+  'content.option.select.items.selectMultipleOrder': '드래그 앤 드롭',
+  'content.option.select.items.text': '주관식',
+  'content.option.statusText.dragNDrop': '보기를 입력한 후 정답 순서대로 클릭하세요.\n구성된 문제는 좌측 학습자료 탭에서 확인하실 수 있습니다.',
+  'content.option.errorMessage.required': '답안을 선택해주세요.',
+  'content.answerHint.title': '입력란 힌트 텍스트 지정',
+  'content.answerHint.description': '답안을 입력할 입력란의 힌트 텍스트를 지정할 수 있습니다.',
+  'content.answerHint.placeholder': '입력란 힌트 텍스트 입력',
+  'content.explanationInfo.title': '해설 작성',
+  'content.explanationInfo.description': '문제를 푼 후 해당 설명이 노출됩니다.',
+  'content.explanationInfo.checkbox.label': '사용',
+  'content.explanationInfo.textarea.placeholder': '해설을 입력해주세요.',
+  'content.explanationInfo.textarea.errorMessage.required': '문제의 해설을 작성하세요.',
+  'option.common.select.errorMessage.required': '선택지를 입력해주세요.',
+  'option.common.select.placeholder': '선택지 입력',
+  'option.common.select.tooltip.minOptionInfoItem': '선택지는 2개 이상 입력해야 합니다.',
+  'option.common.select.tooltip.maxOptionInfoItem': '선택지는 20개 초과하여 입력할 수 없습니다.',
+  'option.common.select.addButton': '보기 추가',
+  'option.text.answerInfo.errorMessage.required': '정답을 입력해주세요.',
+  'option.text.answerInfo.hintText': '정규표현식으로 채점됩니다. 정답에 메타 문자(^[]$()|*+?{}\\.)가 포함될 경우 해당 문자 앞에 \\를 붙여주세요.\n예) ^^ 가 정답인 경우 → \\^\\^',
+  'option.text.isAutoGrade.checkbox.label': '답안을 지정하지 않고 수동으로 채점'
+};
+
+exports.en = en;
+exports.ko = ko;

package/cjs/components/material-quiz-edit/options/OptionSelectMultiple.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const OptionSelectMultiple: React.FC;
+export default OptionSelectMultiple;