[field] Rename Change to DiffFromTo

packages/@sanity/field/src/diff/components/Change.tsx → packages/@sanity/field/src/diff/components/DiffFromTo.tsx

@@ -7,7 +7,7 @@ import {getChangeVerb} from '../helpers'
 import {ChangeLayout} from './ChangeLayout'
 import {DiffAnnotationTooltip} from './DiffAnnotationTooltip'
 
-import styles from './Change.css'
+import styles from './DiffFromTo.css'
 
 interface ChangeProps {
   previewComponent: IPreviewComponent<any>
@@ -17,7 +17,7 @@ interface ChangeProps {
   layout?: 'grid' | 'inline'
 }
 
-export function Change({
+export function DiffFromTo({
   layout = 'inline',
   diff,
   path,

packages/@sanity/field/src/diff/components/FallbackDiff.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import Preview from 'part:@sanity/base/preview'
 import {PreviewComponent} from '../../preview/types'
 import {DiffComponent} from '../../types'
-import {Change} from './Change'
+import {DiffFromTo} from './DiffFromTo'
 
 import styles from './FallbackDiff.css'
 
@@ -16,6 +16,11 @@ const FallbackPreview: PreviewComponent<any> = ({color, value, schemaType}) => {
 
 export const FallbackDiff: DiffComponent<any> = ({diff, schemaType}) => {
   return (
-    <Change diff={diff} schemaType={schemaType} previewComponent={FallbackPreview} layout="grid" />
+    <DiffFromTo
+      diff={diff}
+      schemaType={schemaType}
+      previewComponent={FallbackPreview}
+      layout="grid"
+    />
   )
 }

packages/@sanity/field/src/diff/components/index.ts

@@ -1,11 +1,11 @@
-export * from './Change'
 export * from './ChangeLayout'
 export * from './ChangeList'
 export * from './ChangeResolver'
 export * from './DiffAnnotation'
 export * from './DiffAnnotationCard'
 export * from './DiffAnnotationTooltip'
 export * from './DiffAnnotationTooltipContent'
+export * from './DiffFromTo'
 export * from './DiffString'
 export * from './DocumentChangeContext'
 export * from './MetaInfo'

packages/@sanity/field/src/types/datetime/diff/DatetimeFieldDiff.tsx

@@ -1,9 +1,14 @@
 import React from 'react'
-import {DiffComponent, StringDiff, Change} from '../../../diff'
+import {DiffComponent, DiffFromTo, StringDiff} from '../../../diff'
 import {DatetimePreview} from '../preview'
 
 export const DatetimeFieldDiff: DiffComponent<StringDiff> = ({diff, schemaType}) => {
   return (
-    <Change diff={diff} layout="grid" schemaType={schemaType} previewComponent={DatetimePreview} />
+    <DiffFromTo
+      diff={diff}
+      layout="grid"
+      schemaType={schemaType}
+      previewComponent={DatetimePreview}
+    />
   )
 }

packages/@sanity/field/src/types/number/diff/NumberFieldDiff.tsx

@@ -1,9 +1,14 @@
 import React from 'react'
-import {DiffComponent, NumberDiff, Change} from '../../../diff'
+import {DiffComponent, DiffFromTo, NumberDiff} from '../../../diff'
 import {NumberPreview} from '../preview/NumberPreview'
 
 export const NumberFieldDiff: DiffComponent<NumberDiff> = ({diff, schemaType}) => {
   return (
-    <Change diff={diff} schemaType={schemaType} previewComponent={NumberPreview} layout="inline" />
+    <DiffFromTo
+      diff={diff}
+      schemaType={schemaType}
+      previewComponent={NumberPreview}
+      layout="inline"
+    />
   )
 }

packages/@sanity/field/src/types/reference/diff/ReferenceFieldDiff.tsx

@@ -1,11 +1,10 @@
 import React from 'react'
-import {DiffComponent, ReferenceDiff} from '../../../diff'
-import {Change} from '../../../diff/components'
+import {DiffComponent, DiffFromTo, ReferenceDiff} from '../../../diff'
 import {ReferencePreview} from '../preview/ReferencePreview'
 
 export const ReferenceFieldDiff: DiffComponent<ReferenceDiff> = ({diff, schemaType}) => {
   return (
-    <Change
+    <DiffFromTo
       diff={diff}
       layout="grid"
       path="_ref"

packages/@sanity/field/src/types/slug/diff/SlugFieldDiff.tsx

@@ -1,11 +1,13 @@
 import React from 'react'
-import {DiffComponent, ObjectDiff, Change} from '../../../diff'
+import {DiffComponent, DiffFromTo, ObjectDiff} from '../../../diff'
 import {SlugPreview} from '../preview'
 
 interface Slug {
   current?: string
 }
 
 export const SlugFieldDiff: DiffComponent<ObjectDiff<Slug>> = ({diff, schemaType}) => {
-  return <Change layout="grid" diff={diff} schemaType={schemaType} previewComponent={SlugPreview} />
+  return (
+    <DiffFromTo layout="grid" diff={diff} schemaType={schemaType} previewComponent={SlugPreview} />
+  )
 }

packages/@sanity/field/src/types/string/diff/StringFieldDiff.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import {DiffComponent, DiffString, StringDiff, Change} from '../../../diff'
+import {DiffComponent, DiffFromTo, DiffString, StringDiff} from '../../../diff'
 import {StringPreview} from '../preview/StringPreview'
 
 import styles from './StringFieldDiff.css'
@@ -10,7 +10,7 @@ export const StringFieldDiff: DiffComponent<StringDiff> = ({diff, schemaType}) =
   if (options?.list) {
     // When the string is considered to be an "enum", don't show individual
     // string segment changes, rather treat is as a "from -> to" diff
-    return <Change diff={diff} previewComponent={StringPreview} schemaType={schemaType} />
+    return <DiffFromTo diff={diff} previewComponent={StringPreview} schemaType={schemaType} />
   }
 
   return (

packages/@sanity/field/src/types/url/diff/UrlFieldDiff.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
-import {StringDiff, DiffComponent, Change} from '../../../diff'
+import {DiffComponent, DiffFromTo, StringDiff} from '../../../diff'
 import {StringPreview} from '../../string/preview'
 
 export const UrlFieldDiff: DiffComponent<StringDiff> = ({diff, schemaType}) => {
-  return <Change diff={diff} schemaType={schemaType} previewComponent={StringPreview} />
+  return <DiffFromTo diff={diff} schemaType={schemaType} previewComponent={StringPreview} />
 }