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

package/es/components/material-exercise/exercise-file-tabs/ExerciseFileTabsLazy.d.ts

@@ -1,2 +1,3 @@
-declare const ExerciseFileTabsLazy: () => JSX.Element;
+import React from 'react';
+declare const ExerciseFileTabsLazy: () => React.JSX.Element;
 export default ExerciseFileTabsLazy;

package/es/components/material-exercise/exercise-file-tabs/ExerciseFileTabsLazy.js

@@ -1,4 +1,3 @@
-import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 import '../../shared/exercise-shimmer/ExerciseFileShimmer.js';
 import ExerciseFileTabsShimmer from '../../shared/exercise-shimmer/ExerciseFileTabsShimmer.js';
@@ -7,11 +6,10 @@ import '../../shared/exercise-shimmer/ExerciseFileTreeListShimmer.js';
 import '../../shared/exercise-shimmer/ExerciseFileTreeListItemShimmer.js';
 import ExerciseFileTabs from './ExerciseFileTabs.js';
 
-var ExerciseFileTabsLazy = function ExerciseFileTabsLazy() {
-  return jsx(React.Suspense, {
-    fallback: jsx(ExerciseFileTabsShimmer, {}),
-    children: jsx(ExerciseFileTabs, {})
-  });
+const ExerciseFileTabsLazy = () => {
+  return React.createElement(React.Suspense, {
+    fallback: React.createElement(ExerciseFileTabsShimmer, null)
+  }, React.createElement(ExerciseFileTabs, null));
 };
 
 export { ExerciseFileTabsLazy as default };

package/es/components/material-exercise/exercise-file-tabs/exercise-file-tabs-file-tree-button/ExerciseFileTabsFileTreeButton.js

@@ -1,5 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
 import React, { forwardRef } from 'react';
 import { useHover } from 'react-use';
 import { IconButton, Tooltip } from '@elice/blocks';
@@ -18,35 +16,30 @@ import '../../context/ExerciseProvider.js';
 import messageEn from './locales/en.json.js';
 import messageKo from './locales/ko.json.js';
 
-var ICON_BUTTON_SIZE = '2.25rem';
-var StyledFileTreeButton = styled(IconButton).withConfig({
+const ICON_BUTTON_SIZE = '2.25rem';
+const StyledFileTreeButton = styled(IconButton).withConfig({
   componentId: "sc-1ulolpl-0"
-})(["width:", " !important;height:", " !important;border-right:1px solid ", " !important;background-color:", " !important;&:hover{background-color:", " !important;}"], ICON_BUTTON_SIZE, ICON_BUTTON_SIZE, base.color.navy7, function (props) {
-  return props.active ? base.color.navy8 : base.color.navy8;
-}, base.color.navy9);
-var ExerciseFileTabsFileTreeButton = forwardRef(function (_ref, ref) {
-  var __intl = _ref.__intl;
-  var _React$useContext = React.useContext(ExerciseContext),
-    materialExerciseId = _React$useContext.materialExerciseId;
-  var exercise = useRecoilValue(exerciseState(materialExerciseId));
-  var _useRecoilState = useRecoilState(exerciseFileTreeOpenedState),
-    _useRecoilState2 = _slicedToArray(_useRecoilState, 2),
-    exerciseFileTreeOpened = _useRecoilState2[0],
-    setExerciseFileTreeOpened = _useRecoilState2[1];
+})(["width:", " !important;height:", " !important;border-right:1px solid ", " !important;background-color:", " !important;&:hover{background-color:", " !important;}"], ICON_BUTTON_SIZE, ICON_BUTTON_SIZE, base.color.navy7, props => props.active ? base.color.navy8 : base.color.navy8, base.color.navy9);
+const ExerciseFileTabsFileTreeButton = forwardRef(({
+  __intl
+}, ref) => {
+  const {
+    materialExerciseId
+  } = React.useContext(ExerciseContext);
+  const exercise = useRecoilValue(exerciseState(materialExerciseId));
+  const [exerciseFileTreeOpened, setExerciseFileTreeOpened] = useRecoilState(exerciseFileTreeOpenedState);
   /**
    * Handle click.
    */
-  var handleClick = function handleClick() {
-    setExerciseFileTreeOpened(function (prev) {
-      return !prev;
-    });
+  const handleClick = () => {
+    setExerciseFileTreeOpened(prev => !prev);
   };
   //
   // apply default file tree opened state.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     var _a;
-    var exerciseUiConfig = eliceApiUiConfigNormalizeHelper('materialExercise', (_a = exercise === null || exercise === void 0 ? void 0 : exercise.uiConfig) !== null && _a !== void 0 ? _a : {});
+    const exerciseUiConfig = eliceApiUiConfigNormalizeHelper('materialExercise', (_a = exercise === null || exercise === void 0 ? void 0 : exercise.uiConfig) !== null && _a !== void 0 ? _a : {});
     setExerciseFileTreeOpened(exerciseUiConfig.editorFileTreeDefaultStatus === enums.ExerciseUiConfigEditorFileTreeDefaultStatus.Open);
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -54,32 +47,27 @@ var ExerciseFileTabsFileTreeButton = forwardRef(function (_ref, ref) {
   //
   //
   //
-  var _useHover = useHover(function (isHovering) {
-      return jsx("div", {
-        children: jsx(Tooltip, {
-          title: exerciseFileTreeOpened ? __intl.formatMessage({
-            id: 'exerciseFileTab.fileTreeButton.tooltip.close'
-          }) : __intl.formatMessage({
-            id: 'exerciseFileTab.fileTreeButton.tooltip.open'
-          }),
-          placement: "bottom-start",
-          children: jsx(StyledFileTreeButton, {
-            icon: isHovering ? eilArrowRightwardsDouble : eilFolder,
-            iconRotate: !isHovering ? 0 : exerciseFileTreeOpened ? 180 : 0,
-            role: "gray3",
-            size: "tiny",
-            transparent: true,
-            border: false,
-            hasBorderRadius: false,
-            active: exerciseFileTreeOpened,
-            onClick: handleClick,
-            ref: ref
-          })
-        })
-      });
-    }),
-    _useHover2 = _slicedToArray(_useHover, 1),
-    el = _useHover2[0];
+  const [el] = useHover(isHovering => {
+    return React.createElement("div", null, React.createElement(Tooltip, {
+      title: exerciseFileTreeOpened ? __intl.formatMessage({
+        id: 'exerciseFileTab.fileTreeButton.tooltip.close'
+      }) : __intl.formatMessage({
+        id: 'exerciseFileTab.fileTreeButton.tooltip.open'
+      }),
+      placement: "bottom-start"
+    }, React.createElement(StyledFileTreeButton, {
+      icon: isHovering ? eilArrowRightwardsDouble : eilFolder,
+      iconRotate: !isHovering ? 0 : exerciseFileTreeOpened ? 180 : 0,
+      role: "gray3",
+      size: "tiny",
+      transparent: true,
+      border: false,
+      hasBorderRadius: false,
+      active: exerciseFileTreeOpened,
+      onClick: handleClick,
+      ref: ref
+    })));
+  });
   return (exercise === null || exercise === void 0 ? void 0 : exercise.uiConfig.editorFileTreeDefaultStatus) === enums.ExerciseUiConfigEditorFileTreeDefaultStatus.Hide ? null : el;
 });
 //