@codecademy/codebytes 0.6.7-alpha.3dce32.0 → 0.6.7-alpha.4308ce.0

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-### [0.6.7-alpha.3dce32.0](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.6...@codecademy/codebytes@0.6.7-alpha.3dce32.0) (2022-02-04)
+### [0.6.7-alpha.4308ce.0](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.6...@codecademy/codebytes@0.6.7-alpha.4308ce.0) (2022-02-04)
 
 **Note:** Version bump only for package @codecademy/codebytes
 

package/dist/MonacoEditor/index.js

@@ -1,11 +1,32 @@
+import _styled from "@emotion/styled/base";
+
+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)."; }
+
 // DO NOT CHANGE ANYTHING HERE
 // This component is part of the Codebytes MVP and only includes basic configuration around theming
 // We are working on a monaco package in client-modules that has more configuration around themes and languages
 // Monaco as a shared package RFC https://www.notion.so/codecademy/Monaco-editor-as-a-shared-package-1f4484db165b4abc8394c3556451ef6a
+import { Box } from '@codecademy/gamut';
 import ReactMonacoEditor from '@monaco-editor/react';
 import React, { useCallback, useRef } from 'react';
 import ResizeObserver from 'react-resize-observer';
 import { dark } from './theme';
+
+// A hidden element in monaco was causing its container to overflow
+// https://github.com/microsoft/monaco-editor/issues/29#issuecomment-753854541
+var EditorWrapper = /*#__PURE__*/_styled(Box, {
+  target: "e619new0",
+  label: "EditorWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1dbxblp",
+  styles: "& .monaco-editor.rename-box,.monaco-hover{top:0;}& .lines-content{height:100%!important;}"
+} : {
+  name: "1dbxblp",
+  styles: "& .monaco-editor.rename-box,.monaco-hover{top:0;}& .lines-content{height:100%!important;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Nb25hY29FZGl0b3IvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCaUMiLCJmaWxlIjoiLi4vLi4vc3JjL01vbmFjb0VkaXRvci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvLyBETyBOT1QgQ0hBTkdFIEFOWVRISU5HIEhFUkVcbi8vIFRoaXMgY29tcG9uZW50IGlzIHBhcnQgb2YgdGhlIENvZGVieXRlcyBNVlAgYW5kIG9ubHkgaW5jbHVkZXMgYmFzaWMgY29uZmlndXJhdGlvbiBhcm91bmQgdGhlbWluZ1xuLy8gV2UgYXJlIHdvcmtpbmcgb24gYSBtb25hY28gcGFja2FnZSBpbiBjbGllbnQtbW9kdWxlcyB0aGF0IGhhcyBtb3JlIGNvbmZpZ3VyYXRpb24gYXJvdW5kIHRoZW1lcyBhbmQgbGFuZ3VhZ2VzXG4vLyBNb25hY28gYXMgYSBzaGFyZWQgcGFja2FnZSBSRkMgaHR0cHM6Ly93d3cubm90aW9uLnNvL2NvZGVjYWRlbXkvTW9uYWNvLWVkaXRvci1hcy1hLXNoYXJlZC1wYWNrYWdlLTFmNDQ4NGRiMTY1YjRhYmM4Mzk0YzM1NTY0NTFlZjZhXG5cbmltcG9ydCB7IEJveCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdE1vbmFjb0VkaXRvciwgeyBPbk1vdW50IH0gZnJvbSAnQG1vbmFjby1lZGl0b3IvcmVhY3QnO1xuaW1wb3J0IHsgZWRpdG9yIH0gZnJvbSAnbW9uYWNvLWVkaXRvci9lc20vdnMvZWRpdG9yL2VkaXRvci5hcGknO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUmVzaXplT2JzZXJ2ZXIgZnJvbSAncmVhY3QtcmVzaXplLW9ic2VydmVyJztcblxuaW1wb3J0IHsgZGFyayB9IGZyb20gJy4vdGhlbWUnO1xuaW1wb3J0IHsgTW9uYWNvIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCB0eXBlIFNpbXBsZU1vbmFjb0VkaXRvclByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICBsYW5ndWFnZTogc3RyaW5nO1xuICBvbkNoYW5nZT86ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkO1xufTtcblxudHlwZSBUaGVtZWRFZGl0b3IgPSBQYXJhbWV0ZXJzPE9uTW91bnQ+WzBdO1xuXG4vLyBBIGhpZGRlbiBlbGVtZW50IGluIG1vbmFjbyB3YXMgY2F1c2luZyBpdHMgY29udGFpbmVyIHRvIG92ZXJmbG93XG4vLyBodHRwczovL2dpdGh1Yi5jb20vbWljcm9zb2Z0L21vbmFjby1lZGl0b3IvaXNzdWVzLzI5I2lzc3VlY29tbWVudC03NTM4NTQ1NDFcbmNvbnN0IEVkaXRvcldyYXBwZXIgPSBzdHlsZWQoQm94KWBcbiAgJiAubW9uYWNvLWVkaXRvci5yZW5hbWUtYm94LFxuICAubW9uYWNvLWhvdmVyIHtcbiAgICB0b3A6IDA7XG4gIH1cbiAgLy8gQSBoaWRkZW4gb3ZlcmZsb3dpbmcgZWxlbWVudCBjYXVzZXMgYWNjZXNzaWJpbGl0eSBlcnJvcnNcbiAgLy8gVGhlIGJhY2tncm91bmQgb2YgdGhlIG92ZXJmbG93aW5nIGVsZW1lbnQgY2F1c2VzIHRyaWdnZXJzIGNvbG9yIGNvbnRyYXN0IGVycm9yc1xuICAmIC5saW5lcy1jb250ZW50IHtcbiAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNpbXBsZU1vbmFjb0VkaXRvcjogUmVhY3QuRkM8U2ltcGxlTW9uYWNvRWRpdG9yUHJvcHM+ID0gKHtcbiAgdmFsdWUsXG4gIGxhbmd1YWdlLFxuICBvbkNoYW5nZSxcbn0pID0+IHtcbiAgY29uc3QgZWRpdG9yUmVmID0gdXNlUmVmPGVkaXRvci5JU3RhbmRhbG9uZUNvZGVFZGl0b3IgfCBudWxsPihudWxsKTtcbiAgY29uc3QgZWRpdG9yV2lsbE1vdW50ID0gdXNlQ2FsbGJhY2soXG4gICAgKGVkaXRvcjogVGhlbWVkRWRpdG9yLCBtb25hY286IE1vbmFjbykgPT4ge1xuICAgICAgZWRpdG9yUmVmLmN1cnJlbnQgPSBlZGl0b3I7XG4gICAgICBtb25hY28uZWRpdG9yLmRlZmluZVRoZW1lKCdkYXJrJywgZGFyayk7XG4gICAgICBtb25hY28uZWRpdG9yLnNldFRoZW1lKCdkYXJrJyk7XG4gICAgfSxcbiAgICBbXVxuICApO1xuICByZXR1cm4gKFxuICAgIDxFZGl0b3JXcmFwcGVyPlxuICAgICAgPFJlc2l6ZU9ic2VydmVyXG4gICAgICAgIG9uUmVzaXplPXsoeyBoZWlnaHQsIHdpZHRoIH0pID0+IHtcbiAgICAgICAgICBlZGl0b3JSZWYuY3VycmVudD8ubGF5b3V0KHtcbiAgICAgICAgICAgIGhlaWdodCxcbiAgICAgICAgICAgIHdpZHRoLFxuICAgICAgICAgIH0pO1xuICAgICAgICB9fVxuICAgICAgLz5cbiAgICAgIDxSZWFjdE1vbmFjb0VkaXRvclxuICAgICAgICBvbk1vdW50PXtlZGl0b3JXaWxsTW91bnR9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb3B0aW9ucz17eyBtaW5pbWFwOiB7IGVuYWJsZWQ6IGZhbHNlIH0gfX1cbiAgICAgICAgdGhlbWU9XCJ2cy1kYXJrXCJcbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICBsYW5ndWFnZT17bGFuZ3VhZ2V9XG4gICAgICAvPlxuICAgIDwvRWRpdG9yV3JhcHBlcj5cbiAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
 export var SimpleMonacoEditor = function SimpleMonacoEditor(_ref) {
   var value = _ref.value,
       language = _ref.language,
@@ -16,7 +37,7 @@ export var SimpleMonacoEditor = function SimpleMonacoEditor(_ref) {
     monaco.editor.defineTheme('dark', dark);
     monaco.editor.setTheme('dark');
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResizeObserver, {
+  return /*#__PURE__*/React.createElement(EditorWrapper, null, /*#__PURE__*/React.createElement(ResizeObserver, {
     onResize: function onResize(_ref2) {
       var _editorRef$current;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/codebytes",
   "description": "Codebytes Code Editor",
-  "version": "0.6.7-alpha.3dce32.0",
+  "version": "0.6.7-alpha.4308ce.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "sideEffects": [
     "**/*.css",
@@ -64,5 +64,5 @@
   "files": [
     "dist/**"
   ],
-  "gitHead": "402d50b30846f036d3712e7a48238d563112b74d"
+  "gitHead": "2ef8bcf465a4d57a746da2dd67a26bcbb1cdf003"
 }