Opt-in all @wordpress packages imports via DEWP

[eason9487]

Changes proposed in this Pull Request:

It's the final part of #1833

To opt-in all @wordpress packages imports via DEWP and revert all gradually externalized @wordpress/components imports, this PR:

• Remove the extracted/ prefix from all 'extracted/@wordpress/components' imports.
• Opt-in @wordpress/components and @wordpress/compose to import from the external source of DEWP.
  • Remove them from the requestToExternal array in the webpack config. So that all their imports will be externalized via regular DEWP instead of the mechanism of extracted/ prefix.
  • The @wordpress/compose package was removed together as the following uses don't have external changes after @wordpress/compose 5.1.2 (used by WC 6.9):
    • createHigherOrderComponent
    • useFocusOutside: refactor to TypeScript
    • useInstanceId: refactor to TypeScript
    • useReducedMotion
    • useViewportMatch
    • Changelog
• Remove a compatible workaround for DatePicker as it has been fixed since WC 7.2.
  • Considering the latest WC version is way beyond the current L-2 version, it should be fine to remove this WC 7.0-7.1 workaround.
  • The original issue: WP 6.1 Compatibility: Fix the giant icons in the DatePicker component #1739
  • Fixed by Analytics: Fix custom date range calendar styling in WP 6.1 woocommerce#35649
• Rebalance the max size config of bundlewatch for each non-wildcard file to 1.2 times.
• Update the .externalized.json file.
• Revert "Prevent the "import/no-duplicates" warning for the externalization process". (see #1844)

Screenshots:

Detailed test instructions:

1. Check if all build scripts, npm start, npm run dev, npm run start:hot and npm run build, can run successfully.
2. Run bundle analyzer: npm run env -- NODE_ENV=production wp-scripts build --webpack-bundle-analyzer
   • Check if there is no DEWPable @wordpress/* package included in the build bundle.
   • P.S. @wordpress/icons is not a DEWPed package. Ref
3. Search the codebase to check if there is no 'extracted/@wordpress/components' import.

Changelog entry

[tomalec]

Awsome, that's pretty heavy reduction in the bundle size :)

The @wordpress/compose package was removed together as the following uses don't have external changes after @wordpress/compose 5.1.2 (used by WC 6.9):

According to dewped our min WP 5.9 uses @wordpress/[email protected], but the lack of changes still applies.

Details

$ dewped pdep @wordpress/compose  --wpVersion=5.9 --wcVersion=6.9
 Name               WordPress 5.9 WooCommerce 6.9 Local   
 ────────────────── ───────────── ─────────────── ─────── 
 @wordpress/compose 5.0.7                         ^5.20.0 
$ dewped pdep @wordpress/compose  --wpVersion=6.0 --wcVersion=6.9
 Name               WordPress 6.0 WooCommerce 6.9 Local   
 ────────────────── ───────────── ─────────────── ─────── 
 @wordpress/compose 5.4.1                         ^5.20.0 
 $ dewped pdep @wordpress/compose  --wpVersion=6.1 --wcVersion=6.9
 Name               WordPress 6.1 WooCommerce 6.9 Local   
 ────────────────── ───────────── ─────────────── ─────── 
 @wordpress/compose 5.15.2                        ^5.20.0 
 $ dewped pdep @wordpress/compose  --wpVersion=6.2 --wcVersion=6.9
 Name               WordPress 6.2 WooCommerce 6.9 Local   
 ────────────────── ───────────── ─────────────── ─────── 
 @wordpress/compose 6.3.3                         ^5.20.0 
 $ dewped pdep @wordpress/compose  --wpVersion=6.3 --wcVersion=6.9
 Name               WordPress 6.3 WooCommerce 6.9 Local   
 ────────────────── ───────────── ─────────────── ─────── 
 @wordpress/compose 6.12.2                        ^5.20.0 

With WP L-1, we're safe for sure, it's 6.3.3.

[tomalec]

I have reviewed the code & bundles and smoke-tested crucial flows. LGTM.