@elice/material-survey 1.220803.0

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

@@ -0,0 +1,187 @@
+'use strict';
+
+var React = require('react');
+var designTokens = require('@elice/design-tokens');
+var styled = require('styled-components');
+var QuestionRadioContext = require('./QuestionRadioContext.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 StyledQuestionRadioOption = styled__default["default"].div.withConfig({
+  componentId: "sc-zgbv8k-0"
+})(["display:flex;align-items:center;padding:1.125rem;border-radius:8px;background-color:", ";&:not(:last-of-type){margin-bottom:1rem;}&:hover,& *:hover{cursor:", ";}", ""], ({
+  checked,
+  status
+}) => {
+  if (checked) {
+    return designTokens.base.color.primary1;
+  }
+
+  switch (status) {
+    case 'correct':
+      return designTokens.base.color.green1;
+
+    case 'wrong':
+      return designTokens.base.color.red1;
+
+    default:
+      return designTokens.base.color.navy5;
+  }
+}, ({
+  disabled
+}) => disabled ? 'not-allowed' : 'pointer', ({
+  isAnswer
+}) => isAnswer ? `border: 3px solid ${designTokens.base.color.green5}` : '');
+const StyledQuestionRadioInput = styled__default["default"].input.withConfig({
+  componentId: "sc-zgbv8k-1"
+})(["flex:none;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;border-radius:50%;width:1.25rem;height:1.25rem;margin-right:0.875rem;border:2px solid ", ";", ""], ({
+  checked,
+  status
+}) => {
+  if (checked) {
+    return designTokens.base.color.primary6;
+  }
+
+  switch (status) {
+    case 'correct':
+      return designTokens.base.color.green9;
+
+    case 'wrong':
+      return designTokens.base.color.red9;
+
+    default:
+      return designTokens.base.color.gray3;
+  }
+}, ({
+  status,
+  checked
+}) => {
+  if (checked) {
+    return `
+        &:after {
+          content: '';
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+          width: 70%;
+          height: 70%;
+          border-radius: 50%;
+          background-color: ${designTokens.base.color.primary6};
+        }
+      `;
+  }
+
+  if (status) {
+    let bgColor;
+
+    switch (status) {
+      case 'correct':
+        bgColor = designTokens.base.color.green9;
+        break;
+
+      case 'wrong':
+        bgColor = designTokens.base.color.red9;
+        break;
+
+      default:
+        bgColor = designTokens.base.color.gray3;
+        break;
+    }
+
+    return `
+          &:after {
+            content: '';
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            width: 70%;
+            height: 70%;
+            border-radius: 50%;
+            background-color: ${bgColor};
+          }
+        `;
+  }
+});
+const StyledLabel = styled__default["default"].label.withConfig({
+  componentId: "sc-zgbv8k-2"
+})(["word-break:break-all;margin-right:0.875rem;font-size:", ";color:", ";& p{color:", ";}"], designTokens.base.size.body3, ({
+  checked,
+  status
+}) => {
+  if (checked) {
+    return designTokens.base.color.primary6;
+  }
+
+  switch (status) {
+    case 'correct':
+      return designTokens.base.color.green9;
+
+    case 'wrong':
+      return designTokens.base.color.red9;
+
+    default:
+      return designTokens.base.color.navy0;
+  }
+}, ({
+  checked,
+  status
+}) => {
+  if (checked) {
+    return designTokens.base.color.primary6;
+  }
+
+  switch (status) {
+    case 'correct':
+      return designTokens.base.color.green9;
+
+    case 'wrong':
+      return designTokens.base.color.red9;
+
+    default:
+      return designTokens.base.color.navy0;
+  }
+});
+const QuestionRadioOption = React__default["default"].memo(({
+  value,
+  status,
+  isAnswer,
+  children
+}) => {
+  const {
+    selectedValue,
+    disabled,
+    onSelect
+  } = QuestionRadioContext.useQuestionRadioContext();
+  return React__default["default"].createElement(StyledQuestionRadioOption, {
+    isAnswer: isAnswer,
+    disabled: disabled,
+    checked: selectedValue === value,
+    onClick: e => {
+      e.preventDefault();
+
+      if (disabled) {
+        return;
+      }
+
+      onSelect(value);
+    },
+    status: status
+  }, React__default["default"].createElement(StyledQuestionRadioInput, {
+    id: value,
+    type: "radio",
+    readOnly: true,
+    checked: selectedValue === value,
+    status: status
+  }), React__default["default"].createElement(StyledLabel, {
+    htmlFor: value,
+    checked: selectedValue === value,
+    status: status
+  }, children));
+});
+
+module.exports = QuestionRadioOption;

