@elice/material-quiz 1.240715.0 → 1.240716.0

package/cjs/components/material-quiz/MaterialQuizAnswerExplanation.js

@@ -8,12 +8,13 @@ var designTokens = require('@elice/design-tokens');
 var intl = require('@elice/intl');
 var markdown = require('@elice/markdown');
 var types = require('@elice/types');
+var wysiwyg = require('@elice/wysiwyg');
 var styled = require('styled-components');
 var MaterialQuizContext = require('./context/MaterialQuizContext.js');
 
 const StyledMarkdownSSR = styled(markdown.MarkdownSSR).withConfig({
   componentId: "sc-18kg5i5-0"
-})(["p{margin:0 !important;}"]);
+})(["p{margin:0 !important;}", ""], wysiwyg.EliceWysiwygEditorTheme.resetMarkdownSSR);
 const StyledAccordion = styled(blocks.Accordion).withConfig({
   componentId: "sc-18kg5i5-1"
 })(["border-radius:8px;overflow:hidden;background-color:", " !important;border-radius:8px;overflow:hidden;& > *:first-child{background-color:", " !important;}& > *:last-child{background-color:", " !important;}"], designTokens.base.color.navy5, designTokens.base.color.navy7, designTokens.base.color.navy7);

package/cjs/components/material-quiz/MaterialQuizInfo.js

@@ -7,6 +7,7 @@ var reactUse = require('react-use');
 var blocks = require('@elice/blocks');
 var icons = require('@elice/icons');
 var markdown = require('@elice/markdown');
+var wysiwyg = require('@elice/wysiwyg');
 var material = require('@mui/material');
 var styled = require('styled-components');
 var QuestionBox = require('../shared/QuestionBox.js');
@@ -18,7 +19,7 @@ var MaterialQuizContext = require('./context/MaterialQuizContext.js');
 //
 const StyledMarkdownSSR = styled(markdown.MarkdownSSR).withConfig({
   componentId: "sc-1s7jbf9-0"
-})([".elicemd--theme-dark{pre{border:0;}table td,table th{border-bottom-color:rgba(255,255,255,0.16);}}"]);
+})([".elicemd--theme-dark{pre{border:0;}table td,table th{border-bottom-color:rgba(255,255,255,0.16);}}", ""], wysiwyg.EliceWysiwygEditorTheme.resetMarkdownSSR);
 //
 //
 //

package/cjs/components/material-quiz-edit/MaterialQuizEditContent.js

@@ -7,8 +7,8 @@ var reactHookForm = require('react-hook-form');
 var reactTransitionGroup = require('react-transition-group');
 var blocks = require('@elice/blocks');
 var intl = require('@elice/intl');
-var markdown = require('@elice/markdown');
 var types = require('@elice/types');
+var wysiwyg = require('@elice/wysiwyg');
 var material = require('@mui/material');
 var flattenDeep = require('lodash-es/flattenDeep');
 var OptionGroup = require('./options/options-group/OptionGroup.js');
