Protect Components: Use @wordpress/dataviews/wp import path (#41510)

.pnpmfile.cjs

@@ -66,6 +66,9 @@ function fixDeps( pkg ) {
 			'@use-gesture/react',
 			'use-memo-one',
 			'uuid',
+			// Needed for storybook to build with the /wp endpoint. Normal builds don't need them due to dependency extraction.
+			'@wordpress/date',
+			'@wordpress/hooks',
 		] ) {
 			pkg.optionalDependencies[ dep ] = '*';
 		}

projects/js-packages/scan/src/components/scan-report/index.tsx

@@ -5,7 +5,7 @@ import {
 	type Field,
 	DataViews,
 	filterSortAndPaginate,
-} from '@wordpress/dataviews';
+} from '@wordpress/dataviews/wp';
 import { __, _n } from '@wordpress/i18n';
 import { Icon } from '@wordpress/icons';
 import { useCallback, useMemo, useState } from 'react';

projects/js-packages/scan/src/components/threat-severity-badge/index.tsx

@@ -1,6 +1,6 @@
 import { Badge } from '@automattic/jetpack-components';
 import { __, sprintf } from '@wordpress/i18n';
-import { getSeverityLabel, getSeverityVariant } from '@automattic/jetpack-scan';
+import { getSeverityLabel, getSeverityVariant } from '../../utils/severity.js';
 
 const ThreatSeverityBadge = ( { severity, showLabel = false } ) => {
 	const title = getSeverityLabel( severity );

projects/js-packages/scan/src/components/threats-data-views/index.tsx

@@ -8,18 +8,15 @@ import {
 	type View,
 	DataViews,
 	filterSortAndPaginate,
-} from '@wordpress/dataviews';
+} from '@wordpress/dataviews/wp';
 import { dateI18n } from '@wordpress/date';
 import { __ } from '@wordpress/i18n';
 import { Icon } from '@wordpress/icons';
 import { useCallback, useContext, useMemo, useState } from 'react';
-import {
-	getThreatType,
-	THREAT_ACTION_FIX,
-	THREAT_ACTION_IGNORE,
-	ThreatsContext,
-	type Threat,
-} from '@automattic/jetpack-scan';
+import { THREAT_ACTION_FIX, THREAT_ACTION_IGNORE } from '../../actions/index.js';
+import { ThreatsContext } from '../../context/index.js';
+import { type Threat } from '../../types/threats.js';
+import { getThreatType } from '../../utils/threats.js';
 import ThreatFixerButton from '../threat-fixer-button/index.js';
 import ThreatDetailsModal from '../threat-modals/details-modal/index.js';
 import ThreatFixerModal from '../threat-modals/fixer-modal/index.js';

projects/js-packages/scan/tsconfig.json

@@ -1,6 +1,7 @@
 {
 	"extends": "jetpack-js-tools/tsconfig.tsc.json",
 	"include": [ "./src/**/*" ],
+	"exclude": [ "**/test/**", "**/stories/**" ],
 	"compilerOptions": {
 		"typeRoots": [ "./node_modules/@types/", "src/*" ],
 		"sourceMap": false,

projects/plugins/protect/webpack.config.js

@@ -39,13 +39,56 @@ module.exports = [
 				 * @see https://github.com/Automattic/jetpack/issues/39907
 				 */
 				jetpackWebpackConfig.TranspileRule( {
-					includeNodeModules: [ '@wordpress/dataviews/' ],
+					includeNodeModules: [ '@wordpress/dataviews/build-wp/' ],
 					babelOpts: {
 						configFile: false,
 						plugins: [
 							[
 								require.resolve( '@automattic/babel-plugin-replace-textdomain' ),
-								{ textdomain: 'jetpack-protect' },
+								{
+									textdomain: 'jetpack-protect',
+									functions: {
+										__: 1,
+										__1: 1,
+										__2: 1,
+										__3: 1,
+										__4: 1,
+										__5: 1,
+										__6: 1,
+										__7: 1,
+										__8: 1,
+										__9: 1,
+										__10: 1,
+										__11: 1,
+										__12: 1,
+										__13: 1,
+										__14: 1,
+										__15: 1,
+										__16: 1,
+										__17: 1,
+										__18: 1,
+										__19: 1,
+										__20: 1,
+										__21: 1,
+										__22: 1,
+										__23: 1,
+										__24: 1,
+										__25: 1,
+										__26: 1,
+										__27: 1,
+										__28: 1,
+										__29: 1,
+										__30: 1,
+										_x: 2,
+										_x1: 2,
+										_x2: 2,
+										_x3: 2,
+										_x4: 2,
+										_x5: 2,
+										_n: 3,
+										_nx: 4,
+									},
+								},
 							],
 						],
 					},