package/cjs/helpers/index.d.ts

@@ -0,0 +1,22 @@
+import type { GetOrgLectureGetResponses, GetOrgMaterialSurveyResponseGetResponses } from '@elice/types';
+import type { SurveyOptionType } from '@elice/types/es/enums';
+interface OptionInfo {
+    content: string;
+    optionType: SurveyOptionType;
+    answerIsSelected?: boolean;
+}
+interface AnswerInfo {
+    optionIdent: string;
+    text: string | null;
+    order: number | null;
+    isSelected: boolean;
+}
+export declare type Option = OptionInfo & Omit<AnswerInfo, 'optionIdent'>;
+export declare type OptionList = Option[];
+export declare enum SurveyResultStatus {
+    Submitted = 0,
+    NotSubmitted = 1
+}
+export declare function getSurveyResultStatus(materialSurveyResponse?: GetOrgMaterialSurveyResponseGetResponses['surveyResponse']): SurveyResultStatus;
+export declare function checkUserLectureTestEnded(lecture?: GetOrgLectureGetResponses['lecture']): boolean;
+export {};

package/cjs/helpers/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var types = require('@elice/types');
+
+exports.SurveyResultStatus = void 0;
+
+(function (SurveyResultStatus) {
+  SurveyResultStatus[SurveyResultStatus["Submitted"] = 0] = "Submitted";
+  SurveyResultStatus[SurveyResultStatus["NotSubmitted"] = 1] = "NotSubmitted";
+})(exports.SurveyResultStatus || (exports.SurveyResultStatus = {}));
+
+function getSurveyResultStatus(materialSurveyResponse) {
+  if (materialSurveyResponse) {
+    return exports.SurveyResultStatus.Submitted;
+  }
+
+  return exports.SurveyResultStatus.NotSubmitted;
+}
+function checkUserLectureTestEnded(lecture) {
+  return (lecture === null || lecture === void 0 ? void 0 : lecture.testAdmissionStatus) === types.enums.TestAdmissionStatus.Completed;
+}
+
+exports.checkUserLectureTestEnded = checkUserLectureTestEnded;
+exports.getSurveyResultStatus = getSurveyResultStatus;

package/cjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components/material-survey';
+export * from './components/material-survey-edit';
+export * from './components/shared';

package/cjs/index.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MaterialSurvey = require('./components/material-survey/MaterialSurvey.js');
+var MaterialSurveyInfo = require('./components/material-survey/MaterialSurveyInfo.js');
+var MaterialSurveyEdit = require('./components/material-survey-edit/MaterialSurveyEdit.js');
+var QuestionRadio = require('./components/shared/question-radio/QuestionRadio.js');
+var QuestionRadioOption = require('./components/shared/question-radio/QuestionRadioOption.js');
+var QuestionCheckbox = require('./components/shared/question-checkbox/QuestionCheckbox.js');
+var QuestionCheckboxOption = require('./components/shared/question-checkbox/QuestionCheckboxOption.js');
+
+
+
+exports.MaterialSurvey = MaterialSurvey;
+exports.MaterialSurveyInfo = MaterialSurveyInfo;
+exports.MaterialSurveyEdit = MaterialSurveyEdit;
+exports.QuestionRadio = QuestionRadio;
+exports.QuestionRadioOption = QuestionRadioOption;
+exports.QuestionCheckbox = QuestionCheckbox;
+exports.QuestionCheckboxOption = QuestionCheckboxOption;

