diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/README.md b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/README.md
deleted file mode 100644
index 0c85a62ffb3d5..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/README.md
+++ /dev/null
@@ -1,33 +0,0 @@
-## @superset-ui/legacy-plugin-chart-table
-
-[](https://img.shields.io/npm/v/@superset-ui/legacy-plugin-chart-table.svg?style=flat-square)
-[](https://david-dm.org/apache-superset/superset-ui-plugins?path=packages/superset-ui-legacy-plugin-chart-table)
-
-This plugin provides Table for Superset.
-
-### Usage
-
-Configure `key`, which can be any `string`, and register the plugin. This `key` will be used to
-lookup this chart throughout the app.
-
-```js
-import TableChartPlugin from '@superset-ui/legacy-plugin-chart-table';
-
-new TableChartPlugin().configure({ key: 'table' }).register();
-```
-
-Then use it via `SuperChart`. See
-[storybook](https://apache-superset.github.io/superset-ui-plugins/?selectedKind=plugin-chart-table)
-for more details.
-
-```js
-
-```
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/package.json b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/package.json
deleted file mode 100644
index 0560c2135aa57..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/package.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
- "name": "@superset-ui/legacy-plugin-chart-table",
- "version": "0.11.20",
- "description": "Superset Legacy Chart - Table",
- "sideEffects": [
- "*.css"
- ],
- "main": "lib/index.js",
- "module": "esm/index.js",
- "files": [
- "esm",
- "lib"
- ],
- "repository": {
- "type": "git",
- "url": "git+https://github.com/apache-superset/superset-ui-plugins.git"
- },
- "keywords": [
- "superset"
- ],
- "author": "Superset",
- "license": "Apache-2.0",
- "bugs": {
- "url": "https://github.com/apache-superset/superset-ui-plugins/issues"
- },
- "homepage": "https://github.com/apache-superset/superset-ui-plugins#readme",
- "publishConfig": {
- "access": "public"
- },
- "dependencies": {
- "datatables.net-bs": "^1.10.20",
- "xss": "^1.0.6"
- },
- "devDependencies": {
- "@types/datatables.net": "^1.10.18"
- },
- "peerDependencies": {
- "@superset-ui/chart": "^0.12.0",
- "@superset-ui/number-format": "^0.12.10",
- "@superset-ui/query": "^0.12.8",
- "@superset-ui/time-format": "^0.12.0",
- "@superset-ui/translation": "^0.12.0",
- "jquery": "^3.4.1",
- "react": "^16.8.0",
- "react-dom": "^16.8.0"
- }
-}
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/ReactDataTable.tsx b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/ReactDataTable.tsx
deleted file mode 100644
index d5956201c426e..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/ReactDataTable.tsx
+++ /dev/null
@@ -1,264 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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 { t } from '@superset-ui/translation';
-import React, { useEffect, createRef } from 'react';
-import ReactDOMServer from 'react-dom/server';
-import { formatNumber, NumberFormats } from '@superset-ui/number-format';
-import { getTimeFormatter } from '@superset-ui/time-format';
-import { filterXSS } from 'xss';
-
-// initialize datatables.net
-import $ from 'jquery';
-import dt from 'datatables.net-bs/js/dataTables.bootstrap';
-import 'datatables.net-bs/css/dataTables.bootstrap.css';
-import './Table.css';
-
-import { DataTableProps } from './transformProps';
-
-// Depending on how the modules are imported, `dt` may be a CommonJS init function,
-// or the DataTable class itself. In case it is the former, we'd need to tell it
-// where is jQuery.
-if (!dt.$) {
- dt(window, $);
-}
-
-const { PERCENT_3_POINT } = NumberFormats;
-const isProbablyHTML = (text: string) => /<[^>]+>/.test(text);
-
-export default function ReactDataTable(props: DataTableProps) {
- const {
- data,
- height,
- alignPositiveNegative = false,
- colorPositiveNegative = false,
- columns,
- includeSearch = false,
- metrics: aggMetrics,
- pageLength,
- percentMetrics,
- tableTimestampFormat,
- // orderDesc,
- // TODO: add back the broken dashboard filters feature
- // filters = {},
- // onAddFilter = NOOP,
- // onRemoveFilter = NOOP,
- // tableFilter,
- // timeseriesLimitMetric,
- } = props;
-
- const formatTimestamp = getTimeFormatter(tableTimestampFormat);
- const metrics = (aggMetrics || [])
- .concat(percentMetrics || [])
- // actual records must be of numeric types as well
- .filter(m => data[0] && typeof data[0][m] === 'number');
-
- // check whethere a key is a metric
- const metricsSet = new Set(aggMetrics);
- const percentMetricsSet = new Set(percentMetrics);
-
- // collect min/max for rendering bars
- const maxes: { [key: string]: number } = {};
- const mins: { [key: string]: number } = {};
- columns.forEach(({ key }) => {
- const vals = data.map(row => row[key]);
- if (metrics.includes(key)) {
- const nums = vals as number[];
- if (alignPositiveNegative) {
- maxes[key] = Math.max(...nums.map(Math.abs));
- } else {
- maxes[key] = Math.max(...nums);
- mins[key] = Math.min(...nums);
- }
- }
- });
-
- const viewportHeight = Math.min(height, window.innerHeight);
- const pageLengthChoices = [10, 25, 40, 50, 75, 100, 150, 200];
- const hasPagination = pageLength > 0;
-
- const rootElem = createRef();
-
- /**
- * Adjust styles after rendering the table
- */
- function drawCallback(this: DataTables.JQueryDataTables) {
- const root = rootElem.current as HTMLElement;
- // force smaller pagination, because datatables-bs hard-corded pagination styles
- $('.pagination', root).addClass('pagination-sm');
- // display tr rows on current page
- $('tr', root).css('display', '');
- }
-
- /**
- * Format text for cell value
- */
- function cellText(key: string, format: string | undefined, val: unknown) {
- if (key === '__timestamp') {
- return formatTimestamp(val);
- }
- if (typeof val === 'string') {
- return filterXSS(val, { stripIgnoreTag: true });
- }
- if (percentMetricsSet.has(key)) {
- // in case percent metric can specify percent format in the future
- return formatNumber(format || PERCENT_3_POINT, val as number);
- }
- if (metricsSet.has(key)) {
- // default format '' will return human readable numbers (e.g. 50M, 33k)
- return formatNumber(format, val as number);
- }
- return val;
- }
-
- /**
- * Cell background to render columns as horizontal bar chart
- */
- function cellBar(key: string, val: number) {
- const r = colorPositiveNegative && val < 0 ? 150 : 0;
- if (alignPositiveNegative) {
- const perc = Math.abs(Math.round((val / maxes[key]) * 100));
- // The 0.01 to 0.001 is a workaround for what appears to be a
- // CSS rendering bug on flat, transparent colors
- return (
- `linear-gradient(to right, rgba(${r},0,0,0.2), rgba(${r},0,0,0.2) ${perc}%, ` +
- `rgba(0,0,0,0.01) ${perc}%, rgba(0,0,0,0.001) 100%)`
- );
- }
- const posExtent = Math.abs(Math.max(maxes[key], 0));
- const negExtent = Math.abs(Math.min(mins[key], 0));
- const tot = posExtent + negExtent;
- const perc1 = Math.round((Math.min(negExtent + val, negExtent) / tot) * 100);
- const perc2 = Math.round((Math.abs(val) / tot) * 100);
- // The 0.01 to 0.001 is a workaround for what appears to be a
- // CSS rendering bug on flat, transparent colors
- return (
- `linear-gradient(to right, rgba(0,0,0,0.01), rgba(0,0,0,0.001) ${perc1}%, ` +
- `rgba(${r},0,0,0.2) ${perc1}%, rgba(${r},0,0,0.2) ${perc1 + perc2}%, ` +
- `rgba(0,0,0,0.01) ${perc1 + perc2}%, rgba(0,0,0,0.001) 100%)`
- );
- }
-
- const options = {
- aaSorting: [], // initial sorting order, reset to [] to use backend ordering
- autoWidth: false,
- paging: hasPagination,
- pagingType: 'first_last_numbers',
- pageLength,
- lengthMenu: [
- [...pageLengthChoices, -1],
- [...pageLengthChoices, t('All')],
- ],
- searching: includeSearch,
- language: {
- paginate: {
- first: t('First'),
- last: t('Last'),
- previous: t('Previous'),
- next: t('Next'),
- },
- },
- bInfo: false,
- scrollY: `${viewportHeight}px`,
- scrollCollapse: true,
- scrollX: true,
- drawCallback,
- };
-
- useEffect(() => {
- const $root = $(rootElem.current as HTMLElement);
- const dataTable = $root.find('table').DataTable(options);
-
- // adjust table height
- const scrollHeadHeight = $root.find('.dataTables_scrollHead').height() || 0;
- const paginationHeight = $root.find('.dataTables_paginate').height() || 0;
- const searchBarHeight =
- $root
- .find('.dataTables_length,.dataTables_filter')
- .closest('.row')
- .height() || 0;
- const scrollBodyHeight = viewportHeight - scrollHeadHeight - paginationHeight - searchBarHeight;
- $root.find('.dataTables_scrollBody').css('max-height', scrollBodyHeight);
-
- return () => {
- // there may be weird lifecycle issues, so put destroy in try/catch
- try {
- dataTable.destroy();
- // reset height
- $root.find('.dataTables_scrollBody').css('max-height', '');
- } catch (error) {
- // pass
- }
- };
- });
-
- const tableElement = (
-
-
-
- {columns.map(col => (
- // by default all columns will have sorting
-
- {col.label}
-
- ))}
-
-
-
- {data.map((record, i) => (
-
0 && i >= pageLength ? 'none' : undefined }}
- >
- {columns.map(({ key, format }) => {
- const val = record[key];
- const keyIsMetric = metricsSet.has(key);
- const text = cellText(key, format, val);
- const isHtml = !keyIsMetric && isProbablyHTML(text);
- return (
-
- {isHtml ? null : text}
-
- );
- })}
-
- ))}
-
-
- );
-
- return (
-
- );
-}
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/Table.css b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/Table.css
deleted file mode 100644
index 235e0b5cde75f..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/Table.css
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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.
- */
-.superset-legacy-chart-table {
- margin: 0px auto;
-}
-.superset-legacy-chart-table table {
- width: 100%;
-}
-.superset-legacy-chart-table .dt-metric {
- text-align: right;
-}
-.superset-legacy-chart-table div.dataTables_wrapper div.dataTables_paginate {
- line-height: 0;
-}
-.superset-legacy-chart-table div.dataTables_wrapper div.dataTables_paginate ul.pagination {
- margin-top: 0.5em;
-}
-
-.superset-legacy-chart-table table.table thead th.sorting:after,
-.superset-legacy-chart-table table.table thead th.sorting_asc:after,
-.superset-legacy-chart-table table.table thead th.sorting_desc:after {
- top: auto;
- bottom: 6px;
-}
-.superset-legacy-chart-table td {
- white-space: pre-wrap;
-}
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/images/thumbnail.png b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/images/thumbnail.png
deleted file mode 100644
index 0561210b9f97f..0000000000000
Binary files a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/images/thumbnail.png and /dev/null differ
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/images/thumbnailLarge.png b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/images/thumbnailLarge.png
deleted file mode 100644
index a3dd1bee98ddd..0000000000000
Binary files a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/images/thumbnailLarge.png and /dev/null differ
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/index.ts b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/index.ts
deleted file mode 100644
index e938423f62a87..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/index.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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 { t } from '@superset-ui/translation';
-import { ChartMetadata, ChartPlugin } from '@superset-ui/chart';
-import transformProps from './transformProps';
-import thumbnail from './images/thumbnail.png';
-
-const metadata = new ChartMetadata({
- canBeAnnotationTypes: ['EVENT', 'INTERVAL'],
- description: '',
- name: t('Table'),
- thumbnail,
- useLegacyApi: true,
-});
-
-export default class TableChartPlugin extends ChartPlugin {
- constructor() {
- super({
- loadChart: () => import('./ReactDataTable'),
- metadata,
- transformProps,
- });
- }
-}
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/transformProps.ts b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/transformProps.ts
deleted file mode 100644
index a095eb43768b7..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/src/transformProps.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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 { ChartProps } from '@superset-ui/chart';
-import { QueryFormDataMetric } from '@superset-ui/query';
-
-interface DataRecord {
- [key: string]: unknown;
-}
-
-interface DataColumnMeta {
- // `key` is what is called `label` in the input props
- key: string;
- // `label` is verbose column name used for rendering
- label: string;
- format?: string;
-}
-
-export interface DataTableProps {
- // Each object is { field1: value1, field2: value2 }
- data: DataRecord[];
- height: number;
- alignPositiveNegative: boolean;
- colorPositiveNegative: boolean;
- columns: DataColumnMeta[];
- metrics: string[];
- percentMetrics: string[];
- includeSearch: boolean;
- orderDesc: boolean;
- pageLength: number;
- tableTimestampFormat: string;
- // TODO: add filters back or clean up
- // filters: object;
- // onAddFilter?: (key: string, value: number[]) => void;
- // onRemoveFilter?: (key: string, value: number[]) => void;
- // tableFilter: boolean;
- // timeseriesLimitMetric: string | object;
-}
-
-/**
- * Consolidate list of metrics to string, identified by its unique identifier
- */
-const consolidateMetricShape = (metric: QueryFormDataMetric) => {
- if (typeof metric === 'string') return metric;
- // even thought `metric.optionName` is more unique, it's not used
- // anywhere else in `queryData` and cannot be used to access `data.records`.
- // The records are still keyed by `metric.label`.
- return metric.label;
-};
-
-export default function transformProps(chartProps: ChartProps): DataTableProps {
- const { height, datasource, formData, queryData } = chartProps;
-
- const {
- alignPn,
- colorPn,
- includeSearch,
- orderDesc,
- pageLength,
- metrics: metrics_,
- percentMetrics: percentMetrics_,
- tableTimestampFormat,
- } = formData;
- const { columnFormats, verboseMap } = datasource;
- const { records, columns: columns_ } = queryData.data;
- const metrics = (metrics_ ?? []).map(consolidateMetricShape);
- // percent metrics always starts with a '%' sign.
- const percentMetrics = (percentMetrics_ ?? [])
- .map(consolidateMetricShape)
- .map((x: string) => `%${x}`);
- const columns = columns_.map((key: string) => {
- let label = verboseMap[key] || key;
-
- // make sure there is a " " after "%" for percent metrics
- if (label[0] === '%' && label[1] !== ' ') {
- label = `% ${label.slice(1)}`;
- }
-
- return {
- key,
- label,
- format: columnFormats?.[key],
- };
- });
-
- return {
- height,
- data: records,
- columns,
- metrics,
- percentMetrics,
- alignPositiveNegative: alignPn,
- colorPositiveNegative: colorPn,
- includeSearch,
- orderDesc,
- pageLength: pageLength && parseInt(pageLength, 10),
- tableTimestampFormat,
- };
-}
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/test/ReactDataTable.test.tsx b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/test/ReactDataTable.test.tsx
deleted file mode 100644
index 10574f5af67f8..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/test/ReactDataTable.test.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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 from 'react';
-import { mount, CommonWrapper } from 'enzyme';
-import ReactDataTable from '../src/ReactDataTable';
-import transformProps from '../src/transformProps';
-import testData from './testData';
-
-describe('legacy-table', () => {
- // Can test more prop transformation here. Not needed for now.
- describe('transformProps', () => {});
-
- describe('ReactDataTable', () => {
- let wrap: CommonWrapper; // the ReactDataTable wraper
-
- it('render basic data', () => {
- wrap = mount();
- const tree = wrap.render(); // returns a CheerioWrapper with jQuery-like API
- const cells = tree.find('td');
- expect(tree.hasClass('superset-legacy-chart-table')).toEqual(true);
- expect(cells).toHaveLength(4);
- expect(cells.eq(0).text()).toEqual('Michael');
- expect(cells.eq(3).attr('data-sort')).toEqual('2467');
- });
-
- it('render advanced data', () => {
- // should successfull rerender with new props
- wrap.setProps(transformProps(testData.advanced));
- const tree = wrap.render();
- const cells = tree.find('td');
- expect(
- tree
- .find('th')
- .eq(1)
- .text(),
- ).toEqual('Sum of Num');
- expect(cells.eq(2).text()).toEqual('12.346%');
- expect(cells.eq(4).text()).toEqual('2.47k');
- });
-
- it('render empty data', () => {
- wrap.setProps(transformProps(testData.empty));
- const tree = wrap.render();
- expect(tree.text()).toContain('No data available in table');
- });
- });
-});
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/test/testData.ts b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/test/testData.ts
deleted file mode 100644
index 1205049ff2e78..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/test/testData.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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 { ChartProps } from '@superset-ui/chart';
-
-const basicFormData = {
- alignPn: false,
- colorPn: false,
- includeSearch: false,
- orderDesc: true,
- pageLength: 0,
- metrics: [],
- percentMetrics: null,
- timeseriesLimitMetric: null,
- tableFilter: false,
- tableTimestampFormat: '%Y-%m-%d %H:%M:%S',
-};
-
-const basicChartProps = {
- width: 200,
- height: 500,
- annotationData: {},
- datasource: {
- columnFormats: {},
- verboseMap: {},
- },
- rawDatasource: {},
- rawFormData: {},
- hooks: {},
- initialValues: {},
- queryData: {
- data: {
- columns: [],
- records: [],
- },
- },
- formData: basicFormData,
-};
-
-/**
- * Basic data input
- */
-const basic: ChartProps = {
- ...basicChartProps,
- queryData: {
- data: {
- columns: ['name', 'sum__num'],
- records: [
- {
- name: 'Michael',
- sum__num: 2467063,
- '%pct_nice': 0.123456,
- },
- {
- name: 'Joe',
- sum__num: 2467,
- '%pct_nice': 0.00001,
- },
- ],
- },
- },
-};
-
-/**
- * Advanced data input with
- * - verbose map
- * - metric columns
- */
-const advanced: ChartProps = {
- ...basic,
- datasource: {
- columnFormats: {},
- verboseMap: {
- sum__num: 'Sum of Num',
- },
- },
- formData: {
- ...basicFormData,
- metrics: ['sum__num'],
- percentMetrics: ['pct_nice'],
- },
- queryData: {
- data: {
- columns: ['name', 'sum__num', '%pct_nice'],
- records: [...basic.queryData.data.records],
- },
- },
-};
-
-const empty = {
- ...advanced,
- queryData: {
- ...advanced.queryData,
- data: {
- ...advanced.queryData.data,
- records: [],
- },
- },
-};
-
-export default {
- basic,
- advanced,
- empty,
-};
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/types/external.d.ts b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/types/external.d.ts
deleted file mode 100644
index 7896de9f7d573..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-table/types/external.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-declare module 'datatables.net-bs/js/dataTables.bootstrap';
-declare module '*.png';
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/README.md b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/README.md
deleted file mode 100644
index af87e0ff68365..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/README.md
+++ /dev/null
@@ -1,43 +0,0 @@
-## @superset-ui/legacy-preset-chart-big-number
-
-[](https://img.shields.io/npm/v/@superset-ui/legacy-preset-chart-big-number.svg?style=flat-square)
-[](https://david-dm.org/apache-superset/superset-ui-plugins?path=packages/superset-ui-legacy-preset-chart-big-number)
-
-This plugin provides Big Number for Superset.
-
-### Usage
-
-Import the preset and register. This will register the `BigNumber` and `BigNumberTotal` charts with key `big-number` and `big-number-total`, respectively.
-
-```js
-import { BigNumberChartPreset } from '@superset-ui/legacy-preset-chart-big-number';
-
-new BigNumberChartPreset().register();
-```
-
-or register charts one by one. Configure `key`, which can be any `string`, and register the plugin. This `key` will be used to lookup this chart throughout the app.
-
-```js
-import { BigNumberChartPlugin, BigNumberTotalChartPlugin } from '@superset-ui/legacy-preset-chart-big-number';
-
-new BigNumberChartPlugin()
- .configure({ key: 'big-number' })
- .register();
-new BigNumberTotalChartPlugin()
- .configure({ key: 'big-number-total' })
- .register();
-```
-
-Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/superset-ui-plugins/?selectedKind=plugin-chart-big-number) for more details.
-
-```js
-
-```
\ No newline at end of file
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/package.json b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/package.json
deleted file mode 100644
index d58514957eef3..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/package.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
- "name": "@superset-ui/legacy-preset-chart-big-number",
- "version": "0.11.21",
- "description": "Superset Legacy Chart - Big Number",
- "sideEffects": [
- "*.css"
- ],
- "main": "lib/index.js",
- "module": "esm/index.js",
- "files": [
- "esm",
- "lib"
- ],
- "repository": {
- "type": "git",
- "url": "git+https://github.com/apache-superset/superset-ui-plugins.git"
- },
- "keywords": [
- "superset"
- ],
- "author": "Superset",
- "license": "Apache-2.0",
- "bugs": {
- "url": "https://github.com/apache-superset/superset-ui-plugins/issues"
- },
- "homepage": "https://github.com/apache-superset/superset-ui-plugins#readme",
- "publishConfig": {
- "access": "public"
- },
- "dependencies": {
- "@data-ui/xy-chart": "^0.0.84",
- "@types/d3-color": "^1.2.2",
- "@types/shortid": "^0.0.29",
- "d3-color": "^1.2.3",
- "shortid": "^2.2.14"
- },
- "peerDependencies": {
- "@superset-ui/chart": "^0.12.0",
- "@superset-ui/color": "^0.12.0",
- "@superset-ui/core": "^0.12.0",
- "@superset-ui/dimension": "^0.12.0",
- "@superset-ui/number-format": "^0.12.0",
- "@superset-ui/time-format": "^0.12.0",
- "@superset-ui/translation": "^0.12.0",
- "react": "^15 || ^16"
- }
-}
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/BigNumber.css b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/BigNumber.css
deleted file mode 100644
index e3f17266e6744..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/BigNumber.css
+++ /dev/null
@@ -1,72 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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.
- */
-.superset-legacy-chart-big-number {
- font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell,
- Open Sans, Helvetica Neue, sans-serif;
- position: relative;
- display: flex;
- flex-direction: column;
- justify-content: center;
-}
-
-.superset-legacy-chart-big-number.no-trendline .subheader-line {
- padding-bottom: 0.3em;
-}
-
-.superset-legacy-chart-big-number .text-container {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: flex-start;
-}
-
-.superset-legacy-chart-big-number .text-container .alert {
- font-size: 11px;
- margin: -0.5em 0 0.4em;
- line-height: 1;
- padding: 2px 4px 3px;
- border-radius: 3px;
-}
-
-.superset-legacy-chart-big-number .header-line {
- position: relative;
- line-height: 1em;
- font-weight: 600;
-}
-
-.superset-legacy-chart-big-number .header-line span {
- position: absolute;
- bottom: 0;
-}
-
-.superset-legacy-chart-big-number .subheader-line {
- line-height: 1em;
- padding-bottom: 0;
- font-weight: 200;
-}
-
-.superset-legacy-chart-big-number.is-fallback-value .header-line,
-.superset-legacy-chart-big-number.is-fallback-value .subheader-line {
- opacity: 0.5;
-}
-
-.superset-data-ui-tooltip {
- z-index: 1000;
- background: #000;
-}
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/BigNumber.tsx b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/BigNumber.tsx
deleted file mode 100644
index 7d7d50f57d562..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/BigNumber.tsx
+++ /dev/null
@@ -1,305 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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 from 'react';
-import shortid from 'shortid';
-import { t } from '@superset-ui/translation';
-import { getNumberFormatter } from '@superset-ui/number-format';
-import { XYChart, AreaSeries, CrossHair, LinearGradient } from '@data-ui/xy-chart';
-import { BRAND_COLOR } from '@superset-ui/color';
-import { computeMaxFontSize } from '@superset-ui/dimension';
-import NumberFormatter from '@superset-ui/number-format/lib/NumberFormatter';
-import { smartDateVerboseFormatter } from '@superset-ui/time-format';
-import TimeFormatter from '@superset-ui/time-format/lib/TimeFormatter';
-
-import './BigNumber.css';
-
-const defaultNumberFormatter = getNumberFormatter();
-
-const CHART_MARGIN = {
- top: 4,
- right: 4,
- bottom: 4,
- left: 4,
-};
-
-const PROPORTION = {
- // text size: proportion of the chart container sans trendline
- HEADER: 0.3,
- SUBHEADER: 0.125,
- // trendline size: proportion of the whole chart container
- TRENDLINE: 0.3,
-};
-
-type TimeSeriesDatum = {
- x: number; // timestamp as a number
- y: number | null;
-};
-
-export function renderTooltipFactory(
- formatDate = smartDateVerboseFormatter,
- formatValue = defaultNumberFormatter,
-) {
- return function renderTooltip({ datum: { x, y } }: { datum: TimeSeriesDatum }) {
- // even though `formatDate` supports timestamp as numbers, we need
- // `new Date` to pass type check
- return (
-
- );
- }
-}
-
-export default BigNumberVis;
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/images/thumbnail.png b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/images/thumbnail.png
deleted file mode 100644
index 90ac5a5b120ab..0000000000000
Binary files a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/images/thumbnail.png and /dev/null differ
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/images/thumbnailLarge.png b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/images/thumbnailLarge.png
deleted file mode 100644
index 2420f25e9fbbe..0000000000000
Binary files a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/images/thumbnailLarge.png and /dev/null differ
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/index.ts b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/index.ts
deleted file mode 100644
index 4125796ad7ab7..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/index.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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 { t } from '@superset-ui/translation';
-import { ChartMetadata, ChartPlugin } from '@superset-ui/chart';
-import transformProps from './transformProps';
-import thumbnail from './images/thumbnail.png';
-
-const metadata = new ChartMetadata({
- description: '',
- name: t('Big Number with Trendline'),
- thumbnail,
- useLegacyApi: true,
-});
-
-export default class BigNumberChartPlugin extends ChartPlugin {
- constructor() {
- super({
- loadChart: () => import('./BigNumber'),
- metadata,
- transformProps,
- });
- }
-}
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/transformProps.ts b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/transformProps.ts
deleted file mode 100644
index 4115d58cfdb63..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumber/transformProps.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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 * as color from 'd3-color';
-import { getNumberFormatter, NumberFormats } from '@superset-ui/number-format';
-import { ChartProps } from '@superset-ui/chart';
-import getTimeFormatterForGranularity from '../utils/getTimeFormatterForGranularity';
-
-const TIME_COLUMN = '__timestamp';
-const formatPercentChange = getNumberFormatter(NumberFormats.PERCENT_SIGNED_1_POINT);
-
-// we trust both the x (time) and y (big number) to be numeric
-type BigNumberDatum = {
- [TIME_COLUMN]: number;
- [key: string]: number | null;
-};
-
-export default function transformProps(chartProps: ChartProps) {
- const { width, height, formData, queryData } = chartProps;
- const {
- colorPicker,
- compareLag: compareLagInput,
- compareSuffix = '',
- headerFontSize,
- metric,
- showTrendLine,
- startYAxisAtZero,
- subheader = '',
- subheaderFontSize,
- timeGrainSqla: granularity,
- vizType,
- timeRangeFixed = false,
- } = formData;
- let { yAxisFormat } = formData;
- const { data, from_dttm: fromDatetime, to_dttm: toDatetime } = queryData;
- const metricName = metric?.label ? metric.label : metric;
- const compareLag = Number(compareLagInput) || 0;
- const supportTrendLine = vizType === 'big_number';
- const supportAndShowTrendLine = supportTrendLine && showTrendLine;
- let formattedSubheader = subheader;
-
- let mainColor;
- if (colorPicker) {
- const { r, g, b } = colorPicker;
- mainColor = color.rgb(r, g, b).hex();
- }
-
- let trendLineData;
- let percentChange = 0;
- let bigNumber = data.length === 0 ? null : data[0][metricName];
- let bigNumberFallback;
-
- if (data.length > 0) {
- const sortedData = (data as BigNumberDatum[])
- .map(d => ({ x: d[TIME_COLUMN], y: d[metricName] }))
- .sort((a, b) => b.x - a.x); // sort in time descending order
-
- bigNumber = sortedData[0].y;
- if (bigNumber === null) {
- bigNumberFallback = sortedData.find(d => d.y !== null);
- bigNumber = bigNumberFallback ? bigNumberFallback.y : null;
- }
-
- if (compareLag > 0) {
- const compareIndex = compareLag;
- if (compareIndex < sortedData.length) {
- const compareValue = sortedData[compareIndex].y;
- // compare values must both be non-nulls
- if (bigNumber !== null && compareValue !== null && compareValue !== 0) {
- percentChange = (bigNumber - compareValue) / Math.abs(compareValue);
- formattedSubheader = `${formatPercentChange(percentChange)} ${compareSuffix}`;
- }
- }
- }
-
- if (supportTrendLine) {
- // must reverse to ascending order otherwise it confuses tooltip triggers
- sortedData.reverse();
- trendLineData = supportAndShowTrendLine ? sortedData : undefined;
- }
- }
-
- let className = '';
- if (percentChange > 0) {
- className = 'positive';
- } else if (percentChange < 0) {
- className = 'negative';
- }
-
- if (!yAxisFormat && chartProps.datasource && chartProps.datasource.metrics) {
- chartProps.datasource.metrics.forEach(
- // eslint-disable-next-line camelcase
- (metricEntry: { metric_name?: string; d3format: string }) => {
- if (metricEntry.metric_name === metric && metricEntry.d3format) {
- yAxisFormat = metricEntry.d3format;
- }
- },
- );
- }
-
- const formatNumber = getNumberFormatter(yAxisFormat);
- const formatTime = getTimeFormatterForGranularity(granularity);
-
- return {
- width,
- height,
- bigNumber,
- bigNumberFallback,
- className,
- formatNumber,
- formatTime,
- headerFontSize,
- subheaderFontSize,
- mainColor,
- showTrendLine: supportAndShowTrendLine,
- startYAxisAtZero,
- subheader: formattedSubheader,
- trendLineData,
- fromDatetime,
- toDatetime,
- timeRangeFixed,
- };
-}
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumberTotal/images/thumbnail.png b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumberTotal/images/thumbnail.png
deleted file mode 100644
index 350d5a1ab1eee..0000000000000
Binary files a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumberTotal/images/thumbnail.png and /dev/null differ
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumberTotal/images/thumbnailLarge.png b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumberTotal/images/thumbnailLarge.png
deleted file mode 100644
index eb4b345731754..0000000000000
Binary files a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumberTotal/images/thumbnailLarge.png and /dev/null differ
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumberTotal/index.ts b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumberTotal/index.ts
deleted file mode 100644
index 34af27e7a2b46..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/BigNumberTotal/index.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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 { t } from '@superset-ui/translation';
-import { ChartMetadata, ChartPlugin } from '@superset-ui/chart';
-import transformProps from '../BigNumber/transformProps';
-import thumbnail from './images/thumbnail.png';
-
-const metadata = new ChartMetadata({
- description: '',
- name: t('Big Number'),
- thumbnail,
- useLegacyApi: true,
-});
-
-export default class BigNumberTotalChartPlugin extends ChartPlugin {
- constructor() {
- super({
- loadChart: () => import('../BigNumber/BigNumber'),
- metadata,
- transformProps,
- });
- }
-}
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/index.ts b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/index.ts
deleted file mode 100644
index 5110f67cc91c4..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as BigNumberChartPlugin } from './BigNumber/index';
-export { default as BigNumberTotalChartPlugin } from './BigNumberTotal/index';
-export { default as BigNumberChartPreset } from './preset';
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/preset.ts b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/preset.ts
deleted file mode 100644
index 6e330e49fb4eb..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/preset.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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 { Preset } from '@superset-ui/core';
-import BigNumberChartPlugin from './BigNumber';
-import BigNumberTotalChartPlugin from './BigNumberTotal';
-
-export default class BigNumberChartPreset extends Preset {
- constructor() {
- super({
- name: 'BigNumber charts',
- plugins: [
- new BigNumberChartPlugin().configure({ key: 'big_number' }),
- new BigNumberTotalChartPlugin().configure({ key: 'big_number_total' }),
- ],
- });
- }
-}
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/tests/transformProps.test.ts b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/tests/transformProps.test.ts
deleted file mode 100644
index 95d80938c7ec1..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/tests/transformProps.test.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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 transformProps from '../BigNumber/transformProps';
-
-const formData = {
- metric: 'value',
- colorPicker: {
- r: 0,
- g: 122,
- b: 135,
- a: 1,
- },
- compareLag: 1,
- timeGrainSqla: 'P0.25Y',
- compareSuffix: 'over last quarter',
- vizType: 'big_number',
- yAxisFormat: '.3s',
-};
-
-function generateProps(data: object[], extraFormData = {}, extraQueryData = {}) {
- return {
- width: 200,
- height: 500,
- annotationData: {},
- datasource: {
- columnFormats: {},
- verboseMap: {},
- },
- rawDatasource: {},
- rawFormData: {},
- hooks: {},
- initialValues: {},
- formData: {
- ...formData,
- ...extraFormData,
- },
- queryData: {
- data,
- ...extraQueryData,
- },
- };
-}
-
-describe('BigNumber', () => {
- describe('transformProps()', () => {
- const props = generateProps(
- [
- {
- __timestamp: 0,
- value: 1,
- },
- {
- __timestamp: 100,
- value: null,
- },
- ],
- { showTrendLine: true },
- );
- const transformed = transformProps(props);
-
- it('timeRangeUseFallback', () => {
- // the first item is the last item sorted by __timestamp
- const lastDatum = transformed.trendLineData?.pop();
- expect(lastDatum?.x).toStrictEqual(100);
- expect(lastDatum?.y).toBeNull();
- expect(transformed.bigNumber).toStrictEqual(1);
- expect(transformed.bigNumberFallback).not.toBeNull();
- });
-
- it('formatTime by ganularity', () => {
- expect(transformed.formatTime(new Date('2020-01-01'))).toStrictEqual('2020 Q1');
- });
- });
-});
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/types/external.d.ts b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/types/external.d.ts
deleted file mode 100644
index e696397411fc0..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/types/external.d.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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.
- */
-declare module '@data-ui/xy-chart';
-declare module '*.png';
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/utils/getTimeFormatterForGranularity.ts b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/utils/getTimeFormatterForGranularity.ts
deleted file mode 100644
index 64fb580601dcc..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-big-number/src/utils/getTimeFormatterForGranularity.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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 { getTimeFormatter, TimeFormats, smartDateVerboseFormatter } from '@superset-ui/time-format';
-
-// Translate time granularity to d3-format
-const MINUTE = '%Y-%m-%d %H:%M';
-const SUNDAY_BASED_WEEK = '%Y W%U';
-const MONDAY_BASED_WEEK = '%Y W%W';
-const { DATABASE_DATE, DATABASE_DATETIME } = TimeFormats;
-
-// search for `builtin_time_grains` in incubator-superset/superset/db_engine_specs/base.py
-const formats = {
- date: DATABASE_DATE,
- PT1S: DATABASE_DATETIME, // second
- PT1M: MINUTE, // minute
- PT5M: MINUTE, // 5 minute
- PT10M: MINUTE, // 10 minute
- PT15M: MINUTE, // 15 minute
- 'PT0.5H': MINUTE, // half hour
- PT1H: '%Y-%m-%d %H:00', // hour
- P1D: DATABASE_DATE, // day
- P1W: SUNDAY_BASED_WEEK, // week
- P1M: '%Y-%m', // month
- 'P0.25Y': '%Y Q%q', // quarter
- P1Y: '%Y', // year
- // d3-time-format weeks does not support weeks start on Sunday
- '1969-12-28T00:00:00Z/P1W': SUNDAY_BASED_WEEK, // 'week_start_sunday'
- '1969-12-29T00:00:00Z/P1W': MONDAY_BASED_WEEK, // 'week_start_monday'
- 'P1W/1970-01-03T00:00:00Z': SUNDAY_BASED_WEEK, // 'week_ending_saturday'
- 'P1W/1970-01-04T00:00:00Z': MONDAY_BASED_WEEK, // 'week_ending_sunday'
-};
-
-type TimeGranularity =
- | 'date'
- | 'PT1S'
- | 'PT1M'
- | 'PT5M'
- | 'PT10M'
- | 'PT15M'
- | 'PT0.5H'
- | 'PT1H'
- | 'P1D'
- | 'P1W'
- | 'P0.25Y'
- | 'P1Y'
- | '1969-12-28T00:00:00Z/P1W'
- | '1969-12-29T00:00:00Z/P1W'
- | 'P1W/1970-01-03T00:00:00Z';
-
-export default function getTimeFormatterForGranularity(granularity: TimeGranularity) {
- return granularity in formats
- ? getTimeFormatter(formats[granularity])
- : smartDateVerboseFormatter;
-}
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-plugins-demo/storybook/stories/legacy-plugin-chart-table/Stories.tsx b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-plugins-demo/storybook/stories/legacy-plugin-chart-table/Stories.tsx
deleted file mode 100644
index 46caee75beba0..0000000000000
--- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-plugins-demo/storybook/stories/legacy-plugin-chart-table/Stories.tsx
+++ /dev/null
@@ -1,158 +0,0 @@
-/* eslint-disable no-magic-numbers */
-import React, { useState } from 'react';
-import { SuperChart } from '@superset-ui/chart';
-import { Props as SuperChartProps } from '@superset-ui/chart/lib/components/SuperChart';
-import data from './data';
-import birthNames from './birth_names.json';
-
-import 'bootstrap/dist/css/bootstrap.min.css';
-
-function paginated(props: SuperChartProps, pageSize = 50) {
- if (props.formData) {
- props.formData = {
- ...props.formData,
- page_length: pageSize,
- };
- }
- if (props.queryData?.form_data) {
- props.queryData.form_data = {
- ...props.queryData.form_data,
- page_length: pageSize,
- };
- }
- return {
- ...props,
- };
-}
-
-function adjustNumCols(props: SuperChartProps, numCols = 7) {
- const newProps = { ...props };
- if (props.queryData) {
- const { columns } = props.queryData.data;
- const curSize = columns.length;
- const newColumns = [...Array(numCols)].map((_, i) => {
- return columns[i % curSize];
- });
- newProps.queryData = {
- ...props.queryData,
- data: {
- ...props.queryData.data,
- columns: newColumns,
- },
- };
- }
- return newProps;
-}
-
-/**
- * Load sample data for testing
- * @param props the original props passed to SuperChart
- * @param pageSize number of records perpage
- * @param targetSize the target total number of records
- */
-function loadData(props: SuperChartProps, pageSize = 50, targetSize = 5042) {
- if (!props.queryData) return props;
- const data = props.queryData && props.queryData.data;
- if (data.records.length > 0) {
- while (data.records.length < targetSize) {
- const records = data.records;
- data.records = records.concat(records).slice(0, targetSize);
- }
- }
- props.height = window.innerHeight - 130;
- return paginated(props, pageSize);
-}
-
-export default [
- {
- renderStory: () => (
-
- ),
- storyName: 'Basic',
- storyPath: 'legacy-|plugin-chart-table|TableChartPlugin',
- },
- {
- renderStory() {
- const initialProps = loadData(birthNames);
- const [chartProps, setChartProps] = useState(initialProps);
-
- const updatePageSize = (size: number) => {
- setChartProps(paginated(initialProps, size));
- };
- const updateNumCols = (numCols: number) => {
- setChartProps(adjustNumCols(initialProps, numCols));
- };
-
- return (
-