@elice/material-survey 1.230328.0 → 1.230418.0

package/cjs/components/material-survey-edit/MaterialSurveyEdit.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var reactIntl = require('react-intl');
@@ -13,29 +15,29 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const MaterialSurveyEdit = React.forwardRef(({
-  value,
-  disabled = false,
-  locale = 'en',
-  onChange,
-  onFormStateChange,
-  onFileUploadRequest
-}, ref) => {
-  const formElRef = React__default["default"].useRef(null);
-  const useFormMethods = reactHookForm.useForm({
+var MaterialSurveyEdit = React.forwardRef(function (_ref, ref) {
+  var value = _ref.value,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'en' : _ref$locale,
+    onChange = _ref.onChange,
+    onFormStateChange = _ref.onFormStateChange,
+    onFileUploadRequest = _ref.onFileUploadRequest;
+  var formElRef = React__default["default"].useRef(null);
+  var useFormMethods = reactHookForm.useForm({
     defaultValues: editValue.manipulateValue(value),
     mode: 'onBlur'
   });
-  const watchedMaterialSurveyEditValue = useFormMethods.watch();
-  const {
-    isDirty,
-    isValid
-  } = useFormMethods.formState; //
+  var watchedMaterialSurveyEditValue = useFormMethods.watch();
+  var _useFormMethods$formS = useFormMethods.formState,
+    isDirty = _useFormMethods$formS.isDirty,
+    isValid = _useFormMethods$formS.isValid;
+  //
   // Reset from value, when `value` changes.
   // TODO: will be removed, since `CourseLecturesMaterialTemplate` removed at `elice-web`.
   //
-
-  reactUse.useDeepCompareEffect(() => {
+  reactUse.useDeepCompareEffect(function () {
     useFormMethods.reset(editValue.manipulateValue(value), {
       keepDirty: true,
       keepErrors: true,
@@ -44,48 +46,53 @@ const MaterialSurveyEdit = React.forwardRef(({
       keepValues: true
     });
     void useFormMethods.trigger();
-  }, [value]); //
+  }, [value]);
+  //
   // Emit `onChange` handler when form value changed.
   // TODO: will be removed, since `CourseLecturesMaterialTemplate` removed at `elice-web`.
   //
-
-  reactUse.useDeepCompareEffect(() => onChange(editValue.restoreValue(watchedMaterialSurveyEditValue)), [watchedMaterialSurveyEditValue]); //
+  reactUse.useDeepCompareEffect(function () {
+    return onChange(editValue.restoreValue(watchedMaterialSurveyEditValue));
+  }, [watchedMaterialSurveyEditValue]);
+  //
   // Emit `onFormStateChange` handler when form state change.
   //
-
-  React__default["default"].useEffect(() => {
+  React__default["default"].useEffect(function () {
     if (typeof onFormStateChange === 'function') {
       onFormStateChange({
-        isDirty,
-        isValid
+        isDirty: isDirty,
+        isValid: isValid
       });
     }
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [isDirty, isValid]); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [isDirty, isValid]);
+  //
   // Set ref.
   //
-
-  React__default["default"].useImperativeHandle(ref, () => Object.assign(Object.assign({}, formElRef.current), {
-    reset: () => {
-      useFormMethods.reset(editValue.manipulateValue(value));
-      void useFormMethods.trigger();
-    }
-  }), [useFormMethods, value]); //
+  React__default["default"].useImperativeHandle(ref, function () {
+    return Object.assign(Object.assign({}, formElRef.current), {
+      reset: function reset() {
+        useFormMethods.reset(editValue.manipulateValue(value));
+        void useFormMethods.trigger();
+      }
+    });
+  }, [useFormMethods, value]);
+  //
   //
   //
-
   return React__default["default"].createElement("form", {
     ref: formElRef
   }, React__default["default"].createElement(context["default"].Provider, {
     value: {
-      disabled,
-      onFileUploadRequest
+      disabled: disabled,
+      onFileUploadRequest: onFileUploadRequest
     }
   }, React__default["default"].createElement(reactIntl.IntlProvider, {
     locale: locale,
     defaultLocale: "en",
     messages: locale in locales ? locales[locale] : locales.en
-  }, React__default["default"].createElement(reactHookForm.FormProvider, Object.assign({}, useFormMethods), React__default["default"].createElement(MaterialSurveyEditContent, null)))));
+  }, React__default["default"].createElement(reactHookForm.FormProvider, Object.assign({}, useFormMethods), React__default["default"].createElement(MaterialSurveyEditContent["default"], null)))));
 });
 
-module.exports = MaterialSurveyEdit;
+exports["default"] = MaterialSurveyEdit;

package/cjs/components/material-survey-edit/MaterialSurveyEditContent.js

@@ -1,5 +1,8 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var reactIntl = require('react-intl');
@@ -16,33 +19,34 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const MIN_TEXT_LENGTH = 1;
-const MAX_TEXT_LENGTH = 128;
-const StyledSurveyOptionTypeSelectWrap = styled__default["default"].div.withConfig({
+var MIN_TEXT_LENGTH = 1;
+var MAX_TEXT_LENGTH = 128;
+var StyledSurveyOptionTypeSelectWrap = styled__default["default"].div.withConfig({
   componentId: "sc-r4ms68-0"
 })(["display:flex;max-width:12rem;"]);
-
-const MaterialSurveyEditContent = () => {
-  const intl = reactIntl.useIntl();
-  const {
-    disabled,
-    onFileUploadRequest
-  } = context.useMaterialSurveyEditContext();
-  const {
-    control,
-    watch,
-    setValue
-  } = reactHookForm.useFormContext();
-  const [watchedOptionType, watchedOptionInfo] = watch(['questionInfoList.0.optionType', 'questionInfoList.0.optionInfo']); //
+var MaterialSurveyEditContent = function MaterialSurveyEditContent() {
+  var intl = reactIntl.useIntl();
+  var _useMaterialSurveyEdi = context.useMaterialSurveyEditContext(),
+    disabled = _useMaterialSurveyEdi.disabled,
+    onFileUploadRequest = _useMaterialSurveyEdi.onFileUploadRequest;
+  var _useFormContext = reactHookForm.useFormContext(),
+    control = _useFormContext.control,
+    watch = _useFormContext.watch,
+    setValue = _useFormContext.setValue;
+  var _watch = watch(['questionInfoList.0.optionType', 'questionInfoList.0.optionInfo']),
+    _watch2 = _rollupPluginBabelHelpers.slicedToArray(_watch, 2),
+    watchedOptionType = _watch2[0],
+    watchedOptionInfo = _watch2[1];
+  //
   // Change `optionInfo` according to `optionType`.
   //
-
-  React__default["default"].useEffect(() => {
-    const get = () => {
+  React__default["default"].useEffect(function () {
+    var get = function get() {
       switch (watchedOptionType) {
         case types.enums.SurveyOptionType.SelectOne:
         case types.enums.SurveyOptionType.SelectMultiple:
-          return watchedOptionInfo.length > 0 ? watchedOptionInfo : // add default option info
+          return watchedOptionInfo.length > 0 ? watchedOptionInfo :
+          // add default option info
           [{
             id: randomId.createRandomId(),
             value: intl.formatMessage({
@@ -58,29 +62,25 @@ const MaterialSurveyEditContent = () => {
               number: 2
             })
           }];
-
         case types.enums.SurveyOptionType.Text:
           return [];
-
         default:
           return [];
       }
     };
-
     setValue('questionInfoList.0.optionInfo', get());
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // 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(() => {
+  var Option = React__default["default"].useMemo(function () {
     switch (watchedOptionType) {
       case types.enums.SurveyOptionType.SelectOne:
       case types.enums.SurveyOptionType.SelectMultiple:
-        return MaterialSurveyEditOptionSelect;
-
+        return MaterialSurveyEditOptionSelect["default"];
       case types.enums.SurveyOptionType.Text:
       default:
         return React__default["default"].Fragment;
@@ -89,8 +89,7 @@ const MaterialSurveyEditContent = () => {
   /**
    * Render input for survey title.
    */
-
-  const renderQuestionTitleInput = () => {
+  var renderQuestionTitleInput = function renderQuestionTitleInput() {
     return React__default["default"].createElement(blocks.FormInputVerticalLayout, {
       label: React__default["default"].createElement(blocks.Label, {
         size: "small",
@@ -127,12 +126,10 @@ const MaterialSurveyEditContent = () => {
             })
           }
         },
-        render: ({
-          field,
-          fieldState
-        }) => {
+        render: function render(_ref) {
+          var field = _ref.field,
+            fieldState = _ref.fieldState;
           var _a;
-
           return React__default["default"].createElement(blocks.Input, Object.assign({
             size: "small",
             width: "full",
@@ -151,9 +148,7 @@ const MaterialSurveyEditContent = () => {
   /**
    * Render input for survey description.
    */
-
-
-  const renderQuestionDescriptionInput = () => {
+  var renderQuestionDescriptionInput = function renderQuestionDescriptionInput() {
     return React__default["default"].createElement(blocks.FormInputVerticalLayout, {
       label: React__default["default"].createElement(blocks.Label, {
         size: "small"
@@ -163,24 +158,23 @@ const MaterialSurveyEditContent = () => {
       input: React__default["default"].createElement(reactHookForm.Controller, {
         control: control,
         name: "questionInfoList.0.questionDescription",
-        render: ({
-          field
-        }) => React__default["default"].createElement(markdown.MarkdownEditor, Object.assign({
-          enableFooter: true,
-          placeholder: intl.formatMessage({
-            id: 'content.description.placeholder'
-          }),
-          onFileUploadRequest: onFileUploadRequest
-        }, field))
+        render: function render(_ref2) {
+          var field = _ref2.field;
+          return 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 = () => {
+  var renderOptionInput = function renderOptionInput() {
     return React__default["default"].createElement(blocks.FormInputVerticalLayout, {
       label: React__default["default"].createElement(blocks.Label, {
         size: "small",
@@ -191,45 +185,47 @@ const MaterialSurveyEditContent = () => {
       input: React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(reactHookForm.Controller, {
         control: control,
         name: "questionInfoList.0.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(StyledSurveyOptionTypeSelectWrap, 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.SurveyOptionType.SelectOne,
-          children: intl.formatMessage({
-            id: 'content.option.select.items.selectOne'
-          })
-        }), React__default["default"].createElement("option", {
-          value: types.enums.SurveyOptionType.SelectMultiple,
-          children: intl.formatMessage({
-            id: 'content.option.select.items.selectMultiple'
-          })
-        }), React__default["default"].createElement("option", {
-          value: types.enums.SurveyOptionType.Text,
-          children: intl.formatMessage({
-            id: 'content.option.select.items.text'
-          })
-        }))))
+        render: function render(_ref3) {
+          var field = _ref3.field;
+          return React__default["default"].createElement(blocks.Tooltip, {
+            title: disabled ? intl.formatMessage({
+              id: 'content.option.tooltip.disabled'
+            }) : undefined,
+            placement: "top-end"
+          }, React__default["default"].createElement(StyledSurveyOptionTypeSelectWrap, null, React__default["default"].createElement(blocks.Select, Object.assign({
+            size: "small",
+            width: "small",
+            readOnly: disabled
+          }, field, {
+            onChange: function onChange(v) {
+              return field.onChange(Number(v));
+            }
+          }), React__default["default"].createElement("option", {
+            value: types.enums.SurveyOptionType.SelectOne,
+            children: intl.formatMessage({
+              id: 'content.option.select.items.selectOne'
+            })
+          }), React__default["default"].createElement("option", {
+            value: types.enums.SurveyOptionType.SelectMultiple,
+            children: intl.formatMessage({
+              id: 'content.option.select.items.selectMultiple'
+            })
+          }), React__default["default"].createElement("option", {
+            value: types.enums.SurveyOptionType.Text,
+            children: intl.formatMessage({
+              id: 'content.option.select.items.text'
+            })
+          }))));
+        }
       }), React__default["default"].createElement(blocks.Vspace, {
         height: 0.5
       }), React__default["default"].createElement(Option, null))
     });
-  }; //
+  };
+  //
   //
   //
-
-
   return React__default["default"].createElement(React__default["default"].Fragment, null, renderQuestionTitleInput(), renderQuestionDescriptionInput(), renderOptionInput());
 };
 
-module.exports = MaterialSurveyEditContent;
+exports["default"] = MaterialSurveyEditContent;

package/cjs/components/material-survey-edit/MaterialSurveyEditOptionSelect.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var reactIntl = require('react-intl');
@@ -14,37 +16,32 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const MIN_OPTION_INFO_COUNT = 2;
-const MAX_OPTION_INFO_COUNT = 20;
-const StyledWrap = styled__default["default"].div.withConfig({
+var MIN_OPTION_INFO_COUNT = 2;
+var MAX_OPTION_INFO_COUNT = 20;
+var StyledWrap = styled__default["default"].div.withConfig({
   componentId: "sc-1eiyk6z-0"
 })([""]);
-const StyledInputGroup = styled__default["default"].div.withConfig({
+var StyledInputGroup = styled__default["default"].div.withConfig({
   componentId: "sc-1eiyk6z-1"
 })(["width:100%;.eb-input{margin-bottom:0.5rem;&:last-of-type{margin-bottom:0;}}"]);
-
-const OptionSelectOne = () => {
-  const intl = reactIntl.useIntl();
-  const {
-    disabled
-  } = context.useMaterialSurveyEditContext();
-  const {
-    control
-  } = reactHookForm.useFormContext();
-  const {
-    fields: optionInfoFields,
-    append: appendOptionInfoFieldItem,
-    remove: removeOptionInfoFieldItem
-  } = reactHookForm.useFieldArray({
-    name: 'questionInfoList.0.optionInfo',
-    keyName: 'id',
-    shouldUnregister: true
-  });
+var OptionSelectOne = function OptionSelectOne() {
+  var intl = reactIntl.useIntl();
+  var _useMaterialSurveyEdi = context.useMaterialSurveyEditContext(),
+    disabled = _useMaterialSurveyEdi.disabled;
+  var _useFormContext = reactHookForm.useFormContext(),
+    control = _useFormContext.control;
+  var _useFieldArray = reactHookForm.useFieldArray({
+      name: 'questionInfoList.0.optionInfo',
+      keyName: 'id',
+      shouldUnregister: true
+    }),
+    optionInfoFields = _useFieldArray.fields,
+    appendOptionInfoFieldItem = _useFieldArray.append,
+    removeOptionInfoFieldItem = _useFieldArray.remove;
   /**
    * Append option info.
    */
-
-  const appendOptionInfo = () => {
+  var appendOptionInfo = function appendOptionInfo() {
     appendOptionInfoFieldItem({
       id: randomId.createRandomId(),
       value: ''
@@ -53,61 +50,59 @@ const OptionSelectOne = () => {
   /**
    * Remove item from option info at index.
    */
-
-
-  const removeOptionInfo = index => {
+  var removeOptionInfo = function removeOptionInfo(index) {
     removeOptionInfoFieldItem(index);
-  }; //
+  };
   //
   //
-
-
-  return React__default["default"].createElement(StyledWrap, null, React__default["default"].createElement(StyledInputGroup, null, optionInfoFields.map(({
-    id
-  }, index) => React__default["default"].createElement(reactHookForm.Controller, {
-    key: id,
-    control: control,
-    name: `questionInfoList.0.optionInfo.${index}.value`,
-    rules: {
-      required: {
-        value: true,
-        message: intl.formatMessage({
-          id: 'option.common.select.errorMessage.required'
-        })
+  //
+  return React__default["default"].createElement(StyledWrap, null, React__default["default"].createElement(StyledInputGroup, null, optionInfoFields.map(function (_ref, index) {
+    var id = _ref.id;
+    return React__default["default"].createElement(reactHookForm.Controller, {
+      key: id,
+      control: control,
+      name: "questionInfoList.0.optionInfo.".concat(index, ".value"),
+      rules: {
+        required: {
+          value: true,
+          message: intl.formatMessage({
+            id: 'option.common.select.errorMessage.required'
+          })
+        }
+      },
+      render: function render(_ref2) {
+        var field = _ref2.field,
+          fieldState = _ref2.fieldState;
+        var _a;
+        return React__default["default"].createElement(blocks.Input, Object.assign({
+          size: "small",
+          width: "full",
+          placeholder: intl.formatMessage({
+            id: 'option.common.select.placeholder'
+          }),
+          suffix: React__default["default"].createElement(blocks.Tooltip, {
+            title: optionInfoFields.length <= MIN_OPTION_INFO_COUNT ? intl.formatMessage({
+              id: 'option.common.select.tooltip.minOptionInfoItem'
+            }) : undefined,
+            placement: "top-start"
+          }, React__default["default"].createElement("span", null, React__default["default"].createElement(blocks.IconButton, {
+            icon: icons.eilMathsignMultiplyBasic,
+            role: "grey9",
+            size: "tiny",
+            border: false,
+            transparent: true,
+            disabled: optionInfoFields.length <= MIN_OPTION_INFO_COUNT || disabled,
+            onClick: function onClick() {
+              return removeOptionInfo(index);
+            }
+          }))),
+          readOnly: disabled,
+          invalid: fieldState.invalid,
+          invalidText: (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message
+        }, field));
       }
-    },
-    render: ({
-      field,
-      fieldState
-    }) => {
-      var _a;
-
-      return React__default["default"].createElement(blocks.Input, Object.assign({
-        size: "small",
-        width: "full",
-        placeholder: intl.formatMessage({
-          id: 'option.common.select.placeholder'
-        }),
-        suffix: React__default["default"].createElement(blocks.Tooltip, {
-          title: optionInfoFields.length <= MIN_OPTION_INFO_COUNT ? intl.formatMessage({
-            id: 'option.common.select.tooltip.minOptionInfoItem'
-          }) : undefined,
-          placement: "top-start"
-        }, React__default["default"].createElement("span", null, React__default["default"].createElement(blocks.IconButton, {
-          icon: icons.eilMathsignMultiplyBasic,
-          role: "grey9",
-          size: "tiny",
-          border: false,
-          transparent: true,
-          disabled: optionInfoFields.length <= MIN_OPTION_INFO_COUNT || disabled,
-          onClick: () => removeOptionInfo(index)
-        }))),
-        readOnly: disabled,
-        invalid: fieldState.invalid,
-        invalidText: (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message
-      }, field));
-    }
-  }))), React__default["default"].createElement(blocks.Vspace, {
+    });
+  })), React__default["default"].createElement(blocks.Vspace, {
     height: 0.5
   }), React__default["default"].createElement(blocks.Tooltip, {
     title: optionInfoFields.length >= MAX_OPTION_INFO_COUNT ? intl.formatMessage({
@@ -129,4 +124,4 @@ const OptionSelectOne = () => {
   })))));
 };
 
-module.exports = OptionSelectOne;
+exports["default"] = OptionSelectOne;

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

@@ -8,8 +8,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const MaterialSurveyEditContext = React__default["default"].createContext(null);
-const useMaterialSurveyEditContext = () => React__default["default"].useContext(MaterialSurveyEditContext);
+var MaterialSurveyEditContext = React__default["default"].createContext(null);
+var useMaterialSurveyEditContext = function useMaterialSurveyEditContext() {
+  return React__default["default"].useContext(MaterialSurveyEditContext);
+};
 
 exports["default"] = MaterialSurveyEditContext;
 exports.useMaterialSurveyEditContext = useMaterialSurveyEditContext;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const en = {
+var en = {
   'common.option': '옵션 {number}',
   'common.errorMessage.range': '{min} ~ {max}자 이내로 입력해주세요.',
   'content.title': '질문',
@@ -21,7 +21,7 @@ const en = {
   'option.common.select.tooltip.maxOptionInfoItem': '선택지는 20개 초과하여 입력할 수 없습니다.',
   'option.common.select.addButton': '보기 추가'
 };
-const ko = {
+var ko = {
   'common.option': '옵션 {number}',
   'common.errorMessage.range': '{min} ~ {max}자 이내로 입력해주세요.',
   'content.title': '질문',

package/cjs/components/material-survey-edit/utils/editValue.js

@@ -7,36 +7,37 @@ var randomId = require('./randomId.js');
 /**
  *
  */
-
 function manipulateValue(v) {
   return Object.assign(Object.assign({}, v), {
-    questionInfoList: v.questionInfoList.map(questionInfo => Object.assign(Object.assign({}, questionInfo), {
-      // convert string array to object array
-      // - ref: https://github.com/react-hook-form/react-hook-form/issues/7622#issuecomment-1018893318
-      optionInfo: Array.isArray(questionInfo.optionInfo) ? questionInfo.optionInfo.map(option => ({
-        id: randomId.createRandomId(),
-        value: option
-      })) : []
-    }))
+    questionInfoList: v.questionInfoList.map(function (questionInfo) {
+      return Object.assign(Object.assign({}, questionInfo), {
+        // convert string array to object array
+        // - ref: https://github.com/react-hook-form/react-hook-form/issues/7622#issuecomment-1018893318
+        optionInfo: Array.isArray(questionInfo.optionInfo) ? questionInfo.optionInfo.map(function (option) {
+          return {
+            id: randomId.createRandomId(),
+            value: option
+          };
+        }) : []
+      });
+    })
   });
 }
 /**
  * Restore manipulation from `manipulateValue()`.
  */
-
 function restoreValue(v) {
   return Object.assign(Object.assign({}, v), {
-    questionInfoList: v.questionInfoList.map(questionInfo => {
+    questionInfoList: v.questionInfoList.map(function (questionInfo) {
       var _a;
-
-      const newQuestionInfo = Object.assign(Object.assign({}, questionInfo), {
-        optionInfo: ((_a = questionInfo.optionInfo) === null || _a === void 0 ? void 0 : _a.length) ? questionInfo.optionInfo.map(option => option.value) : null
+      var newQuestionInfo = Object.assign(Object.assign({}, questionInfo), {
+        optionInfo: ((_a = questionInfo.optionInfo) === null || _a === void 0 ? void 0 : _a.length) ? questionInfo.optionInfo.map(function (option) {
+          return option.value;
+        }) : null
       });
-
       if (!newQuestionInfo.optionInfo) {
         delete newQuestionInfo.optionInfo;
       }
-
       return newQuestionInfo;
     })
   });