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

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

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

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

@@ -2,6 +2,7 @@
 
 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');
@@ -10,10 +11,15 @@ var ExerciseFileTreeListShimmer = require('../../shared/exercise-shimmer/Exercis
 require('../../shared/exercise-shimmer/ExerciseFileTreeListItemShimmer.js');
 var ExerciseFileTree = require('./ExerciseFileTree.js');
 
-const ExerciseFileTreeLazy = () => {
-  return React.createElement(React.Suspense, {
-    fallback: React.createElement(ExerciseFileTreeListShimmer.default, null)
-  }, React.createElement(ExerciseFileTree.default, null));
+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, {})
+  });
 };
 
 exports.default = ExerciseFileTreeLazy;

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

@@ -0,0 +1,9 @@
+'use strict';
+
+var ExerciseFileTree = require('./ExerciseFileTree.js');
+var ExerciseFileTreeLazy = require('./ExerciseFileTreeLazy.js');
+
+
+
+exports.ExerciseFileTree = ExerciseFileTree.default;
+exports.ExerciseFileTreeLazy = ExerciseFileTreeLazy.default;

package/cjs/components/material-exercise/exercise-file-tree/locales/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var en = require('./en.json.js');
+var ko = require('./ko.json.js');
+var th = require('./th.json.js');
+var ja = require('./ja.json.js');
+
+
+
+exports.messageEn = en.default;
+exports.messageKo = ko.default;
+exports.messageTh = th.default;
+exports.messageJa = ja.default;

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

@@ -2,6 +2,7 @@
 
 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');
@@ -17,31 +18,33 @@ require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 
-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({
+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({
     filename: activeFilename,
-    exercise,
-    exerciseRoomId
+    exercise: exercise,
+    exerciseRoomId: exerciseRoomId
   });
   //
   //
   //
   if (!activeFilename) {
-    return React.createElement(ExerciseFileShimmer.default, null);
+    return jsxRuntime.jsx(ExerciseFileShimmer.default, {});
   }
-  return React.createElement(FileViewer.default, {
-    key: activeFileUrl,
+  return jsxRuntime.jsx(FileViewer.default, {
     filename: activeFilename,
     fileurl: activeFileUrl,
     locale: locale
-  });
+  }, activeFileUrl);
 };
 
 exports.default = ExerciseFileViewer;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+var ExerciseFileViewer = require('./ExerciseFileViewer.js');
+
+
+
+exports.ExerciseFileViewer = ExerciseFileViewer.default;

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

@@ -2,6 +2,7 @@
 
 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');
@@ -21,23 +22,31 @@ var ExerciseMenuStdioFileBrowser = require('./ExerciseMenuStdioFileBrowser.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
 
-const StyledExerciseMenuWrapper = styled.div.withConfig({
+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({
   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);
-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;
+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;
   //
   //
   //
-  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)));
+  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, {})]
+    })
+  });
 };
 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 React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var blocks = require('@elice/blocks');
 var icons = require('@elice/icons');
 var intl = require('@elice/intl');
@@ -13,24 +13,25 @@ require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 
-const ExerciseMenuArduinoAgentModalButton = () => {
-  const setOpen = recoil.useSetRecoilState(recoil$1.exerciseArduinoAgentModalState);
-  const intl$1 = intl.useRawEliceIntl();
-  const handleClick = () => {
+var ExerciseMenuArduinoAgentModalButton = function ExerciseMenuArduinoAgentModalButton() {
+  var setOpen = recoil.useSetRecoilState(recoil$1.exerciseArduinoAgentModalState);
+  var intl$1 = intl.useRawEliceIntl();
+  var handleClick = function handleClick() {
     setOpen(true);
   };
-  return React.createElement(blocks.Button, {
+  return jsxRuntime.jsx(blocks.Button, {
     size: "micro",
     role: "warning",
-    icon: React.createElement(blocks.Icon, {
+    icon: jsxRuntime.jsx(blocks.Icon, {
       icon: icons.eilStatusDanger
     }),
     iconAlign: "left",
     border: false,
-    onClick: handleClick
-  }, intl$1.formatMessage({
-    id: 'exerciseMenu.arduino.agent.button'
-  }));
+    onClick: handleClick,
+    children: intl$1.formatMessage({
+      id: 'exerciseMenu.arduino.agent.button'
+    })
+  });
 };
 
 exports.default = ExerciseMenuArduinoAgentModalButton;

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

@@ -2,6 +2,8 @@
 
 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');
@@ -17,123 +19,164 @@ require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 var ExerciseMenuStdioFileBrowser_styled = require('./ExerciseMenuStdioFileBrowser.styled.js');
 
-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);
+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);
   /**
    * List of stdio files.
    */
-  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}`)))));
+  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);
+          })]
+        })]
+      })]
+    });
   };
   /**
    * Popover header.
    */
-  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)
-    }));
+  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);
+        }
+      })]
+    });
   };
   /**
    * Popover body.
    */
-  const renderStdioFilePopoverBody = () => {
-    return React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBody, {
+  var renderStdioFilePopoverBody = function renderStdioFilePopoverBody() {
+    return jsxRuntime.jsx(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBody, {
       children: renderStdioFileList()
     });
   };
   /**
    * Popover.
    */
-  const renderStdioFilePopover = () => {
-    return React.createElement(blocks.Popover, {
+  var renderStdioFilePopover = function renderStdioFilePopover() {
+    return jsxRuntime.jsx(blocks.Popover, {
       open: open,
       anchorEl: anchorRef.current,
       placement: "bottom-end",
       style: {
         zIndex: 99
-      }
-    }, React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverContent, null, renderStdioFilePopoverHeader(), renderStdioFilePopoverBody()));
+      },
+      children: jsxRuntime.jsxs(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverContent, {
+        children: [renderStdioFilePopoverHeader(), renderStdioFilePopoverBody()]
+      })
+    });
   };
   /**
    * Popover toggle button.
    */
-  const renderStdioFilePopoverToggleButton = () => {
-    return React.createElement(ExerciseMenuButton.default, {
+  var renderStdioFilePopoverToggleButton = function renderStdioFilePopoverToggleButton() {
+    return jsxRuntime.jsx(ExerciseMenuButton.default, {
       icon: icons.eilMaterialTypeArduino,
       title: intl$1.formatMessage({
         id: 'exerciseMenu.arduino.setting'
       }),
       active: open,
-      onClick: () => setOpen(prev => !prev),
+      onClick: function onClick() {
+        return setOpen(function (prev) {
+          return !prev;
+        });
+      },
       ref: anchorRef
     });
   };
   //
   //
   //
-  return React.createElement(React.Fragment, null, renderStdioFilePopover(), renderStdioFilePopoverToggleButton());
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [renderStdioFilePopover(), renderStdioFilePopoverToggleButton()]
+  });
 };
 
 exports.default = ExerciseMenuArduinoSettings;