refactor: replace yarn with npm

[zhaoyongjie]

💔 Breaking Changes

• replace yarn with npm and remove dependency on yarn
• bump eslint from 7.17.0 to 7.32.0
• bump prettier from 2.2.1 to 2.4.1
• remove @storybook/addon-info in superset-ui-demo as it isn't available on Storybook 6 and wasn't being used
• remove dependency on @superset-ui/legacy-plugin-chart-word-cloud in superset-ui-demo (has been superseded by @superset-ui/plugin-chart-word-cloud)
• freeze@encodable/color to 1.1.1 in superset-ui-demo

If you want to test this PR in local, please run commands in terminal

rm -rf ./{packages,plugins}/*/node_modules ./node_modules
rm -rf ./{packages,plugins}/*/yarn.lock ./yarn.lock
rm -rf ./{packages,plugins}/*/esm ./{packages,plugins}/*/lib
rm -rf ./{packages,plugins}/*/yarn-error.log ./yarn.lock
rm -rf ./{packages,plugins}/*/tsconfig.tsbuildinfo ./tsconfig.tsbuildinfo

refer to: [SIP-14] remove dependency on "Yarn" package in favor of npm

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/superset/superset-ui/9iLxXjvQzyhfEJ4CYVutvUAPezGT
✅ Preview: https://superset-ui-git-fork-zhaoyongjie-yarntonpm-superset.vercel.app

[codecov]

Codecov Report

Merging #1405 (aa5bc62) into master (746d399) will increase coverage by 0.01%.
The diff coverage is 32.14%.

@@            Coverage Diff             @@
##           master    #1405      +/-   ##
==========================================
+ Coverage   30.41%   30.43%   +0.01%     
==========================================
  Files         497      497              
  Lines        9996    10000       +4     
  Branches     1687     1689       +2     
==========================================
+ Hits         3040     3043       +3     
- Misses       6710     6711       +1     
  Partials      246      246              

Impacted Files	Coverage Δ
...ols/src/components/ControlForm/ControlFormItem.tsx	0.00% <0.00%> (ø)
packages/superset-ui-chart-controls/src/types.ts	100.00% <ø> (ø)
...s/superset-ui-core/src/chart/models/ChartPlugin.ts	100.00% <ø> (ø)
...erset-ui-core/src/models/RegistryWithDefaultKey.ts	100.00% <ø> (ø)
...kages/superset-ui-core/src/query/api/v1/makeApi.ts	100.00% <ø> (ø)
...ugins/legacy-plugin-chart-country-map/src/index.js	0.00% <0.00%> (ø)
plugins/legacy-plugin-chart-heatmap/src/index.js	0.00% <0.00%> (ø)
plugins/legacy-plugin-chart-map-box/src/index.js	0.00% <0.00%> (ø)
...gacy-plugin-chart-paired-t-test/src/TTestTable.jsx	0.00% <0.00%> (ø)
...n-chart-parallel-coordinates/src/transformProps.js	0.00% <0.00%> (ø)
... and 17 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 746d399...aa5bc62. Read the comment docs.

[amitmiran137]

Why are we replacing?
How is it align with monorepo project?

[michael-s-molina]

@zhaoyongjie Can you add a reference to SIP-14 in the PR's description?

[zhaoyongjie]

@zhaoyongjie Can you add a reference to SIP-14 in the PR's description?

Sure. Thanks.

[villebro]

Why are we replacing? How is it align with monorepo project?

@amitmiran137 We're using npm on the main repo (see SIP-14: apache/superset#6217), and to simplify the toolchain, it makes sense to fully migrate to npm now. Yarn has also proven to be very bad at handling dependency resolution, due to which we're, among others, on incompatible versions of React for the current version of AntD (4.9.4 requires 17.x, we're on >=16.13).

[villebro]

interim report: we are going to bump Storybook to 6.x (same version as on apache/superset) and then rebase this PR after that to make sure we'll be able to merge the superset-ui storybook with the storybook on the main repo.

[ktmud]

LGTM

[eschutho]

FYI the vercel storybook preview shows a broken chart for the legacy calendar. Not sure if it's related.

[eschutho]

I left a few comments where npm ci would be better than npm install (mostly suggestions). But the release workflow is prob the most important one as npm doesn't have a --frozen-lockfile flag on install, it's essentially npm ci.

[zhaoyongjie]

FYI the vercel storybook preview shows a broken chart for the legacy calendar. Not sure if it's related.

The issues of Storybook will open separated PR to fix.

[zhaoyongjie]

I left a few comments where npm ci would be better than npm install (mostly suggestions). But the release workflow is prob the most important one as npm doesn't have a --frozen-lockfile flag on install, it's essentially npm ci.

Nice catch. I am going to update this PR.

[eschutho]

Looks great!

[villebro]

🎉 !