@elice/material-exercise 1.260305.0 → 1.260430.0

package/es/components/shared/file-tabs/FileTabs.js

@@ -1,11 +1,31 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import _styled from '@emotion/styled/base';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { createElement } from 'react';
+import { base } from '@elice/design-tokens';
 import throttle from 'lodash/throttle';
+import { getMaterialScrollBarCss } from '../../../constants/stylesheets.js';
 import FileTab from './FileTab.js';
 import { getTabProps } from './util.js';
-import { StyledTabs, StyledTabsDropZone } from './FileTabs.styled.js';
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var StyledTabs = /*#__PURE__*/_styled("div", {
+  target: "ep0ecmj1"
+})("display:flex;align-items:flex-end;box-sizing:border-box;flex-direction:row;height:2.25rem;font-family:inherit;background:", base.color.navy8, ";overflow-x:overlay;overflow-y:hidden;scrollbar-width:none;", getMaterialScrollBarCss({
+  height: '2px',
+  borderRadius: '2px',
+  hideable: true
+}), ";");
+var StyledTabsDropZone = /*#__PURE__*/_styled("div", {
+  target: "ep0ecmj0"
+})("production" === "production" ? {
+  name: "uysyag",
+  styles: "flex:1;height:100%;background-color:transparent"
+} : {
+  name: "uysyag",
+  styles: "flex:1;height:100%;background-color:transparent",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var FileTabs = function FileTabs(_ref) {
   var openedTabs = _ref.openedTabs,
     activeTab = _ref.activeTab,

package/es/components/shared/file-tree/FileTreeListItemContent.js

@@ -1,15 +1,103 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import _styled from '@emotion/styled/base';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React from 'react';
-import { Icon, Checkbox } from '@elice/blocks';
+import { Icon, Checkbox, Text, IconButton } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { eilArrowDownwardsSingle, eilVisibilityOff, eilLockOn, eilMoreVertical } from '@elice/icons';
+import { css } from '@emotion/react';
 import FileTreeListItemContentInput from './FileTreeListItemContentInput.js';
 import FileTreeListItemContentMenu from './FileTreeListItemContentMenu.js';
-import { StyledContentIndents, StyledContentIndentGuide, StyledContent, StyledContentLabel, StyledContentLabelDirArrowWrap, StyledContentLabelIconWrap, StyledContentLabelFilename, StyledContentLabelStatusIcon, StyledContentLabelMenuButton } from './FileTreeListItemContent.styled.js';
 import FileIcon from '../file-icon/FileIcon.js';
 import { useFileTreeState, useFileTreeDispatch } from './context/FileTreeContext.js';
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+//
+//
+//
+var CONTENT_MIN_HEIGHT = 28; // 1.75rem
+var CONTENT_LEFT_BORDER_WIDTH = 3; // 0.1875rem
+var CONTENT_RIGHT_PADDING = 12; // 0.75rem
+var CONTENT_LABEL_VERTICAL_PADDING = 4; // 0.25rem
+var CONTENT_LABEL_ICON_SIZE = 16; // 1rem
+var CONTENT_LABEL_ICON_AFTER_MARGIN = 4; // 1rem
+var CONTENT_LABEL_DIR_ARROW_PADDING = 4; // 0.25rem
+var CONTENT_LABEL_DIR_ARROW_SIZE = 12; // 0.75rem
+var CONTENT_LABEL_MENU_BUTTON_SIZE = CONTENT_MIN_HEIGHT - CONTENT_LABEL_VERTICAL_PADDING * 2;
+//
+//
+//
+/**
+ * indent
+ */
+var StyledContentIndents = /*#__PURE__*/_styled("div", {
+  target: "e1mtizjs8"
+})();
+var StyledContentIndentGuide = /*#__PURE__*/_styled("div", {
+  target: "e1mtizjs7"
+})("display:inline-block;height:100%;border-right:0.5px solid ", base.color.gray7, ";");
+/**
+ * label
+ */
+var StyledContentLabel = /*#__PURE__*/_styled("div", {
+  target: "e1mtizjs6"
+})("flex:1;display:flex;align-items:center;padding-top:", CONTENT_LABEL_VERTICAL_PADDING, "px;padding-bottom:", CONTENT_LABEL_VERTICAL_PADDING, "px;overflow:hidden;");
+/**
+ * label > dir arrow
+ */
+var StyledContentLabelDirArrowWrap = /*#__PURE__*/_styled("div", {
+  target: "e1mtizjs5"
+})("flex:0 0 ", CONTENT_LABEL_DIR_ARROW_SIZE + CONTENT_LABEL_DIR_ARROW_PADDING * 2, "px;display:flex;justify-content:center;align-items:center;padding:", CONTENT_LABEL_DIR_ARROW_PADDING, ";height:", CONTENT_LABEL_DIR_ARROW_SIZE, "px;");
+/**
+ * label > icon
+ */
+var StyledContentLabelIconWrap = /*#__PURE__*/_styled("div", {
+  target: "e1mtizjs4"
+})("flex:0 0 ", CONTENT_LABEL_ICON_SIZE + CONTENT_LABEL_ICON_AFTER_MARGIN, "px;display:flex;margin-right:", CONTENT_LABEL_ICON_AFTER_MARGIN, "px;height:", CONTENT_LABEL_ICON_SIZE, "px;");
+/**
+ * label > filename
+ */
+var StyledContentLabelFilename = /*#__PURE__*/_styled(Text, {
+  target: "e1mtizjs3"
+})("flex:1;margin-right:0.125rem;color:", base.color.gray4, ";font-weight:500;");
+/**
+ * label > status icon
+ */
+var StyledContentLabelStatusIcon = /*#__PURE__*/_styled(Icon, {
+  target: "e1mtizjs2"
+})("production" === "production" ? {
+  name: "129lf1x",
+  styles: "margin-left:0.25rem;margin-right:0;&:last-of-type{margin-right:0.25rem;}"
+} : {
+  name: "129lf1x",
+  styles: "margin-left:0.25rem;margin-right:0;&:last-of-type{margin-right:0.25rem;}",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+/**
+ * label > menu button
+ */
+var StyledContentLabelMenuButton = /*#__PURE__*/_styled(IconButton, {
+  target: "e1mtizjs1"
+})("flex:0 0 ", CONTENT_LABEL_MENU_BUTTON_SIZE, "px;width:", CONTENT_LABEL_MENU_BUTTON_SIZE, "px!important;height:", CONTENT_LABEL_MENU_BUTTON_SIZE, "px!important;opacity:0;transition:opacity 150ms ease-in-out;");
+//
+//
+//
+var cssStyledContentActive = /*#__PURE__*/css("border-left-color:", base.color.primary4, ";background-color:", base.color.navy7, ";", StyledContentLabelFilename, "{color:", base.color.gray3, ";}");
+var cssStyledContentDragging = "production" === "production" ? {
+  name: "1ym7stk",
+  styles: "border-left-color:transparent!important;background-color:transparent!important"
+} : {
+  name: "1ym7stk",
+  styles: "border-left-color:transparent!important;background-color:transparent!important",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var StyledContent = /*#__PURE__*/_styled("div", {
+  target: "e1mtizjs0"
+})("display:flex;padding-right:", CONTENT_RIGHT_PADDING, "px;width:100%;min-width:0;min-height:", CONTENT_MIN_HEIGHT, "px;border-left-width:", CONTENT_LEFT_BORDER_WIDTH, "px;border-left-style:solid;border-left-color:transparent;user-select:none;", function (props) {
+  return props.active && cssStyledContentActive;
+}, " ", function (props) {
+  return props.isDragging && cssStyledContentDragging;
+}, " &:hover{background-color:", base.color.navy8, ";", StyledContentLabelFilename, "{color:", base.color.gray3, ";}", StyledContentLabelMenuButton, "{opacity:1;}}");
 var ITEM_IDENT_WIDTH = 8; // 0.5rem
 var FileTreeListItemContent = function FileTreeListItemContent(_ref) {
   var node = _ref.node,

package/es/components/shared/file-tree/FileTreeListItemContentInput.js

@@ -1,18 +1,38 @@
+import _styled from '@emotion/styled/base';
 import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { useForm, Controller } from 'react-hook-form';
 import { useClickAway } from 'react-use';
+import { Input } from '@elice/blocks';
+import { base } from '@elice/design-tokens';
 import { useRawEliceIntl } from '@elice/intl';
 import { getParentPath } from './utils/fileTreeGenerator.js';
-import { StyledInputForm, StyledInput } from './FileTreeListItemContentInput.styled.js';
 import { useFileTreeDispatch } from './context/FileTreeContext.js';
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var INPUT_HEIGHT = '1.25rem';
+var INPUT_FONT_SIZE = '0.75rem';
+var INPUT_INNER_LEFT_PADDING = '0.125rem';
+var INPUT_INNER_RIGHT_PADDING = '0.25rem';
 var FILENAME_MAX_LENGTH = 65535;
 var FILENAME_REGEXP_DOT = /^\.$/;
 var FILENAME_REGEXP_DOTDOT = /^\.\.$/;
 var FILENAME_REGEXP_DOT_ELICE = /^\.elice$/;
 var FILENAME_REGEXP_SLASH = /\//;
 var FILENAME_REGEXP_BACK_SLASH = /\\/;
+var StyledInputForm = /*#__PURE__*/_styled("form", {
+  target: "e1lewuzv1"
+})("production" === "production" ? {
+  name: "y3klfd",
+  styles: "flex:1;display:flex"
+} : {
+  name: "y3klfd",
+  styles: "flex:1;display:flex",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledInput = /*#__PURE__*/_styled(Input, {
+  target: "e1lewuzv0"
+})("min-height:", INPUT_HEIGHT, ";>div{background:transparent!important;>div{&:nth-child(1){padding:", INPUT_INNER_LEFT_PADDING, ";}&:nth-child(3){padding:", INPUT_INNER_RIGHT_PADDING, ";}}.eb-icon{width:0.875em;height:0.875em;font-size:0.875em;}}& input{padding-top:0!important;padding-bottom:0!important;height:", INPUT_HEIGHT, "!important;color:", base.color.gray0, "!important;font-size:", INPUT_FONT_SIZE, "!important;}");
 var FileTreeListItemContentInput = function FileTreeListItemContentInput(_ref) {
   var type = _ref.type,
     initialValue = _ref.initialValue,

package/es/components/shared/file-tree/FileTreeListItems.js

@@ -1,12 +1,33 @@
+import _styled from '@emotion/styled/base';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { base } from '@elice/design-tokens';
 import FileTreeListItemContent from './FileTreeListItemContent.js';
-import { StyledTreeItems, StyledTreeItem } from './FileTreeListItems.styled.js';
 import { isMovingTheSamePath } from './utils/fileTreePath.js';
 import { useFileTreeState, useFileTreeDispatch } from './context/FileTreeContext.js';
 import { getTargetDirectoryPath } from './utils/fileTreeInput.js';
 import { validateFilesSize } from './utils/fileTreeFiles.js';
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var StyledTreeItems = /*#__PURE__*/_styled("ul", {
+  target: "eqj36uk1"
+})("production" === "production" ? {
+  name: "n5lwfe",
+  styles: "padding:0;margin:0;overflow:hidden"
+} : {
+  name: "n5lwfe",
+  styles: "padding:0;margin:0;overflow:hidden",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledTreeItem = /*#__PURE__*/_styled("li", {
+  target: "eqj36uk0"
+})("production" === "production" ? {
+  name: "i710ph",
+  styles: "list-style:none;cursor:pointer"
+} : {
+  name: "i710ph",
+  styles: "list-style:none;cursor:pointer",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var _FileTreeListItems = function FileTreeListItems(_ref) {
   var node = _ref.node,
     _ref$indent = _ref.indent,

package/es/components/shared/file-tree/file-tree-toolbar/FileTreeToolbar.js

@@ -1,8 +1,9 @@
+import _styled from '@emotion/styled/base';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React from 'react';
+import { base } from '@elice/design-tokens';
 import { eilFileAdd, eilFolderAdd, eilUpload } from '@elice/icons';
 import { IntlComponentBuilder, useRawEliceIntl } from '@elice/intl';
-import { StyledFileTreeToolbar } from '../FileTreeToolbar.styled.js';
 import messageEn from './locales/en.json.js';
 import messageKo from './locales/ko.json.js';
 import { useFileTreeState, useFileTreeDispatch } from '../context/FileTreeContext.js';
@@ -10,6 +11,9 @@ import ExerciseMenuButton from '../../exercise-menu-button/ExerciseMenuButton.js
 import { getTargetDirectoryPath } from '../utils/fileTreeInput.js';
 import { validateFilesSize } from '../utils/fileTreeFiles.js';
 
+var StyledFileTreeToolbar = /*#__PURE__*/_styled("div", {
+  target: "emczy7z0"
+})("flex:0 0 2.25rem;display:flex;align-items:center;padding:0.25rem 0.5rem;background-color:", base.color.navy8, ";");
 var FileTreeToolbar = function FileTreeToolbar(_ref) {
   var className = _ref.className;
   var intl = useRawEliceIntl();

package/es/components/shared/material-modal/MaterialModal.d.ts

@@ -1,5 +1,6 @@
 import type React from 'react';
 interface MaterialModalProps {
+    children?: React.ReactNode;
     title: string;
     footer?: React.ReactChild;
     onHide?: () => void;

package/es/components/shared/material-modal/MaterialModal.js

@@ -1,9 +1,33 @@
+import _styled from '@emotion/styled/base';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useKeyPressEvent } from 'react-use';
-import { BorderlessDialog } from '@elice/blocks';
+import { Text, Flex, IconButton, BorderlessDialog } from '@elice/blocks';
+import { base } from '@elice/design-tokens';
 import { eilMathsignMultiplyBasic } from '@elice/icons';
-import { StyledModalWrapper, StyledModalHeader, StyledModalBody, StyledModalFooter, StyledCloseButton } from './MaterialModal.styled.js';
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var StyledModalWrapper = /*#__PURE__*/_styled("div", {
+  target: "e17uxf0q4"
+})("position:relative;display:flex;flex-flow:column nowrap;width:90vw;height:90vh;padding:0;background-color:", base.color.gray8, ";border-radius:0.375rem;");
+var StyledModalHeader = /*#__PURE__*/_styled(Text, {
+  target: "e17uxf0q3"
+})("flex:0 1 auto;width:100%;height:3.25rem;min-height:3.25rem;line-height:3.25rem;border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;border-bottom:1px solid ", base.color.navy9, ";text-align:center;color:", base.color.white, ";");
+var StyledModalBody = /*#__PURE__*/_styled("div", {
+  target: "e17uxf0q2"
+})("production" === "production" ? {
+  name: "1pb620b",
+  styles: "position:relative;flex:1 1 auto;width:100%;height:80%"
+} : {
+  name: "1pb620b",
+  styles: "position:relative;flex:1 1 auto;width:100%;height:80%",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledModalFooter = /*#__PURE__*/_styled(Flex, {
+  target: "e17uxf0q1"
+})("flex:0 1 auto;width:100%;height:3.75rem;min-height:3.75rem;border-bottom-left-radius:0.375rem;border-bottom-right-radius:0.375rem;border-top:1px solid ", base.color.navy9, ";padding:0.5rem 1.5rem;overflow:hidden;text-align:right;align-items:center;justify-content:flex-end;");
+var StyledCloseButton = /*#__PURE__*/_styled(IconButton, {
+  target: "e17uxf0q0"
+})("position:absolute;top:0;right:0;color:", base.color.gray4, "!important;");
 var MaterialModal = function MaterialModal(_ref) {
   var children = _ref.children,
     title = _ref.title,

package/es/components/shared/monaco-editor/utils/prettier/config.d.ts

@@ -1,4 +1,4 @@
-import type { Config as PrettierConfig } from 'prettier';
+import type { Options as PrettierConfig } from 'prettier';
 interface PrettierConfigSource {
     config: PrettierConfig;
 }

package/es/components/shared/monaco-editor/utils/prettier/config.js

@@ -3,9 +3,9 @@
  */
 var DEFAULT_PRETTIER_CONFIG = Object.freeze({
   arrowParens: 'avoid',
+  bracketSameLine: false,
   bracketSpacing: true,
   endOfLine: 'auto',
-  jsxBracketSameLine: false,
   jsxSingleQuote: false,
   quoteProps: 'as-needed',
   semi: true,

package/es/hooks/index.d.ts

@@ -1,4 +1,3 @@
-export * from './useArduino';
 export * from './useExerciseFile';
 export * from './useExericseShortcut';
 export * from './useRunnerRoomWebSocket';

package/es/hooks/index.js

@@ -1,4 +1,3 @@
-export { useArduino } from './useArduino.js';
 export { useExerciseFileEditable, useExerciseFileResettable } from './useExerciseFile.js';
 export { useExericseShortcut } from './useExericseShortcut.js';
 export { useRunnerRoomWebSocket } from './useRunnerRoomWebSocket.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.260305.0",
+  "version": "1.260430.0",
   "description": "User view and editing components of Elice material exercise",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -14,14 +14,6 @@
     "README.md"
   ],
   "sideEffects": false,
-  "scripts": {
-    "start": "run-s watch",
-    "prebuild": "run-s clean",
-    "build": "cross-env NODE_ENV=production rollup -c ../../rollup.config.ts --configPlugin typescript -f es -f cjs",
-    "watch": "rollup -c ../../rollup.config.ts --configPlugin typescript -f es -f cjs -w",
-    "lint": "eslint --ext .ts,.tsx ./src --max-warnings=0",
-    "clean": "del-cli \"es/*\" \"cjs/*\" \"dist/*\""
-  },
   "peerDependencies": {
     "@elice/api-client": "^1",
     "@elice/blocks": "^1",
@@ -29,11 +21,11 @@
     "@elice/icons": "^1",
     "@elice/intl": "^0",
     "@elice/markdown": "^1",
-    "@elice/material-shared-types": "1.260305.0",
-    "@elice/material-shared-utils": "1.260305.0",
+    "@elice/mcu-bridge": "^1",
     "@elice/mui-elements": "^5",
     "@elice/mui-system": "^5",
     "@elice/types": "^1",
+    "@elice/utils": "^1",
     "@elice/websocket": "^1",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
@@ -46,7 +38,8 @@
     "lodash": "^4.17.21",
     "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
     "react-use": "^17.0.0",
-    "recoil": "^0"
+    "@elice/material-shared-types": "1.260430.0",
+    "@elice/material-shared-utils": "1.260430.0"
   },
   "dependencies": {
     "@novnc/novnc": "^1.3.0",
@@ -62,12 +55,12 @@
     "monaco-textmate": "~3.0.1",
     "onigasm": "~2.2.5",
     "ot-text-unicode": "^4.0.0",
-    "prettier": "3.3.3",
+    "prettier": "~3.7.0",
     "random-words": "^1.1.2",
     "react-hook-form": "~7.45.4",
     "react-transition-group": "^4.3.0",
+    "recoil": "0.7.7",
     "rxjs": "^7.5.6",
-    "socket.io-client": "2.3.1",
     "tslib": "^2.6.1",
     "type-fest": "^2.13.0",
     "unicount": "^1.2.0",
@@ -82,13 +75,14 @@
     "@elice/icons": "^1.230814.0",
     "@elice/intl": "0.241127.0",
     "@elice/markdown": "1.241015.0",
-    "@elice/material-shared-types": "1.260305.0",
-    "@elice/material-shared-utils": "1.260305.0",
+    "@elice/mcu-bridge": "^1.260430.0",
     "@elice/mui-elements": "5.251204.0",
     "@elice/mui-system": "5.251204.0",
+    "@elice/rollup-config": "^1.260406.0",
     "@elice/types": "^1.251229.0",
     "@elice/utils": "^1.250930.0",
     "@elice/websocket": "^1.220815.0",
+    "@emotion/babel-plugin": "^11.13.5",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@fortawesome/pro-regular-svg-icons": "^6.4.2",
@@ -100,16 +94,35 @@
     "@types/color": "^3.0.3",
     "@types/file-saver": "^2.0.5",
     "@types/humps": "^2.0.1",
+    "@types/lodash": "^4.17.23",
     "@types/mime": "^2.0.3",
     "@types/novnc": "^0.0.27",
-    "@types/prettier": "^2.6.3",
     "@types/random-words": "^1.1.2",
     "@types/react": "~17.0.9",
-    "@types/socket.io-client": "^1.4.36",
+    "@types/react-dom": "~17.0.9",
+    "@vitejs/plugin-react": "^4.2.1",
+    "cross-env": "^7.0.3",
+    "del-cli": "^3.0.1",
+    "eslint": "~9.39.0",
     "humps": "^2.0.1",
     "lodash": "^4.17.21",
-    "react": "^17.0.2",
+    "npm-run-all": "^4.1.5",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
     "react-use": "^17.0.0",
-    "recoil": "~0.7.3"
+    "rollup": "^4.0.0",
+    "typescript": "~5.9.3",
+    "vite": "^4.4.9",
+    "@elice/material-shared-types": "1.260430.0",
+    "@elice/material-shared-utils": "1.260430.0"
+  },
+  "scripts": {
+    "start": "run-s watch",
+    "prebuild": "run-s clean",
+    "build": "cross-env NODE_ENV=production rollup -c ../../rollup.config.ts --configPlugin typescript -f es -f cjs",
+    "watch": "rollup -c ../../rollup.config.ts --configPlugin typescript -f es -f cjs -w",
+    "lint": "eslint --ext .ts,.tsx ./src --max-warnings=0",
+    "playground": "vite",
+    "clean": "del-cli \"es/*\" \"cjs/*\" \"dist/*\""
   }
-}
+}

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

@@ -1,66 +0,0 @@
-export declare const EXERCISE_FILE_TREE_MIN_WIDTH = 128;
-export declare const EXERCISE_PREVIEW_MIN_WIDTH = 128;
-export declare const EXERCISE_RUNNER_MIN_HEIGHT = 128;
-export declare const EXERCISE_HORIZONTAL_RATIO: {
-    FILETREE: number;
-    EDITOR: number;
-    PREVIEW: number;
-};
-/**
- * Wrapper contains:
- * - FileTree
- * - FileTabs
- * - File (Editor)
- * - Runner
- */
-export declare const StyledExerciseContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * Wrapper contains:
- * - FileTree
- * - FileTabs
- * - File (Editor)
- */
-export declare const StyledExerciseMain: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * Wrapper contains:
- * - FileTabs
- * - File (Editor)
- */
-export declare const StyledExerciseFileAndTabWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledExerciseFileWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledExerciseTabBar: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledExerciseTabsWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledExerciseTabMenuWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledExerciseFileTreeWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledxerciseFileTreeContaner: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledExerciseRunnerWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,119 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-var designTokens = require('@elice/design-tokens');
-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);
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var EXERCISE_FILE_TREE_MIN_WIDTH = 128;
-var EXERCISE_PREVIEW_MIN_WIDTH = 128;
-var EXERCISE_RUNNER_MIN_HEIGHT = 128;
-var EXERCISE_HORIZONTAL_RATIO = {
-  FILETREE: 0.15,
-  PREVIEW: 0.4
-};
-/**
- * Wrapper contains:
- * - FileTree
- * - FileTabs
- * - File (Editor)
- * - Runner
- */
-var StyledExerciseContainer = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm99"
-})("production" === "production" ? {
-  name: "1x6515k",
-  styles: "flex:1;display:flex;flex-direction:column;height:100%;min-width:0;min-height:0"
-} : {
-  name: "1x6515k",
-  styles: "flex:1;display:flex;flex-direction:column;height:100%;min-width:0;min-height:0",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-/**
- * Wrapper contains:
- * - FileTree
- * - FileTabs
- * - File (Editor)
- */
-var StyledExerciseMain = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm98"
-})("production" === "production" ? {
-  name: "gaqfa6",
-  styles: "flex:1;display:flex;width:100%;min-width:0;min-height:0"
-} : {
-  name: "gaqfa6",
-  styles: "flex:1;display:flex;width:100%;min-width:0;min-height:0",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-/**
- * Wrapper contains:
- * - FileTabs
- * - File (Editor)
- */
-var StyledExerciseFileAndTabWrap = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm97"
-})("flex:1;display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;background-color:", designTokens.base.color.navy9, ";");
-var StyledExerciseFileWrap = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm96"
-})("production" === "production" ? {
-  name: "1qvekf5",
-  styles: "flex:1;min-height:0"
-} : {
-  name: "1qvekf5",
-  styles: "flex:1;min-height:0",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-// ========== Exercise FileTab ==========
-var StyledExerciseTabBar = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm95"
-})("display:flex;border-bottom:", stylesheets.MATERIAL_DIVIDER_BORDER_VALUE, ";");
-var StyledExerciseTabsWrap = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm94"
-})("production" === "production" ? {
-  name: "fxp7t8",
-  styles: "flex:1;min-width:0"
-} : {
-  name: "fxp7t8",
-  styles: "flex:1;min-width:0",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledExerciseTabMenuWrap = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm93"
-})("display:flex;justify-content:center;align-items:center;padding:0 0.5rem 0 1rem;background-color:", designTokens.base.color.navy8, ";");
-// ========== Exercise FileTree ==========
-var StyledExerciseFileTreeWrap = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm92"
-})("flex:1;display:flex;flex-direction:column;min-width:0;height:100%;border-right:", stylesheets.MATERIAL_DIVIDER_BORDER_VALUE, ";");
-var StyledxerciseFileTreeContaner = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm91"
-})("production" === "production" ? {
-  name: "ajoz9e",
-  styles: "display:flex;height:100%;max-width:auto;&[aria-hidden='true']{max-width:0;overflow:hidden;}"
-} : {
-  name: "ajoz9e",
-  styles: "display:flex;height:100%;max-width:auto;&[aria-hidden='true']{max-width:0;overflow:hidden;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-// ========== Exercise Runner ==========
-var StyledExerciseRunnerWrap = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm90"
-})("width:100%;height:100%;border-top:", stylesheets.MATERIAL_DIVIDER_BORDER_VALUE, ";");
-
-exports.EXERCISE_FILE_TREE_MIN_WIDTH = EXERCISE_FILE_TREE_MIN_WIDTH;
-exports.EXERCISE_HORIZONTAL_RATIO = EXERCISE_HORIZONTAL_RATIO;
-exports.EXERCISE_PREVIEW_MIN_WIDTH = EXERCISE_PREVIEW_MIN_WIDTH;
-exports.EXERCISE_RUNNER_MIN_HEIGHT = EXERCISE_RUNNER_MIN_HEIGHT;
-exports.StyledExerciseContainer = StyledExerciseContainer;
-exports.StyledExerciseFileAndTabWrap = StyledExerciseFileAndTabWrap;
-exports.StyledExerciseFileTreeWrap = StyledExerciseFileTreeWrap;
-exports.StyledExerciseFileWrap = StyledExerciseFileWrap;
-exports.StyledExerciseMain = StyledExerciseMain;
-exports.StyledExerciseRunnerWrap = StyledExerciseRunnerWrap;
-exports.StyledExerciseTabBar = StyledExerciseTabBar;
-exports.StyledExerciseTabMenuWrap = StyledExerciseTabMenuWrap;
-exports.StyledExerciseTabsWrap = StyledExerciseTabsWrap;
-exports.StyledxerciseFileTreeContaner = StyledxerciseFileTreeContaner;

package/cjs/components/material-exercise/exercise-code-history/ExerciseCodeHistory.styled.d.ts

@@ -1,24 +0,0 @@
-import { Text } from '@elice/blocks';
-export declare const cssInputRangeTrack: import("@emotion/react").SerializedStyles;
-export declare const cssInputRangeThumb: import("@emotion/react").SerializedStyles;
-export declare const StyledModalContent: import("@emotion/styled").StyledComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledVersionRangeInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const StyledVersionsWrapper: import("@emotion/styled").StyledComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledVersionRangeInputWrapper: import("@emotion/styled").StyledComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledEditorWrapper: import("@emotion/styled").StyledComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledFileNameBox: import("@emotion/styled").StyledComponent<Pick<import("@elice/blocks").TextProps, never> & Partial<Pick<import("@elice/blocks").TextProps, keyof import("@elice/blocks").TextProps>> & Partial<Pick<import("@elice/blocks").TextProps, never>> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {
-    ref?: import("react").Ref<Text> | undefined;
-}>;