{
"order": [
"type-annotations",
+ "instance-variables",
"static-methods",
"lifecycle",
"everything-else",
"@types/jest": "22.0.1",
"@types/jquery": "3.2.11",
"@types/keymaster": "1.6.28",
- "@types/lodash": "4.14.80",
+ "@types/lodash": "4.14.102",
"@types/prop-types": "15.5.2",
"@types/react": "16.0.29",
"@types/react-dom": "16.0.3",
"rimraf": "2.6.2",
"style-loader": "0.19.0",
"ts-jest": "22.0.1",
- "typescript": "2.6.2",
- "typescript-eslint-parser": "12.0.0",
+ "typescript": "2.7.1",
+ "typescript-eslint-parser": "13.0.0",
"webpack": "3.8.1",
"webpack-bundle-analyzer": "2.9.0",
"webpack-dev-server": "2.9.3"
}
class App extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static childContextTypes = {
branchesEnabled: PropTypes.bool.isRequired,
}
export class ComponentContainer extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
organizationsEnabled: PropTypes.bool
}
export default class LocalizationContainer extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true };
}
export default class SimpleContainer extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static childContextTypes = {
onSonarCloud: PropTypes.bool
}
export default class ComponentNav extends React.PureComponent<Props> {
- mounted: boolean;
+ mounted = false;
componentDidMount() {
this.populateRecentHistory();
}
export default class ComponentNavBranch extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
branchesEnabled: PropTypes.bool.isRequired,
}
export default class ComponentNavBranchesMenu extends React.PureComponent<Props, State> {
- private node: HTMLElement | null;
+ private node?: HTMLElement | null;
static contextTypes = {
router: PropTypes.object
}
class CreateOrganizationForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
router: PropTypes.object
}
class UserOrganizations extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { createOrganization: false, loading: true };
componentDidMount() {
}
export default class ProjectsContainer extends React.PureComponent<{}, State> {
- mounted: boolean;
+ mounted = false;
state: State = {
loading: true,
page: 1,
}
export default class ScannerContext extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = {};
componentDidMount() {
}
export default class Stacktrace extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true };
componentDidMount() {
}
export default class Workers extends React.PureComponent<{}, State> {
- mounted: boolean;
+ mounted = false;
state: State = {
canSetWorkerCount: false,
formOpen: false,
}
export default class WorkersForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
}
export default class App extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = {
loading: true,
breadcrumbs: [],
}
export default class Component extends React.PureComponent<Props> {
- node: HTMLElement;
+ node?: HTMLElement | null;
componentDidMount() {
this.handleUpdate();
}
handleScroll() {
- const position = this.node.getBoundingClientRect();
- const { top, bottom } = position;
- if (bottom > window.innerHeight - BOTTOM_OFFSET) {
- window.scrollTo(0, bottom - window.innerHeight + window.pageYOffset + BOTTOM_OFFSET);
- } else if (top < TOP_OFFSET) {
- window.scrollTo(0, top + window.pageYOffset - TOP_OFFSET);
+ if (this.node) {
+ const position = this.node.getBoundingClientRect();
+ const { top, bottom } = position;
+ if (bottom > window.innerHeight - BOTTOM_OFFSET) {
+ window.scrollTo(0, bottom - window.innerHeight + window.pageYOffset + BOTTOM_OFFSET);
+ } else if (top < TOP_OFFSET) {
+ window.scrollTo(0, top + window.pageYOffset - TOP_OFFSET);
+ }
}
}
].filter(Boolean) as Array<{ metric: string; type: string }>);
return (
- <tr className={classNames({ selected })} ref={node => (this.node = node as HTMLElement)}>
+ <tr className={classNames({ selected })} ref={node => (this.node = node)}>
<td className="thin nowrap">
<span className="spacer-right">{componentAction}</span>
</td>
}
export default class Search extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
router: PropTypes.object.isRequired
}
export default class ActivationButton extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { modal: false };
componentDidMount() {
}
export default class ActivationFormModal extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
// TODO redirect to default organization's rules page
export default class App extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
organizationsEnabled: PropTypes.bool,
}
export default class BulkChange extends React.PureComponent<Props, State> {
- closeDropdown: () => void;
+ closeDropdown?: () => void;
state: State = { modal: false };
getSelectedProfile = () => {
handleActivateClick = (event: React.SyntheticEvent<HTMLAnchorElement>) => {
event.preventDefault();
event.currentTarget.blur();
- this.closeDropdown();
+ if (this.closeDropdown) {
+ this.closeDropdown();
+ }
this.setState({ action: 'activate', modal: true, profile: undefined });
};
handleActivateInProfileClick = (event: React.SyntheticEvent<HTMLAnchorElement>) => {
event.preventDefault();
event.currentTarget.blur();
- this.closeDropdown();
+ if (this.closeDropdown) {
+ this.closeDropdown();
+ }
this.setState({ action: 'activate', modal: true, profile: this.getSelectedProfile() });
};
handleDeactivateClick = (event: React.SyntheticEvent<HTMLAnchorElement>) => {
event.preventDefault();
event.currentTarget.blur();
- this.closeDropdown();
+ if (this.closeDropdown) {
+ this.closeDropdown();
+ }
this.setState({ action: 'deactivate', modal: true, profile: undefined });
};
handleDeactivateInProfileClick = (event: React.SyntheticEvent<HTMLAnchorElement>) => {
event.preventDefault();
event.currentTarget.blur();
- this.closeDropdown();
+ if (this.closeDropdown) {
+ this.closeDropdown();
+ }
this.setState({ action: 'deactivate', modal: true, profile: this.getSelectedProfile() });
};
}
export default class BulkChangeModal extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
}
export default class CustomRuleButton extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { modal: false };
componentDidMount() {
}
export default class CustomRuleFormModal extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
}
export default class RuleDetails extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true };
componentDidMount() {
}
export default class RuleDetailsCustomRules extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: false };
componentDidMount() {
}
export default class RuleDetailsDescription extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = {
description: '',
descriptionForm: false,
}
export default class RuleDetailsIssues extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true };
componentDidMount() {
}
export default class RuleDetailsProfiles extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
componentDidMount() {
this.mounted = true;
const LIST_SIZE = 10;
export default class RuleDetailsTagsPopup extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { searchResult: [] };
componentDidMount() {
}
export default class SimilarRulesFilter extends React.PureComponent<Props> {
- closeDropdown: () => void;
+ closeDropdown?: () => void;
handleLanguageClick = (event: React.SyntheticEvent<HTMLAnchorElement>) => {
event.preventDefault();
event.currentTarget.blur();
- this.closeDropdown();
+ if (this.closeDropdown) {
+ this.closeDropdown();
+ }
this.props.onFilterChange({ languages: [this.props.rule.lang] });
};
handleTypeClick = (event: React.SyntheticEvent<HTMLAnchorElement>) => {
event.preventDefault();
event.currentTarget.blur();
- this.closeDropdown();
+ if (this.closeDropdown) {
+ this.closeDropdown();
+ }
this.props.onFilterChange({ types: [this.props.rule.type] });
};
handleSeverityClick = (event: React.SyntheticEvent<HTMLAnchorElement>) => {
event.preventDefault();
event.currentTarget.blur();
- this.closeDropdown();
+ if (this.closeDropdown) {
+ this.closeDropdown();
+ }
if (this.props.rule.severity) {
this.props.onFilterChange({ severities: [this.props.rule.severity] });
}
handleTagClick = (event: React.SyntheticEvent<HTMLAnchorElement>) => {
event.preventDefault();
event.currentTarget.blur();
- this.closeDropdown();
+ if (this.closeDropdown) {
+ this.closeDropdown();
+ }
const { tag } = event.currentTarget.dataset;
if (tag) {
this.props.onFilterChange({ tags: [tag] });
const PAGE_SIZE = 50;
export default class App extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true };
componentDidMount() {
}
export default class CreateButton extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { modal: false };
componentDidMount() {
}
export default class EditButton extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { modal: false };
componentDidMount() {
}
export default class Form extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
const PAGE_SIZE = 50;
export default class App extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true };
componentDidMount() {
}
export default class CreateButton extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { modal: false };
componentDidMount() {
}
export default class EditButton extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { modal: false };
componentDidMount() {
}
export default class App extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true, query: '' };
componentDidMount() {
}
export default class EditGroup extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { modal: false };
componentDidMount() {
export default class EditMembers extends React.PureComponent<Props, State> {
container?: HTMLElement | null;
- mounted: boolean;
+ mounted = false;
state: State = { modal: false };
componentDidMount() {
}
export default class Header extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { createModal: false };
componentDidMount() {
export default class AssigneeFacet extends React.PureComponent {
/*:: props: Props; */
+ property = 'assignees';
+
static defaultProps = {
open: true
};
- property = 'assignees';
-
handleItemClick = (itemValue /*: string */) => {
if (itemValue === '') {
// unassigned
export default class AuthorFacet extends React.PureComponent {
/*:: props: Props; */
+ property = 'authors';
+
static defaultProps = {
open: true
};
- property = 'authors';
-
handleItemClick = (itemValue /*: string */) => {
const { authors } = this.props;
const newValue = sortBy(
export default class CreationDateFacet extends React.PureComponent {
/*:: props: Props; */
+ property = 'createdAt';
+
static defaultProps = {
open: true
};
intl: intlShape
};
- property = 'createdAt';
-
hasValue = () =>
this.props.createdAfter.length > 0 ||
this.props.createdAt.length > 0 ||
export default class DirectoryFacet extends React.PureComponent {
/*:: props: Props; */
+ property = 'directories';
+
static defaultProps = {
open: true
};
- property = 'directories';
-
handleItemClick = (itemValue /*: string */) => {
const { directories } = this.props;
const newValue = sortBy(
export default class FileFacet extends React.PureComponent {
/*:: props: Props; */
+ property = 'files';
+
static defaultProps = {
open: true
};
- property = 'files';
-
handleItemClick = (itemValue /*: string */) => {
const { files } = this.props;
const newValue = sortBy(
export default class LanguageFacet extends React.PureComponent {
/*:: props: Props; */
+ property = 'languages';
+
static defaultProps = {
open: true
};
- property = 'languages';
-
handleItemClick = (itemValue /*: string */) => {
const { languages } = this.props;
const newValue = sortBy(
export default class ModuleFacet extends React.PureComponent {
/*:: props: Props; */
+ property = 'modules';
+
static defaultProps = {
open: true
};
- property = 'modules';
-
handleItemClick = (itemValue /*: string */) => {
const { modules } = this.props;
const newValue = sortBy(
export default class ProjectFacet extends React.PureComponent {
/*:: props: Props; */
+ property = 'projects';
+
static defaultProps = {
open: true
};
- property = 'projects';
-
handleItemClick = (itemValue /*: string */) => {
const { projects } = this.props;
const newValue = sortBy(
export default class ResolutionFacet extends React.PureComponent {
/*:: props: Props; */
+ property = 'resolutions';
+
static defaultProps = {
open: true
};
- property = 'resolutions';
-
handleItemClick = (itemValue /*: string */) => {
if (itemValue === '') {
// unresolved
export default class RuleFacet extends React.PureComponent {
/*:: props: Props; */
+ property = 'rules';
+
static defaultProps = {
open: true
};
- property = 'rules';
-
handleItemClick = (itemValue /*: string */) => {
const { rules } = this.props;
const newValue = sortBy(
export default class SeverityFacet extends React.PureComponent {
/*:: props: Props; */
+ property = 'severities';
+
static defaultProps = {
open: true
};
- property = 'severities';
-
handleItemClick = (itemValue /*: string */) => {
const { severities } = this.props;
const newValue = orderBy(
export default class StatusFacet extends React.PureComponent {
/*:: props: Props; */
+ property = 'statuses';
+
static defaultProps = {
open: true
};
- property = 'statuses';
-
handleItemClick = (itemValue /*: string */) => {
const { statuses } = this.props;
const newValue = orderBy(
export default class TagFacet extends React.PureComponent {
/*:: props: Props; */
+ property = 'tags';
+
static defaultProps = {
open: true
};
- property = 'tags';
-
handleItemClick = (itemValue /*: string */) => {
const { tags } = this.props;
const newValue = sortBy(
export default class TypeFacet extends React.PureComponent {
/*:: props: Props; */
+ property = 'types';
+
static defaultProps = {
open: true
};
- property = 'types';
-
handleItemClick = (itemValue /*: string */) => {
const { types } = this.props;
const newValue = orderBy(
}
export default class App extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
router: PropTypes.object.isRequired
}
export default class LicenseEditionForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { license: '', submitting: false };
componentDidMount() {
}
export default class LicenseEditionSet extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
}
export default class PluginActions extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { acceptTerms: false, loading: false };
componentDidMount() {
}
export default class UninstallEditionForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: false };
componentDidMount() {
}
export default class BadgeParams extends React.PureComponent<Props> {
- mounted: boolean;
+ mounted = false;
state: State = { badgeMetrics: [] };
}
export class OverviewApp extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true, measures: [] };
componentDidMount() {
const PAGE_SIZE = 3;
export default class AnalysesList extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { analyses: [], loading: true };
componentDidMount() {
}
export default class MetaLinks extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = {};
componentDidMount() {
}
class MetaQualityProfiles extends React.PureComponent<StateProps & OwnProps, State> {
- mounted: boolean;
+ mounted = false;
state: State = { deprecatedByKey: {} };
componentDidMount() {
}
export default class MetaTags extends React.PureComponent<Props, State> {
- card: HTMLDivElement | null;
- tagsList: HTMLButtonElement | null;
- tagsSelector: HTMLDivElement | null;
+ card?: HTMLDivElement | null;
+ tagsList?: HTMLButtonElement | null;
+ tagsSelector?: HTMLDivElement | null;
state: State = { popupOpen: false, popupPosition: { top: 0, right: 0 } };
componentDidMount() {
};
export default class ApplicationQualityGate extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true };
componentDidMount() {
}
export default class Activity extends React.PureComponent<Props> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true };
componentDidMount() {
}
export class App extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true };
componentDidMount() {
}
export default class Report extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true };
componentDidMount() {
}
export default class Subscription extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
const BRANCH_LIFETIME_SETTING = 'sonar.dbcleaner.daysBeforeDeletingInactiveShortLivingBranches';
export default class App extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true };
componentDidMount() {
}
export default class BranchRow extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { changingLeak: false, deleting: false, renaming: false };
componentDidMount() {
}
export default class DeleteBranchModal extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: false };
componentDidMount() {
const LEAK_PERIOD = 'sonar.leak.period';
export default class LeakPeriodForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true, submitting: false };
componentDidMount() {
export const LONG_BRANCH_PATTERN = 'sonar.branch.longLivedBranches.regex';
export default class LongBranchesPattern extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { formOpen: false };
componentDidMount() {
}
export default class RenameBranchModal extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: false };
componentDidMount() {
}
export default class SettingForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
import * as React from 'react';
import { mount, shallow } from 'enzyme';
import App from '../App';
-import { Branch, BranchType } from '../../../../app/types';
+import { BranchType, MainBranch, LongLivingBranch, ShortLivingBranch } from '../../../../app/types';
const getValues = require('../../../../api/settings').getValues as jest.Mock<any>;
});
it('renders sorted list of branches', () => {
- const branches: Branch[] = [
+ const branches: [MainBranch, LongLivingBranch, ShortLivingBranch] = [
{ isMain: true, name: 'master' },
{ isMain: false, name: 'branch-1.0', type: BranchType.LONG },
{ isMain: false, name: 'branch-1.0', mergeBranch: 'master', type: BranchType.SHORT }
}
export default class App extends React.PureComponent<Props> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true };
componentDidMount() {
}
export default class Form extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: false };
componentDidMount() {
}
export default class QualityProfiles extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true };
componentDidMount() {
}
export default class ProfileRow extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: false };
componentDidMount() {
}
export default class AllProjects extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
router: PropTypes.object.isRequired
const LIST_SIZE = 10;
export default class TagsFilter extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
}
export default class App extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
}
export default class BulkApplyTemplateModal extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { done: false, loading: true, submitting: false };
componentDidMount() {
}
export default class CreateProjectForm extends React.PureComponent<Props, State> {
- closeButton: HTMLElement | null;
- mounted: boolean;
+ closeButton?: HTMLElement | null;
+ mounted = false;
constructor(props: Props) {
super(props);
}
export default class DeleteModal extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: false };
componentDidMount() {
}
export default class ProjectRowActions extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: false, restoreAccessModal: false };
componentDidMount() {
}
export default class RestoreAccessModal extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: false };
componentDidMount() {
}
export default class Search extends React.PureComponent<Props, State> {
- input: HTMLInputElement;
- mounted: boolean;
+ mounted = false;
state: State = { bulkApplyTemplateModal: false, deleteModal: false };
getQualifierOptions = () => {
}
export default class CopyQualityGateForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
router: PropTypes.object
}
export default class CreateQualityGateForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
router: PropTypes.object
}
export default class DeleteConditionForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: false };
componentDidMount() {
}
export default class DeleteQualityGateForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
router: PropTypes.object
}
export default class RenameQualityGateForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
}
export default class ChangelogContainer extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
router: PropTypes.object
}
export default class ComparisonContainer extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
router: PropTypes.object
}
export default class App extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: true };
componentDidMount() {
}
export default class CopyProfileForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: false, name: null };
componentDidMount() {
}
export default class DeleteProfileForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: false, name: null };
componentDidMount() {
}
export default class RenameProfileForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: false, name: null };
componentDidMount() {
}
export default class ChangeParentForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = {
loading: false,
selected: null
}
export default class ChangeProjectsForm extends React.PureComponent<Props> {
- container: HTMLElement;
+ container?: HTMLElement | null;
handleCloseClick = (event: React.SyntheticEvent<HTMLElement>) => {
event.preventDefault();
};
renderSelectList = () => {
- const { key } = this.props.profile;
+ if (this.container) {
+ const { key } = this.props.profile;
- const searchUrl =
- (window as any).baseUrl + '/api/qualityprofiles/projects?key=' + encodeURIComponent(key);
+ const searchUrl =
+ (window as any).baseUrl + '/api/qualityprofiles/projects?key=' + encodeURIComponent(key);
- new (SelectList as any)({
- searchUrl,
- el: this.container,
- width: '100%',
- readOnly: false,
- focusSearch: false,
- dangerouslyUnescapedHtmlFormat: (item: { name: string }) => escapeHtml(item.name),
- selectUrl: (window as any).baseUrl + '/api/qualityprofiles/add_project',
- deselectUrl: (window as any).baseUrl + '/api/qualityprofiles/remove_project',
- extra: { profileKey: key },
- selectParameter: 'projectUuid',
- selectParameterValue: 'uuid',
- labels: {
- selected: translate('quality_gates.projects.with'),
- deselected: translate('quality_gates.projects.without'),
- all: translate('quality_gates.projects.all'),
- noResults: translate('quality_gates.projects.noResults')
- },
- tooltips: {
- select: translate('quality_profiles.projects.select_hint'),
- deselect: translate('quality_profiles.projects.deselect_hint')
- }
- });
+ new SelectList({
+ searchUrl,
+ el: this.container,
+ width: '100%',
+ readOnly: false,
+ focusSearch: false,
+ dangerouslyUnescapedHtmlFormat: (item: { name: string }) => escapeHtml(item.name),
+ selectUrl: (window as any).baseUrl + '/api/qualityprofiles/add_project',
+ deselectUrl: (window as any).baseUrl + '/api/qualityprofiles/remove_project',
+ extra: { profileKey: key },
+ selectParameter: 'projectUuid',
+ selectParameterValue: 'uuid',
+ labels: {
+ selected: translate('quality_gates.projects.with'),
+ deselected: translate('quality_gates.projects.without'),
+ all: translate('quality_gates.projects.all'),
+ noResults: translate('quality_gates.projects.noResults')
+ },
+ tooltips: {
+ select: translate('quality_profiles.projects.select_hint'),
+ deselect: translate('quality_profiles.projects.deselect_hint')
+ }
+ });
+ }
};
render() {
</div>
<div className="modal-body">
- <div id="profile-projects" ref={node => (this.container = node as HTMLElement)} />
+ <div id="profile-projects" ref={node => (this.container = node)} />
</div>
<div className="modal-foot">
}
export default class ProfileInheritance extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = {
formOpen: false,
}
export default class ProfilePermissions extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { addUserForm: false, loading: true };
componentDidMount() {
}
export default class ProfilePermissionsForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { submitting: false };
componentDidMount() {
}
export default class ProfilePermissionsFormSelect extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
}
export default class ProfilePermissionsGroup extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { deleteModal: false };
componentDidMount() {
}
export default class ProfilePermissionsUser extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { deleteModal: false };
componentDidMount() {
}
export default class ProfileProjects extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = {
formOpen: false,
}
export default class ProfileRules extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = {
activatedTotal: null,
}
export default class CreateProfileForm extends React.PureComponent<Props, State> {
- /*:: form: HTMLFormElement; */
- mounted: boolean;
+ mounted = false;
state: State = { importers: [], loading: false, name: '', preloading: true };
componentDidMount() {
export default class EvolutionRules extends React.PureComponent<Props, State> {
periodStartDate: string;
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
}
export default class RestoreProfileForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { loading: false };
componentDidMount() {
}
export default class EmailAlreadyExists extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { identityProviders: [], loading: true };
componentDidMount() {
}
class LoginFormContainer extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
onSonarCloud: PropTypes.bool
u.getSystemLogsLevel({
System: { 'High Availability': true },
'Application Nodes': [{ 'Compute Engine Logging': {} }, { Name: 'App 2' }]
- } as ClusterSysInfo)
+ } as any)
).toBe('INFO');
expect(u.getSystemLogsLevel({ System: {} } as SysInfo)).toBe('INFO');
});
}
export default class App extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
router: PropTypes.object
}
export default class SystemUpgradeNotif extends React.PureComponent<{}, State> {
- mounted: boolean;
+ mounted = false;
state: State = { openSystemUpgradeForm: false, systemUpgrades: [] };
componentDidMount() {
}
export default class UsersApp extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
router: PropTypes.object.isRequired
}
export default class DeactivateForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { submitting: false };
componentDidMount() {
}
export default class GroupsForm extends React.PureComponent<Props> {
- container: HTMLDivElement | null;
+ container?: HTMLDivElement | null;
handleCloseClick = (event: React.SyntheticEvent<HTMLElement>) => {
event.preventDefault();
}
export default class PasswordForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = {
confirmPassword: '',
newPassword: '',
}
export default class TokensForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = {
generating: false,
loading: true,
}
export default class TokensFormItem extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { deleting: false, loading: false };
componentDidMount() {
}
export default class UserForm extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
const AVATAR_SIZE = 16;
export default class UsersSelectSearch extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
}
export default class ResponseExample extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = {};
componentDidMount() {
}
export default class WebApiApp extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
static contextTypes = {
router: PropTypes.object.isRequired
}
export default class BubblePopupHelper extends React.PureComponent<Props, State> {
- container: HTMLElement;
- popupContainer: HTMLElement | null;
+ container?: HTMLElement | null;
+ popupContainer?: HTMLElement | null;
state: State = {
position: { top: 0, right: 0 }
};
}
getPosition(props: Props) {
- const containerPos = this.container.getBoundingClientRect();
- const { position } = props;
- const offset = props.offset || { vertical: 0, horizontal: 0 };
- if (position === 'bottomleft') {
- return { top: containerPos.height + offset.vertical, left: offset.horizontal };
+ if (this.container) {
+ const containerPos = this.container.getBoundingClientRect();
+ const { position } = props;
+ const offset = props.offset || { vertical: 0, horizontal: 0 };
+ if (position === 'bottomleft') {
+ return { top: containerPos.height + offset.vertical, left: offset.horizontal };
+ } else {
+ // if (position === 'bottomright')
+ return { top: containerPos.height + offset.vertical, right: offset.horizontal };
+ }
} else {
- // if (position === 'bottomright')
- return { top: containerPos.height + offset.vertical, right: offset.horizontal };
+ return { top: 0, right: 0 };
}
}
return (
<div
className={classNames(this.props.className, 'bubble-popup-helper')}
- ref={container => (this.container = container as HTMLElement)}
+ ref={container => (this.container = container)}
onClick={this.handleClick}
tabIndex={0}
role="tooltip">
type PropsWithDefault = Props & DefaultProps;
export default class MultiSelect extends React.PureComponent<Props, State> {
- container: HTMLDivElement | null;
- searchInput: HTMLInputElement | null;
+ container?: HTMLDivElement | null;
+ searchInput?: HTMLInputElement | null;
static defaultProps: DefaultProps = {
listSize: 10,
}
export default class ScreenPositionHelper extends React.PureComponent<Props> {
- container: HTMLDivElement;
+ container?: HTMLDivElement;
debouncedOnResize: () => void;
constructor(props: Props) {
import * as React from 'react';
import { shallow } from 'enzyme';
import BranchStatus from '../BranchStatus';
-import { BranchType, LongLivingBranch } from '../../../app/types';
+import { BranchType, LongLivingBranch, ShortLivingBranch } from '../../../app/types';
it('renders status of short-living branches', () => {
checkShort(0, 0, 0);
checkShort(7, 3, 6);
function checkShort(bugs: number, codeSmells: number, vulnerabilities: number) {
- expect(
- shallow(
- <BranchStatus
- branch={{
- isMain: false,
- mergeBranch: 'master',
- name: 'foo',
- status: { bugs, codeSmells, vulnerabilities },
- type: BranchType.SHORT
- }}
- />
- )
- ).toMatchSnapshot();
+ const branch: ShortLivingBranch = {
+ isMain: false,
+ mergeBranch: 'master',
+ name: 'foo',
+ status: { bugs, codeSmells, vulnerabilities },
+ type: BranchType.SHORT
+ };
+ expect(shallow(<BranchStatus branch={branch} />)).toMatchSnapshot();
}
});
}
export default class ClipboardButton extends React.PureComponent<Props, State> {
- clipboard: Clipboard;
- copyButton: HTMLButtonElement | null;
- mounted: boolean;
+ clipboard?: Clipboard;
+ copyButton?: HTMLButtonElement | null;
+ mounted = false;
state: State = { tooltipShown: false };
componentDidMount() {
}
export default class ConfirmButton extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { modal: false };
componentDidMount() {
}
export default class DateInput extends React.PureComponent<Props> {
- input: HTMLInputElement;
+ input?: HTMLInputElement | null;
static defaultProps = {
format: 'yy-mm-dd',
}
handleChange = () => {
- const { value } = this.input;
- this.props.onChange(value);
+ if (this.input) {
+ const { value } = this.input;
+ this.props.onChange(value);
+ }
};
handleResetClick = () => {
className={classNames('date-input-control-input', this.props.inputClassName)}
onChange={this.handleChange}
readOnly={true}
- ref={node => (this.input = node!)}
+ ref={node => (this.input = node)}
type="text"
value={this.props.value || ''}
{...inputProps}
}
export default class FavoriteBase extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
export default class SearchBox extends React.PureComponent<Props, State> {
debouncedOnChange: ((query: string) => void) & Cancelable;
- input: HTMLInputElement | null;
+ input?: HTMLInputElement | null;
constructor(props: Props) {
super(props);
}
export default class SearchSelect extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
constructor(props: Props) {
super(props);
}
export default class SimpleModal extends React.PureComponent<Props, State> {
- mounted: boolean;
+ mounted = false;
state: State = { submitting: false };
componentDidMount() {
// use `React.Component`, not `React.PureComponent` to always re-render
// and let the child component decide if it needs to change
return class LazyLoader extends React.Component<any, State> {
- mounted: boolean;
+ mounted = false;
state: State = {};
componentDidMount() {
* Request
*/
class Request {
- private data: RequestData;
+ private data?: RequestData;
constructor(private url: string, private options: { method?: string } = {}) {}
getSubmitData(customHeaders: any = {}): { url: string; options: RequestInit } {
- let url = this.url;
+ let { url } = this;
const options: RequestInit = { ...DEFAULT_OPTIONS, ...this.options };
if (this.data) {
version "1.6.28"
resolved "https://registry.yarnpkg.com/@types/keymaster/-/keymaster-1.6.28.tgz#093fc6fe49deff4ee17d36935a49230edb1c935f"
-"@types/lodash@4.14.80":
- version "4.14.80"
- resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.80.tgz#a6b8b7900e6a7dcbc2e90d9b6dfbe3f6a7f69951"
+"@types/lodash@4.14.102":
+ version "4.14.102"
+ resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.102.tgz#586a3e22385fc79b07cef9c5a1c8a5387986fbc8"
"@types/node@*":
version "8.0.47"
dependencies:
node-forge "0.6.33"
-"semver@2 || 3 || 4 || 5", semver@5.4.1, semver@^5.3.0:
+"semver@2 || 3 || 4 || 5", semver@^5.3.0:
version "5.4.1"
resolved "https://registry.yarnpkg.com/semver/-/semver-5.4.1.tgz#e059c09d8571f0540823733433505d3a2f00b18e"
+semver@5.5.0:
+ version "5.5.0"
+ resolved "https://registry.yarnpkg.com/semver/-/semver-5.5.0.tgz#dc4bbc7a6ca9d916dee5d43516f0092b58f7b8ab"
+
send@0.16.1:
version "0.16.1"
resolved "https://registry.yarnpkg.com/send/-/send-0.16.1.tgz#a70e1ca21d1382c11d0d9f6231deb281080d7ab3"
version "0.0.6"
resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
-typescript-eslint-parser@12.0.0:
- version "12.0.0"
- resolved "https://registry.yarnpkg.com/typescript-eslint-parser/-/typescript-eslint-parser-12.0.0.tgz#caea4b4e89e83f25765b310b924a03ba95a6dd19"
+typescript-eslint-parser@13.0.0:
+ version "13.0.0"
+ resolved "https://registry.yarnpkg.com/typescript-eslint-parser/-/typescript-eslint-parser-13.0.0.tgz#57f9be603d0fad7c26da76c2be67c0779d23362c"
dependencies:
lodash.unescape "4.0.1"
- semver "5.4.1"
+ semver "5.5.0"
-typescript@2.6.2:
- version "2.6.2"
- resolved "https://registry.yarnpkg.com/typescript/-/typescript-2.6.2.tgz#3c5b6fd7f6de0914269027f03c0946758f7673a4"
+typescript@2.7.1:
+ version "2.7.1"
+ resolved "https://registry.yarnpkg.com/typescript/-/typescript-2.7.1.tgz#bb3682c2c791ac90e7c6210b26478a8da085c359"
ua-parser-js@^0.7.9:
version "0.7.17"
projects / sonarqube.git / commitdiff