feat: upgrade @superset-ui to v0.12 (apache#183)

* build: update dependencies * feat: replace payload with queryData * feat: replace payload with queryData * fix: rename hooks * fix: types from query package * fix: more typings * docs: update readme * fix: import query * fix: change NOOP to const * fix: update dependency versions
zhaoyongjie · Nov 24, 2021 · 7507391 · 7507391
1 parent 3afccc4
commit 7507391
Show file tree

Hide file tree

Showing 156 changed files with 474 additions and 513 deletions.
diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/package.json b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/package.json
@@ -41,15 +41,16 @@
   "devDependencies": {
     "@superset-ui/build-config": "^0.1.0",
     "@superset-ui/commit-config": "^0.0.9",
-    "@superset-ui/chart": "^0.11.14",
-    "@superset-ui/chart-composition": "^0.11.9",
-    "@superset-ui/color": "^0.11.9",
-    "@superset-ui/connection": "^0.11.10",
-    "@superset-ui/core": "^0.11.10",
-    "@superset-ui/dimension": "^0.11.10",
-    "@superset-ui/number-format": "^0.11.5",
-    "@superset-ui/time-format": "^0.11.5",
-    "@superset-ui/translation": "^0.11.9",
+    "@superset-ui/chart": "^0.12.1",
+    "@superset-ui/chart-composition": "^0.12.1",
+    "@superset-ui/color": "^0.12.1",
+    "@superset-ui/connection": "^0.12.0",
+    "@superset-ui/core": "^0.12.0",
+    "@superset-ui/dimension": "^0.12.0",
+    "@superset-ui/number-format": "^0.12.1",
+    "@superset-ui/query": "^0.12.2",
+    "@superset-ui/time-format": "^0.12.1",
+    "@superset-ui/translation": "^0.12.0",
     "@types/react": "^16.8.8",
     "core-js": "^3.0.1",
     "csstype": "^2.6.3",

diff --git a/...superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-calendar/README.md b/...superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-calendar/README.md
@@ -22,13 +22,11 @@ Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/
 ```js
 <SuperChart
   chartType="calendar"
-  chartProps={{
-    width: 600,
-    height: 600,
-    formData: {...},
-    payload: {
-      data: {...},
-    },
+  width={600}
+  height={600}
+  formData={...}
+  queryData={{
+    data: {...},
   }}
 />
 ```
diff --git a/...lugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-calendar/package.json b/...lugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-calendar/package.json
@@ -33,10 +33,10 @@
     "prop-types": "^15.6.2"
   },
   "peerDependencies": {
-    "@superset-ui/chart": "^0.10.0 || ^0.11.0",
-    "@superset-ui/color": "^0.10.0 || ^0.11.0",
-    "@superset-ui/number-format": "^0.10.0 || ^0.11.0",
-    "@superset-ui/time-format": "^0.10.0 || ^0.11.0",
-    "@superset-ui/translation": "^0.10.0 || ^0.11.0"
+    "@superset-ui/chart": "^0.12.0",
+    "@superset-ui/color": "^0.12.0",
+    "@superset-ui/number-format": "^0.12.0",
+    "@superset-ui/time-format": "^0.12.0",
+    "@superset-ui/translation": "^0.12.0"
   }
 }
