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

package/cjs/components/markdown-editor/index.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { EliceWysiwygEditorProps } from '@elice/wysiwyg';
-export declare const MarkdownEditor: ({ value, onChange, ...props }: EliceWysiwygEditorProps) => JSX.Element;
+export declare const MarkdownEditor: ({ value, onChange, ...props }: EliceWysiwygEditorProps) => React.JSX.Element;

package/cjs/components/markdown-editor/index.js

@@ -1,34 +1,25 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactUse = require('react-use');
 var wysiwyg = require('@elice/wysiwyg');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var STATE_SYNC_DEBOUNCE_TIME = 50;
-var MarkdownEditor = function MarkdownEditor(_a) {
-  var value = _a.value,
-    onChange = _a.onChange,
+const STATE_SYNC_DEBOUNCE_TIME = 50;
+const MarkdownEditor = _a => {
+  var {
+      value,
+      onChange
+    } = _a,
     props = tslib.__rest(_a, ["value", "onChange"]);
-  var _React$useState = React__default.default.useState(value),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    __value = _React$useState2[0],
-    __setValue = _React$useState2[1];
-  reactUse.useDebounce(function () {
-    return __setValue(value);
-  }, STATE_SYNC_DEBOUNCE_TIME, [value]);
-  reactUse.useDebounce(function () {
+  const [__value, __setValue] = React.useState(value);
+  reactUse.useDebounce(() => __setValue(value), STATE_SYNC_DEBOUNCE_TIME, [value]);
+  reactUse.useDebounce(() => {
     if (__value !== value && typeof onChange === 'function') {
       onChange(__value !== null && __value !== void 0 ? __value : '');
     }
   }, STATE_SYNC_DEBOUNCE_TIME, [__value]);
-  return jsxRuntime.jsx(wysiwyg.EliceWysiwygEditor, Object.assign({
+  return React.createElement(wysiwyg.EliceWysiwygEditor, Object.assign({
     value: value,
     onChange: __setValue
   }, props));

package/cjs/components/material-survey/MaterialSurvey.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 reactUse = require('react-use');
 var designTokens = require('@elice/design-tokens');
@@ -16,106 +14,83 @@ var ko = require('./locales/ko.json.js');
 var MaterialSurveyShimmer = require('./MaterialSurveyShimmer.js');
 var MaterialSurveyInfo = require('./MaterialSurveyInfo.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 AsyncMaterialSurveySelectMultiple = React__default.default.lazy(function () {
-  return Promise.resolve().then(function () { return require('./MaterialSurveySelectMultiple.js'); });
-});
-var AsyncMaterialSurveyText = React__default.default.lazy(function () {
-  return Promise.resolve().then(function () { return require('./MaterialSurveyText.js'); });
-});
-var AsyncMaterialSurveySelectOne = React__default.default.lazy(function () {
-  return Promise.resolve().then(function () { return require('./MaterialSurveySelectOne.js'); });
-});
-var StyledMaterialSurveyInfo = styled__default.default.div.withConfig({
+const AsyncMaterialSurveySelectMultiple = React.lazy(() => Promise.resolve().then(function () { return require('./MaterialSurveySelectMultiple.js'); }));
+const AsyncMaterialSurveyText = React.lazy(() => Promise.resolve().then(function () { return require('./MaterialSurveyText.js'); }));
+const AsyncMaterialSurveySelectOne = React.lazy(() => Promise.resolve().then(function () { return require('./MaterialSurveySelectOne.js'); }));
+const StyledMaterialSurveyInfo = styled.div.withConfig({
   componentId: "sc-1fyzkvm-0"
 })([""]);
-var StyledMaterialSurveyContent = styled__default.default.div.withConfig({
+const StyledMaterialSurveyContent = styled.div.withConfig({
   componentId: "sc-1fyzkvm-1"
 })([""]);
-var StyledMaterialSurveyWrapper = styled__default.default.div.withConfig({
+const StyledMaterialSurveyWrapper = styled.div.withConfig({
   componentId: "sc-1fyzkvm-2"
-})(["display:flex;height:100%;flex-direction:", ";& > *{flex:", ";}& > *:first-child{margin-right:", ";margin-bottom:", ";}", "{height:", ";overflow-y:", ";}"], function (_ref) {
-  var vertical = _ref.vertical;
-  return vertical ? 'column' : 'row';
-}, function (_ref2) {
-  var vertical = _ref2.vertical;
-  return vertical ? 'auto' : '1 0 calc(50% - 1rem);';
-}, function (_ref3) {
-  var vertical = _ref3.vertical;
-  return vertical ? '0' : '1rem';
-}, function (_ref4) {
-  var vertical = _ref4.vertical;
-  return vertical ? '1rem' : '0';
-}, StyledMaterialSurveyInfo, function (_ref5) {
-  var vertical = _ref5.vertical;
-  return vertical ? 'auto' : '100%';
-}, function (_ref6) {
-  var vertical = _ref6.vertical;
-  return vertical ? 'intial' : 'auto';
-});
-var MaterialSurvey = function MaterialSurvey() {
-  var _useMaterialSurveySta = MaterialSurveyContext.useMaterialSurveyState(),
-    materialSurvey = _useMaterialSurveySta.materialSurvey,
-    vertical = _useMaterialSurveySta.vertical;
-  var _useMaterialSurveyDis = MaterialSurveyContext.useMaterialSurveyDispatch(),
-    setVertical = _useMaterialSurveyDis.setVertical;
-  var _useMeasure = reactUse.useMeasure(),
-    _useMeasure2 = _rollupPluginBabelHelpers.slicedToArray(_useMeasure, 2),
-    ref = _useMeasure2[0],
-    width = _useMeasure2[1].width;
-  React__default.default.useEffect(function () {
+})(["display:flex;height:100%;flex-direction:", ";& > *{flex:", ";}& > *:first-child{margin-right:", ";margin-bottom:", ";}", "{height:", ";overflow-y:", ";}"], ({
+  vertical
+}) => vertical ? 'column' : 'row', ({
+  vertical
+}) => vertical ? 'auto' : '1 0 calc(50% - 1rem);', ({
+  vertical
+}) => vertical ? '0' : '1rem', ({
+  vertical
+}) => vertical ? '1rem' : '0', StyledMaterialSurveyInfo, ({
+  vertical
+}) => vertical ? 'auto' : '100%', ({
+  vertical
+}) => vertical ? 'intial' : 'auto');
+const MaterialSurvey = () => {
+  const {
+    materialSurvey,
+    vertical
+  } = MaterialSurveyContext.useMaterialSurveyState();
+  const {
+    setVertical
+  } = MaterialSurveyContext.useMaterialSurveyDispatch();
+  const [ref, {
+    width
+  }] = reactUse.useMeasure();
+  React.useEffect(() => {
     if (width > 0) {
       setVertical(width <= designTokens.base.screen.medium);
     }
   }, [width, setVertical]);
-  var Component = null;
+  let Component = null;
   switch (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.questionInfoList[0].optionType) {
     case types.enums.SurveyOptionType.SelectOne:
-      Component = jsxRuntime.jsx(AsyncMaterialSurveySelectOne, {});
+      Component = React.createElement(AsyncMaterialSurveySelectOne, null);
       break;
     case types.enums.SurveyOptionType.SelectMultiple:
-      Component = jsxRuntime.jsx(AsyncMaterialSurveySelectMultiple, {});
+      Component = React.createElement(AsyncMaterialSurveySelectMultiple, null);
       break;
     case types.enums.SurveyOptionType.Text:
-      Component = jsxRuntime.jsx(AsyncMaterialSurveyText, {});
+      Component = React.createElement(AsyncMaterialSurveyText, null);
       break;
     default:
-      Component = jsxRuntime.jsx(MaterialSurveyShimmer.default, {});
+      Component = React.createElement(MaterialSurveyShimmer.default, null);
       break;
   }
-  return jsxRuntime.jsx(React__default.default.Suspense, {
-    fallback: null,
-    children: jsxRuntime.jsxs(StyledMaterialSurveyWrapper, {
-      ref: ref,
-      vertical: vertical,
-      children: [jsxRuntime.jsx(StyledMaterialSurveyInfo, {
-        children: jsxRuntime.jsx(MaterialSurveyInfo.default, {})
-      }), jsxRuntime.jsx(StyledMaterialSurveyContent, {
-        children: Component
-      })]
-    })
-  });
+  return React.createElement(React.Suspense, {
+    fallback: null
+  }, React.createElement(StyledMaterialSurveyWrapper, {
+    ref: ref,
+    vertical: vertical
+  }, React.createElement(StyledMaterialSurveyInfo, null, React.createElement(MaterialSurveyInfo.default, null)), React.createElement(StyledMaterialSurveyContent, null, Component)));
 };
-var MaterialSurveyContainer = function MaterialSurveyContainer(_ref7) {
-  var materialSurveyId = _ref7.materialSurveyId,
-    userId = _ref7.userId,
-    onSubmit = _ref7.onSubmit,
-    onNext = _ref7.onNext,
-    __intl = _ref7.__intl;
-  return jsxRuntime.jsx(intl.RawEliceIntlProvider, {
-    value: __intl,
-    children: jsxRuntime.jsx(MaterialSurveyContext.MaterialSurveyProvider, {
-      materialSurveyId: materialSurveyId,
-      userId: userId,
-      onSubmit: onSubmit,
-      onNext: onNext,
-      children: jsxRuntime.jsx(MaterialSurvey, {})
-    })
-  });
+const MaterialSurveyContainer = ({
+  materialSurveyId,
+  userId,
+  onSubmit,
+  onNext,
+  __intl
+}) => {
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(MaterialSurveyContext.MaterialSurveyProvider, {
+    materialSurveyId: materialSurveyId,
+    userId: userId,
+    onSubmit: onSubmit,
+    onNext: onNext
+  }, React.createElement(MaterialSurvey, null)));
 };
 var MaterialSurvey$1 = new intl.IntlComponentBuilder(MaterialSurveyContainer).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/MaterialSurveyInfo.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var markdown = require('@elice/markdown');
@@ -11,76 +11,66 @@ var styled = require('styled-components');
 var SurveyContentBox = require('../shared/SurveyContentBox.js');
 var MaterialSurveyContext = require('./context/MaterialSurveyContext.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-var StyledMarkdownSSR = styled__default.default(markdown.MarkdownSSR).withConfig({
+const StyledMarkdownSSR = styled(markdown.MarkdownSSR).withConfig({
   componentId: "sc-1b9l43w-0"
 })(["", ""], wysiwyg.EliceWysiwygEditorTheme.resetMarkdownSSR);
-var MaterialSurveyInfo = function MaterialSurveyInfo() {
-  var _useMaterialSurveySta = MaterialSurveyContext.useMaterialSurveyState(),
-    materialSurvey = _useMaterialSurveySta.materialSurvey;
-  return jsxRuntime.jsxs(SurveyContentBox.default, {
-    title: materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.title,
-    children: [materialSurvey ? jsxRuntime.jsxs(blocks.Flex, {
-      children: [jsxRuntime.jsx(blocks.Text, {
-        bold: true,
-        size: "large",
-        customStyles: {
-          color: designTokens.base.color.primary3,
-          marginRight: '0.5rem'
-        },
-        children: 'Q.'
-      }), jsxRuntime.jsx(blocks.Text, {
-        bold: true,
-        role: "white",
-        size: "large",
-        wordBreak: "break-word",
-        children: materialSurvey.questionInfoList[0].questionTitle
-      })]
-    }) : jsxRuntime.jsx(blocks.Shimmer, {
-      dark: true,
-      borderRadius: '4px',
-      width: "80%",
-      height: '40px'
-    }), jsxRuntime.jsx(blocks.Vspace, {
-      height: 1
-    }), materialSurvey ? jsxRuntime.jsx(StyledMarkdownSSR, {
-      children: materialSurvey.questionInfoList[0].questionDescription,
-      dark: true,
-      paddingx: 0,
-      paddingy: 0
-    }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [jsxRuntime.jsx(blocks.Shimmer, {
-        dark: true,
-        borderRadius: '4px',
-        width: "80%",
-        height: '40px'
-      }), jsxRuntime.jsx(blocks.Vspace, {
-        height: 1
-      }), jsxRuntime.jsx(blocks.Shimmer, {
-        dark: true,
-        borderRadius: '4px',
-        width: "100%",
-        height: '40px'
-      }), jsxRuntime.jsx(blocks.Vspace, {
-        height: 1
-      }), jsxRuntime.jsx(blocks.Shimmer, {
-        dark: true,
-        borderRadius: '4px',
-        width: "100%",
-        height: '40px'
-      }), jsxRuntime.jsx(blocks.Vspace, {
-        height: 1
-      }), jsxRuntime.jsx(blocks.Shimmer, {
-        dark: true,
-        borderRadius: '4px',
-        width: "100%",
-        height: '40px'
-      })]
-    })]
-  });
+const MaterialSurveyInfo = () => {
+  const {
+    materialSurvey
+  } = MaterialSurveyContext.useMaterialSurveyState();
+  return React.createElement(SurveyContentBox.default, {
+    title: materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.title
+  }, materialSurvey ? React.createElement(blocks.Flex, null, React.createElement(blocks.Text, {
+    bold: true,
+    size: "large",
+    customStyles: {
+      color: designTokens.base.color.primary3,
+      marginRight: '0.5rem'
+    }
+  }, 'Q.'), React.createElement(blocks.Text, {
+    bold: true,
+    role: "white",
+    size: "large",
+    wordBreak: "break-word"
+  }, materialSurvey.questionInfoList[0].questionTitle)) : React.createElement(blocks.Shimmer, {
+    dark: true,
+    borderRadius: '4px',
+    width: "80%",
+    height: '40px'
+  }), React.createElement(blocks.Vspace, {
+    height: 1
+  }), materialSurvey ? React.createElement(StyledMarkdownSSR, {
+    children: materialSurvey.questionInfoList[0].questionDescription,
+    dark: true,
+    paddingx: 0,
+    paddingy: 0
+  }) : React.createElement(React.Fragment, null, React.createElement(blocks.Shimmer, {
+    dark: true,
+    borderRadius: '4px',
+    width: "80%",
+    height: '40px'
+  }), React.createElement(blocks.Vspace, {
+    height: 1
+  }), React.createElement(blocks.Shimmer, {
+    dark: true,
+    borderRadius: '4px',
+    width: "100%",
+    height: '40px'
+  }), React.createElement(blocks.Vspace, {
+    height: 1
+  }), React.createElement(blocks.Shimmer, {
+    dark: true,
+    borderRadius: '4px',
+    width: "100%",
+    height: '40px'
+  }), React.createElement(blocks.Vspace, {
+    height: 1
+  }), React.createElement(blocks.Shimmer, {
+    dark: true,
+    borderRadius: '4px',
+    width: "100%",
+    height: '40px'
+  })));
 };
 
 exports.default = MaterialSurveyInfo;