chore: bump @typescript-eslint/eslint-plugin 5.3.0 (#1457)

* chore: bump eslint 5.3.0

* fix lint
This commit is contained in:
Yongjie Zhao
2021-11-09 10:39:04 +00:00
parent 0d219533b2
commit 3cc4861a76
18 changed files with 6583 additions and 1810 deletions

View File

@@ -5,3 +5,4 @@ esm/
lib/
tmp/
dist/
temporary-plugins/

View File

@@ -18,7 +18,7 @@
*/
module.exports = {
extends: ['airbnb', 'prettier', 'prettier/react', 'plugin:react-hooks/recommended'],
parser: 'babel-eslint',
parser: '@babel/eslint-parser',
parserOptions: {
ecmaFeatures: {
experimentalObjectRestSpread: true,
@@ -178,6 +178,7 @@ module.exports = {
'react/prop-types': 0,
'react/require-default-props': 0,
'react/static-property-placement': 0, // re-enable up for discussion
'react/sort-comp': 0,
'prettier/prettier': 'error',
},
settings: {

File diff suppressed because it is too large Load Diff

View File

@@ -18,8 +18,8 @@
"commit": "superset-commit",
"changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 10",
"jest": "NODE_ENV=test jest --coverage --verbose",
"lint": "esprint check",
"lint:fix": "npm run lint --fix",
"lint": "eslint --ignore-path=.eslintignore --ext .js,.jsx,.ts,.tsx .",
"lint:fix": "eslint --fix --ignore-path=.eslintignore --ext .js,.jsx,.ts,.tsx .",
"format": "npm run prettier",
"prettier": "prettier --write .",
"test": "npm run jest",
@@ -61,6 +61,7 @@
"@babel/compat-data": "^7.9.6",
"@babel/core": "^7.8.7",
"@babel/node": "^7.8.7",
"@babel/eslint-parser": "^7.16.0",
"@babel/plugin-proposal-class-properties": "^7.8.3",
"@babel/plugin-proposal-optional-chaining": "^7.8.3",
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
@@ -78,8 +79,8 @@
"@types/jsdom": "^12.2.4",
"@types/react": "^16.13.1",
"@types/react-test-renderer": "^16.9.2",
"@typescript-eslint/eslint-plugin": "^4.1.0",
"@typescript-eslint/parser": "^4.1.0",
"@typescript-eslint/eslint-plugin": "^5.3.0",
"@typescript-eslint/parser": "^5.3.0",
"babel-eslint": "^10.1.0",
"babel-jest": "^26.6.3",
"babel-loader": "^8.2.2",

View File

@@ -1,5 +0,0 @@
{
"parserOptions": {
"project": "./tsconfig.json"
}
}

View File

@@ -62,9 +62,11 @@
"@superset-ui/legacy-plugin-chart-treemap": "0.18.20",
"@superset-ui/legacy-plugin-chart-world-map": "0.18.20",
"@superset-ui/legacy-preset-chart-big-number": "0.18.20",
"@superset-ui/legacy-preset-chart-nvd3": "0.18.20",
"@superset-ui/plugin-chart-echarts": "0.18.20",
"@superset-ui/plugin-chart-table": "0.18.20",
"@superset-ui/plugin-chart-word-cloud": "0.18.20",
"@superset-ui/preset-chart-xy": "0.18.20",
"@types/react-loadable": "^5.5.3",
"@types/react-resizable": "^1.7.2",
"antd": "^4.9.4",

View File

@@ -34,21 +34,19 @@ export default {
decorators: [withKnobs, withResizableChartDemo],
};
export const BoxPlot = ({ width, height }) => {
return (
<SuperChart
chartType="echarts-boxplot"
width={width}
height={height}
queriesData={[{ data }]}
formData={{
columns: [],
groupby: ['type', 'region'],
metrics: ['AVG(averageprice)'],
whiskerOptions: 'Tukey',
xTicksLayout: select('X Tick Layout', ['auto', 'flat', '45°', '90°', 'staggered'], '45°'),
yAxisFormat: 'SMART_NUMBER',
}}
/>
);
};
export const BoxPlot = ({ width, height }) => (
<SuperChart
chartType="echarts-boxplot"
width={width}
height={height}
queriesData={[{ data }]}
formData={{
columns: [],
groupby: ['type', 'region'],
metrics: ['AVG(averageprice)'],
whiskerOptions: 'Tukey',
xTicksLayout: select('X Tick Layout', ['auto', 'flat', '45°', '90°', 'staggered'], '45°'),
yAxisFormat: 'SMART_NUMBER',
}}
/>
);

View File

@@ -34,30 +34,28 @@ export default {
decorators: [withKnobs, withResizableChartDemo],
};
export const Funnel = ({ width, height }) => {
return (
<SuperChart
chartType="echarts-funnel"
width={width}
height={height}
queriesData={[{ data: dataSource }]}
formData={{
colorScheme: 'supersetColors',
groupby: ['name'],
metric: 'value',
numberFormat: 'SMART_NUMBER',
orient: select('orient', ['horizontal', 'vertical'], 'vertical'),
sort: select('sort', ['descending', 'ascending', 'none'], 'descending'),
gap: number('gap', 0),
labelType: select(
'label type',
['key', 'value', 'percent', 'key_value', 'key_percent', 'key_value_percent'],
'key',
),
labelLine: boolean('Label line', true),
showLabels: boolean('Show labels', true),
showLegend: boolean('Show legend', false),
}}
/>
);
};
export const Funnel = ({ width, height }) => (
<SuperChart
chartType="echarts-funnel"
width={width}
height={height}
queriesData={[{ data: dataSource }]}
formData={{
colorScheme: 'supersetColors',
groupby: ['name'],
metric: 'value',
numberFormat: 'SMART_NUMBER',
orient: select('orient', ['horizontal', 'vertical'], 'vertical'),
sort: select('sort', ['descending', 'ascending', 'none'], 'descending'),
gap: number('gap', 0),
labelType: select(
'label type',
['key', 'value', 'percent', 'key_value', 'key_percent', 'key_value_percent'],
'key',
),
labelLine: boolean('Label line', true),
showLabels: boolean('Show labels', true),
showLegend: boolean('Show legend', false),
}}
/>
);

View File

@@ -34,18 +34,16 @@ export default {
decorators: [withKnobs, withResizableChartDemo],
};
export const Gauge = ({ width, height }) => {
return (
<SuperChart
chartType="echarts-gauge"
width={width}
height={height}
queriesData={[{ data: speed }]}
formData={{
columns: [],
groupby: ['name'],
metric: 'value',
}}
/>
);
};
export const Gauge = ({ width, height }) => (
<SuperChart
chartType="echarts-gauge"
width={width}
height={height}
queriesData={[{ data: speed }]}
formData={{
columns: [],
groupby: ['name'],
metric: 'value',
}}
/>
);

View File

@@ -34,20 +34,18 @@ export default {
decorators: [withKnobs, withResizableChartDemo],
};
export const Graph = ({ width, height }) => {
return (
<SuperChart
chartType="echarts-graph"
width={width}
height={height}
queriesData={[{ data: basic }]}
formData={{
source: 'source',
target: 'target',
sourceCategory: 'sourceCategory',
targetCategory: 'targetCategory',
metric: 'value',
}}
/>
);
};
export const Graph = ({ width, height }) => (
<SuperChart
chartType="echarts-graph"
width={width}
height={height}
queriesData={[{ data: basic }]}
formData={{
source: 'source',
target: 'target',
sourceCategory: 'sourceCategory',
targetCategory: 'targetCategory',
metric: 'value',
}}
/>
);

View File

@@ -34,60 +34,56 @@ export default {
decorators: [withKnobs, withResizableChartDemo],
};
export const WeekdayPie = ({ width, height }) => {
return (
<SuperChart
chartType="echarts-pie"
width={width}
height={height}
queriesData={[{ data: weekday }]}
formData={{
colorScheme: 'supersetColors',
groupby: ['Day'],
metric: 'SUM(AIR_TIME)',
numberFormat: 'SMART_NUMBER',
donut: boolean('Donut', false),
innerRadius: number('Inner Radius', 30),
outerRadius: number('Outer Radius', 70),
labelsOutside: boolean('Labels outside', true),
labelLine: boolean('Label line', true),
showLabels: boolean('Show labels', true),
showLegend: boolean('Show legend', false),
labelType: select(
'Pie label type',
['key', 'value', 'percent', 'key_value', 'key_percent', 'key_value_percent'],
'key',
),
}}
/>
);
};
export const WeekdayPie = ({ width, height }) => (
<SuperChart
chartType="echarts-pie"
width={width}
height={height}
queriesData={[{ data: weekday }]}
formData={{
colorScheme: 'supersetColors',
groupby: ['Day'],
metric: 'SUM(AIR_TIME)',
numberFormat: 'SMART_NUMBER',
donut: boolean('Donut', false),
innerRadius: number('Inner Radius', 30),
outerRadius: number('Outer Radius', 70),
labelsOutside: boolean('Labels outside', true),
labelLine: boolean('Label line', true),
showLabels: boolean('Show labels', true),
showLegend: boolean('Show legend', false),
labelType: select(
'Pie label type',
['key', 'value', 'percent', 'key_value', 'key_percent', 'key_value_percent'],
'key',
),
}}
/>
);
export const PopulationPie = ({ width, height }) => {
return (
<SuperChart
chartType="echarts-pie"
width={width}
height={height}
queriesData={[{ data: population }]}
formData={{
colorScheme: 'supersetColors',
groupby: ['Country'],
metric: 'Population',
numberFormat: 'SMART_NUMBER',
donut: boolean('Donut', false),
innerRadius: number('Inner Radius', 30),
outerRadius: number('Outer Radius', 70),
labelsOutside: boolean('Labels outside', false),
labelLine: boolean('Label line', true),
showLabels: boolean('Show labels', true),
showLegend: boolean('Show legend', false),
labelType: select(
'Pie label type',
['key', 'value', 'percent', 'key_value', 'key_percent', 'key_value_percent'],
'key',
),
}}
/>
);
};
export const PopulationPie = ({ width, height }) => (
<SuperChart
chartType="echarts-pie"
width={width}
height={height}
queriesData={[{ data: population }]}
formData={{
colorScheme: 'supersetColors',
groupby: ['Country'],
metric: 'Population',
numberFormat: 'SMART_NUMBER',
donut: boolean('Donut', false),
innerRadius: number('Inner Radius', 30),
outerRadius: number('Outer Radius', 70),
labelsOutside: boolean('Labels outside', false),
labelLine: boolean('Label line', true),
showLabels: boolean('Show labels', true),
showLegend: boolean('Show legend', false),
labelType: select(
'Pie label type',
['key', 'value', 'percent', 'key_value', 'key_percent', 'key_value_percent'],
'key',
),
}}
/>
);

View File

@@ -34,33 +34,31 @@ export default {
decorators: [withKnobs, withResizableChartDemo],
};
export const Radar = ({ width, height }) => {
return (
<SuperChart
chartType="echarts-radar"
width={width}
height={height}
queriesData={[{ data: basic }]}
formData={{
columns: [],
groupby: ['Sales'],
metrics: [
'Sales',
'Administration',
'Information Technology',
'Customer Support',
'Development',
'Marketing',
],
columnConfig: {
Sales: { radarMetricMaxValue: 6500 },
Administration: { radarMetricMaxValue: 16000 },
'Information Technology': { radarMetricMaxValue: 30000 },
'Customer Support': { radarMetricMaxValue: 38000 },
Development: { radarMetricMaxValue: 52000 },
Marketing: { radarMetricMaxValue: 25000 },
},
}}
/>
);
};
export const Radar = ({ width, height }) => (
<SuperChart
chartType="echarts-radar"
width={width}
height={height}
queriesData={[{ data: basic }]}
formData={{
columns: [],
groupby: ['Sales'],
metrics: [
'Sales',
'Administration',
'Information Technology',
'Customer Support',
'Development',
'Marketing',
],
columnConfig: {
Sales: { radarMetricMaxValue: 6500 },
Administration: { radarMetricMaxValue: 16000 },
'Information Technology': { radarMetricMaxValue: 30000 },
'Customer Support': { radarMetricMaxValue: 38000 },
Development: { radarMetricMaxValue: 52000 },
Marketing: { radarMetricMaxValue: 25000 },
},
}}
/>
);

View File

@@ -34,30 +34,28 @@ export default {
decorators: [withKnobs, withResizableChartDemo],
};
export const Tree = ({ width, height }) => {
return (
<SuperChart
chartType="echarts-tree"
width={width}
height={height}
queriesData={[{ data }]}
formData={{
colorScheme: 'bnbColors',
datasource: '3__table',
granularity_sqla: 'ds',
metric: 'count',
id: select('Id Column', ['id_column', 'name_column', 'parent_column'], 'id_column'),
rootNodeId: text('Root Node', '1'),
parent: select('Parent Column', ['parent_column', 'id_column'], 'parent_column'),
name: select('Name Column', [null, 'name_column'], 'name_column'),
export const Tree = ({ width, height }) => (
<SuperChart
chartType="echarts-tree"
width={width}
height={height}
queriesData={[{ data }]}
formData={{
colorScheme: 'bnbColors',
datasource: '3__table',
granularity_sqla: 'ds',
metric: 'count',
id: select('Id Column', ['id_column', 'name_column', 'parent_column'], 'id_column'),
rootNodeId: text('Root Node', '1'),
parent: select('Parent Column', ['parent_column', 'id_column'], 'parent_column'),
name: select('Name Column', [null, 'name_column'], 'name_column'),
position: select('Label Position', ['top', 'right', 'left', 'bottom'], 'top'),
layout: select('Tree Layout', ['orthogonal', 'radial'], 'orthogonal'),
orient: select('Orientation', ['LR', 'RL', 'TB', 'BT'], 'LR'),
emphasis: select('Emphasis', ['ancestor', 'descendant'], 'descendant'),
symbol: select('Symbol', ['emptyCircle', 'circle', 'rect', 'triangle'], 'circle'),
symbol_size: number('[Symbol Size', 7, { range: true, min: 5, max: 30, step: 2 }),
}}
/>
);
};
position: select('Label Position', ['top', 'right', 'left', 'bottom'], 'top'),
layout: select('Tree Layout', ['orthogonal', 'radial'], 'orthogonal'),
orient: select('Orientation', ['LR', 'RL', 'TB', 'BT'], 'LR'),
emphasis: select('Emphasis', ['ancestor', 'descendant'], 'descendant'),
symbol: select('Symbol', ['emptyCircle', 'circle', 'rect', 'triangle'], 'circle'),
symbol_size: number('[Symbol Size', 7, { range: true, min: 5, max: 30, step: 2 }),
}}
/>
);

View File

@@ -34,21 +34,19 @@ export default {
decorators: [withKnobs, withResizableChartDemo],
};
export const Treemap = ({ width, height }) => {
return (
<SuperChart
chartType="echarts-treemap"
width={width}
height={height}
queriesData={[{ data }]}
formData={{
colorScheme: 'supersetColors',
groupby: ['genre'],
metric: 'count',
showLabels: boolean('Show labels', true),
showUpperLabels: boolean('Show upperLabels', true),
labelType: select('Treemap label type', ['key', 'value', 'key_value'], 'key_value'),
}}
/>
);
};
export const Treemap = ({ width, height }) => (
<SuperChart
chartType="echarts-treemap"
width={width}
height={height}
queriesData={[{ data }]}
formData={{
colorScheme: 'supersetColors',
groupby: ['genre'],
metric: 'count',
showLabels: boolean('Show labels', true),
showUpperLabels: boolean('Show upperLabels', true),
labelType: select('Treemap label type', ['key', 'value', 'key_value'], 'key_value'),
}}
/>
);

View File

@@ -18,8 +18,8 @@
*/
import { LineChartPlugin, LegacyLineChartPlugin } from '@superset-ui/preset-chart-xy';
import { LINE_PLUGIN_TYPE, LINE_PLUGIN_LEGACY_TYPE } from './constants';
import { withKnobs } from '@storybook/addon-knobs';
import { LINE_PLUGIN_TYPE, LINE_PLUGIN_LEGACY_TYPE } from './constants';
new LegacyLineChartPlugin().configure({ key: LINE_PLUGIN_LEGACY_TYPE }).register();
new LineChartPlugin().configure({ key: LINE_PLUGIN_TYPE }).register();

View File

@@ -18,8 +18,8 @@
*/
import { ScatterPlotChartPlugin, LegacyScatterPlotChartPlugin } from '@superset-ui/preset-chart-xy';
import { SCATTER_PLOT_PLUGIN_TYPE, SCATTER_PLOT_PLUGIN_LEGACY_TYPE } from './constants';
import { withKnobs } from '@storybook/addon-knobs';
import { SCATTER_PLOT_PLUGIN_TYPE, SCATTER_PLOT_PLUGIN_LEGACY_TYPE } from './constants';
new LegacyScatterPlotChartPlugin().configure({ key: SCATTER_PLOT_PLUGIN_LEGACY_TYPE }).register();
new ScatterPlotChartPlugin().configure({ key: SCATTER_PLOT_PLUGIN_TYPE }).register();

View File

@@ -67,20 +67,18 @@ export const container50pct = () => {
};
container50pct.story = { name: '50% of container' };
export const Resizable = () => {
return (
<ResizableChartDemo>
{size => (
<SuperChart
chartType={ChartKeys.DILIGENT}
width={size.width}
height={size.height}
queriesData={[DEFAULT_QUERY_DATA]}
/>
)}
</ResizableChartDemo>
);
};
export const Resizable = () => (
<ResizableChartDemo>
{size => (
<SuperChart
chartType={ChartKeys.DILIGENT}
width={size.width}
height={size.height}
queriesData={[DEFAULT_QUERY_DATA]}
/>
)}
</ResizableChartDemo>
);
export const fixedWidth100height = () => {
const width = text('Vis width', '500');

View File

@@ -26,7 +26,7 @@ export default {
};
export const ThemeColors = () => {
const colors = supersetTheme.colors;
const { colors } = supersetTheme;
return Object.keys(colors).map(collection => (
<div>
<h2>{collection}</h2>
@@ -39,7 +39,7 @@ export const ThemeColors = () => {
<td>
<code>{hex}</code>
</td>
<td style={{ width: '150px', backgroundColor: hex }}></td>
<td style={{ width: '150px', backgroundColor: hex }} />
</tr>
);
})}