IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

CleanUp: Removed old panel options group component (#30157)

Browse Source 
* Removed unused component

* Remove scss import
This commit is contained in:
Torkel Ödegaard
2021-01-11 13:21:13 +01:00
committed by GitHub
parent e09c535f3f
commit 7c4a597f4d
5 changed files with 3 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
packages/grafana-ui/src/components/PanelOptionsGroup/PanelOptionsGroup.tsx
View File

@@ -1,39 +0,0 @@
// Libraries
import React, { FunctionComponent } from 'react';
import { Icon } from '../Icon/Icon';
interface Props {
title?: string | JSX.Element;
onClose?: () => void;
children: JSX.Element | JSX.Element[] | boolean;
onAdd?: () => void;
}
export const PanelOptionsGroup: FunctionComponent<Props> = props => {
return (
<div className="panel-options-group">
{props.onAdd ? (
<div className="panel-options-group__header">
<button className="panel-options-group__add-btn" onClick={props.onAdd}>
<div className="panel-options-group__add-circle">
<Icon name="plus" />
</div>
<span className="panel-options-group__title">{props.title}</span>
</button>
</div>
) : (
props.title && (
<div className="panel-options-group__header">
<span className="panel-options-group__title">{props.title}</span>
{props.onClose && (
<button className="btn btn-link" onClick={props.onClose}>
<Icon name="times" />
</button>
)}
</div>
)
)}
{props.children && <div className="panel-options-group__body">{props.children}</div>}
</div>
);
};

34
packages/grafana-ui/src/components/PanelOptionsGroup/_PanelOptionsGroup.scss
View File

@@ -1,34 +0,0 @@
.panel-options-group {
border-bottom: $panel-border;
}
.panel-options-group__header {
padding: 8px 16px 8px 8px;
position: relative;
display: flex;
align-items: center;
cursor: pointer;
font-weight: 500;
color: $text-color-semi-weak;
&:hover {
color: $text-color;
.panel-options-group__icon {
color: $text-color;
}
}
}
.panel-options-group__icon {
color: $text-color-weak;
margin-right: 8px;
}
.panel-options-group__title {
position: relative;
}
.panel-options-group__body {
padding: 8px 16px 16px 32px;
}

1
packages/grafana-ui/src/components/index.scss
View File

@@ -5,7 +5,6 @@
@import 'EmptySearchResult/EmptySearchResult';
@import 'FormField/FormField';
@import 'PanelOptionsGrid/PanelOptionsGrid';
@import 'PanelOptionsGroup/PanelOptionsGroup';
@import 'RefreshPicker/RefreshPicker';
@import 'Forms/Legacy/Select/Select';
@import 'TableInputCSV/TableInputCSV';

1
packages/grafana-ui/src/components/index.ts
View File

@@ -16,7 +16,6 @@ export { ButtonCascader } from './ButtonCascader/ButtonCascader';
export { LoadingPlaceholder, LoadingPlaceholderProps } from './LoadingPlaceholder/LoadingPlaceholder';
export { ColorPicker, SeriesColorPicker } from './ColorPicker/ColorPicker';
export { SeriesColorPickerPopover, SeriesColorPickerPopoverWithTheme } from './ColorPicker/SeriesColorPickerPopover';
export { PanelOptionsGroup } from './PanelOptionsGroup/PanelOptionsGroup';
export { PanelOptionsGrid } from './PanelOptionsGrid/PanelOptionsGrid';
export { EmptySearchResult } from './EmptySearchResult/EmptySearchResult';
export { PieChart, PieChartType } from './PieChart/PieChart';

6
public/app/plugins/panel/piechart/PieChartOptionsBox.tsx
View File

@@ -2,7 +2,7 @@
import React, { PureComponent } from 'react';
// Components
import { LegacyForms, InlineFormLabel, PanelOptionsGroup } from '@grafana/ui';
import { LegacyForms, InlineFormLabel } from '@grafana/ui';
const { Select, FormField } = LegacyForms;
// Types
@@ -27,7 +27,7 @@ export class PieChartOptionsBox extends PureComponent<PanelEditorProps<PieChartO
const { pieType, strokeWidth } = options;
return (
<PanelOptionsGroup title="PieChart">
<>
<div className="gf-form">
<InlineFormLabel width={labelWidth}>Type</InlineFormLabel>
<Select
@@ -45,7 +45,7 @@ export class PieChartOptionsBox extends PureComponent<PanelEditorProps<PieChartO
value={strokeWidth}
/>
</div>
</PanelOptionsGroup>
</>
);
}
}