@@ -332,8 +332,7 @@ const MaterialQuizEditContent = () => {
         name: "questionDescription",
         render: ({
           field
-        }) => React.createElement(markdown.MarkdownEditor, Object.assign({
-          enableFooter: true,
+        }) => React.createElement(wysiwyg.EliceWysiwygEditor, Object.assign({
           placeholder: intl$1.formatMessage({
             id: 'content.description.placeholder'
           }),
@@ -561,8 +560,7 @@ const MaterialQuizEditContent = () => {
             role: "danger"
           }), React.createElement(blocks.Vspace, {
             height: 0.5
-          })) : null, React.createElement(markdown.MarkdownEditor, Object.assign({
-            enableFooter: true,
+          })) : null, React.createElement(wysiwyg.EliceWysiwygEditor, Object.assign({
             placeholder: intl$1.formatMessage({
               id: 'content.explanationInfo.textarea.errorMessage.required'
             }),

package/es/components/material-quiz/MaterialQuizAnswerExplanation.js

@@ -4,12 +4,13 @@ import { base } from '@elice/design-tokens';
 import { useRawEliceIntl } from '@elice/intl';
 import { MarkdownSSR } from '@elice/markdown';
 import { enums } from '@elice/types';
+import { EliceWysiwygEditorTheme } from '@elice/wysiwyg';
 import styled from 'styled-components';
 import { useMaterialQuizState } from './context/MaterialQuizContext.js';
 
 const StyledMarkdownSSR = styled(MarkdownSSR).withConfig({
   componentId: "sc-18kg5i5-0"
-})(["p{margin:0 !important;}"]);
+})(["p{margin:0 !important;}", ""], EliceWysiwygEditorTheme.resetMarkdownSSR);
 const StyledAccordion = styled(Accordion).withConfig({
   componentId: "sc-18kg5i5-1"
 })(["border-radius:8px;overflow:hidden;background-color:", " !important;border-radius:8px;overflow:hidden;& > *:first-child{background-color:", " !important;}& > *:last-child{background-color:", " !important;}"], base.color.navy5, base.color.navy7, base.color.navy7);

package/es/components/material-quiz/MaterialQuizInfo.js

@@ -3,6 +3,7 @@ import { useMeasure } from 'react-use';
 import { Vspace, Shimmer, IconButton } from '@elice/blocks';
 import { eilMathsignMultiplyBasic } from '@elice/icons';
 import { MarkdownSSR } from '@elice/markdown';
+import { EliceWysiwygEditorTheme } from '@elice/wysiwyg';
 import { styled as styled$1, Modal, Box } from '@mui/material';
 import styled from 'styled-components';
 import QuestionBox from '../shared/QuestionBox.js';
@@ -14,7 +15,7 @@ import { useMaterialQuizState } from './context/MaterialQuizContext.js';
 //
 const StyledMarkdownSSR = styled(MarkdownSSR).withConfig({
   componentId: "sc-1s7jbf9-0"
-})([".elicemd--theme-dark{pre{border:0;}table td,table th{border-bottom-color:rgba(255,255,255,0.16);}}"]);
+})([".elicemd--theme-dark{pre{border:0;}table td,table th{border-bottom-color:rgba(255,255,255,0.16);}}", ""], EliceWysiwygEditorTheme.resetMarkdownSSR);
 //
 //
 //

package/es/components/material-quiz-edit/MaterialQuizEditContent.js

@@ -3,8 +3,8 @@ import { useFormContext, Controller } from 'react-hook-form';
 import { Transition } from 'react-transition-group';
 import { FormInputVerticalLayout, Label, Input, StatusText, Text, Checkbox, Vspace, Flex } from '@elice/blocks';
 import { useRawEliceIntl } from '@elice/intl';
-import { MarkdownEditor } from '@elice/markdown';
 import { enums } from '@elice/types';
+import { EliceWysiwygEditor } from '@elice/wysiwyg';
 import { Tooltip, Stack, TextField, MenuItem, FormControlLabel, Switch, Alert, AlertTitle, Box } from '@mui/material';
 import flattenDeep from 'lodash-es/flattenDeep';
 import OptionGroup from './options/options-group/OptionGroup.js';
@@ -328,8 +328,7 @@ const MaterialQuizEditContent = () => {
         name: "questionDescription",
         render: ({
           field
-        }) => React.createElement(MarkdownEditor, Object.assign({
-          enableFooter: true,
+        }) => React.createElement(EliceWysiwygEditor, Object.assign({
           placeholder: intl.formatMessage({
             id: 'content.description.placeholder'
           }),
@@ -557,8 +556,7 @@ const MaterialQuizEditContent = () => {
             role: "danger"
           }), React.createElement(Vspace, {
             height: 0.5
-          })) : null, React.createElement(MarkdownEditor, Object.assign({
-            enableFooter: true,
+          })) : null, React.createElement(EliceWysiwygEditor, Object.assign({
             placeholder: intl.formatMessage({
               id: 'content.explanationInfo.textarea.errorMessage.required'
             }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-quiz",
-  "version": "1.240715.0",
+  "version": "1.240716.0",
   "description": "User view and editing components of Elice material quiz",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -35,6 +35,7 @@
     "@elice/material-shared-utils": "*",
     "@elice/mui-system": "^5",
     "@elice/types": "^1",
+    "@elice/wysiwyg": "^1",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@fortawesome/pro-regular-svg-icons": "^6",
@@ -65,10 +66,11 @@
     "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
     "@elice/intl": "0.240425.0-rc.2",
     "@elice/markdown": "^1.240124.0",
-    "@elice/material-shared-types": "1.240715.0",
-    "@elice/material-shared-utils": "1.240715.0",
+    "@elice/material-shared-types": "1.240716.0",
+    "@elice/material-shared-utils": "1.240716.0",
     "@elice/mui-system": "^5.240108.1",
     "@elice/types": "^1.240619.0",
+    "@elice/wysiwyg": "1.240716.1",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@fortawesome/pro-regular-svg-icons": "^6.4.2",
@@ -88,5 +90,5 @@
     "react-use": "^17.2.4",
     "styled-components": "^5.3.0"
   },
-  "gitHead": "c379e8820a96c12637f75eab96edc18a06188009"
+  "gitHead": "824db30f6b6377305ae84358cdb33224af59d1f1"
 }