/
githubmirror
/
gitness
Обзор
Документация
Войти
/
githubmirror
/
gitness
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
web/src/components/SourceCodeEditor/SourceCodeEditorWithRef.tsx
40 строк
1 KB
vardan.bansal@harness.io vardan
feat: [CI-10587]: YAML <-> UI sync experience for Side Panel (#875)
06 дек 2023, 21:23
06 дек 2023, 21:23
33b96db
Код
Авторство
О чём код?
/* * Copyright 2023 Harness, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ import React, { useRef, forwardRef } from 'react' import type { editor } from 'monaco-editor' import type { EditorDidMount } from 'react-monaco-editor' import type { SourceCodeEditorProps } from 'utils/Utils' import MonacoSourceCodeEditor from './MonacoSourceCodeEditor' import { setForwardedRef } from './EditorUtils' export type MonacoCodeEditorRef = editor.IStandaloneCodeEditor const SourceCodeEditor = forwardRef<MonacoCodeEditorRef, SourceCodeEditorProps>((props, ref) => { const _ref = useRef<MonacoCodeEditorRef | null>(null) const editorDidMount: EditorDidMount = (editor, _monaco) => { props.editorDidMount?.(editor, _monaco) _ref.current = editor setForwardedRef(ref, editor) } return <MonacoSourceCodeEditor {...props} editorDidMount={editorDidMount} /> }) SourceCodeEditor.displayName = 'SourceCodeEditor' export const SourceCodeEditorWithRef = React.memo(SourceCodeEditor)