@elice/material-survey 1.240715.0-touch.5 → 1.240715.0

package/cjs/components/material-survey/MaterialSurveyInfo.js

@@ -6,14 +6,9 @@ var React = require('react');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var markdown = require('@elice/markdown');
-var wysiwyg = require('@elice/wysiwyg');
-var styled = require('styled-components');
 var SurveyContentBox = require('../shared/SurveyContentBox.js');
 var MaterialSurveyContext = require('./context/MaterialSurveyContext.js');
 
-const StyledMarkdownSSR = styled(markdown.MarkdownSSR).withConfig({
-  componentId: "sc-1b9l43w-0"
-})(["", ""], wysiwyg.EliceWysiwygEditorTheme.resetMarkdownSSR);
 const MaterialSurveyInfo = () => {
   const {
     materialSurvey
@@ -39,7 +34,7 @@ const MaterialSurveyInfo = () => {
     height: '40px'
   }), React.createElement(blocks.Vspace, {
     height: 1
-  }), materialSurvey ? React.createElement(StyledMarkdownSSR, {
+  }), materialSurvey ? React.createElement(markdown.MarkdownSSR, {
     children: materialSurvey.questionInfoList[0].questionDescription,
     dark: true,
     paddingx: 0,

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

@@ -6,9 +6,9 @@ var React = require('react');
 var reactHookForm = require('react-hook-form');
 var blocks = require('@elice/blocks');
 var intl = require('@elice/intl');
+var markdown = require('@elice/markdown');
 var types = require('@elice/types');
 var styled = require('styled-components');
-var index = require('../markdown-editor/index.js');
 var randomId = require('./utils/randomId.js');
 var context = require('./context.js');
 var MaterialSurveyEditOptionSelect = require('./MaterialSurveyEditOptionSelect.js');
@@ -154,7 +154,8 @@ const MaterialSurveyEditContent = () => {
         name: "questionInfoList.0.questionDescription",
         render: ({
           field
-        }) => React.createElement(index.MarkdownEditor, Object.assign({
+        }) => React.createElement(markdown.MarkdownEditor, Object.assign({
+          enableFooter: true,
           placeholder: intl$1.formatMessage({
             id: 'content.description.placeholder'
           }),

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

@@ -2,14 +2,9 @@ import React from 'react';
 import { Flex, Text, Shimmer, Vspace } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { MarkdownSSR } from '@elice/markdown';
-import { EliceWysiwygEditorTheme } from '@elice/wysiwyg';
-import styled from 'styled-components';
 import SurveyContentBox from '../shared/SurveyContentBox.js';
 import { useMaterialSurveyState } from './context/MaterialSurveyContext.js';
 
-const StyledMarkdownSSR = styled(MarkdownSSR).withConfig({
-  componentId: "sc-1b9l43w-0"
-})(["", ""], EliceWysiwygEditorTheme.resetMarkdownSSR);
 const MaterialSurveyInfo = () => {
   const {
     materialSurvey
@@ -35,7 +30,7 @@ const MaterialSurveyInfo = () => {
     height: '40px'
   }), React.createElement(Vspace, {
     height: 1
-  }), materialSurvey ? React.createElement(StyledMarkdownSSR, {
+  }), materialSurvey ? React.createElement(MarkdownSSR, {
     children: materialSurvey.questionInfoList[0].questionDescription,
     dark: true,
     paddingx: 0,

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

@@ -2,9 +2,9 @@ import React from 'react';
 import { useFormContext, Controller } from 'react-hook-form';
 import { FormInputVerticalLayout, Label, Input, Tooltip, Select, Vspace } from '@elice/blocks';
 import { useRawEliceIntl } from '@elice/intl';
+import { MarkdownEditor } from '@elice/markdown';
 import { enums } from '@elice/types';
 import styled from 'styled-components';
-import { MarkdownEditor } from '../markdown-editor/index.js';
 import { createRandomId } from './utils/randomId.js';
 import { useMaterialSurveyEditContext } from './context.js';
 import OptionSelectOne from './MaterialSurveyEditOptionSelect.js';
@@ -151,6 +151,7 @@ const MaterialSurveyEditContent = () => {
         render: ({
           field
         }) => React.createElement(MarkdownEditor, Object.assign({
+          enableFooter: true,
           placeholder: intl.formatMessage({
             id: 'content.description.placeholder'
           }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-survey",
-  "version": "1.240715.0-touch.5",
+  "version": "1.240715.0",
   "description": "User view and editing components of Elice material survey",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -34,7 +34,6 @@
     "@elice/material-shared-types": "*",
     "@elice/material-shared-utils": "*",
     "@elice/types": "^1",
-    "@elice/wysiwyg": "^1",
     "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
     "react-use": "^17.0.0",
     "styled-components": "^5.2.0"
@@ -53,10 +52,9 @@
     "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
     "@elice/intl": "0.240425.0-rc.2",
     "@elice/markdown": "^1.220815.0",
-    "@elice/material-shared-types": "1.240715.0-touch.5",
-    "@elice/material-shared-utils": "1.240715.0-touch.5",
+    "@elice/material-shared-types": "1.240715.0",
+    "@elice/material-shared-utils": "1.240715.0",
     "@elice/types": "^1.240619.0",
-    "@elice/wysiwyg": "1.240716.1",
     "@types/classnames": "^2.3.1",
     "@types/react": "~17.0.9",
     "@types/react-transition-group": "^4.4.4",
@@ -65,5 +63,5 @@
     "react-use": "^17.2.4",
     "styled-components": "^5.3.0"
   },
-  "gitHead": "3b07b7d94b53db047b1866600eb51b52d259ddc7"
+  "gitHead": "c379e8820a96c12637f75eab96edc18a06188009"
 }

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

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

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

@@ -1,28 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var reactUse = require('react-use');
-var wysiwyg = require('@elice/wysiwyg');
-
-const STATE_SYNC_DEBOUNCE_TIME = 50;
-const MarkdownEditor = _a => {
-  var {
-      value,
-      onChange
-    } = _a,
-    props = tslib.__rest(_a, ["value", "onChange"]);
-  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 React.createElement(wysiwyg.EliceWysiwygEditor, Object.assign({
-    value: value,
-    onChange: __setValue
-  }, props));
-};
-
-exports.MarkdownEditor = MarkdownEditor;

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

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

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

@@ -1,26 +0,0 @@
-import { __rest } from 'tslib';
-import React from 'react';
-import { useDebounce } from 'react-use';
-import { EliceWysiwygEditor } from '@elice/wysiwyg';
-
-const STATE_SYNC_DEBOUNCE_TIME = 50;
-const MarkdownEditor = _a => {
-  var {
-      value,
-      onChange
-    } = _a,
-    props = __rest(_a, ["value", "onChange"]);
-  const [__value, __setValue] = React.useState(value);
-  useDebounce(() => __setValue(value), STATE_SYNC_DEBOUNCE_TIME, [value]);
-  useDebounce(() => {
-    if (__value !== value && typeof onChange === 'function') {
-      onChange(__value !== null && __value !== void 0 ? __value : '');
-    }
-  }, STATE_SYNC_DEBOUNCE_TIME, [__value]);
-  return React.createElement(EliceWysiwygEditor, Object.assign({
-    value: value,
-    onChange: __setValue
-  }, props));
-};
-
-export { MarkdownEditor };