@elice/material-survey 1.240718.0-trasncript.0 → 1.240718.0-trasncript.2

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

@@ -1,31 +1,32 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { StatusText } from '@elice/blocks';
 import { useRawEliceIntl } from '@elice/intl';
 import { colors } from '@elice/mui-system';
 import styled from 'styled-components';
 
-const StyledSuccessStatusText = styled(StatusText).withConfig({
+var StyledSuccessStatusText = styled(StatusText).withConfig({
   componentId: "sc-szxa5m-0"
 })(["color:", ";"], colors.green[400]);
-const SurveySubmitStatusText = ({
-  status
-}) => {
-  const intl = useRawEliceIntl();
+var SurveySubmitStatusText = function SurveySubmitStatusText(_ref) {
+  var status = _ref.status;
+  var intl = useRawEliceIntl();
   switch (status) {
     case 'resolved':
-      return React.createElement(StyledSuccessStatusText, {
+      return jsx(StyledSuccessStatusText, {
         role: "success",
-        size: "small"
-      }, intl.formatMessage({
-        id: 'materialSurvey.submitStatus.success'
-      }));
+        size: "small",
+        children: intl.formatMessage({
+          id: 'materialSurvey.submitStatus.success'
+        })
+      });
     case 'rejected':
-      return React.createElement(StatusText, {
+      return jsx(StatusText, {
         role: "danger",
-        size: "small"
-      }, intl.formatMessage({
-        id: 'materialSurvey.submitStatus.failure'
-      }));
+        size: "small",
+        children: intl.formatMessage({
+          id: 'materialSurvey.submitStatus.failure'
+        })
+      });
     default:
       return null;
   }

package/es/components/material-survey/context/MaterialSurveyContext.d.ts

@@ -25,7 +25,7 @@ interface DispatchContextType {
     setVertical: React.Dispatch<React.SetStateAction<boolean>>;
     onNext?: () => void;
 }
-declare function MaterialSurveyProvider({ materialSurveyId, userId, onSubmit, onNext, children, }: MaterialSurveyProviderProps): React.JSX.Element;
+declare function MaterialSurveyProvider({ materialSurveyId, userId, onSubmit, onNext, children, }: MaterialSurveyProviderProps): JSX.Element;
 declare function useMaterialSurveyState(): State;
 declare function useMaterialSurveyDispatch(): DispatchContextType;
 export { MaterialSurveyProvider, useMaterialSurveyState, useMaterialSurveyDispatch, };

package/es/components/material-survey/context/MaterialSurveyContext.js

@@ -1,100 +1,137 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import React from 'react';
-import { config, getOrgMaterialSurveyGet, getOrgCourseGet, getOrgLectureGet } from '@elice/api-client';
+import { config, getOrgMaterialSurveyGet, getOrgLectureGet, getOrgCourseGet } from '@elice/api-client';
 import { useMaterialConfigApiClientUpdate, useMaterialFetchRaw } from '@elice/material-shared-utils';
 import { enums } from '@elice/types';
 
-const StateContext = React.createContext(undefined);
-const DispatchContext = React.createContext(undefined);
+var StateContext = React.createContext(undefined);
+var DispatchContext = React.createContext(undefined);
 StateContext.displayName = 'MaterialSurveyStateContext';
 DispatchContext.displayName = 'MaterialSurveyDispatchContext';
-function MaterialSurveyProvider({
-  materialSurveyId,
-  userId,
-  onSubmit = () => void 0,
-  onNext,
-  children
-}) {
-  const [course, setCourse] = React.useState();
-  const [lecture, setLecture] = React.useState();
-  const [initStatus, setInitStatus] = React.useState('idle');
-  const [vertical, setVertical] = React.useState(false);
-  const canInit = useMaterialConfigApiClientUpdate(config.init);
-  const {
-    materialSurvey,
-    materialLecturePage,
-    refetch: refreshOrgMaterialSurvey
-  } = useMaterialFetchRaw(enums.LectureMaterialType.Survey, React.useCallback(signal => getOrgMaterialSurveyGet({
-    materialSurveyId
-  }, {
-    signal
-  }), [materialSurveyId]), canInit);
-  const doInitilize = React.useCallback(async () => {
-    const controller = new AbortController();
-    const {
-      signal
-    } = controller;
-    try {
-      setInitStatus('pending');
-      if (!materialLecturePage) {
-        throw new Error('materialSurvey is not ready');
-      }
-      // fetch course
-      const {
-        course
-      } = await getOrgCourseGet({
-        courseId: materialLecturePage.courseId
-      }, {
-        signal
-      });
-      // fetch lecture
-      const {
-        lecture
-      } = await getOrgLectureGet({
-        lectureId: materialLecturePage.lectureId
+function MaterialSurveyProvider(_ref) {
+  var materialSurveyId = _ref.materialSurveyId,
+    userId = _ref.userId,
+    _ref$onSubmit = _ref.onSubmit,
+    onSubmit = _ref$onSubmit === void 0 ? function () {
+      return void 0;
+    } : _ref$onSubmit,
+    onNext = _ref.onNext,
+    children = _ref.children;
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    course = _React$useState2[0],
+    setCourse = _React$useState2[1];
+  var _React$useState3 = React.useState(),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    lecture = _React$useState4[0],
+    setLecture = _React$useState4[1];
+  var _React$useState5 = React.useState('idle'),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    initStatus = _React$useState6[0],
+    setInitStatus = _React$useState6[1];
+  var _React$useState7 = React.useState(false),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    vertical = _React$useState8[0],
+    setVertical = _React$useState8[1];
+  var canInit = useMaterialConfigApiClientUpdate(config.init);
+  var _useMaterialFetchRaw = useMaterialFetchRaw(enums.LectureMaterialType.Survey, React.useCallback(function (signal) {
+      return getOrgMaterialSurveyGet({
+        materialSurveyId: materialSurveyId
       }, {
-        signal
+        signal: signal
       });
-      setCourse(course);
-      setLecture(lecture);
-      setInitStatus('resolved');
-    } catch (error) {
-      console.error(error);
-      setInitStatus('rejected');
-    }
-    return () => controller.abort();
-  }, [materialLecturePage]);
-  React.useEffect(() => {
+    }, [materialSurveyId]), canInit),
+    materialSurvey = _useMaterialFetchRaw.materialSurvey,
+    materialLecturePage = _useMaterialFetchRaw.materialLecturePage,
+    refreshOrgMaterialSurvey = _useMaterialFetchRaw.refetch;
+  var doInitilize = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var controller, signal, _yield$getOrgCourseGe, _course, _yield$getOrgLectureG, _lecture;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          controller = new AbortController();
+          signal = controller.signal;
+          _context.prev = 2;
+          setInitStatus('pending');
+          if (materialLecturePage) {
+            _context.next = 6;
+            break;
+          }
+          throw new Error('materialSurvey is not ready');
+        case 6:
+          _context.next = 8;
+          return getOrgCourseGet({
+            courseId: materialLecturePage.courseId
+          }, {
+            signal: signal
+          });
+        case 8:
+          _yield$getOrgCourseGe = _context.sent;
+          _course = _yield$getOrgCourseGe.course;
+          _context.next = 12;
+          return getOrgLectureGet({
+            lectureId: materialLecturePage.lectureId
+          }, {
+            signal: signal
+          });
+        case 12:
+          _yield$getOrgLectureG = _context.sent;
+          _lecture = _yield$getOrgLectureG.lecture;
+          setCourse(_course);
+          setLecture(_lecture);
+          setInitStatus('resolved');
+          _context.next = 23;
+          break;
+        case 19:
+          _context.prev = 19;
+          _context.t0 = _context["catch"](2);
+          console.error(_context.t0);
+          setInitStatus('rejected');
+        case 23:
+          return _context.abrupt("return", function () {
+            return controller.abort();
+          });
+        case 24:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[2, 19]]);
+  })), [materialLecturePage]);
+  React.useEffect(function () {
     if (canInit && materialLecturePage) {
       void doInitilize();
     }
   }, [canInit, materialLecturePage, doInitilize]);
-  return React.createElement(StateContext.Provider, {
+  return jsx(StateContext.Provider, {
     value: {
-      course,
-      lecture,
+      course: course,
+      lecture: lecture,
       materialSurvey: materialSurvey !== null && materialSurvey !== void 0 ? materialSurvey : undefined,
-      userId,
-      vertical,
-      initStatus
-    }
-  }, React.createElement(DispatchContext.Provider, {
-    value: {
-      onSubmit,
-      onNext,
-      refreshOrgMaterialSurvey,
-      setVertical
-    }
-  }, children));
+      userId: userId,
+      vertical: vertical,
+      initStatus: initStatus
+    },
+    children: jsx(DispatchContext.Provider, {
+      value: {
+        onSubmit: onSubmit,
+        onNext: onNext,
+        refreshOrgMaterialSurvey: refreshOrgMaterialSurvey,
+        setVertical: setVertical
+      },
+      children: children
+    })
+  });
 }
 function useMaterialSurveyState() {
-  const context = React.useContext(StateContext);
+  var context = React.useContext(StateContext);
   if (context === undefined) {
     throw new Error('useMaterialSurveyState must be used within a MaterialSurveyProvider');
   }
   return context;
 }
 function useMaterialSurveyDispatch() {
-  const context = React.useContext(DispatchContext);
+  var context = React.useContext(DispatchContext);
   if (context === undefined) {
     throw new Error('useMaterialSurveyDispatch must be used within a MaterialSurveyProvider');
   }

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

@@ -0,0 +1,2 @@
+export { default as MaterialSurvey } from './MaterialSurvey.js';
+export { default as MaterialSurveyInfo } from './MaterialSurveyInfo.js';

package/es/components/material-survey/locales/index.js

@@ -0,0 +1,4 @@
+export { default as messageEn } from './en.json.js';
+export { default as messageKo } from './ko.json.js';
+export { default as messageTh } from './th.json.js';
+export { default as messageJa } from './ja.json.js';

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

@@ -1,3 +1,4 @@
+import { jsx } from 'react/jsx-runtime';
 import React, { forwardRef } from 'react';
 import { useForm, FormProvider } from 'react-hook-form';
 import { RawEliceIntlProvider, IntlComponentBuilder } from '@elice/intl';
@@ -11,29 +12,28 @@ import MaterialSurveyEditContent from './MaterialSurveyEditContent.js';
 //
 //
 //
-const MaterialSurveyEdit = forwardRef(({
-  value,
-  disabled = false,
-  onChange,
-  onFormStateChange,
-  onFileUploadRequest,
-  __intl
-}, ref) => {
-  const formElRef = React.useRef(null);
-  const useFormMethods = useForm({
+var MaterialSurveyEdit = forwardRef(function (_ref, ref) {
+  var value = _ref.value,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    onChange = _ref.onChange,
+    onFormStateChange = _ref.onFormStateChange,
+    onFileUploadRequest = _ref.onFileUploadRequest,
+    __intl = _ref.__intl;
+  var formElRef = React.useRef(null);
+  var useFormMethods = useForm({
     defaultValues: 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`.
   //
-  useDeepClonedCompareEffect(() => {
+  useDeepClonedCompareEffect(function () {
     useFormMethods.reset(manipulateValue(value), {
       keepDirty: true,
       keepErrors: true,
@@ -47,15 +47,17 @@ const MaterialSurveyEdit = forwardRef(({
   // Emit `onChange` handler when form value changed.
   // TODO: will be removed, since `CourseLecturesMaterialTemplate` removed at `elice-web`.
   //
-  useDeepClonedCompareEffect(() => onChange(restoreValue(watchedMaterialSurveyEditValue)), [watchedMaterialSurveyEditValue]);
+  useDeepClonedCompareEffect(function () {
+    return onChange(restoreValue(watchedMaterialSurveyEditValue));
+  }, [watchedMaterialSurveyEditValue]);
   //
   // Emit `onFormStateChange` handler when form state change.
   //
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (typeof onFormStateChange === 'function') {
       onFormStateChange({
-        isDirty,
-        isValid
+        isDirty: isDirty,
+        isValid: isValid
       });
     }
   },
@@ -64,25 +66,32 @@ const MaterialSurveyEdit = forwardRef(({
   //
   // Set ref.
   //
-  React.useImperativeHandle(ref, () => Object.assign(Object.assign({}, formElRef.current), {
-    reset: () => {
-      useFormMethods.reset(manipulateValue(value));
-      void useFormMethods.trigger();
-    }
-  }), [useFormMethods, value]);
+  React.useImperativeHandle(ref, function () {
+    return Object.assign(Object.assign({}, formElRef.current), {
+      reset: function reset() {
+        useFormMethods.reset(manipulateValue(value));
+        void useFormMethods.trigger();
+      }
+    });
+  }, [useFormMethods, value]);
   //
   //
   //
-  return React.createElement(RawEliceIntlProvider, {
-    value: __intl
-  }, React.createElement("form", {
-    ref: formElRef
-  }, React.createElement(MaterialSurveyEditContext.Provider, {
-    value: {
-      disabled,
-      onFileUploadRequest
-    }
-  }, React.createElement(FormProvider, Object.assign({}, useFormMethods), React.createElement(MaterialSurveyEditContent, null)))));
+  return jsx(RawEliceIntlProvider, {
+    value: __intl,
+    children: jsx("form", {
+      ref: formElRef,
+      children: jsx(MaterialSurveyEditContext.Provider, {
+        value: {
+          disabled: disabled,
+          onFileUploadRequest: onFileUploadRequest
+        },
+        children: jsx(FormProvider, Object.assign({}, useFormMethods, {
+          children: jsx(MaterialSurveyEditContent, {})
+        }))
+      })
+    })
+  });
 });
 var MaterialSurveyEdit$1 = new IntlComponentBuilder(MaterialSurveyEdit).add('en', messageEn).add('ko', messageKo).addAsync('th', import('./locales/th.json.js')).addAsync('ja', import('./locales/ja.json.js')).build();
 

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

@@ -1,3 +1,5 @@
+import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { useFormContext, Controller } from 'react-hook-form';
 import { FormInputVerticalLayout, Label, Input, Tooltip, Select, Vspace } from '@elice/blocks';
@@ -9,28 +11,29 @@ import { createRandomId } from './utils/randomId.js';
 import { useMaterialSurveyEditContext } from './context.js';
 import OptionSelectOne from './MaterialSurveyEditOptionSelect.js';
 
-const MIN_TEXT_LENGTH = 1;
-const MAX_TEXT_LENGTH = 128;
-const StyledSurveyOptionTypeSelectWrap = styled.div.withConfig({
+var MIN_TEXT_LENGTH = 1;
+var MAX_TEXT_LENGTH = 128;
+var StyledSurveyOptionTypeSelectWrap = styled.div.withConfig({
   componentId: "sc-r4ms68-0"
 })(["display:flex;max-width:12rem;"]);
-const MaterialSurveyEditContent = () => {
-  const intl = useRawEliceIntl();
-  const {
-    disabled,
-    onFileUploadRequest
-  } = useMaterialSurveyEditContext();
-  const {
-    control,
-    watch,
-    setValue
-  } = useFormContext();
-  const [watchedOptionType, watchedOptionInfo] = watch(['questionInfoList.0.optionType', 'questionInfoList.0.optionInfo']);
+var MaterialSurveyEditContent = function MaterialSurveyEditContent() {
+  var intl = useRawEliceIntl();
+  var _useMaterialSurveyEdi = useMaterialSurveyEditContext(),
+    disabled = _useMaterialSurveyEdi.disabled,
+    onFileUploadRequest = _useMaterialSurveyEdi.onFileUploadRequest;
+  var _useFormContext = useFormContext(),
+    control = _useFormContext.control,
+    watch = _useFormContext.watch,
+    setValue = _useFormContext.setValue;
+  var _watch = watch(['questionInfoList.0.optionType', 'questionInfoList.0.optionInfo']),
+    _watch2 = _slicedToArray(_watch, 2),
+    watchedOptionType = _watch2[0],
+    watchedOptionInfo = _watch2[1];
   //
   // Change `optionInfo` according to `optionType`.
   //
-  React.useEffect(() => {
-    const get = () => {
+  React.useEffect(function () {
+    var get = function get() {
       switch (watchedOptionType) {
         case enums.SurveyOptionType.SelectOne:
         case enums.SurveyOptionType.SelectMultiple:
@@ -65,7 +68,7 @@ const MaterialSurveyEditContent = () => {
    * Input of option info and answer info,
    * according to option type.
    */
-  const Option = React.useMemo(() => {
+  var Option = React.useMemo(function () {
     switch (watchedOptionType) {
       case enums.SurveyOptionType.SelectOne:
       case enums.SurveyOptionType.SelectMultiple:
@@ -78,15 +81,16 @@ const MaterialSurveyEditContent = () => {
   /**
    * Render input for survey title.
    */
-  const renderQuestionTitleInput = () => {
-    return React.createElement(FormInputVerticalLayout, {
-      label: React.createElement(Label, {
+  var renderQuestionTitleInput = function renderQuestionTitleInput() {
+    return jsx(FormInputVerticalLayout, {
+      label: jsx(Label, {
         size: "small",
-        required: true
-      }, intl.formatMessage({
-        id: 'content.title'
-      })),
-      input: React.createElement(Controller, {
+        required: true,
+        children: intl.formatMessage({
+          id: 'content.title'
+        })
+      }),
+      input: jsx(Controller, {
         control: control,
         name: "questionInfoList.0.questionTitle",
         rules: {
@@ -115,12 +119,11 @@ const MaterialSurveyEditContent = () => {
             })
           }
         },
-        render: ({
-          field,
-          fieldState
-        }) => {
+        render: function render(_ref) {
+          var field = _ref.field,
+            fieldState = _ref.fieldState;
           var _a;
-          return React.createElement(Input, Object.assign({
+          return jsx(Input, Object.assign({
             size: "small",
             width: "full",
             minLength: MIN_TEXT_LENGTH,
@@ -138,79 +141,93 @@ const MaterialSurveyEditContent = () => {
   /**
    * Render input for survey description.
    */
-  const renderQuestionDescriptionInput = () => {
-    return React.createElement(FormInputVerticalLayout, {
-      label: React.createElement(Label, {
-        size: "small"
-      }, intl.formatMessage({
-        id: 'content.description.title'
-      })),
-      input: React.createElement(Controller, {
+  var renderQuestionDescriptionInput = function renderQuestionDescriptionInput() {
+    return jsx(FormInputVerticalLayout, {
+      label: jsx(Label, {
+        size: "small",
+        children: intl.formatMessage({
+          id: 'content.description.title'
+        })
+      }),
+      input: jsx(Controller, {
         control: control,
         name: "questionInfoList.0.questionDescription",
-        render: ({
-          field
-        }) => React.createElement(MarkdownEditor, Object.assign({
-          placeholder: intl.formatMessage({
-            id: 'content.description.placeholder'
-          }),
-          onFileUploadRequest: onFileUploadRequest
-        }, field))
+        render: function render(_ref2) {
+          var field = _ref2.field;
+          return jsx(MarkdownEditor, Object.assign({
+            placeholder: intl.formatMessage({
+              id: 'content.description.placeholder'
+            }),
+            onFileUploadRequest: onFileUploadRequest
+          }, field));
+        }
       })
     });
   };
   /**
    * Render input of option type, option info and answer info.
    */
-  const renderOptionInput = () => {
-    return React.createElement(FormInputVerticalLayout, {
-      label: React.createElement(Label, {
+  var renderOptionInput = function renderOptionInput() {
+    return jsx(FormInputVerticalLayout, {
+      label: jsx(Label, {
         size: "small",
-        required: true
-      }, intl.formatMessage({
-        id: 'content.option.title'
-      })),
-      input: React.createElement(React.Fragment, null, React.createElement(Controller, {
-        control: control,
-        name: "questionInfoList.0.optionType",
-        render: ({
-          field
-        }) => React.createElement(Tooltip, {
-          title: disabled ? intl.formatMessage({
-            id: 'content.option.tooltip.disabled'
-          }) : undefined,
-          placement: "top-end"
-        }, React.createElement(StyledSurveyOptionTypeSelectWrap, null, React.createElement(Select, Object.assign({
-          size: "small",
-          width: "small",
-          readOnly: disabled
-        }, field, {
-          onChange: v => field.onChange(Number(v))
-        }), React.createElement("option", {
-          value: enums.SurveyOptionType.SelectOne,
-          children: intl.formatMessage({
-            id: 'content.option.select.items.selectOne'
-          })
-        }), React.createElement("option", {
-          value: enums.SurveyOptionType.SelectMultiple,
-          children: intl.formatMessage({
-            id: 'content.option.select.items.selectMultiple'
-          })
-        }), React.createElement("option", {
-          value: enums.SurveyOptionType.Text,
-          children: intl.formatMessage({
-            id: 'content.option.select.items.text'
-          })
-        }))))
-      }), React.createElement(Vspace, {
-        height: 0.5
-      }), React.createElement(Option, null))
+        required: true,
+        children: intl.formatMessage({
+          id: 'content.option.title'
+        })
+      }),
+      input: jsxs(Fragment, {
+        children: [jsx(Controller, {
+          control: control,
+          name: "questionInfoList.0.optionType",
+          render: function render(_ref3) {
+            var field = _ref3.field;
+            return jsx(Tooltip, {
+              title: disabled ? intl.formatMessage({
+                id: 'content.option.tooltip.disabled'
+              }) : undefined,
+              placement: "top-end",
+              children: jsx(StyledSurveyOptionTypeSelectWrap, {
+                children: jsxs(Select, Object.assign({
+                  size: "small",
+                  width: "small",
+                  readOnly: disabled
+                }, field, {
+                  onChange: function onChange(v) {
+                    return field.onChange(Number(v));
+                  },
+                  children: [jsx("option", {
+                    value: enums.SurveyOptionType.SelectOne,
+                    children: intl.formatMessage({
+                      id: 'content.option.select.items.selectOne'
+                    })
+                  }), jsx("option", {
+                    value: enums.SurveyOptionType.SelectMultiple,
+                    children: intl.formatMessage({
+                      id: 'content.option.select.items.selectMultiple'
+                    })
+                  }), jsx("option", {
+                    value: enums.SurveyOptionType.Text,
+                    children: intl.formatMessage({
+                      id: 'content.option.select.items.text'
+                    })
+                  })]
+                }))
+              })
+            });
+          }
+        }), jsx(Vspace, {
+          height: 0.5
+        }), jsx(Option, {})]
+      })
     });
   };
   //
   //
   //
-  return React.createElement(React.Fragment, null, renderQuestionTitleInput(), renderQuestionDescriptionInput(), renderOptionInput());
+  return jsxs(Fragment, {
+    children: [renderQuestionTitleInput(), renderQuestionDescriptionInput(), renderOptionInput()]
+  });
 };
 
 export { MaterialSurveyEditContent as default };