@elice/material-exercise 1.231227.0 → 1.231228.0

package/cjs/components/material-exercise/exercise-file-tabs/ExerciseFileTabsFileTreeButton.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var reactUse = require('react-use');
@@ -22,40 +21,29 @@ var ExerciseIntlProvider = require('../context/ExerciseIntlProvider.js');
 var fileTreeButton_en = require('./locales/fileTreeButton.en.json.js');
 var fileTreeButton_ko = require('./locales/fileTreeButton.ko.json.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var ICON_BUTTON_SIZE = '2.25rem';
-var StyledFileTreeButton = styled__default["default"](blocks.IconButton).withConfig({
+const ICON_BUTTON_SIZE = '2.25rem';
+const StyledFileTreeButton = styled(blocks.IconButton).withConfig({
   componentId: "sc-ohtsjn-0"
-})(["width:", " !important;height:", " !important;border-right:1px solid ", " !important;background-color:", " !important;&:hover{background-color:", " !important;}"], ICON_BUTTON_SIZE, ICON_BUTTON_SIZE, designTokens.base.color.navy7, function (props) {
-  return props.active ? designTokens.base.color.navy8 : designTokens.base.color.navy8;
-}, designTokens.base.color.navy9);
-var ExerciseFileTabsFileTreeButton = React.forwardRef(function (_, ref) {
-  var intl = reactIntl.useIntl();
-  var _React$useContext = React__default["default"].useContext(context.ExerciseContext),
-    materialExerciseId = _React$useContext.materialExerciseId;
-  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  var _useRecoilState = recoil.useRecoilState(recoil$1.exerciseFileTreeOpenedState),
-    _useRecoilState2 = _rollupPluginBabelHelpers.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, designTokens.base.color.navy7, props => props.active ? designTokens.base.color.navy8 : designTokens.base.color.navy8, designTokens.base.color.navy9);
+const ExerciseFileTabsFileTreeButton = React.forwardRef((_, ref) => {
+  const intl = reactIntl.useIntl();
+  const {
+    materialExerciseId
+  } = React.useContext(context.ExerciseContext);
+  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  const [exerciseFileTreeOpened, setExerciseFileTreeOpened] = recoil.useRecoilState(recoil$1.exerciseFileTreeOpenedState);
   /**
    * Handle click.
    */
-  var handleClick = function handleClick() {
-    setExerciseFileTreeOpened(function (prev) {
-      return !prev;
-    });
+  const handleClick = () => {
+    setExerciseFileTreeOpened(prev => !prev);
   };
   //
   // apply default file tree opened state.
   //
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     var _a;
-    var exerciseUiConfig = utils.eliceApiUiConfigNormalizeHelper('materialExercise', (_a = exercise === null || exercise === void 0 ? void 0 : exercise.uiConfig) !== null && _a !== void 0 ? _a : {});
+    const exerciseUiConfig = utils.eliceApiUiConfigNormalizeHelper('materialExercise', (_a = exercise === null || exercise === void 0 ? void 0 : exercise.uiConfig) !== null && _a !== void 0 ? _a : {});
     setExerciseFileTreeOpened(exerciseUiConfig.editorFileTreeDefaultStatus === types.enums.ExerciseUiConfigEditorFileTreeDefaultStatus.Open);
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -63,37 +51,35 @@ var ExerciseFileTabsFileTreeButton = React.forwardRef(function (_, ref) {
   //
   //
   //
-  var _useHover = reactUse.useHover(function (isHovering) {
-      return React__default["default"].createElement("div", null, React__default["default"].createElement(blocks.Tooltip, {
-        title: exerciseFileTreeOpened ? intl.formatMessage({
-          id: 'exerciseFileTab.fileTreeButton.tooltip.close'
-        }) : intl.formatMessage({
-          id: 'exerciseFileTab.fileTreeButton.tooltip.open'
-        }),
-        placement: "bottom-start"
-      }, React__default["default"].createElement(StyledFileTreeButton, {
-        icon: isHovering ? icons.eilArrowRightwardsDouble : icons.eilFolder,
-        iconRotate: !isHovering ? 0 : exerciseFileTreeOpened ? 180 : 0,
-        role: "gray3",
-        size: "tiny",
-        transparent: true,
-        border: false,
-        hasBorderRadius: false,
-        active: exerciseFileTreeOpened,
-        onClick: handleClick,
-        ref: ref
-      })));
-    }),
-    _useHover2 = _rollupPluginBabelHelpers.slicedToArray(_useHover, 1),
-    el = _useHover2[0];
+  const [el] = reactUse.useHover(isHovering => {
+    return React.createElement("div", null, React.createElement(blocks.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 ? icons.eilArrowRightwardsDouble : icons.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) === types.enums.ExerciseUiConfigEditorFileTreeDefaultStatus.Hide ? null : el;
 });
 //
 //
 //
 var ExerciseFileTabsFileTreeButton$1 = ExerciseIntlProvider.withForwardRefExerciseIntlProvider(ExerciseFileTabsFileTreeButton, {
-  en: fileTreeButton_en["default"],
-  ko: fileTreeButton_ko["default"]
+  en: fileTreeButton_en.default,
+  ko: fileTreeButton_ko.default
 });
 
-exports["default"] = ExerciseFileTabsFileTreeButton$1;
+exports.default = ExerciseFileTabsFileTreeButton$1;

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

@@ -10,14 +10,10 @@ require('../../shared/exercise-shimmer/ExerciseFileTreeListShimmer.js');
 require('../../shared/exercise-shimmer/ExerciseFileTreeListItemShimmer.js');
 var ExerciseFileTabs = require('./ExerciseFileTabs.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ExerciseFileTabsLazy = function ExerciseFileTabsLazy() {
-  return React__default["default"].createElement(React__default["default"].Suspense, {
-    fallback: React__default["default"].createElement(ExerciseFileTabsShimmer["default"], null)
-  }, React__default["default"].createElement(ExerciseFileTabs["default"], null));
+const ExerciseFileTabsLazy = () => {
+  return React.createElement(React.Suspense, {
+    fallback: React.createElement(ExerciseFileTabsShimmer.default, null)
+  }, React.createElement(ExerciseFileTabs.default, null));
 };
 
-exports["default"] = ExerciseFileTabsLazy;
+exports.default = ExerciseFileTabsLazy;

package/cjs/components/material-exercise/exercise-file-tabs/locales/fileTreeButton.en.json.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesEn = {"exerciseFileTab.fileTreeButton.tooltip.close":"Close Filetree","exerciseFileTab.fileTreeButton.tooltip.open":"Open Filetree"};
 
-exports["default"] = phrasesEn;
+exports.default = phrasesEn;

package/cjs/components/material-exercise/exercise-file-tabs/locales/fileTreeButton.ko.json.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesKo = {"exerciseFileTab.fileTreeButton.tooltip.close":"파일 트리 닫기","exerciseFileTab.fileTreeButton.tooltip.open":"파일 트리 열기"};
 
-exports["default"] = phrasesKo;
+exports.default = phrasesKo;