package/es/components/material-survey/MaterialSurvey.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { MaterialSurveyProps } from './context/MaterialSurveyContext';
+declare const MaterialSurveyContainer: React.FC<MaterialSurveyProps>;
+export default MaterialSurveyContainer;

package/es/components/material-survey/MaterialSurvey.i18n.d.ts

@@ -0,0 +1,16 @@
+export declare const en: {
+    'materialSurvey.error': string;
+    'materialSurvey.submit': string;
+    'materialSurvey.submittedAnswer': string;
+    'materialSurvey.next': string;
+    'materialSurvey.myAnswer': string;
+    'materialSurvey.empty.title': string;
+    'materialSurvey.empty.description': string;
+    'materialSurvey.survey.empty.title': string;
+    'materialSurvey.survey.empty.description': string;
+    'materialSurvey.submitStatus.success': string;
+    'materialSurvey.submitStatus.failure': string;
+    'materialSurvey.resultStatus.submitted': string;
+    'materialSurvey.text.placeholder': string;
+};
+export declare const ko: typeof en;

package/es/components/material-survey/MaterialSurvey.i18n.js

@@ -0,0 +1,32 @@
+const en = {
+  'materialSurvey.error': 'Failed to fetch survey',
+  'materialSurvey.submit': 'Submit',
+  'materialSurvey.submittedAnswer': 'Submitted Answer',
+  'materialSurvey.next': 'Next question >',
+  'materialSurvey.myAnswer': 'My answer',
+  'materialSurvey.empty.title': 'Survey is now preparing.',
+  'materialSurvey.empty.description': 'Please check again after survey posting!',
+  'materialSurvey.survey.empty.title': 'Survey is now preparing.',
+  'materialSurvey.survey.empty.description': 'Please check again after survey posting!',
+  'materialSurvey.submitStatus.success': 'Submitted',
+  'materialSurvey.submitStatus.failure': 'Failed to submit',
+  'materialSurvey.resultStatus.submitted': 'Submitted',
+  'materialSurvey.text.placeholder': 'please fill the answer'
+};
+const ko = {
+  'materialSurvey.error': '설문조사를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.',
+  'materialSurvey.submit': '제출',
+  'materialSurvey.submittedAnswer': '제출한 답',
+  'materialSurvey.next': '다음으로 이동 >',
+  'materialSurvey.myAnswer': '내 답변',
+  'materialSurvey.empty.title': '설문조사가 준비 중 입니다.',
+  'materialSurvey.empty.description': '설문조사 게시 후 다시 확인해주세요!',
+  'materialSurvey.survey.empty.title': '설문조사가 준비 중 입니다.',
+  'materialSurvey.survey.empty.description': '설문지 게시 후 다시 확인해주세요!',
+  'materialSurvey.submitStatus.success': '제출되었습니다.',
+  'materialSurvey.submitStatus.failure': '제출에 실패하였습니다.',
+  'materialSurvey.resultStatus.submitted': '제출완료',
+  'materialSurvey.text.placeholder': '답변을 입력하세요.'
+};
+
+export { en, ko };

package/es/components/material-survey/MaterialSurvey.js

