@teambit/code.ui.code-editor - npm Package Compare versions

Comparing version 0.0.5 to 0.0.6

dist/code-editor.d.ts

 import React from 'react';
-import { OnMount, BeforeMount, OnChange } from '@monaco-editor/react';
+import { OnMount, BeforeMount, OnChange, EditorProps } from '@monaco-editor/react';
 import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
@@ -15,4 +15,5 @@ export declare type CodeEditorProps = {
     Loader?: React.ReactNode;
+    Editor: React.FC<EditorProps>;
 };
 export declare const DEFAULT_EDITOR_OPTIONS: monaco.editor.IStandaloneEditorConstructionOptions;
-export declare function CodeEditor({ fileContent, filePath, language, beforeMount, onMount, onChange, Loader, options, className, height, }: CodeEditorProps): JSX.Element;
+export declare function CodeEditor({ fileContent, filePath, language, beforeMount, onMount, onChange, Loader, options, className, height, Editor, }: CodeEditorProps): JSX.Element;

dist/code-editor.js

@@ -9,3 +9,2 @@ "use strict";
 const classnames_1 = __importDefault(require("classnames"));
-const react_2 = __importDefault(require("@monaco-editor/react"));
 const base_ui_theme_dark_theme_1 = require("@teambit/base-ui.theme.dark-theme");
@@ -38,3 +37,3 @@ exports.DEFAULT_EDITOR_OPTIONS = {
 };
-function CodeEditor({ fileContent, filePath, language, beforeMount, onMount, onChange, Loader, options, className, height, }) {
+function CodeEditor({ fileContent, filePath, language, beforeMount, onMount, onChange, Loader, options, className, height, Editor, }) {
     const defaultLang = react_1.default.useMemo(() => {
@@ -46,5 +45,6 @@ if (!filePath)
     }, [filePath]);
-    return (react_1.default.createElement(react_2.default, { path: filePath, value: fileContent || undefined, language: language || defaultLang, height: height || '100%', onMount: onMount, beforeMount: beforeMount, onChange: onChange, className: (0, classnames_1.default)(base_ui_theme_dark_theme_1.darkMode, className), theme: 'vs-dark', options: options || exports.DEFAULT_EDITOR_OPTIONS, loading: Loader }));
+    return (react_1.default.createElement(react_1.default.Suspense, { fallback: Loader !== null && Loader !== void 0 ? Loader : react_1.default.createElement(react_1.default.Fragment, null) },
+        react_1.default.createElement(Editor, { path: filePath, value: fileContent || undefined, language: language || defaultLang, height: height || '100%', onMount: onMount, beforeMount: beforeMount, onChange: onChange, className: (0, classnames_1.default)(base_ui_theme_dark_theme_1.darkMode, className), theme: 'vs-dark', options: options || exports.DEFAULT_EDITOR_OPTIONS, loading: Loader })));
 }
 exports.CodeEditor = CodeEditor;
 //# sourceMappingURL=code-editor.js.map

dist/index.d.ts

 export { CodeEditor } from './code-editor';
 export type { CodeEditorProps } from './code-editor';
+export { useCodeEditor, CodeEditorProvider } from './code-editor.provider';

dist/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CodeEditor = void 0;
+exports.CodeEditorProvider = exports.useCodeEditor = exports.CodeEditor = void 0;
 var code_editor_1 = require("./code-editor");
 Object.defineProperty(exports, "CodeEditor", { enumerable: true, get: function () { return code_editor_1.CodeEditor; } });
+var code_editor_provider_1 = require("./code-editor.provider");
+Object.defineProperty(exports, "useCodeEditor", { enumerable: true, get: function () { return code_editor_provider_1.useCodeEditor; } });
+Object.defineProperty(exports, "CodeEditorProvider", { enumerable: true, get: function () { return code_editor_provider_1.CodeEditorProvider; } });
 //# sourceMappingURL=index.js.map

index.ts

 export { CodeEditor } from './code-editor';
 export type { CodeEditorProps } from './code-editor';
+export { useCodeEditor, CodeEditorProvider } from './code-editor.provider';

package.json

 {
   "name": "@teambit/code.ui.code-editor",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "homepage": "https://bit.cloud/teambit/code/ui/code-editor",
@@ -9,3 +9,3 @@ "main": "dist/index.js",
     "name": "ui/code-editor",
-    "version": "0.0.5"
+    "version": "0.0.6"
   },
@@ -20,4 +20,4 @@ "dependencies": {
   "devDependencies": {
+    "@types/react": "^17.0.8",
     "@types/classnames": "2.2.11",
-    "@types/react": "^17.0.8",
     "@types/mocha": "9.1.0",
@@ -24,0 +24,0 @@ "@types/node": "12.20.4",

No alert changes

Improved metrics

Total package byte prevSize

15878

increased by38.08%

Number of package files

18

increased by28.57%

Lines of code

350

increased by25%

No dependency changes