Grafana UI: Update monaco-related dependencies

[gabor]

the grafana-ui widget <CodeEditor/> uses the monaco third-party package internally. i updated the monaco-dependencies to the newest.

i need an improvement that is not available in our version of monaco-editor (resize-able suggestion-window), so i updated the monaco-editor package, and i also updated the related @monaco-editor/react package, because if we risk something breaking in the update, we might as well update the other related package.

the changes:

• the package @monaco-editor/react goes from 4.1.1 to 4.2.2. based on the changelog there should be no backward-incompatible changes
• the package monaco-editor goes from 0.21.2 to 0.27.0. basad on the changelog there were several backward-incompatible changes:
  • The ESM version of the editor will no longer define a global monaco object. You can define global.MonacoEnvironment = { globalAPI: true } if you want for the editor to define this global object.
  • Renamed OnTypeRenameProvider to LinkedEditingRangeProvider and related methods like the editor option renameOnType (now linkedEditing), registerOnTypeRenameProvider (now registerLinkedEditingRangeProvider), etc.
  • Renamed OnEnterRule.oneLineAboveText to OnEnterRule.previousLineText
  • EditorAutoClosingOvertypeStrategy has been renamed to EditorAutoClosingEditStrategy
  • renamed inlineHints to inlayHints
  • CompletionItemLabel now has the property label, detail and description (instead of name, parameters, qualifier and type).
  • changed seedSearchStringFromSelection from boolean to 'never' | 'always' 'selection'
  • changed suggestion preview mode subwordDiff to subwordSmart, introduced subword

i did a quick check of our source-code and we do not seem to use these attributes whose names have changed (though they do not list all of them in the CHANGELOG 😿 ), and the only place where we access the internal-monaco-object is at https://github.com/grafana/grafana/blob/main/public/app/plugins/datasource/grafana-azure-monitor-datasource/components/LogsQueryEditor/QueryField.tsx#L46-L57 , which seems to be safe, but i was not able to test that part.

unfortunately the monaco-object is part of the grafana-ui package API, because some props on the <CodeEditor/> component use the raw monaco-objects, so this change will have to be marked as backward-incompatible.

i quickly tested it with some code-editors, and it seemed to work, but i am not able to test it with every code-editor we have. (and obviously we cannot test the code-editors that third-party plugins have)

Release notice breaking change

The monaco-editor dependency in grafana-ui has been updated to a newer version (0.27.0), which is not completely backward compatible with the old version (0.21.2). The backward incompatible changes are fairly small, but they do exist, so if your code accesses the raw monaco-objects through the grafana-ui package, please check the monaco-editor changelog and apply any necessary changes.

[gabor]

i've decided to not do the update at this point, so closing the pull request.

[gabor]

seems we are doing this, so reopening.

[ryantxu]

the options in their changelog are pretty essoteric -- I think we can safely update, and would even downplay the "breaking" part on the changelog