@@ -0,0 +1,101 @@
+import React from 'react';
+import { IntlProvider } from 'react-intl';
+import { useMeasure } from 'react-use';
+import { base } from '@elice/design-tokens';
+import { enums } from '@elice/types';
+import styled from 'styled-components';
+import { MaterialSurveyProvider, useMaterialSurveyState, useMaterialSurveyDispatch } from './context/MaterialSurveyContext.js';
+import MaterialSurveyShimmer from './MaterialSurveyShimmer.js';
+import MaterialSurveyInfo from './MaterialSurveyInfo.js';
+import * as MaterialSurvey_i18n from './MaterialSurvey.i18n.js';
+import { en } from './MaterialSurvey.i18n.js';
+
+const AsyncMaterialSurveySelectMultiple = React.lazy(() => import('./MaterialSurveySelectMultiple.js'));
+const AsyncMaterialSurveyText = React.lazy(() => import('./MaterialSurveyText.js'));
+const AsyncMaterialSurveySelectOne = React.lazy(() => import('./MaterialSurveySelectOne.js'));
+const StyledMaterialSurveyInfo = styled.div.withConfig({
+  componentId: "sc-1fyzkvm-0"
+})([""]);
+const StyledMaterialSurveyContent = styled.div.withConfig({
+  componentId: "sc-1fyzkvm-1"
+})([""]);
+const StyledMaterialSurveyWrapper = styled.div.withConfig({
+  componentId: "sc-1fyzkvm-2"
+})(["display:flex;height:100%;flex-direction:", ";& > *{flex:", ";}& > *:first-child{margin-right:", ";margin-bottom:", ";}", "{height:", ";overflow-y:", ";}"], ({
+  vertical
+}) => vertical ? 'column' : 'row', ({
+  vertical
+}) => vertical ? 'auto' : '1 0 calc(50% - 1rem);', ({
+  vertical
+}) => vertical ? '0' : '1rem', ({
+  vertical
+}) => vertical ? '1rem' : '0', StyledMaterialSurveyInfo, ({
+  vertical
+}) => vertical ? 'auto' : '100%', ({
+  vertical
+}) => vertical ? 'intial' : 'auto');
+
+const MaterialSurvey = () => {
+  const {
+    materialSurvey,
+    vertical
+  } = useMaterialSurveyState();
+  const {
+    setVertical
+  } = useMaterialSurveyDispatch();
+  const [ref, {
+    width
+  }] = useMeasure();
+  React.useEffect(() => {
+    if (width > 0) {
+      setVertical(width <= base.screen.medium);
+    }
+  }, [width, setVertical]);
+  let Component = null;
+
+  switch (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.questionInfoList[0].optionType) {
+    case enums.SurveyOptionType.SelectOne:
+      Component = React.createElement(AsyncMaterialSurveySelectOne, null);
+      break;
+
+    case enums.SurveyOptionType.SelectMultiple:
+      Component = React.createElement(AsyncMaterialSurveySelectMultiple, null);
+      break;
+
+    case enums.SurveyOptionType.Text:
+      Component = React.createElement(AsyncMaterialSurveyText, null);
+      break;
+
+    default:
+      Component = React.createElement(MaterialSurveyShimmer, null);
+      break;
+  }
+
+  return React.createElement(React.Suspense, {
+    fallback: null
+  }, React.createElement(StyledMaterialSurveyWrapper, {
+    ref: ref,
+    vertical: vertical
+  }, React.createElement(StyledMaterialSurveyInfo, null, React.createElement(MaterialSurveyInfo, null)), React.createElement(StyledMaterialSurveyContent, null, Component)));
+};
+
+const MaterialSurveyContainer = ({
+  materialSurveyId,
+  userId,
+  locale = 'en',
+  onSubmit,
+  onNext
+}) => {
+  return React.createElement(IntlProvider, {
+    locale: locale,
+    defaultLocale: "en",
+    messages: locale in MaterialSurvey_i18n ? MaterialSurvey_i18n[locale] : en
+  }, React.createElement(MaterialSurveyProvider, {
+    materialSurveyId: materialSurveyId,
+    userId: userId,
+    onSubmit: onSubmit,
+    onNext: onNext
+  }, React.createElement(MaterialSurvey, null)));
+};
+
+export { MaterialSurveyContainer as default };

package/es/components/material-survey/MaterialSurveyError.d.ts

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

package/es/components/material-survey/MaterialSurveyInfo.d.ts

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

package/es/components/material-survey/MaterialSurveyInfo.js

