123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- /*
- * SonarQube
- * Copyright (C) 2009-2022 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
- import * as React from 'react';
- import { RuleDescriptor } from './context';
- import WorkspaceHeader, { Props as WorkspaceHeaderProps } from './WorkspaceHeader';
- import WorkspaceRuleDetails from './WorkspaceRuleDetails';
- import WorkspaceRuleTitle from './WorkspaceRuleTitle';
-
- export interface Props extends Omit<WorkspaceHeaderProps, 'children' | 'onClose'> {
- rule: RuleDescriptor;
- height: number;
- onClose: (componentKey: string) => void;
- onLoad: (details: { key: string; name: string }) => void;
- }
-
- interface State {
- loading: boolean;
- }
-
- export default class WorkspaceRuleViewer extends React.PureComponent<Props> {
- state: State = { loading: true };
-
- componentDidUpdate(prevProps: Props) {
- if (prevProps.rule.key !== this.props.rule.key) {
- this.setState({ loading: true });
- }
- }
-
- handleClose = () => {
- this.props.onClose(this.props.rule.key);
- };
-
- handleLoaded = (rule: { name: string }) => {
- this.props.onLoad({ key: this.props.rule.key, name: rule.name });
- // Allow time for the actual rendering, and the browser to pick it up.
- setTimeout(() => {
- this.setState({ loading: false });
- }, 1000);
- };
-
- render() {
- const { rule } = this.props;
- const { loading } = this.state;
-
- return (
- <div className="workspace-viewer">
- <WorkspaceHeader
- maximized={this.props.maximized}
- onClose={this.handleClose}
- onCollapse={this.props.onCollapse}
- onMaximize={this.props.onMaximize}
- onMinimize={this.props.onMinimize}
- onResize={this.props.onResize}>
- <WorkspaceRuleTitle rule={rule} />
- </WorkspaceHeader>
-
- <div
- aria-busy={loading}
- aria-live="polite"
- className="workspace-viewer-container"
- style={{ height: this.props.height }}>
- <WorkspaceRuleDetails onLoad={this.handleLoaded} ruleKey={rule.key} />
- </div>
- </div>
- );
- }
- }
|