@fc-components/monaco-editor 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/dist/monaco-editor.cjs.development.js +12 -4
- package/dist/monaco-editor.cjs.development.js.map +1 -1
- package/dist/monaco-editor.cjs.production.min.js +1 -1
- package/dist/monaco-editor.cjs.production.min.js.map +1 -1
- package/dist/monaco-editor.esm.js +12 -4
- package/dist/monaco-editor.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/promql/index.tsx +13 -4
|
@@ -1953,7 +1953,6 @@ function isErrorBoundary(boundary) {
|
|
|
1953
1953
|
|
|
1954
1954
|
var _excluded = ["error"];
|
|
1955
1955
|
var PROMQL_LANG_ID = promLanguageDefinition.id;
|
|
1956
|
-
var EDITOR_HEIGHT_OFFSET = 2;
|
|
1957
1956
|
var SIZE_MAP = {
|
|
1958
1957
|
small: {
|
|
1959
1958
|
className: 'ant-input-sm',
|
|
@@ -1972,8 +1971,8 @@ var SIZE_MAP = {
|
|
|
1972
1971
|
}
|
|
1973
1972
|
};
|
|
1974
1973
|
var themeMap = {
|
|
1975
|
-
light: '
|
|
1976
|
-
dark: '
|
|
1974
|
+
light: 'light',
|
|
1975
|
+
dark: 'n9e-dark'
|
|
1977
1976
|
};
|
|
1978
1977
|
var getStyles = function getStyles(placeholder) {
|
|
1979
1978
|
return {
|
|
@@ -2024,6 +2023,15 @@ function PromQLEditor(props) {
|
|
|
2024
2023
|
};
|
|
2025
2024
|
}, []);
|
|
2026
2025
|
var handleEditorDidMount = function handleEditorDidMount(editor$1) {
|
|
2026
|
+
editor.defineTheme('n9e-dark', {
|
|
2027
|
+
base: 'vs-dark',
|
|
2028
|
+
inherit: true,
|
|
2029
|
+
rules: [],
|
|
2030
|
+
colors: {
|
|
2031
|
+
'editor.background': '#00000000',
|
|
2032
|
+
focusBorder: '#00000000'
|
|
2033
|
+
}
|
|
2034
|
+
});
|
|
2027
2035
|
var isEditorFocused = editor$1.createContextKey('isEditorFocused' + id, false);
|
|
2028
2036
|
// we setup on-blur
|
|
2029
2037
|
editor$1.onDidBlurEditorWidget(function () {
|
|
@@ -2066,7 +2074,7 @@ function PromQLEditor(props) {
|
|
|
2066
2074
|
var containerDiv = containerRef.current;
|
|
2067
2075
|
if (containerDiv !== null) {
|
|
2068
2076
|
var pixelHeight = editor$1.getContentHeight();
|
|
2069
|
-
containerDiv.style.height = pixelHeight +
|
|
2077
|
+
containerDiv.style.height = pixelHeight + "px";
|
|
2070
2078
|
containerDiv.style.width = '100%';
|
|
2071
2079
|
var pixelWidth = containerDiv.clientWidth;
|
|
2072
2080
|
editor$1.layout({
|