@elice/material-quiz 1.240514.1 → 1.240514.2

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

@@ -8,7 +8,6 @@ var reactTransitionGroup = require('react-transition-group');
 var blocks = require('@elice/blocks');
 var intl = require('@elice/intl');
 var markdown = require('@elice/markdown');
-var materialSharedUtils = require('@elice/material-shared-utils');
 var types = require('@elice/types');
 var material = require('@mui/material');
 var flattenDeep = require('lodash-es/flattenDeep');
@@ -38,7 +37,7 @@ const MaterialQuizEditContent = () => {
   //
   // Change `options` according to `optionType`.
   //
-  materialSharedUtils.useDeepClonedCompareEffect(() => {
+  React.useEffect(() => {
     const get = () => {
       const filteredNotMarkdownOptions = watchedOptionInfo === null || watchedOptionInfo === void 0 ? void 0 : watchedOptionInfo.filter(option => {
         var _a;
@@ -124,7 +123,7 @@ const MaterialQuizEditContent = () => {
     setValue('optionsDefault', get());
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [watchedOptionType, setValue, intl$1]);
+  [watchedOptionType, setValue]);
   //
   // Change `answerInfo` according to `optionType`.
   //
@@ -160,11 +159,11 @@ const MaterialQuizEditContent = () => {
     setValue('answerInfoDefault', get());
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [watchedOptionType, setValue, intl$1]);
+  [watchedOptionType, setValue]);
   //
   // Change `answerHint` according to `optionType`.
   //
-  materialSharedUtils.useDeepClonedCompareEffect(() => {
+  React.useEffect(() => {
     const get = () => {
       switch (watchedOptionType) {
         case types.enums.QuizOptionType.SelectOne:
@@ -181,11 +180,11 @@ const MaterialQuizEditContent = () => {
     setValue('answerHint', get());
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [watchedOptionType, setValue, intl$1]);
+  [watchedOptionType, setValue]);
   //
   // Change `isAutoGrade` according to `optionType`.
   //
-  materialSharedUtils.useDeepClonedCompareEffect(() => {
+  React.useEffect(() => {
     const get = () => {
       switch (watchedOptionType) {
         case types.enums.QuizOptionType.SelectOne:
@@ -202,11 +201,11 @@ const MaterialQuizEditContent = () => {
     setValue('isAutoGrade', get());
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [watchedOptionType, setValue, intl$1]);
+  [watchedOptionType, setValue]);
   //
   // Change `groups` according to `optionType`.
   //
-  materialSharedUtils.useDeepClonedCompareEffect(() => {
+  React.useEffect(() => {
     const get = () => {
       switch (watchedOptionType) {
         case types.enums.QuizOptionType.SelectOne:
@@ -237,7 +236,7 @@ const MaterialQuizEditContent = () => {
     setValue('groups', get());
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [watchedOptionType, setValue, intl$1]);
+  [watchedOptionType, setValue]);
   /**
    * Input of option info and answer info,
    * according to option type.

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

@@ -4,7 +4,6 @@ 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 { useDeepClonedCompareEffect } from '@elice/material-shared-utils';
 import { enums } from '@elice/types';
 import { Tooltip, Stack, TextField, MenuItem, FormControlLabel, Switch, Alert, AlertTitle, Box } from '@mui/material';
 import flattenDeep from 'lodash-es/flattenDeep';
@@ -34,7 +33,7 @@ const MaterialQuizEditContent = () => {
   //
   // Change `options` according to `optionType`.
   //
-  useDeepClonedCompareEffect(() => {
+  React.useEffect(() => {
     const get = () => {
       const filteredNotMarkdownOptions = watchedOptionInfo === null || watchedOptionInfo === void 0 ? void 0 : watchedOptionInfo.filter(option => {
         var _a;
@@ -120,7 +119,7 @@ const MaterialQuizEditContent = () => {
     setValue('optionsDefault', get());
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [watchedOptionType, setValue, intl]);
+  [watchedOptionType, setValue]);
   //
   // Change `answerInfo` according to `optionType`.
   //
@@ -156,11 +155,11 @@ const MaterialQuizEditContent = () => {
     setValue('answerInfoDefault', get());
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [watchedOptionType, setValue, intl]);
+  [watchedOptionType, setValue]);
   //
   // Change `answerHint` according to `optionType`.
   //
-  useDeepClonedCompareEffect(() => {
+  React.useEffect(() => {
     const get = () => {
       switch (watchedOptionType) {
         case enums.QuizOptionType.SelectOne:
@@ -177,11 +176,11 @@ const MaterialQuizEditContent = () => {
     setValue('answerHint', get());
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [watchedOptionType, setValue, intl]);
+  [watchedOptionType, setValue]);
   //
   // Change `isAutoGrade` according to `optionType`.
   //
-  useDeepClonedCompareEffect(() => {
+  React.useEffect(() => {
     const get = () => {
       switch (watchedOptionType) {
         case enums.QuizOptionType.SelectOne:
@@ -198,11 +197,11 @@ const MaterialQuizEditContent = () => {
     setValue('isAutoGrade', get());
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [watchedOptionType, setValue, intl]);
+  [watchedOptionType, setValue]);
   //
   // Change `groups` according to `optionType`.
   //
-  useDeepClonedCompareEffect(() => {
+  React.useEffect(() => {
     const get = () => {
       switch (watchedOptionType) {
         case enums.QuizOptionType.SelectOne:
@@ -233,7 +232,7 @@ const MaterialQuizEditContent = () => {
     setValue('groups', get());
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [watchedOptionType, setValue, intl]);
+  [watchedOptionType, setValue]);
   /**
    * Input of option info and answer info,
    * according to option type.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-quiz",
-  "version": "1.240514.1",
+  "version": "1.240514.2",
   "description": "User view and editing components of Elice material quiz",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -64,8 +64,8 @@
     "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
     "@elice/intl": "0.240425.0-rc.0",
     "@elice/markdown": "^1.240124.0",
-    "@elice/material-shared-types": "1.240514.1",
-    "@elice/material-shared-utils": "1.240514.1",
+    "@elice/material-shared-types": "1.240514.2",
+    "@elice/material-shared-utils": "1.240514.2",
     "@elice/mui-system": "^5.240108.1",
     "@elice/types": "1.240131.0",
     "@emotion/react": "^11.10.0",
@@ -87,5 +87,5 @@
     "react-use": "^17.2.4",
     "styled-components": "^5.3.0"
   },
-  "gitHead": "dbab58374d0a0311909a04cfa8621970e8f43a18"
+  "gitHead": "b13df05d69f1f8b7081d670ec2986a6212875563"
 }