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

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

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var intl = require('@elice/intl');
@@ -13,35 +12,32 @@ var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
 var MaterialSurveyEditContent = require('./MaterialSurveyEditContent.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
 //
 //
 //
-var MaterialSurveyEdit = React.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__default.default.useRef(null);
-  var useFormMethods = reactHookForm.useForm({
+const MaterialSurveyEdit = React.forwardRef(({
+  value,
+  disabled = false,
+  onChange,
+  onFormStateChange,
+  onFileUploadRequest,
+  __intl
+}, 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,
@@ -55,17 +51,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
       });
     }
   },
@@ -74,32 +68,25 @@ 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 jsxRuntime.jsx(intl.RawEliceIntlProvider, {
-    value: __intl,
-    children: jsxRuntime.jsx("form", {
-      ref: formElRef,
-      children: jsxRuntime.jsx(context.default.Provider, {
-        value: {
-          disabled: disabled,
-          onFileUploadRequest: onFileUploadRequest
-        },
-        children: jsxRuntime.jsx(reactHookForm.FormProvider, Object.assign({}, useFormMethods, {
-          children: jsxRuntime.jsx(MaterialSurveyEditContent.default, {})
-        }))
-      })
-    })
-  });
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement("form", {
+    ref: formElRef
+  }, React.createElement(context.default.Provider, {
+    value: {
+      disabled,
+      onFileUploadRequest
+    }
+  }, React.createElement(reactHookForm.FormProvider, Object.assign({}, useFormMethods), React.createElement(MaterialSurveyEditContent.default, null)))));
 });
 var MaterialSurveyEdit$1 = new intl.IntlComponentBuilder(MaterialSurveyEdit).add('en', en.default).add('ko', ko.default).addAsync('th', Promise.resolve().then(function () { return require('./locales/th.json.js'); })).addAsync('ja', Promise.resolve().then(function () { return require('./locales/ja.json.js'); })).build();
 

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

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var blocks = require('@elice/blocks');
@@ -15,34 +13,28 @@ var randomId = require('./utils/randomId.js');
 var context = require('./context.js');
 var MaterialSurveyEditOptionSelect = require('./MaterialSurveyEditOptionSelect.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(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$1 = intl.useRawEliceIntl();
-  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$1 = intl.useRawEliceIntl();
+  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:
@@ -77,29 +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;
       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 jsxRuntime.jsx(blocks.FormInputVerticalLayout, {
-      label: jsxRuntime.jsx(blocks.Label, {
+  const renderQuestionTitleInput = () => {
+    return React.createElement(blocks.FormInputVerticalLayout, {
+      label: React.createElement(blocks.Label, {
         size: "small",
-        required: true,
-        children: intl$1.formatMessage({
-          id: 'content.title'
-        })
-      }),
-      input: jsxRuntime.jsx(reactHookForm.Controller, {
+        required: true
+      }, intl$1.formatMessage({
+        id: 'content.title'
+      })),
+      input: React.createElement(reactHookForm.Controller, {
         control: control,
         name: "questionInfoList.0.questionTitle",
         rules: {
@@ -128,11 +119,12 @@ var MaterialSurveyEditContent = function MaterialSurveyEditContent() {
             })
           }
         },
-        render: function render(_ref) {
-          var field = _ref.field,
-            fieldState = _ref.fieldState;
+        render: ({
+          field,
+          fieldState
+        }) => {
           var _a;
-          return jsxRuntime.jsx(blocks.Input, Object.assign({
+          return React.createElement(blocks.Input, Object.assign({
             size: "small",
             width: "full",
             minLength: MIN_TEXT_LENGTH,
@@ -150,93 +142,79 @@ var MaterialSurveyEditContent = function MaterialSurveyEditContent() {
   /**
    * Render input for survey description.
    */
-  var renderQuestionDescriptionInput = function renderQuestionDescriptionInput() {
-    return jsxRuntime.jsx(blocks.FormInputVerticalLayout, {
-      label: jsxRuntime.jsx(blocks.Label, {
-        size: "small",
-        children: intl$1.formatMessage({
-          id: 'content.description.title'
-        })
-      }),
-      input: jsxRuntime.jsx(reactHookForm.Controller, {
+  const renderQuestionDescriptionInput = () => {
+    return React.createElement(blocks.FormInputVerticalLayout, {
+      label: React.createElement(blocks.Label, {
+        size: "small"
+      }, intl$1.formatMessage({
+        id: 'content.description.title'
+      })),
+      input: React.createElement(reactHookForm.Controller, {
         control: control,
         name: "questionInfoList.0.questionDescription",
-        render: function render(_ref2) {
-          var field = _ref2.field;
-          return jsxRuntime.jsx(index.MarkdownEditor, Object.assign({
-            placeholder: intl$1.formatMessage({
-              id: 'content.description.placeholder'
-            }),
-            onFileUploadRequest: onFileUploadRequest
-          }, field));
-        }
+        render: ({
+          field
+        }) => React.createElement(index.MarkdownEditor, Object.assign({
+          placeholder: intl$1.formatMessage({
+            id: 'content.description.placeholder'
+          }),
+          onFileUploadRequest: onFileUploadRequest
+        }, field))
       })
     });
   };
   /**
    * Render input of option type, option info and answer info.
    */
-  var renderOptionInput = function renderOptionInput() {
-    return jsxRuntime.jsx(blocks.FormInputVerticalLayout, {
-      label: jsxRuntime.jsx(blocks.Label, {
+  const renderOptionInput = () => {
+    return React.createElement(blocks.FormInputVerticalLayout, {
+      label: React.createElement(blocks.Label, {
         size: "small",
-        required: true,
-        children: intl$1.formatMessage({
-          id: 'content.option.title'
-        })
-      }),
-      input: jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [jsxRuntime.jsx(reactHookForm.Controller, {
-          control: control,
-          name: "questionInfoList.0.optionType",
-          render: function render(_ref3) {
-            var field = _ref3.field;
-            return jsxRuntime.jsx(blocks.Tooltip, {
-              title: disabled ? intl$1.formatMessage({
-                id: 'content.option.tooltip.disabled'
-              }) : undefined,
-              placement: "top-end",
-              children: jsxRuntime.jsx(StyledSurveyOptionTypeSelectWrap, {
-                children: jsxRuntime.jsxs(blocks.Select, Object.assign({
-                  size: "small",
-                  width: "small",
-                  readOnly: disabled
-                }, field, {
-                  onChange: function onChange(v) {
-                    return field.onChange(Number(v));
-                  },
-                  children: [jsxRuntime.jsx("option", {
-                    value: types.enums.SurveyOptionType.SelectOne,
-                    children: intl$1.formatMessage({
-                      id: 'content.option.select.items.selectOne'
-                    })
-                  }), jsxRuntime.jsx("option", {
-                    value: types.enums.SurveyOptionType.SelectMultiple,
-                    children: intl$1.formatMessage({
-                      id: 'content.option.select.items.selectMultiple'
-                    })
-                  }), jsxRuntime.jsx("option", {
-                    value: types.enums.SurveyOptionType.Text,
-                    children: intl$1.formatMessage({
-                      id: 'content.option.select.items.text'
-                    })
-                  })]
-                }))
-              })
-            });
-          }
-        }), jsxRuntime.jsx(blocks.Vspace, {
-          height: 0.5
-        }), jsxRuntime.jsx(Option, {})]
-      })
+        required: true
+      }, intl$1.formatMessage({
+        id: 'content.option.title'
+      })),
+      input: React.createElement(React.Fragment, null, React.createElement(reactHookForm.Controller, {
+        control: control,
+        name: "questionInfoList.0.optionType",
+        render: ({
+          field
+        }) => React.createElement(blocks.Tooltip, {
+          title: disabled ? intl$1.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$1.formatMessage({
+            id: 'content.option.select.items.selectOne'
+          })
+        }), React.createElement("option", {
+          value: types.enums.SurveyOptionType.SelectMultiple,
+          children: intl$1.formatMessage({
+            id: 'content.option.select.items.selectMultiple'
+          })
+        }), React.createElement("option", {
+          value: types.enums.SurveyOptionType.Text,
+          children: intl$1.formatMessage({
+            id: 'content.option.select.items.text'
+          })
+        }))))
+      }), React.createElement(blocks.Vspace, {
+        height: 0.5
+      }), React.createElement(Option, null))
     });
   };
   //
   //
   //
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [renderQuestionTitleInput(), renderQuestionDescriptionInput(), renderOptionInput()]
-  });
+  return React.createElement(React.Fragment, null, renderQuestionTitleInput(), renderQuestionDescriptionInput(), renderOptionInput());
 };
 
 exports.default = MaterialSurveyEditContent;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var reactHookForm = require('react-hook-form');
 var blocks = require('@elice/blocks');
 var icons = require('@elice/icons');
@@ -11,36 +11,35 @@ var styled = require('styled-components');
 var randomId = require('./utils/randomId.js');
 var context = require('./context.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-var MIN_OPTION_INFO_COUNT = 2;
-var MAX_OPTION_INFO_COUNT = 20;
-var StyledWrap = styled__default.default.div.withConfig({
+const MIN_OPTION_INFO_COUNT = 2;
+const MAX_OPTION_INFO_COUNT = 20;
+const StyledWrap = styled.div.withConfig({
   componentId: "sc-1eiyk6z-0"
 })([""]);
-var StyledInputGroup = styled__default.default.div.withConfig({
+const StyledInputGroup = styled.div.withConfig({
   componentId: "sc-1eiyk6z-1"
 })(["width:100%;.eb-input{margin-bottom:0.5rem;&:last-of-type{margin-bottom:0;}}"]);
-var OptionSelectOne = function OptionSelectOne() {
-  var intl$1 = intl.useRawEliceIntl();
-  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;
+const OptionSelectOne = () => {
+  const intl$1 = intl.useRawEliceIntl();
+  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
+  });
   /**
    * Append option info.
    */
-  var appendOptionInfo = function appendOptionInfo() {
+  const appendOptionInfo = () => {
     appendOptionInfoFieldItem({
       id: randomId.createRandomId(),
       value: ''
@@ -49,88 +48,76 @@ var OptionSelectOne = function OptionSelectOne() {
   /**
    * Remove item from option info at index.
    */
-  var removeOptionInfo = function removeOptionInfo(index) {
+  const removeOptionInfo = index => {
     removeOptionInfoFieldItem(index);
   };
   //
   //
   //
-  return jsxRuntime.jsxs(StyledWrap, {
-    children: [jsxRuntime.jsx(StyledInputGroup, {
-      children: optionInfoFields.map(function (_ref, index) {
-        var id = _ref.id;
-        return jsxRuntime.jsx(reactHookForm.Controller, {
-          control: control,
-          name: "questionInfoList.0.optionInfo.".concat(index, ".value"),
-          rules: {
-            required: {
-              value: true,
-              message: intl$1.formatMessage({
-                id: 'option.common.select.errorMessage.required'
-              })
-            }
-          },
-          render: function render(_ref2) {
-            var field = _ref2.field,
-              fieldState = _ref2.fieldState;
-            var _a;
-            return jsxRuntime.jsx(blocks.Input, Object.assign({
-              size: "small",
-              width: "full",
-              placeholder: intl$1.formatMessage({
-                id: 'option.common.select.placeholder'
-              }),
-              suffix: jsxRuntime.jsx(blocks.Tooltip, {
-                title: optionInfoFields.length <= MIN_OPTION_INFO_COUNT ? intl$1.formatMessage({
-                  id: 'option.common.select.tooltip.minOptionInfoItem'
-                }) : undefined,
-                placement: "top-start",
-                children: jsxRuntime.jsx("span", {
-                  children: jsxRuntime.jsx(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));
-          }
-        }, id);
-      })
-    }), jsxRuntime.jsx(blocks.Vspace, {
-      height: 0.5
-    }), jsxRuntime.jsx(blocks.Tooltip, {
-      title: optionInfoFields.length >= MAX_OPTION_INFO_COUNT ? intl$1.formatMessage({
-        id: 'option.common.select.tooltip.maxOptionInfoItem'
-      }) : undefined,
-      placement: "bottom",
-      children: jsxRuntime.jsx("span", {
-        children: jsxRuntime.jsx(blocks.Button, {
-          block: true,
-          size: "micro",
-          borderDashed: true,
-          transparent: true,
-          icon: jsxRuntime.jsx(blocks.Icon, {
-            icon: icons.eilMathsignAddCircle
-          }),
-          disabled: optionInfoFields.length >= MAX_OPTION_INFO_COUNT || disabled,
-          onClick: appendOptionInfo,
-          children: intl$1.formatMessage({
-            id: 'option.common.select.addButton'
-          })
+  return React.createElement(StyledWrap, null, React.createElement(StyledInputGroup, null, optionInfoFields.map(({
+    id
+  }, index) => React.createElement(reactHookForm.Controller, {
+    key: id,
+    control: control,
+    name: `questionInfoList.0.optionInfo.${index}.value`,
+    rules: {
+      required: {
+        value: true,
+        message: intl$1.formatMessage({
+          id: 'option.common.select.errorMessage.required'
         })
-      })
-    })]
-  });
+      }
+    },
+    render: ({
+      field,
+      fieldState
+    }) => {
+      var _a;
+      return React.createElement(blocks.Input, Object.assign({
+        size: "small",
+        width: "full",
+        placeholder: intl$1.formatMessage({
+          id: 'option.common.select.placeholder'
+        }),
+        suffix: React.createElement(blocks.Tooltip, {
+          title: optionInfoFields.length <= MIN_OPTION_INFO_COUNT ? intl$1.formatMessage({
+            id: 'option.common.select.tooltip.minOptionInfoItem'
+          }) : undefined,
+          placement: "top-start"
+        }, React.createElement("span", null, React.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.createElement(blocks.Vspace, {
+    height: 0.5
+  }), React.createElement(blocks.Tooltip, {
+    title: optionInfoFields.length >= MAX_OPTION_INFO_COUNT ? intl$1.formatMessage({
+      id: 'option.common.select.tooltip.maxOptionInfoItem'
+    }) : undefined,
+    placement: "bottom"
+  }, React.createElement("span", null, React.createElement(blocks.Button, {
+    block: true,
+    size: "micro",
+    borderDashed: true,
+    transparent: true,
+    icon: React.createElement(blocks.Icon, {
+      icon: icons.eilMathsignAddCircle
+    }),
+    disabled: optionInfoFields.length >= MAX_OPTION_INFO_COUNT || disabled,
+    onClick: appendOptionInfo
+  }, intl$1.formatMessage({
+    id: 'option.common.select.addButton'
+  })))));
 };
 
 exports.default = OptionSelectOne;

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

@@ -4,14 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var MaterialSurveyEditContext = React__default.default.createContext(null);
-var useMaterialSurveyEditContext = function useMaterialSurveyEditContext() {
-  return React__default.default.useContext(MaterialSurveyEditContext);
-};
+const MaterialSurveyEditContext = React.createContext(null);
+const useMaterialSurveyEditContext = () => React.useContext(MaterialSurveyEditContext);
 
 exports.default = MaterialSurveyEditContext;
 exports.useMaterialSurveyEditContext = useMaterialSurveyEditContext;