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

package/es/components/material-exercise/context/ExerciseProviderNoImage.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { SafeImage, Box, Text, Button } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { IntlComponentBuilder } from '@elice/intl';
@@ -8,52 +8,47 @@ import noImageMessageJa from './locales/noImage.ja.json.js';
 import noImageMessageKo from './locales/noImage.ko.json.js';
 import noImageMessageTh from './locales/noImage.th.json.js';
 
-var StyledProviderNoImage = styled.div.withConfig({
+const StyledProviderNoImage = styled.div.withConfig({
   componentId: "sc-oaauqc-0"
 })(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:", ";"], base.color.navy9);
-var ExerciseProviderNoImage = function ExerciseProviderNoImage(_ref) {
-  var text = _ref.text,
-    _ref$imageSrc = _ref.imageSrc,
-    imageSrc = _ref$imageSrc === void 0 ? '' : _ref$imageSrc,
-    buttonText = _ref.buttonText,
-    onButtonClick = _ref.onButtonClick,
-    __intl = _ref.__intl;
+const ExerciseProviderNoImage = ({
+  text,
+  imageSrc = '',
+  buttonText,
+  onButtonClick,
+  __intl
+}) => {
   /**
    * render action button
    */
-  var renderActionButton = function renderActionButton() {
+  const renderActionButton = () => {
     if (typeof onButtonClick !== 'function') {
       return null;
     }
-    return jsx(Button, {
-      onClick: onButtonClick,
-      children: buttonText || __intl.formatMessage({
-        id: 'exerciseContext.provider.noImage.button'
-      })
-    });
+    return React.createElement(Button, {
+      onClick: onButtonClick
+    }, buttonText || __intl.formatMessage({
+      id: 'exerciseContext.provider.noImage.button'
+    }));
   };
   //
   //
   //
-  return jsxs(StyledProviderNoImage, {
-    children: [jsx(SafeImage, {
-      src: imageSrc,
-      defaultSrc: "https://static.elice.io/elice-material/exercise/empty-code-purple.png",
-      alt: "empty-exercise-image",
-      tag: "div",
-      height: "4rem",
-      width: "4rem"
-    }), jsx(Box, {
-      paddingtop: "2rem",
-      paddingbottom: "2rem",
-      children: jsx(Text, {
-        role: "white",
-        children: text || __intl.formatMessage({
-          id: 'exerciseContext.provider.noImage.title'
-        })
-      })
-    }), renderActionButton()]
-  });
+  return React.createElement(StyledProviderNoImage, null, React.createElement(SafeImage, {
+    src: imageSrc,
+    defaultSrc: "https://static.elice.io/elice-material/exercise/empty-code-purple.png",
+    alt: "empty-exercise-image",
+    tag: "div",
+    height: "4rem",
+    width: "4rem"
+  }), React.createElement(Box, {
+    paddingtop: "2rem",
+    paddingbottom: "2rem"
+  }, React.createElement(Text, {
+    role: "white"
+  }, text || __intl.formatMessage({
+    id: 'exerciseContext.provider.noImage.title'
+  }))), renderActionButton());
 };
 //
 //

package/es/components/material-exercise/context/context.js

@@ -1,5 +1,5 @@
 import React from 'react';
 
-var ExerciseContext = React.createContext(null);
+const ExerciseContext = React.createContext(null);
 
 export { ExerciseContext };