@@ -0,0 +1,67 @@
+import React from 'react';
+import { Flex, Text, Shimmer, Vspace } from '@elice/blocks';
+import { base } from '@elice/design-tokens';
+import { MarkdownSSR } from '@elice/markdown';
+import SurveyContentBox from '../shared/SurveyContentBox.js';
+import { useMaterialSurveyState } from './context/MaterialSurveyContext.js';
+
+const MaterialSurveyInfo = () => {
+  const {
+    materialSurvey
+  } = useMaterialSurveyState();
+  return React.createElement(SurveyContentBox, {
+    title: materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.title
+  }, materialSurvey ? React.createElement(Flex, null, React.createElement(Text, {
+    bold: true,
+    size: "large",
+    customStyles: {
+      color: base.color.primary3,
+      marginRight: '0.5rem'
+    }
+  }, 'Q.'), React.createElement(Text, {
+    bold: true,
+    role: "white",
+    size: "large",
+    wordBreak: "break-word"
+  }, materialSurvey.questionInfoList[0].questionTitle)) : React.createElement(Shimmer, {
+    dark: true,
+    borderRadius: '4px',
+    width: "80%",
+    height: '40px'
+  }), React.createElement(Vspace, {
+    height: 1
+  }), materialSurvey ? React.createElement(MarkdownSSR, {
+    children: materialSurvey.questionInfoList[0].questionDescription,
+    dark: true,
+    paddingx: 0,
+    paddingy: 0
+  }) : React.createElement(React.Fragment, null, React.createElement(Shimmer, {
+    dark: true,
+    borderRadius: '4px',
+    width: "80%",
+    height: '40px'
+  }), React.createElement(Vspace, {
+    height: 1
+  }), React.createElement(Shimmer, {
+    dark: true,
+    borderRadius: '4px',
+    width: "100%",
+    height: '40px'
+  }), React.createElement(Vspace, {
+    height: 1
+  }), React.createElement(Shimmer, {
+    dark: true,
+    borderRadius: '4px',
+    width: "100%",
+    height: '40px'
+  }), React.createElement(Vspace, {
+    height: 1
+  }), React.createElement(Shimmer, {
+    dark: true,
+    borderRadius: '4px',
+    width: "100%",
+    height: '40px'
+  })));
+};
+
+export { MaterialSurveyInfo as default };

package/es/components/material-survey/MaterialSurveySelectMultiple.d.ts

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

package/es/components/material-survey/MaterialSurveySelectMultiple.js