diff --git a/...perset-ui-plugins/packages/superset-ui-legacy-plugin-chart-calendar/src/transformProps.js b/...perset-ui-plugins/packages/superset-ui-legacy-plugin-chart-calendar/src/transformProps.js
@@ -18,7 +18,7 @@
  */
 /* eslint-disable sort-keys */
 export default function transformProps(chartProps) {
-  const { height, formData, payload, datasource } = chartProps;
+  const { height, formData, queryData, datasource } = chartProps;
   const {
     cellPadding,
     cellRadius,
@@ -36,7 +36,7 @@ export default function transformProps(chartProps) {
 
   return {
     height,
-    data: payload.data,
+    data: queryData.data,
     cellPadding,
     cellRadius,
     cellSize,

diff --git a/...ns/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-chord/README.md b/...ns/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-chord/README.md
@@ -22,13 +22,11 @@ Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/
 ```js
 <SuperChart
   chartType="chord"
-  chartProps={{
-    width: 600,
-    height: 600,
-    formData: {...},
-    payload: {
-      data: {...},
-    },
+  width={600}
+  height={600}
+  formData={...}
+  queryData={{
+    data: {...},
   }}
 />
 ```
diff --git a/...i/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-chord/package.json b/...i/plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-chord/package.json
@@ -32,9 +32,9 @@
     "prop-types": "^15.6.2"
   },
   "peerDependencies": {
-    "@superset-ui/chart": "^0.10.0 || ^0.11.0",
-    "@superset-ui/color": "^0.10.0 || ^0.11.0",
-    "@superset-ui/number-format": "^0.10.0 || ^0.11.0",
-    "@superset-ui/translation": "^0.10.0 || ^0.11.0"
+    "@superset-ui/chart": "^0.12.0",
+    "@superset-ui/color": "^0.12.0",
+    "@superset-ui/number-format": "^0.12.0",
+    "@superset-ui/translation": "^0.12.0"
   }
 }
diff --git a/.../superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-chord/src/transformProps.js b/.../superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-chord/src/transformProps.js
@@ -17,12 +17,12 @@
  * under the License.
  */
 export default function transformProps(chartProps) {
-  const { width, height, formData, payload } = chartProps;
+  const { width, height, formData, queryData } = chartProps;
   const { yAxisFormat, colorScheme } = formData;
 
   return {
     colorScheme,
-    data: payload.data,
+    data: queryData.data,
     height,
     numberFormat: yAxisFormat,
     width,

diff --git a/...erset-ui-plugins/packages/superset-ui-legacy-plugin-chart-country-map/README.md b/...erset-ui-plugins/packages/superset-ui-legacy-plugin-chart-country-map/README.md
@@ -22,13 +22,11 @@ Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/
 ```js
 <SuperChart
   chartType="country-map"
-  chartProps={{
-    width: 600,
-    height: 600,
-    formData: {...},
-    payload: {
-      data: {...},
-    },
+  width={600}
+  height={600}
+  formData={...}
+  queryData={{
+    data: {...},
   }}
 />
 ```
diff --git a/...ins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-country-map/package.json b/...ins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-country-map/package.json
@@ -33,9 +33,9 @@
     "prop-types": "^15.6.2"
   },
   "peerDependencies": {
-    "@superset-ui/chart": "^0.10.0 || ^0.11.0",
-    "@superset-ui/color": "^0.10.0 || ^0.11.0",
-    "@superset-ui/number-format": "^0.10.0 || ^0.11.0",
-    "@superset-ui/translation": "^0.10.0 || ^0.11.0"
+    "@superset-ui/chart": "^0.12.0",
+    "@superset-ui/color": "^0.12.0",
+    "@superset-ui/number-format": "^0.12.0",
+    "@superset-ui/translation": "^0.12.0"
   }
 }
diff --git a/...set-ui-plugins/packages/superset-ui-legacy-plugin-chart-country-map/src/transformProps.js b/...set-ui-plugins/packages/superset-ui-legacy-plugin-chart-country-map/src/transformProps.js
@@ -18,13 +18,13 @@
  */
 /* eslint-disable sort-keys */
 export default function transformProps(chartProps) {
-  const { width, height, formData, payload } = chartProps;
+  const { width, height, formData, queryData } = chartProps;
   const { linearColorScheme, numberFormat, selectCountry } = formData;
 
   return {
     width,
     height,
-    data: payload.data,
+    data: queryData.data,
     country: selectCountry,
     linearColorScheme,
     numberFormat,

diff --git a/...perset-ui-plugins/packages/superset-ui-legacy-plugin-chart-event-flow/README.md b/...perset-ui-plugins/packages/superset-ui-legacy-plugin-chart-event-flow/README.md
@@ -22,13 +22,11 @@ Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/
 ```js
 <SuperChart
   chartType="event-flow"
-  chartProps={{
-    width: 600,
-    height: 600,
-    formData: {...},
-    payload: {
-      data: {...},
-    },
+  width={600}
+  height={600}
+  formData={...}
+  queryData={{
+    data: {...},
   }}
 />
 ```
diff --git a/...gins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-event-flow/package.json b/...gins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-event-flow/package.json
@@ -32,8 +32,8 @@
     "prop-types": "^15.6.2"
   },
   "peerDependencies": {
-    "@superset-ui/chart": "^0.10.0 || ^0.11.0",
-    "@superset-ui/translation": "^0.10.0 || ^0.11.0",
+    "@superset-ui/chart": "^0.12.0",
+    "@superset-ui/translation": "^0.12.0",
     "react": "^15 || ^16"
   }
 }
diff --git a/...rset-ui-plugins/packages/superset-ui-legacy-plugin-chart-event-flow/src/transformProps.js b/...rset-ui-plugins/packages/superset-ui-legacy-plugin-chart-event-flow/src/transformProps.js
@@ -19,9 +19,9 @@
 import { cleanEvents, TS, EVENT_NAME, ENTITY_ID } from '@data-ui/event-flow';
 
 export default function transformProps(chartProps) {
-  const { formData, payload, width, height } = chartProps;
+  const { formData, queryData, width, height } = chartProps;
   const { allColumnsX, entity, minLeafNodeEventCount } = formData;
-  const { data } = payload;
+  const { data } = queryData;
 
   const hasData = data && data.length > 0;
   if (hasData) {

diff --git a/...et-ui-plugins/packages/superset-ui-legacy-plugin-chart-force-directed/README.md b/...et-ui-plugins/packages/superset-ui-legacy-plugin-chart-force-directed/README.md
@@ -22,13 +22,11 @@ Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/
 ```js
 <SuperChart
   chartType="force-directed"
-  chartProps={{
-    width: 600,
-    height: 600,
-    formData: {...},
-    payload: {
-      data: {...},
-    },
+  width={600}
+  height={600}
+  formData={...}
+  queryData={{
+    data: {...},
   }}
 />
 ```
diff --git a/.../superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-force-directed/package.json b/.../superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-force-directed/package.json
@@ -32,7 +32,7 @@
     "prop-types": "^15.6.2"
   },
   "peerDependencies": {
-    "@superset-ui/chart": "^0.10.0 || ^0.11.0",
-    "@superset-ui/translation": "^0.10.0 || ^0.11.0"
+    "@superset-ui/chart": "^0.12.0",
+    "@superset-ui/translation": "^0.12.0"
   }
 }
diff --git a/...-ui-plugins/packages/superset-ui-legacy-plugin-chart-force-directed/src/transformProps.js b/...-ui-plugins/packages/superset-ui-legacy-plugin-chart-force-directed/src/transformProps.js
@@ -17,12 +17,12 @@
  * under the License.
  */
 export default function transformProps(chartProps) {
-  const { width, height, formData, payload } = chartProps;
+  const { width, height, formData, queryData } = chartProps;
   const { charge, linkLength } = formData;
 
   return {
     charge,
-    data: payload.data,
+    data: queryData.data,
     height,
     linkLength,
     width,

diff --git a/.../superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-heatmap/README.md b/.../superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-heatmap/README.md
@@ -22,13 +22,11 @@ Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/
 ```js
 <SuperChart
   chartType="heatmap"
-  chartProps={{
-    width: 600,
-    height: 600,
-    formData: {...},
-    payload: {
-      data: {...},
-    },
+  width={600}
+  height={600}
+  formData={...}
+  queryData={{
+    data: {...},
   }}
 />
 ```
diff --git a/...plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-heatmap/package.json b/...plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-heatmap/package.json
@@ -34,9 +34,9 @@
     "prop-types": "^15.6.2"
   },
   "peerDependencies": {
-    "@superset-ui/chart": "^0.10.0 || ^0.11.0",
-    "@superset-ui/color": "^0.10.0 || ^0.11.0",
-    "@superset-ui/number-format": "^0.10.0 || ^0.11.0",
-    "@superset-ui/translation": "^0.10.0 || ^0.11.0"
+    "@superset-ui/chart": "^0.12.0",
+    "@superset-ui/color": "^0.12.0",
+    "@superset-ui/number-format": "^0.12.0",
+    "@superset-ui/translation": "^0.12.0"
   }
 }
diff --git a/...uperset-ui-plugins/packages/superset-ui-legacy-plugin-chart-heatmap/src/transformProps.js b/...uperset-ui-plugins/packages/superset-ui-legacy-plugin-chart-heatmap/src/transformProps.js
@@ -18,7 +18,7 @@
  */
 /* eslint-disable sort-keys */
 export default function transformProps(chartProps) {
-  const { width, height, formData, payload } = chartProps;
+  const { width, height, formData, queryData } = chartProps;
   const {
     bottomMargin,
     canvasImageRendering,
@@ -42,7 +42,7 @@ export default function transformProps(chartProps) {
   return {
     width,
     height,
-    data: payload.data,
+    data: queryData.data,
     bottomMargin,
     canvasImageRendering,
     colorScheme: linearColorScheme,

diff --git a/...uperset-ui-plugins/packages/superset-ui-legacy-plugin-chart-histogram/README.md b/...uperset-ui-plugins/packages/superset-ui-legacy-plugin-chart-histogram/README.md
@@ -22,13 +22,11 @@ Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/
 ```js
 <SuperChart
   chartType="histogram"
-  chartProps={{
-    width: 600,
-    height: 600,
-    formData: {...},
-    payload: {
-      data: {...},
-    },
+  width={600}
+  height={600}
+  formData={...}
+  queryData={{
+    data: {...},
   }}
 />
 ```
diff --git a/...ugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-histogram/package.json b/...ugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-histogram/package.json
@@ -36,9 +36,9 @@
     "prop-types": "^15.6.2"
   },
   "peerDependencies": {
-    "@superset-ui/chart": "^0.10.0 || ^0.11.0",
-    "@superset-ui/color": "^0.10.0 || ^0.11.0",
-    "@superset-ui/translation": "^0.10.0 || ^0.11.0",
+    "@superset-ui/chart": "^0.12.0",
+    "@superset-ui/color": "^0.12.0",
+    "@superset-ui/translation": "^0.12.0",
     "react": "^15 || ^16"
   }
 }
diff --git a/...erset-ui-plugins/packages/superset-ui-legacy-plugin-chart-histogram/src/transformProps.js b/...erset-ui-plugins/packages/superset-ui-legacy-plugin-chart-histogram/src/transformProps.js
@@ -18,13 +18,13 @@
  */
 /* eslint-disable sort-keys */
 export default function transformProps(chartProps) {
-  const { width, height, formData, payload } = chartProps;
+  const { width, height, formData, queryData } = chartProps;
   const { colorScheme, linkLength, normalized, globalOpacity, xAxisLabel, yAxisLabel } = formData;
 
   return {
     width,
     height,
-    data: payload.data,
+    data: queryData.data,
     binCount: parseInt(linkLength, 10),
     colorScheme,
     normalized,

diff --git a/.../superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-horizon/README.md b/.../superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-horizon/README.md
@@ -22,13 +22,11 @@ Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/
 ```js
 <SuperChart
   chartType="horizon"
-  chartProps={{
-    width: 600,
-    height: 600,
-    formData: {...},
-    payload: {
-      data: {...},
-    },
+  width={600}
+  height={600}
+  formData={...}
+  queryData={{
+    data: {...},
   }}
 />
 ```
diff --git a/...plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-horizon/package.json b/...plugins/superset-ui-plugins/packages/superset-ui-legacy-plugin-chart-horizon/package.json
@@ -33,8 +33,8 @@
     "prop-types": "^15.6.2"
   },
   "peerDependencies": {
-    "@superset-ui/chart": "^0.10.0 || ^0.11.0",
-    "@superset-ui/translation": "^0.10.0 || ^0.11.0",
+    "@superset-ui/chart": "^0.12.0",
+    "@superset-ui/translation": "^0.12.0",
     "react": "^15 || ^16"
   }
 }