DataViews: Clean up the forked packages (#104584)

* Dataviews: Clean up the forked packages

* Dataviews: Point to @wordpress/dataviews package

* Dataviews: Replace @automattic/dataviews with @wordpress/dataviews

* Bump to next versions

* Revert "Bump to next versions"

This reverts commit 926bf1e.

* Try to bump @wordpress/dataviews version only

Author: arthur791004

apps/design-system-docs/package.json

@@ -29,7 +29,7 @@
 		"@wordpress/base-styles": "^5.23.0",
 		"@wordpress/browserslist-config": "^6.23.0",
 		"@wordpress/components": "^29.9.0",
-		"@wordpress/dataviews": "^4.19.0",
+		"@wordpress/dataviews": "^5.0.1-next.719a03cbe.0",
 		"docusaurus-plugin-sass": "^0.2.6",
 		"prism-react-renderer": "^2.4.1",
 		"react": "^18.3.1",

client/dashboard/.eslintrc.js

@@ -40,7 +40,6 @@ module.exports = {
 							'!@automattic/components/src/breadcrumbs',
 							'!@automattic/components/src/breadcrumbs/types',
 							'!@automattic/calypso-analytics',
-							'!@automattic/dataviews',
 							'!@automattic/number-formatters',
 							'!@automattic/ui',
 							'!@automattic/viewport',

client/dashboard/app/style.scss

@@ -1,5 +1,5 @@
 @import '@wordpress/base-styles/variables';
-@import '@automattic/dataviews/build-style/style.css';
+@import '@wordpress/dataviews/build-style/style.css';
 
 // Should be implemented differently once v2 is not loaded via the v1 stack
 // I'm tempted to even just replace all this with a display:none on the logo

client/dashboard/components/required-select/index.tsx

@@ -1,8 +1,8 @@
 import { SelectControl } from '@wordpress/components';
 import { useCallback } from '@wordpress/element';
-import type { DataFormControlProps } from '@automattic/dataviews';
+import type { DataFormControlProps } from '@wordpress/dataviews';
 
-// A verbatim copy of @automattic/dataviews/src/dataform-controls/select.tsx,
+// A verbatim copy of @wordpress/dataviews/src/dataform-controls/select.tsx,
 // but without the first placeholder option.
 export default function RequiredSelect< Item >( {
 	data,

client/dashboard/domains/index.tsx

@@ -1,6 +1,6 @@
-import { DataViews, filterSortAndPaginate, View } from '@automattic/dataviews';
 import { useQuery } from '@tanstack/react-query';
 import { Button } from '@wordpress/components';
+import { DataViews, filterSortAndPaginate, View } from '@wordpress/dataviews';
 import { dateI18n } from '@wordpress/date';
 import { __ } from '@wordpress/i18n';
 import { useState } from 'react';

client/dashboard/emails/index.tsx

@@ -1,15 +1,15 @@
-import { DataViews, filterSortAndPaginate } from '@automattic/dataviews';
 import { useQuery } from '@tanstack/react-query';
 import { useNavigate } from '@tanstack/react-router';
 import { Button, ExternalLink, Notice } from '@wordpress/components';
+import { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';
 import { __ } from '@wordpress/i18n';
 import { useState, useMemo } from 'react';
 import { emailsQuery } from '../app/queries/emails';
 import DataViewsCard from '../components/dataviews-card';
 import { PageHeader } from '../components/page-header';
 import PageLayout from '../components/page-layout';
 import type { Email } from '../data/types';
-import type { View } from '@automattic/dataviews';
+import type { View } from '@wordpress/dataviews';
 
 const fields = [
 	{

client/dashboard/me/profile/index.tsx

@@ -1,4 +1,3 @@
-import { DataForm } from '@automattic/dataviews';
 import { useMutation, useQuery } from '@tanstack/react-query';
 import {
 	Button,
@@ -14,6 +13,7 @@ import {
 	ExternalLink,
 	TextControl,
 } from '@wordpress/components';
+import { DataForm } from '@wordpress/dataviews';
 import { createInterpolateElement, useMemo } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
 import { useState } from 'react';
@@ -23,7 +23,7 @@ import { PageHeader } from '../../components/page-header';
 import PageLayout from '../../components/page-layout';
 import EditGravatar from '../edit-gravatar';
 import type { UserProfile } from '../../data/types';
-import type { Field } from '@automattic/dataviews';
+import type { Field } from '@wordpress/dataviews';
 
 import './style.scss';
 

client/dashboard/sites/actions.tsx

@@ -6,8 +6,8 @@ import { lazy, Suspense } from 'react';
 import { isP2, isSelfHostedJetpackConnected } from '../utils/site-types';
 import { canManageSite } from './features';
 import type { Site } from '../data/types';
-import type { Action } from '@automattic/dataviews';
 import type { AnyRouter } from '@tanstack/react-router';
+import type { Action } from '@wordpress/dataviews';
 
 const SiteLeaveContentInfo = lazy( () => import( './site-leave-modal/content-info' ) );
 const SiteRestoreContentInfo = lazy( () => import( './site-restore-modal/content-info' ) );

client/dashboard/sites/fields.tsx

@@ -18,7 +18,7 @@ import {
 } from './site-fields';
 import SiteIcon from './site-icon';
 import type { Site } from '../data/types';
-import type { Field, Operator } from '@automattic/dataviews';
+import type { Field, Operator } from '@wordpress/dataviews';
 
 const DEFAULT_FIELDS: Field< Site >[] = [
 	{

client/dashboard/sites/index.tsx

@@ -1,7 +1,7 @@
-import { DataViews, filterSortAndPaginate } from '@automattic/dataviews';
 import { useQuery, useSuspenseQuery, useMutation } from '@tanstack/react-query';
 import { useNavigate, useRouter } from '@tanstack/react-router';
 import { Button, Modal } from '@wordpress/components';
+import { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';
 import { __ } from '@wordpress/i18n';
 import { useState } from 'react';
 import { useAnalytics } from '../app/analytics';
@@ -20,7 +20,7 @@ import { SitesNotices } from './notices';
 import { getView, mergeViews, DEFAULT_LAYOUTS, recordViewChanges } from './views';
 import type { ViewPreferences, ViewSearchParams } from './views';
 import type { FetchSitesOptions, Site } from '../data/types';
-import type { View, Filter } from '@automattic/dataviews';
+import type { View, Filter } from '@wordpress/dataviews';
 
 const getFetchSitesOptions = ( view: View, isRestoringAccount: boolean ): FetchSitesOptions => {
 	const filters = view.filters ?? [];