@@ -0,0 +1,178 @@
+import React from 'react';
+import { useIntl } from 'react-intl';
+import { getOrgMaterialSurveyResponseGet, getOrgMaterialSurveyResponseList, postOrgMaterialSurveyResponseAdd } from '@elice/api-client';
+import { checkUserLectureTestEnded } from '../../helpers/index.js';
+import '../shared/question-radio/QuestionRadio.js';
+import '../shared/question-radio/QuestionRadioOption.js';
+import QuestionCheckbox from '../shared/question-checkbox/QuestionCheckbox.js';
+import QuestionCheckboxOption from '../shared/question-checkbox/QuestionCheckboxOption.js';
+import StyledMarkdown from '../shared/StyledMarkdown.js';
+import SurveyContentBox from '../shared/SurveyContentBox.js';
+import { useMaterialSurveyState, useMaterialSurveyDispatch } from './context/MaterialSurveyContext.js';
+import SurveyResultBadge from './SurveyResultBadge.js';
+import SurveySubmitStatusText from './SurveySubmitStatusText.js';
+
+const MaterialSurveySelectMultiple = () => {
+  var _a; // context
+
+
+  const {
+    course,
+    lecture,
+    materialSurvey,
+    userId
+  } = useMaterialSurveyState();
+  const {
+    onSubmit,
+    onNext,
+    refreshOrgMaterialSurvey
+  } = useMaterialSurveyDispatch(); // state
+
+  const intl = useIntl();
+  const [selectedAnswer, setSelectedAnswer] = React.useState([]);
+  const [materialSurveyResponse, setMaterialSurveyResponse] = React.useState();
+  const [submitStatus, setSubmitStatus] = React.useState('idle'); // survey response fetcher
+
+  React.useEffect(() => {
+    if (!userId && (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.lastSurveyResponseId)) {
+      const controller = new AbortController();
+      const {
+        signal
+      } = controller;
+      getOrgMaterialSurveyResponseGet({
+        surveyResponseId: materialSurvey.lastSurveyResponseId
+      }, {
+        signal
+      }).then(response => {
+        setMaterialSurveyResponse(response.surveyResponse);
+        setSelectedAnswer(response.surveyResponse.answers[0]);
+      }).catch(error => {
+        console.error(error);
+      });
+      return () => controller.abort();
+    }
+  }, [materialSurvey, userId]); // survey response fetcher
+
+  React.useEffect(() => {
+    if (userId && materialSurvey) {
+      const controller = new AbortController();
+      const {
+        signal
+      } = controller;
+      getOrgMaterialSurveyResponseList({
+        materialSurveyId: materialSurvey.id,
+        filterUserIds: [userId],
+        isContainOnlyLast: true,
+        isIncludeAnswer: true,
+        offset: 0,
+        count: 1
+      }, {
+        signal
+      }).then(response => {
+        const surveyResponse = response.surveyResponses[0];
+
+        const getAnswer = () => {
+          if (!surveyResponse) {
+            return [];
+          }
+
+          if (!Array.isArray(surveyResponse.answers)) {
+            return [];
+          }
+
+          if (typeof surveyResponse.answers[0] === 'string') {
+            return [];
+          }
+
+          return surveyResponse.answers[0];
+        };
+
+        setMaterialSurveyResponse(surveyResponse);
+        setSelectedAnswer(getAnswer());
+      }).catch(error => {
+        console.error(error);
+      });
+      return () => controller.abort();
+    }
+  }, [materialSurvey, userId]); // submit handler
+
+  const handleSubmit = async () => {
+    if (!materialSurvey) {
+      return;
+    }
+
+    setSubmitStatus('pending');
+
+    try {
+      const {
+        surveyResponseId
+      } = await postOrgMaterialSurveyResponseAdd({
+        materialSurveyId: materialSurvey.id,
+        answers: [selectedAnswer]
+      });
+      const {
+        surveyResponse
+      } = await getOrgMaterialSurveyResponseGet({
+        surveyResponseId
+      });
+      setMaterialSurveyResponse(surveyResponse);
+      void refreshOrgMaterialSurvey();
+      onSubmit(true);
+      setSubmitStatus('resolved');
+    } catch (error) {
+      console.error(error);
+      onSubmit(false);
+      setSubmitStatus('rejected');
+    }
+  };
+
+  return React.createElement(SurveyContentBox, {
+    title: intl.formatMessage({
+      id: 'materialSurvey.myAnswer'
+    }),
+    onNext: onNext,
+    submitResult: React.createElement(SurveyResultBadge, {
+      materialSurveyResponse: materialSurveyResponse
+    }),
+    submitStatus: React.createElement(SurveySubmitStatusText, {
+      status: submitStatus
+    }),
+    footerActions: [{
+      border: true,
+      disabled: selectedAnswer.length === 0 || checkUserLectureTestEnded(lecture) || !!userId,
+      loading: submitStatus === 'pending',
+      tabIndex: 0,
+      transparent: false,
+      role: 'primary',
+      onClick: handleSubmit,
+      children: intl.formatMessage({
+        id: 'materialSurvey.submit'
+      })
+    }]
+  }, React.createElement(QuestionCheckbox, {
+    onSelect: index => {
+      if (checkUserLectureTestEnded(lecture) || !!userId) {
+        return;
+      }
+
+      setSelectedAnswer(prevState => {
+        const newState = prevState.includes(index) ? prevState.filter(ident => ident !== index) : [...prevState, index];
+        return newState;
+      });
+    },
+    selectedOptions: selectedAnswer,
+    disabled: submitStatus === 'pending' || checkUserLectureTestEnded(lecture) || !!userId
+  }, (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.questionInfoList[0]) ? (_a = materialSurvey.questionInfoList[0].optionInfo) === null || _a === void 0 ? void 0 : _a.map((option, index) => {
+    return React.createElement(QuestionCheckboxOption, {
+      key: index,
+      value: index
+    }, (course === null || course === void 0 ? void 0 : course.preference.renderMarkdownInSurveyOptions) ? React.createElement(StyledMarkdown, {
+      dark: false,
+      children: option,
+      paddingx: 0,
+      paddingy: 0
+    }) : option);
+  }) : null));
+};
+
+export { MaterialSurveySelectMultiple as default };

package/es/components/material-survey/MaterialSurveySelectOne.d.ts

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