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

package/cjs/components/material-exercise/exercise-file-tree/ExerciseFileTreeLazy.d.ts

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

package/cjs/components/material-exercise/exercise-file-tree/ExerciseFileTreeLazy.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 require('../../shared/exercise-shimmer/ExerciseFileShimmer.js');
 require('../../shared/exercise-shimmer/ExerciseFileTabsShimmer.js');
@@ -11,15 +10,10 @@ var ExerciseFileTreeListShimmer = require('../../shared/exercise-shimmer/Exercis
 require('../../shared/exercise-shimmer/ExerciseFileTreeListItemShimmer.js');
 var ExerciseFileTree = require('./ExerciseFileTree.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var ExerciseFileTreeLazy = function ExerciseFileTreeLazy() {
-  return jsxRuntime.jsx(React__default.default.Suspense, {
-    fallback: jsxRuntime.jsx(ExerciseFileTreeListShimmer.default, {}),
-    children: jsxRuntime.jsx(ExerciseFileTree.default, {})
-  });
+const ExerciseFileTreeLazy = () => {
+  return React.createElement(React.Suspense, {
+    fallback: React.createElement(ExerciseFileTreeListShimmer.default, null)
+  }, React.createElement(ExerciseFileTree.default, null));
 };
 
 exports.default = ExerciseFileTreeLazy;

package/cjs/components/material-exercise/exercise-file-viewer/ExerciseFileViewer.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var recoil = require('recoil');
 var ExerciseFileShimmer = require('../../shared/exercise-shimmer/ExerciseFileShimmer.js');
@@ -18,33 +17,31 @@ require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var ExerciseFileViewer = function ExerciseFileViewer() {
-  var _React$useContext = React__default.default.useContext(context.ExerciseContext),
-    materialExerciseId = _React$useContext.materialExerciseId,
-    exerciseRoomId = _React$useContext.exerciseRoomId,
-    locale = _React$useContext.locale;
-  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  var activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
-  var activeFileUrl = useMaterialExerciseFileUrl.useMaterialExerciseFileUrl({
+const ExerciseFileViewer = () => {
+  const {
+    materialExerciseId,
+    exerciseRoomId,
+    locale
+  } = React.useContext(context.ExerciseContext);
+  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  const activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
+  const activeFileUrl = useMaterialExerciseFileUrl.useMaterialExerciseFileUrl({
     filename: activeFilename,
-    exercise: exercise,
-    exerciseRoomId: exerciseRoomId
+    exercise,
+    exerciseRoomId
   });
   //
   //
   //
   if (!activeFilename) {
-    return jsxRuntime.jsx(ExerciseFileShimmer.default, {});
+    return React.createElement(ExerciseFileShimmer.default, null);
   }
-  return jsxRuntime.jsx(FileViewer.default, {
+  return React.createElement(FileViewer.default, {
+    key: activeFileUrl,
     filename: activeFilename,
     fileurl: activeFileUrl,
     locale: locale
-  }, activeFileUrl);
+  });
 };
 
 exports.default = ExerciseFileViewer;

package/cjs/components/material-exercise/exercise-menu/ExerciseMenu.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var designTokens = require('@elice/design-tokens');
 var intl = require('@elice/intl');
@@ -22,31 +21,23 @@ var ExerciseMenuStdioFileBrowser = require('./ExerciseMenuStdioFileBrowser.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-var StyledExerciseMenuWrapper = styled__default.default.div.withConfig({
+const StyledExerciseMenuWrapper = styled.div.withConfig({
   componentId: "sc-1gf6m87-0"
 })(["display:flex;justify-content:center;align-items:center;padding:0 0.5rem 0 1rem;height:2.25rem;gap:0.5rem;background-color:", ";"], designTokens.base.color.navy8);
-var ExerciseMenu = function ExerciseMenu(_ref) {
-  var __intl = _ref.__intl;
-  var _React$useContext = React__default.default.useContext(context.ExerciseContext),
-    materialExerciseId = _React$useContext.materialExerciseId;
-  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  var isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.Arduino;
+const ExerciseMenu = ({
+  __intl
+}) => {
+  const {
+    materialExerciseId
+  } = React.useContext(context.ExerciseContext);
+  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  const isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.Arduino;
   //
   //
   //
-  return jsxRuntime.jsx(intl.RawEliceIntlProvider, {
-    value: __intl,
-    children: jsxRuntime.jsxs(StyledExerciseMenuWrapper, {
-      children: [isArduinoExercise ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [jsxRuntime.jsx(ExerciseMenuArduinoAgentModalButton.default, {}), jsxRuntime.jsx(ExerciseMenuArduinoSettings.default, {})]
-      }) : jsxRuntime.jsx(ExerciseMenuStdioFileBrowser.default, {}), jsxRuntime.jsx(ExerciseMenuReset.default, {}), jsxRuntime.jsx(ExerciseMenuDropdown.default, {})]
-    })
-  });
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(StyledExerciseMenuWrapper, null, isArduinoExercise ? React.createElement(React.Fragment, null, React.createElement(ExerciseMenuArduinoAgentModalButton.default, null), React.createElement(ExerciseMenuArduinoSettings.default, null)) : React.createElement(ExerciseMenuStdioFileBrowser.default, null), React.createElement(ExerciseMenuReset.default, null), React.createElement(ExerciseMenuDropdown.default, null)));
 };
 var ExerciseMenu$1 = new intl.IntlComponentBuilder(ExerciseMenu).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/exercise-menu/ExerciseMenuArduinoAgentModalButton.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var blocks = require('@elice/blocks');
 var icons = require('@elice/icons');
 var intl = require('@elice/intl');
@@ -13,25 +13,24 @@ require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 
-var ExerciseMenuArduinoAgentModalButton = function ExerciseMenuArduinoAgentModalButton() {
-  var setOpen = recoil.useSetRecoilState(recoil$1.exerciseArduinoAgentModalState);
-  var intl$1 = intl.useRawEliceIntl();
-  var handleClick = function handleClick() {
+const ExerciseMenuArduinoAgentModalButton = () => {
+  const setOpen = recoil.useSetRecoilState(recoil$1.exerciseArduinoAgentModalState);
+  const intl$1 = intl.useRawEliceIntl();
+  const handleClick = () => {
     setOpen(true);
   };
-  return jsxRuntime.jsx(blocks.Button, {
+  return React.createElement(blocks.Button, {
     size: "micro",
     role: "warning",
-    icon: jsxRuntime.jsx(blocks.Icon, {
+    icon: React.createElement(blocks.Icon, {
       icon: icons.eilStatusDanger
     }),
     iconAlign: "left",
     border: false,
-    onClick: handleClick,
-    children: intl$1.formatMessage({
-      id: 'exerciseMenu.arduino.agent.button'
-    })
-  });
+    onClick: handleClick
+  }, intl$1.formatMessage({
+    id: 'exerciseMenu.arduino.agent.button'
+  }));
 };
 
 exports.default = ExerciseMenuArduinoAgentModalButton;

package/cjs/components/material-exercise/exercise-menu/ExerciseMenuArduinoSettings.js

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var blocks = require('@elice/blocks');
 var icons = require('@elice/icons');
@@ -19,164 +17,123 @@ require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 var ExerciseMenuStdioFileBrowser_styled = require('./ExerciseMenuStdioFileBrowser.styled.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var ExerciseMenuArduinoSettings = function ExerciseMenuArduinoSettings() {
-  var intl$1 = intl.useRawEliceIntl();
-  var _React$useState = React__default.default.useState(false),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    open = _React$useState2[0],
-    setOpen = _React$useState2[1];
-  var anchorRef = React__default.default.useRef(null);
-  var ports = recoil.useRecoilValue(recoil$1.exerciseArduinoPortsState);
-  var _useRecoilState = recoil.useRecoilState(recoil$1.exerciseArduinoPreferenceState),
-    _useRecoilState2 = _rollupPluginBabelHelpers.slicedToArray(_useRecoilState, 2),
-    preference = _useRecoilState2[0],
-    setPreference = _useRecoilState2[1];
-  var openedPort = recoil.useRecoilValue(recoil$1.exerciseArduinoOpenedPortNameState);
-  var onSelectPort = recoil.useRecoilValue(recoil$1.exerciseArduinoOnSelectPortState);
+const ExerciseMenuArduinoSettings = () => {
+  const intl$1 = intl.useRawEliceIntl();
+  const [open, setOpen] = React.useState(false);
+  const anchorRef = React.useRef(null);
+  const ports = recoil.useRecoilValue(recoil$1.exerciseArduinoPortsState);
+  const [preference, setPreference] = recoil.useRecoilState(recoil$1.exerciseArduinoPreferenceState);
+  const openedPort = recoil.useRecoilValue(recoil$1.exerciseArduinoOpenedPortNameState);
+  const onSelectPort = recoil.useRecoilValue(recoil$1.exerciseArduinoOnSelectPortState);
   /**
    * List of stdio files.
    */
-  var renderStdioFileList = function renderStdioFileList() {
-    return jsxRuntime.jsxs(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyList, {
-      children: [jsxRuntime.jsxs(ExerciseMenuStdioFileBrowser_styled.StyledPreferenceBodyItem, {
-        children: [jsxRuntime.jsx(blocks.Text, {
-          role: "gray3",
-          block: true,
-          size: "small",
-          children: intl$1.formatMessage({
-            id: 'exerciseMenu.arduino.transferSpeed'
-          })
-        }), jsxRuntime.jsx(ExerciseMenuStdioFileBrowser_styled.StyledSelect, {
-          value: preference.baudRate,
-          size: "small",
-          width: "xsmall",
-          onChange: function onChange(value) {
-            setPreference(Object.assign(Object.assign({}, preference), {
-              baudRate: value
-            }));
-          },
-          children: arduino.ARDUINO_BAUD_RATES.map(function (baudRate) {
-            return jsxRuntime.jsx("option", {
-              value: baudRate,
-              children: baudRate
-            }, baudRate);
-          })
-        })]
-      }), jsxRuntime.jsxs(ExerciseMenuStdioFileBrowser_styled.StyledPreferenceBodyItem, {
-        children: [jsxRuntime.jsx(blocks.Text, {
-          role: "gray3",
-          block: true,
-          size: "small",
-          children: intl$1.formatMessage({
-            id: 'exerciseMenu.arduino.setting.device'
-          })
-        }), jsxRuntime.jsxs(ExerciseMenuStdioFileBrowser_styled.StyledSelect, {
-          value: openedPort !== null && openedPort !== void 0 ? openedPort : '',
-          size: "small",
-          width: "xsmall",
-          onChange: function onChange(value) {
-            onSelectPort(value);
-          },
-          children: [ports.length === 0 ? jsxRuntime.jsx("option", {
-            value: "",
-            disabled: true,
-            children: intl$1.formatMessage({
-              id: 'exerciseMenu.arduino.setting.noDevice'
-            })
-          }) : jsxRuntime.jsx("option", {
-            value: "",
-            disabled: true,
-            children: intl$1.formatMessage({
-              id: 'exerciseMenu.arduino.setting.selectDevice'
-            })
-          }), ports.map(function (port) {
-            return jsxRuntime.jsx("option", {
-              value: port.Name,
-              children: "".concat(arduino$1.getDisplayName(port), "@").concat(port.Name)
-            }, port.Name);
-          })]
-        })]
-      })]
-    });
+  const renderStdioFileList = () => {
+    return React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyList, null, React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledPreferenceBodyItem, null, React.createElement(blocks.Text, {
+      role: "gray3",
+      block: true,
+      size: "small"
+    }, intl$1.formatMessage({
+      id: 'exerciseMenu.arduino.transferSpeed'
+    })), React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledSelect, {
+      value: preference.baudRate,
+      size: "small",
+      width: "xsmall",
+      onChange: value => {
+        setPreference(Object.assign(Object.assign({}, preference), {
+          baudRate: value
+        }));
+      }
+    }, arduino.ARDUINO_BAUD_RATES.map(baudRate => React.createElement("option", {
+      key: baudRate,
+      value: baudRate
+    }, baudRate)))), React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledPreferenceBodyItem, null, React.createElement(blocks.Text, {
+      role: "gray3",
+      block: true,
+      size: "small"
+    }, intl$1.formatMessage({
+      id: 'exerciseMenu.arduino.setting.device'
+    })), React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledSelect, {
+      value: openedPort !== null && openedPort !== void 0 ? openedPort : '',
+      size: "small",
+      width: "xsmall",
+      onChange: value => {
+        onSelectPort(value);
+      }
+    }, ports.length === 0 ? React.createElement("option", {
+      value: "",
+      disabled: true
+    }, intl$1.formatMessage({
+      id: 'exerciseMenu.arduino.setting.noDevice'
+    })) : React.createElement("option", {
+      value: "",
+      disabled: true
+    }, intl$1.formatMessage({
+      id: 'exerciseMenu.arduino.setting.selectDevice'
+    })), ports.map(port => React.createElement("option", {
+      key: port.Name,
+      value: port.Name
+    }, `${arduino$1.getDisplayName(port)}@${port.Name}`)))));
   };
   /**
    * Popover header.
    */
-  var renderStdioFilePopoverHeader = function renderStdioFilePopoverHeader() {
-    return jsxRuntime.jsxs(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverHeader, {
-      children: [jsxRuntime.jsx(blocks.Text, {
-        role: "white",
-        bold: true,
-        children: jsxRuntime.jsx(blocks.Flex, {
-          align: "center",
-          children: intl$1.formatMessage({
-            id: 'exerciseMenu.arduino.setting'
-          })
-        })
-      }), jsxRuntime.jsx(blocks.IconButton, {
-        icon: icons.eilMathsignMultiplyBasic,
-        role: "white",
-        size: "micro",
-        border: false,
-        transparent: true,
-        onClick: function onClick() {
-          return setOpen(false);
-        }
-      })]
-    });
+  const renderStdioFilePopoverHeader = () => {
+    return React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverHeader, null, React.createElement(blocks.Text, {
+      role: "white",
+      bold: true
+    }, React.createElement(blocks.Flex, {
+      align: "center"
+    }, intl$1.formatMessage({
+      id: 'exerciseMenu.arduino.setting'
+    }))), React.createElement(blocks.IconButton, {
+      icon: icons.eilMathsignMultiplyBasic,
+      role: "white",
+      size: "micro",
+      border: false,
+      transparent: true,
+      onClick: () => setOpen(false)
+    }));
   };
   /**
    * Popover body.
    */
-  var renderStdioFilePopoverBody = function renderStdioFilePopoverBody() {
-    return jsxRuntime.jsx(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBody, {
+  const renderStdioFilePopoverBody = () => {
+    return React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBody, {
       children: renderStdioFileList()
     });
   };
   /**
    * Popover.
    */
-  var renderStdioFilePopover = function renderStdioFilePopover() {
-    return jsxRuntime.jsx(blocks.Popover, {
+  const renderStdioFilePopover = () => {
+    return React.createElement(blocks.Popover, {
       open: open,
       anchorEl: anchorRef.current,
       placement: "bottom-end",
       style: {
         zIndex: 99
-      },
-      children: jsxRuntime.jsxs(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverContent, {
-        children: [renderStdioFilePopoverHeader(), renderStdioFilePopoverBody()]
-      })
-    });
+      }
+    }, React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverContent, null, renderStdioFilePopoverHeader(), renderStdioFilePopoverBody()));
   };
   /**
    * Popover toggle button.
    */
-  var renderStdioFilePopoverToggleButton = function renderStdioFilePopoverToggleButton() {
-    return jsxRuntime.jsx(ExerciseMenuButton.default, {
+  const renderStdioFilePopoverToggleButton = () => {
+    return React.createElement(ExerciseMenuButton.default, {
       icon: icons.eilMaterialTypeArduino,
       title: intl$1.formatMessage({
         id: 'exerciseMenu.arduino.setting'
       }),
       active: open,
-      onClick: function onClick() {
-        return setOpen(function (prev) {
-          return !prev;
-        });
-      },
+      onClick: () => setOpen(prev => !prev),
       ref: anchorRef
     });
   };
   //
   //
   //
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [renderStdioFilePopover(), renderStdioFilePopoverToggleButton()]
-  });
+  return React.createElement(React.Fragment, null, renderStdioFilePopover(), renderStdioFilePopoverToggleButton());
 };
 
 exports.default = ExerciseMenuArduinoSettings;