@elice/material-survey 1.231227.0 → 1.240112.0-cloud.0

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

@@ -1,142 +1,102 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var materialSharedUtils = require('@elice/material-shared-utils');
 var types = require('@elice/types');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var StateContext = React__default["default"].createContext(undefined);
-var DispatchContext = React__default["default"].createContext(undefined);
+const StateContext = React.createContext(undefined);
+const DispatchContext = React.createContext(undefined);
 StateContext.displayName = 'MaterialSurveyStateContext';
 DispatchContext.displayName = 'MaterialSurveyDispatchContext';
-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__default["default"].useState(),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    course = _React$useState2[0],
-    setCourse = _React$useState2[1];
-  var _React$useState3 = React__default["default"].useState(),
-    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
-    lecture = _React$useState4[0],
-    setLecture = _React$useState4[1];
-  var _React$useState5 = React__default["default"].useState('idle'),
-    _React$useState6 = _rollupPluginBabelHelpers.slicedToArray(_React$useState5, 2),
-    initStatus = _React$useState6[0],
-    setInitStatus = _React$useState6[1];
-  var _React$useState7 = React__default["default"].useState(false),
-    _React$useState8 = _rollupPluginBabelHelpers.slicedToArray(_React$useState7, 2),
-    vertical = _React$useState8[0],
-    setVertical = _React$useState8[1];
-  var canInit = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
-  var _useMaterialFetchRaw = materialSharedUtils.useMaterialFetchRaw(types.enums.LectureMaterialType.Survey, React__default["default"].useCallback(function (signal) {
-      return apiClient.getOrgMaterialSurveyGet({
-        materialSurveyId: materialSurveyId
+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 = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
+  const {
+    materialSurvey,
+    materialLecturePage,
+    refetch: refreshOrgMaterialSurvey
+  } = materialSharedUtils.useMaterialFetchRaw(types.enums.LectureMaterialType.Survey, React.useCallback(signal => apiClient.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 apiClient.getOrgCourseGet({
+        courseId: materialLecturePage.courseId
       }, {
-        signal: signal
+        signal
       });
-    }, [materialSurveyId]), canInit),
-    materialSurvey = _useMaterialFetchRaw.materialSurvey,
-    materialLecturePage = _useMaterialFetchRaw.materialLecturePage,
-    refreshOrgMaterialSurvey = _useMaterialFetchRaw.refetch;
-  var doInitilize = React__default["default"].useCallback( /*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-    var controller, signal, _yield$getOrgCourseGe, _course, _yield$getOrgLectureG, _lecture;
-    return _rollupPluginBabelHelpers.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 apiClient.getOrgCourseGet({
-            courseId: materialLecturePage.courseId
-          }, {
-            signal: signal
-          });
-        case 8:
-          _yield$getOrgCourseGe = _context.sent;
-          _course = _yield$getOrgCourseGe.course;
-          _context.next = 12;
-          return apiClient.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__default["default"].useEffect(function () {
+      // fetch lecture
+      const {
+        lecture
+      } = await apiClient.getOrgLectureGet({
+        lectureId: materialLecturePage.lectureId
+      }, {
+        signal
+      });
+      setCourse(course);
+      setLecture(lecture);
+      setInitStatus('resolved');
+    } catch (error) {
+      console.error(error);
+      setInitStatus('rejected');
+    }
+    return () => controller.abort();
+  }, [materialLecturePage]);
+  React.useEffect(() => {
     if (canInit && materialLecturePage) {
       void doInitilize();
     }
   }, [canInit, materialLecturePage, doInitilize]);
-  return React__default["default"].createElement(StateContext.Provider, {
+  return React.createElement(StateContext.Provider, {
     value: {
-      course: course,
-      lecture: lecture,
+      course,
+      lecture,
       materialSurvey: materialSurvey !== null && materialSurvey !== void 0 ? materialSurvey : undefined,
-      userId: userId,
-      vertical: vertical,
-      initStatus: initStatus
+      userId,
+      vertical,
+      initStatus
     }
-  }, React__default["default"].createElement(DispatchContext.Provider, {
+  }, React.createElement(DispatchContext.Provider, {
     value: {
-      onSubmit: onSubmit,
-      onNext: onNext,
-      refreshOrgMaterialSurvey: refreshOrgMaterialSurvey,
-      setVertical: setVertical
+      onSubmit,
+      onNext,
+      refreshOrgMaterialSurvey,
+      setVertical
     }
   }, children));
 }
 function useMaterialSurveyState() {
-  var context = React__default["default"].useContext(StateContext);
+  const context = React.useContext(StateContext);
   if (context === undefined) {
     throw new Error('useMaterialSurveyState must be used within a MaterialSurveyProvider');
   }
   return context;
 }
 function useMaterialSurveyDispatch() {
-  var context = React__default["default"].useContext(DispatchContext);
+  const context = React.useContext(DispatchContext);
   if (context === undefined) {
     throw new Error('useMaterialSurveyDispatch must be used within a MaterialSurveyProvider');
   }

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

@@ -11,33 +11,29 @@ var context = require('./context.js');
 var locales = require('./locales.js');
 var MaterialSurveyEditContent = require('./MaterialSurveyEditContent.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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({
+const MaterialSurveyEdit = React.forwardRef(({
+  value,
+  disabled = false,
+  locale = 'en',
+  onChange,
+  onFormStateChange,
+  onFileUploadRequest
+}, ref) => {
+  const formElRef = React.useRef(null);
+  const useFormMethods = reactHookForm.useForm({
     defaultValues: editValue.manipulateValue(value),
     mode: 'onBlur'
   });
-  var watchedMaterialSurveyEditValue = useFormMethods.watch();
-  var _useFormMethods$formS = useFormMethods.formState,
-    isDirty = _useFormMethods$formS.isDirty,
-    isValid = _useFormMethods$formS.isValid;
+  const watchedMaterialSurveyEditValue = useFormMethods.watch();
+  const {
+    isDirty,
+    isValid
+  } = useFormMethods.formState;
   //
   // Reset from value, when `value` changes.
   // TODO: will be removed, since `CourseLecturesMaterialTemplate` removed at `elice-web`.
   //
-  materialSharedUtils.useDeepClonedCompareEffect(function () {
+  materialSharedUtils.useDeepClonedCompareEffect(() => {
     useFormMethods.reset(editValue.manipulateValue(value), {
       keepDirty: true,
       keepErrors: true,
@@ -51,17 +47,15 @@ var MaterialSurveyEdit = React.forwardRef(function (_ref, ref) {
   // Emit `onChange` handler when form value changed.
   // TODO: will be removed, since `CourseLecturesMaterialTemplate` removed at `elice-web`.
   //
-  materialSharedUtils.useDeepClonedCompareEffect(function () {
-    return onChange(editValue.restoreValue(watchedMaterialSurveyEditValue));
-  }, [watchedMaterialSurveyEditValue]);
+  materialSharedUtils.useDeepClonedCompareEffect(() => onChange(editValue.restoreValue(watchedMaterialSurveyEditValue)), [watchedMaterialSurveyEditValue]);
   //
   // Emit `onFormStateChange` handler when form state change.
   //
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (typeof onFormStateChange === 'function') {
       onFormStateChange({
-        isDirty: isDirty,
-        isValid: isValid
+        isDirty,
+        isValid
       });
     }
   },
@@ -70,29 +64,27 @@ var MaterialSurveyEdit = React.forwardRef(function (_ref, ref) {
   //
   // Set ref.
   //
-  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]);
+  React.useImperativeHandle(ref, () => Object.assign(Object.assign({}, formElRef.current), {
+    reset: () => {
+      useFormMethods.reset(editValue.manipulateValue(value));
+      void useFormMethods.trigger();
+    }
+  }), [useFormMethods, value]);
   //
   //
   //
-  return React__default["default"].createElement("form", {
+  return React.createElement("form", {
     ref: formElRef
-  }, React__default["default"].createElement(context["default"].Provider, {
+  }, React.createElement(context.default.Provider, {
     value: {
-      disabled: disabled,
-      onFileUploadRequest: onFileUploadRequest
+      disabled,
+      onFileUploadRequest
     }
-  }, React__default["default"].createElement(reactIntl.IntlProvider, {
+  }, React.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["default"], null)))));
+  }, React.createElement(reactHookForm.FormProvider, Object.assign({}, useFormMethods), React.createElement(MaterialSurveyEditContent.default, null)))));
 });
 
-exports["default"] = MaterialSurveyEdit;
+exports.default = MaterialSurveyEdit;

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

@@ -2,7 +2,6 @@
 
 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');
@@ -14,34 +13,28 @@ var randomId = require('./utils/randomId.js');
 var context = require('./context.js');
 var MaterialSurveyEditOptionSelect = require('./MaterialSurveyEditOptionSelect.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);
-
-var MIN_TEXT_LENGTH = 1;
-var MAX_TEXT_LENGTH = 128;
-var StyledSurveyOptionTypeSelectWrap = styled__default["default"].div.withConfig({
+const MIN_TEXT_LENGTH = 1;
+const MAX_TEXT_LENGTH = 128;
+const StyledSurveyOptionTypeSelectWrap = styled.div.withConfig({
   componentId: "sc-r4ms68-0"
 })(["display:flex;max-width:12rem;"]);
-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];
+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']);
   //
   // Change `optionInfo` according to `optionType`.
   //
-  React__default["default"].useEffect(function () {
-    var get = function get() {
+  React.useEffect(() => {
+    const get = () => {
       switch (watchedOptionType) {
         case types.enums.SurveyOptionType.SelectOne:
         case types.enums.SurveyOptionType.SelectMultiple:
@@ -76,28 +69,28 @@ var MaterialSurveyEditContent = function MaterialSurveyEditContent() {
    * Input of option info and answer info,
    * according to option type.
    */
-  var Option = React__default["default"].useMemo(function () {
+  const Option = React.useMemo(() => {
     switch (watchedOptionType) {
       case types.enums.SurveyOptionType.SelectOne:
       case types.enums.SurveyOptionType.SelectMultiple:
-        return MaterialSurveyEditOptionSelect["default"];
+        return MaterialSurveyEditOptionSelect.default;
       case types.enums.SurveyOptionType.Text:
       default:
-        return React__default["default"].Fragment;
+        return React.Fragment;
     }
   }, [watchedOptionType]);
   /**
    * Render input for survey title.
    */
-  var renderQuestionTitleInput = function renderQuestionTitleInput() {
-    return React__default["default"].createElement(blocks.FormInputVerticalLayout, {
-      label: React__default["default"].createElement(blocks.Label, {
+  const renderQuestionTitleInput = () => {
+    return React.createElement(blocks.FormInputVerticalLayout, {
+      label: React.createElement(blocks.Label, {
         size: "small",
         required: true
-      }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      }, React.createElement(reactIntl.FormattedMessage, {
         id: "content.title"
       })),
-      input: React__default["default"].createElement(reactHookForm.Controller, {
+      input: React.createElement(reactHookForm.Controller, {
         control: control,
         name: "questionInfoList.0.questionTitle",
         rules: {
@@ -126,11 +119,12 @@ var MaterialSurveyEditContent = function MaterialSurveyEditContent() {
             })
           }
         },
-        render: function render(_ref) {
-          var field = _ref.field,
-            fieldState = _ref.fieldState;
+        render: ({
+          field,
+          fieldState
+        }) => {
           var _a;
-          return React__default["default"].createElement(blocks.Input, Object.assign({
+          return React.createElement(blocks.Input, Object.assign({
             size: "small",
             width: "full",
             minLength: MIN_TEXT_LENGTH,
@@ -148,84 +142,80 @@ var MaterialSurveyEditContent = function MaterialSurveyEditContent() {
   /**
    * Render input for survey description.
    */
-  var renderQuestionDescriptionInput = function renderQuestionDescriptionInput() {
-    return React__default["default"].createElement(blocks.FormInputVerticalLayout, {
-      label: React__default["default"].createElement(blocks.Label, {
+  const renderQuestionDescriptionInput = () => {
+    return React.createElement(blocks.FormInputVerticalLayout, {
+      label: React.createElement(blocks.Label, {
         size: "small"
-      }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      }, React.createElement(reactIntl.FormattedMessage, {
         id: "content.description.title"
       })),
-      input: React__default["default"].createElement(reactHookForm.Controller, {
+      input: React.createElement(reactHookForm.Controller, {
         control: control,
         name: "questionInfoList.0.questionDescription",
-        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: ({
+          field
+        }) => React.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.
    */
-  var renderOptionInput = function renderOptionInput() {
-    return React__default["default"].createElement(blocks.FormInputVerticalLayout, {
-      label: React__default["default"].createElement(blocks.Label, {
+  const renderOptionInput = () => {
+    return React.createElement(blocks.FormInputVerticalLayout, {
+      label: React.createElement(blocks.Label, {
         size: "small",
         required: true
-      }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      }, React.createElement(reactIntl.FormattedMessage, {
         id: "content.option.title"
       })),
-      input: React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(reactHookForm.Controller, {
+      input: React.createElement(React.Fragment, null, React.createElement(reactHookForm.Controller, {
         control: control,
         name: "questionInfoList.0.optionType",
-        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, {
+        render: ({
+          field
+        }) => React.createElement(blocks.Tooltip, {
+          title: disabled ? intl.formatMessage({
+            id: 'content.option.tooltip.disabled'
+          }) : undefined,
+          placement: "top-end"
+        }, React.createElement(StyledSurveyOptionTypeSelectWrap, null, React.createElement(blocks.Select, Object.assign({
+          size: "small",
+          width: "small",
+          readOnly: disabled
+        }, field, {
+          onChange: v => field.onChange(Number(v))
+        }), React.createElement("option", {
+          value: types.enums.SurveyOptionType.SelectOne,
+          children: intl.formatMessage({
+            id: 'content.option.select.items.selectOne'
+          })
+        }), React.createElement("option", {
+          value: types.enums.SurveyOptionType.SelectMultiple,
+          children: intl.formatMessage({
+            id: 'content.option.select.items.selectMultiple'
+          })
+        }), React.createElement("option", {
+          value: types.enums.SurveyOptionType.Text,
+          children: intl.formatMessage({
+            id: 'content.option.select.items.text'
+          })
+        }))))
+      }), React.createElement(blocks.Vspace, {
         height: 0.5
-      }), React__default["default"].createElement(Option, null))
+      }), React.createElement(Option, null))
     });
   };
   //
   //
   //
-  return React__default["default"].createElement(React__default["default"].Fragment, null, renderQuestionTitleInput(), renderQuestionDescriptionInput(), renderOptionInput());
+  return React.createElement(React.Fragment, null, renderQuestionTitleInput(), renderQuestionDescriptionInput(), renderOptionInput());
 };
 
-exports["default"] = MaterialSurveyEditContent;
+exports.default = MaterialSurveyEditContent;