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

package/cjs/assets/empty.png.js

@@ -3,5 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var img = "data:image/png;base64,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";
+  var emptyImg = img;
 
-exports.default = img;
+exports.default = emptyImg;

package/cjs/components/material-exercise/MaterialExercise.d.ts

@@ -6,5 +6,5 @@ export interface MaterialExerciseProps extends MaterialExerciseCommonProps {
 export type MaterialExerciseApis = MaterialExerciseCommonApis;
 declare const _default: React.ForwardRefExoticComponent<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<MaterialExerciseProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & {
     __intl: import("@elice/intl").EliceIntlShape;
-} & React.RefAttributes<MaterialExerciseCommonApis>, "ref"> & React.RefAttributes<MaterialExerciseCommonApis>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & React.RefAttributes<MaterialExerciseCommonApis>>;
+} & React.RefAttributes<MaterialExerciseCommonApis> & import("@elice/material-shared-utils").MaterialCommponentCommonProps, "ref"> & React.RefAttributes<MaterialExerciseCommonApis>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & React.RefAttributes<MaterialExerciseCommonApis>>;
 export default _default;

package/cjs/components/material-exercise/MaterialExercise.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
@@ -32,113 +31,100 @@ var ExerciseRightpane = require('./exercise-rightpane/ExerciseRightpane.js');
 var ExerciseRunner = require('./exercise-runner/ExerciseRunner.js');
 var MaterialExercise_styled = require('./MaterialExercise.styled.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
 //
 //
 //
 /**
  * Material exercise.
  */
-var MaterialExercise = React.forwardRef(function (props, ref) {
-  var __intl = props.__intl;
-  var _React$useContext = React__default.default.useContext(context.ExerciseContext),
-    onReferenceDocsToggle = _React$useContext.onReferenceDocsToggle;
-  var _useRecoilValue = recoil.useRecoilValue(recoil$1.exerciseContainerSizeState),
-    width = _useRecoilValue.width,
-    height = _useRecoilValue.height;
-  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(props.materialExerciseId));
-  var exerciseFileTreeOpened = recoil.useRecoilValue(recoil$1.exerciseFileTreeOpenedState);
-  var exercisePreviewType = recoil.useRecoilValue(recoil$1.exercisePreviewTypeState(props.materialExerciseId));
-  var exercisePreviewDisplayMode = recoil.useRecoilValue(recoil$1.exercisePreviewDisplayModeState);
-  var exerciseMonacoEditorApis = recoil.useRecoilValue(recoil$1.exerciseMonacoEditorApisState);
+const MaterialExercise = React.forwardRef((props, ref) => {
+  const {
+    __intl
+  } = props;
+  const {
+    onReferenceDocsToggle
+  } = React.useContext(context.ExerciseContext);
+  const {
+    width,
+    height
+  } = recoil.useRecoilValue(recoil$1.exerciseContainerSizeState);
+  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(props.materialExerciseId));
+  const exerciseFileTreeOpened = recoil.useRecoilValue(recoil$1.exerciseFileTreeOpenedState);
+  const exercisePreviewType = recoil.useRecoilValue(recoil$1.exercisePreviewTypeState(props.materialExerciseId));
+  const exercisePreviewDisplayMode = recoil.useRecoilValue(recoil$1.exercisePreviewDisplayModeState);
+  const exerciseMonacoEditorApis = recoil.useRecoilValue(recoil$1.exerciseMonacoEditorApisState);
   /**
    * File tree
    */
-  var renderExerciseFileTree = function renderExerciseFileTree() {
-    return jsxRuntime.jsx(MaterialExercise_styled.StyledxerciseFileTreeContaner, {
-      "aria-hidden": !exerciseFileTreeOpened,
-      children: jsxRuntime.jsx(blocks.ResizableNext, Object.assign({}, stylesheets.MATERIAL_RESIZABLE_COMMON_PROPS, {
-        initialWidth: Math.max(MaterialExercise_styled.EXERCISE_FILE_TREE_MIN_WIDTH, width * MaterialExercise_styled.EXERCISE_HORIZONTAL_RATIO.FILETREE),
-        minConstraints: [MaterialExercise_styled.EXERCISE_FILE_TREE_MIN_WIDTH, Infinity],
-        resizeHandles: ['e'],
-        children: jsxRuntime.jsx(MaterialExercise_styled.StyledExerciseFileTreeWrap, {
-          children: jsxRuntime.jsx(ExerciseFileTreeLazy.default, {})
-        })
-      }))
-    });
+  const renderExerciseFileTree = () => {
+    return React.createElement(MaterialExercise_styled.StyledxerciseFileTreeContaner, {
+      "aria-hidden": !exerciseFileTreeOpened
+    }, React.createElement(blocks.ResizableNext, Object.assign({}, stylesheets.MATERIAL_RESIZABLE_COMMON_PROPS, {
+      initialWidth: Math.max(MaterialExercise_styled.EXERCISE_FILE_TREE_MIN_WIDTH, width * MaterialExercise_styled.EXERCISE_HORIZONTAL_RATIO.FILETREE),
+      minConstraints: [MaterialExercise_styled.EXERCISE_FILE_TREE_MIN_WIDTH, Infinity],
+      resizeHandles: ['e']
+    }), React.createElement(MaterialExercise_styled.StyledExerciseFileTreeWrap, null, React.createElement(ExerciseFileTreeLazy.default, null))));
   };
   /**
    * File tree toggle button
    */
-  var renderExerciseFileTreeButton = function renderExerciseFileTreeButton() {
-    return jsxRuntime.jsx(ExerciseFileTabsFileTreeButton.default, {});
+  const renderExerciseFileTreeButton = () => {
+    return React.createElement(ExerciseFileTabsFileTreeButton.default, null);
   };
   /**
    * File tabs
    */
-  var renderExerciseFileTabs = function renderExerciseFileTabs() {
-    return jsxRuntime.jsx(MaterialExercise_styled.StyledExerciseTabsWrap, {
-      children: jsxRuntime.jsx(ExerciseFileTabsLazy.default, {})
-    });
+  const renderExerciseFileTabs = () => {
+    return React.createElement(MaterialExercise_styled.StyledExerciseTabsWrap, null, React.createElement(ExerciseFileTabsLazy.default, null));
   };
   /**
    * reference docs toggle button
    */
-  var renderExerciseReferenceDocsToggleButton = function renderExerciseReferenceDocsToggleButton() {
+  const renderExerciseReferenceDocsToggleButton = () => {
     if (typeof onReferenceDocsToggle !== 'function') {
       return null;
     }
-    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [jsxRuntime.jsxs(blocks.Button, {
-        size: "micro",
-        role: "navy3",
-        style: {
-          width: '100%'
-        },
-        onClick: onReferenceDocsToggle,
-        children: [jsxRuntime.jsx(blocks.Icon, {
-          icon: icons.eilClassroom
-        }), jsxRuntime.jsx(blocks.Hspace, {
-          width: 0.25
-        }), __intl.formatMessage({
-          id: 'materialExercise.button.referenceDocs'
-        })]
-      }), jsxRuntime.jsx(blocks.Hspace, {
-        width: 0.5
-      })]
-    });
+    return React.createElement(React.Fragment, null, React.createElement(blocks.Button, {
+      size: "micro",
+      role: "navy3",
+      style: {
+        width: '100%'
+      },
+      onClick: onReferenceDocsToggle
+    }, React.createElement(blocks.Icon, {
+      icon: icons.eilClassroom
+    }), React.createElement(blocks.Hspace, {
+      width: 0.25
+    }), __intl.formatMessage({
+      id: 'materialExercise.button.referenceDocs'
+    })), React.createElement(blocks.Hspace, {
+      width: 0.5
+    }));
   };
   /**
    * Menu
    */
-  var renderExerciseMenu = function renderExerciseMenu() {
-    return jsxRuntime.jsxs(MaterialExercise_styled.StyledExerciseTabMenuWrap, {
-      children: [renderExerciseReferenceDocsToggleButton(), jsxRuntime.jsx(ExerciseMultilangDropdownLazy.default, {}), jsxRuntime.jsx(ExerciseMenu.default, {})]
-    });
+  const renderExerciseMenu = () => {
+    return React.createElement(MaterialExercise_styled.StyledExerciseTabMenuWrap, null, renderExerciseReferenceDocsToggleButton(), React.createElement(ExerciseMultilangDropdownLazy.default, null), React.createElement(ExerciseMenu.default, null));
   };
   /**
    * Code editor and file viewer
    */
-  var renderExerciseFile = function renderExerciseFile() {
-    return jsxRuntime.jsx(MaterialExercise_styled.StyledExerciseFileWrap, {
-      children: jsxRuntime.jsx(ExerciseFile.default, {})
-    });
+  const renderExerciseFile = () => {
+    return React.createElement(MaterialExercise_styled.StyledExerciseFileWrap, null, React.createElement(ExerciseFile.default, null));
   };
   /**
    * Exercise preview (side by side)
    */
-  var renderExercisePreviewSideBySide = function renderExercisePreviewSideBySide() {
+  const renderExercisePreviewSideBySide = () => {
     if (exercisePreviewType === recoilTypes.ExercisePreviewType.None) {
       return null;
     }
     if (exercisePreviewDisplayMode !== recoilTypes.ExercisePreviewDisplayMode.SideBySide) {
       return null;
     }
-    return jsxRuntime.jsx(blocks.ResizableNext, Object.assign({}, stylesheets.MATERIAL_RESIZABLE_COMMON_PROPS, {
-      children: jsxRuntime.jsx(ExercisePreview.default, {}),
+    return React.createElement(blocks.ResizableNext, Object.assign({}, stylesheets.MATERIAL_RESIZABLE_COMMON_PROPS, {
+      children: React.createElement(ExercisePreview.default, null),
       initialWidth: Math.max(MaterialExercise_styled.EXERCISE_PREVIEW_MIN_WIDTH, width * MaterialExercise_styled.EXERCISE_HORIZONTAL_RATIO.PREVIEW),
       minConstraints: [MaterialExercise_styled.EXERCISE_PREVIEW_MIN_WIDTH, Infinity],
       resizeHandles: ['w']
@@ -147,74 +133,52 @@ var MaterialExercise = React.forwardRef(function (props, ref) {
   /**
    * Exercise main
    */
-  var renderExerciseMain = function renderExerciseMain() {
+  const renderExerciseMain = () => {
     if (exercise === null || exercise === void 0 ? void 0 : exercise.uiConfig.isEditorDisabled) {
       return null;
     }
-    return jsxRuntime.jsxs(MaterialExercise_styled.StyledExerciseMain, {
-      children: [renderExerciseFileTree(), jsxRuntime.jsxs(MaterialExercise_styled.StyledExerciseFileAndTabWrap, {
-        children: [jsxRuntime.jsxs(MaterialExercise_styled.StyledExerciseTabBar, {
-          children: [renderExerciseFileTreeButton(), renderExerciseFileTabs(), renderExerciseMenu()]
-        }), renderExerciseFile()]
-      }), jsxRuntime.jsx(ExerciseRightpane.default, {})]
-    });
+    return React.createElement(MaterialExercise_styled.StyledExerciseMain, null, renderExerciseFileTree(), React.createElement(MaterialExercise_styled.StyledExerciseFileAndTabWrap, null, React.createElement(MaterialExercise_styled.StyledExerciseTabBar, null, renderExerciseFileTreeButton(), renderExerciseFileTabs(), renderExerciseMenu()), renderExerciseFile()), React.createElement(ExerciseRightpane.default, null));
   };
   /**
    * Exercise Runner
    */
-  var renderExerciseRunner = function renderExerciseRunner() {
-    var _runner = jsxRuntime.jsx(MaterialExercise_styled.StyledExerciseRunnerWrap, {
-      children: jsxRuntime.jsx(ExerciseRunner.default, {
-        exercisePreview: jsxRuntime.jsx(ExercisePreview.default, {})
-      })
-    });
+  const renderExerciseRunner = () => {
+    const _runner = React.createElement(MaterialExercise_styled.StyledExerciseRunnerWrap, null, React.createElement(ExerciseRunner.default, {
+      exercisePreview: React.createElement(ExercisePreview.default, null)
+    }));
     if (exercise === null || exercise === void 0 ? void 0 : exercise.uiConfig.isEditorDisabled) {
       return _runner;
     }
-    return jsxRuntime.jsx(blocks.ResizableNext, Object.assign({}, stylesheets.MATERIAL_RESIZABLE_COMMON_PROPS, {
+    return React.createElement(blocks.ResizableNext, Object.assign({}, stylesheets.MATERIAL_RESIZABLE_COMMON_PROPS, {
       initialHeight: Math.max(MaterialExercise_styled.EXERCISE_RUNNER_MIN_HEIGHT, height * 0.35),
       minConstraints: [Infinity, MaterialExercise_styled.EXERCISE_RUNNER_MIN_HEIGHT],
-      resizeHandles: ['n'],
-      children: _runner
-    }));
+      resizeHandles: ['n']
+    }), _runner);
   };
   //
   //
   //
-  React__default.default.useImperativeHandle(ref, function () {
-    return {
-      sendTextToRunner: function sendTextToRunner(text) {
-        subjects.exerciseRunnerTextSend$.next(text);
-      },
-      getMonacoEditorApis: function getMonacoEditorApis() {
-        return exerciseMonacoEditorApis;
-      },
-      openRunnerRooms: function openRunnerRooms() {
-        return subjects.exerciseRunnerRoomsOpen$.next();
-      }
-    };
-  }, [exerciseMonacoEditorApis]);
+  React.useImperativeHandle(ref, () => ({
+    sendTextToRunner: text => {
+      subjects.exerciseRunnerTextSend$.next(text);
+    },
+    getMonacoEditorApis: () => exerciseMonacoEditorApis,
+    openRunnerRooms: () => subjects.exerciseRunnerRoomsOpen$.next()
+  }), [exerciseMonacoEditorApis]);
   //
   //
   //
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsxs(MaterialExercise_styled.StyledExerciseContainer, {
-      children: [renderExerciseMain(), renderExerciseRunner()]
-    }), renderExercisePreviewSideBySide()]
-  });
+  return React.createElement(React.Fragment, null, React.createElement(MaterialExercise_styled.StyledExerciseContainer, null, renderExerciseMain(), renderExerciseRunner()), renderExercisePreviewSideBySide());
 });
 //
 //
 //
-var MaterialExercise$1 = new intl.IntlComponentBuilder(materialSharedUtils.withForwardRefMaterial(React.forwardRef(function (props, ref) {
-  return jsxRuntime.jsx(intl.RawEliceIntlProvider, {
-    value: props.__intl,
-    children: jsxRuntime.jsx(ExerciseProvider.default, Object.assign({}, props, {
-      children: jsxRuntime.jsx(MaterialExercise, Object.assign({}, props, {
-        ref: ref
-      }))
-    }))
-  });
+var MaterialExercise$1 = new intl.IntlComponentBuilder(materialSharedUtils.withForwardRefMaterial(React.forwardRef((props, ref) => {
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: props.__intl
+  }, React.createElement(ExerciseProvider.default, Object.assign({}, props), React.createElement(MaterialExercise, Object.assign({}, props, {
+    ref: ref
+  }))));
 }), apiClient.config.init, {
   overrideRecoilScope: true
 })).add('en', en.default).add('ko', ko.default).addAsync('th', Promise.resolve().then(function () { return require('../locales/th.json.js'); })).addAsync('ja', Promise.resolve().then(function () { return require('../locales/ja.json.js'); })).build();

package/cjs/components/material-exercise/MaterialExercise.styled.js

@@ -4,14 +4,10 @@ var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 var stylesheets = require('../../constants/stylesheets.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-var EXERCISE_FILE_TREE_MIN_WIDTH = 128;
-var EXERCISE_PREVIEW_MIN_WIDTH = 128;
-var EXERCISE_RUNNER_MIN_HEIGHT = 128;
-var EXERCISE_HORIZONTAL_RATIO = {
+const EXERCISE_FILE_TREE_MIN_WIDTH = 128;
+const EXERCISE_PREVIEW_MIN_WIDTH = 128;
+const EXERCISE_RUNNER_MIN_HEIGHT = 128;
+const EXERCISE_HORIZONTAL_RATIO = {
   FILETREE: 0.15,
   EDITOR: 0.45,
   PREVIEW: 0.4
@@ -23,7 +19,7 @@ var EXERCISE_HORIZONTAL_RATIO = {
  * - File (Editor)
  * - Runner
  */
-var StyledExerciseContainer = styled__default.default.div.withConfig({
+const StyledExerciseContainer = styled.div.withConfig({
   componentId: "sc-9joi7g-0"
 })(["flex:1;display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;"]);
 /**
@@ -32,7 +28,7 @@ var StyledExerciseContainer = styled__default.default.div.withConfig({
  * - FileTabs
  * - File (Editor)
  */
-var StyledExerciseMain = styled__default.default.div.withConfig({
+const StyledExerciseMain = styled.div.withConfig({
   componentId: "sc-9joi7g-1"
 })(["flex:1;display:flex;width:100%;min-width:0;min-height:0;"]);
 /**
@@ -40,31 +36,31 @@ var StyledExerciseMain = styled__default.default.div.withConfig({
  * - FileTabs
  * - File (Editor)
  */
-var StyledExerciseFileAndTabWrap = styled__default.default.div.withConfig({
+const StyledExerciseFileAndTabWrap = styled.div.withConfig({
   componentId: "sc-9joi7g-2"
 })(["flex:1;display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;background-color:", ";"], designTokens.base.color.navy9);
-var StyledExerciseFileWrap = styled__default.default.div.withConfig({
+const StyledExerciseFileWrap = styled.div.withConfig({
   componentId: "sc-9joi7g-3"
 })(["flex:1;min-height:0;"]);
 // ========== Exercise FileTab ==========
-var StyledExerciseTabBar = styled__default.default.div.withConfig({
+const StyledExerciseTabBar = styled.div.withConfig({
   componentId: "sc-9joi7g-4"
 })(["display:flex;border-bottom:", ";"], stylesheets.MATERIAL_DIVIDER_BORDER_VALUE);
-var StyledExerciseTabsWrap = styled__default.default.div.withConfig({
+const StyledExerciseTabsWrap = styled.div.withConfig({
   componentId: "sc-9joi7g-5"
 })(["flex:1;min-width:0;"]);
-var StyledExerciseTabMenuWrap = styled__default.default.div.withConfig({
+const StyledExerciseTabMenuWrap = styled.div.withConfig({
   componentId: "sc-9joi7g-6"
 })(["display:flex;justify-content:center;align-items:center;padding:0 0.5rem 0 1rem;background-color:", ";"], designTokens.base.color.navy8);
 // ========== Exercise FileTree ==========
-var StyledExerciseFileTreeWrap = styled__default.default.div.withConfig({
+const StyledExerciseFileTreeWrap = styled.div.withConfig({
   componentId: "sc-9joi7g-7"
 })(["flex:1;display:flex;flex-direction:column;min-width:0;height:100%;border-right:", ";"], stylesheets.MATERIAL_DIVIDER_BORDER_VALUE);
-var StyledxerciseFileTreeContaner = styled__default.default.div.withConfig({
+const StyledxerciseFileTreeContaner = styled.div.withConfig({
   componentId: "sc-9joi7g-8"
 })(["display:flex;height:100%;max-width:auto;&[aria-hidden='true']{max-width:0;overflow:hidden;}"]);
 // ========== Exercise Runner ==========
-var StyledExerciseRunnerWrap = styled__default.default.div.withConfig({
+const StyledExerciseRunnerWrap = styled.div.withConfig({
   componentId: "sc-9joi7g-9"
 })(["width:100%;height:100%;border-top:", ";"], stylesheets.MATERIAL_DIVIDER_BORDER_VALUE);
 

package/cjs/components/material-exercise/MaterialExerciseMobile.d.ts

@@ -4,5 +4,5 @@ type PickedMaterialExerciseCommonProps = Pick<MaterialExerciseCommonProps, 'mate
 export interface MaterialExerciseMobileProps extends PickedMaterialExerciseCommonProps {
     filename: string;
 }
-declare const _default: React.VFC<MaterialExerciseMobileProps>;
+declare const _default: React.VFC<MaterialExerciseMobileProps & import("@elice/material-shared-utils").MaterialCommponentCommonProps>;
 export default _default;

package/cjs/components/material-exercise/MaterialExerciseMobile.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var materialSharedUtils = require('@elice/material-shared-utils');
@@ -14,37 +13,28 @@ require('./context/subjects.js');
 var ExerciseProvider = require('./context/ExerciseProvider.js');
 var ExerciseFile = require('./exercise-file/ExerciseFile.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
 //
 //
 //
 /**
  * Material exercise.
  */
-var MaterialExerciseMobile = function MaterialExerciseMobile(_ref) {
-  var filename = _ref.filename;
-  var setExerciseActiveFilename = recoil.useSetRecoilState(recoil$1.exerciseActiveFilenameState);
-  React__default.default.useEffect(function () {
-    return setExerciseActiveFilename(filename);
-  },
+const MaterialExerciseMobile = ({
+  filename
+}) => {
+  const setExerciseActiveFilename = recoil.useSetRecoilState(recoil$1.exerciseActiveFilenameState);
+  React.useEffect(() => setExerciseActiveFilename(filename),
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [filename]);
   //
   //
   //
-  return jsxRuntime.jsx(ExerciseFile.default, {});
+  return React.createElement(ExerciseFile.default, null);
 };
 //
 //
 //
-var MaterialExerciseMobile$1 = materialSharedUtils.withMaterial(function (props) {
-  return jsxRuntime.jsx(ExerciseProvider.default, Object.assign({}, props, {
-    children: jsxRuntime.jsx(MaterialExerciseMobile, Object.assign({}, props))
-  }));
-}, apiClient.config.init, {
+var MaterialExerciseMobile$1 = materialSharedUtils.withMaterial(props => React.createElement(ExerciseProvider.default, Object.assign({}, props), React.createElement(MaterialExerciseMobile, Object.assign({}, props))), apiClient.config.init, {
   overrideRecoilScope: true
 });