Fix text, integer, float and decimal on the item view when us…

…ing `ui.itemView.fieldMode: 'read'`. (#6758)

.changeset/happy-beds-hope.md

@@ -0,0 +1,5 @@
+---
+'@keystone-next/keystone': patch
+---
+
+Fixed `text`, `integer`, `float` and `decimal` on the item view when using `ui.itemView.fieldMode: 'read'`.

examples-staging/basic/admin/fieldViews/Test.tsx

@@ -27,8 +27,8 @@ export const Field = ({ field, value, onChange, autoFocus }: FieldProps<typeof c
           value={value.inner.kind === 'null' ? '' : value.inner.value}
         />
       )
-    ) : (
-      value
+    ) : value.inner.kind === 'null' ? null : (
+      value.inner.value
     )}
   </FieldContainer>
 );

packages/keystone/src/fields/types/decimal/views/index.tsx

@@ -60,7 +60,11 @@ export const Field = ({
   return (
     <FieldContainer>
       <FieldLabel htmlFor={field.path}>{field.label}</FieldLabel>
-      {onChange ? <TextInput id={field.path} autoFocus={autoFocus} {...inputProps} /> : value}
+      {onChange ? (
+        <TextInput id={field.path} autoFocus={autoFocus} {...inputProps} />
+      ) : (
+        value.value?.toString()
+      )}
       {(hasBlurred || forceValidation) && validationMessage && (
         <span css={{ color: 'red' }}>{validationMessage}</span>
       )}

packages/keystone/src/fields/types/float/views/index.tsx

@@ -148,7 +148,7 @@ export const Field = ({
           />
         </span>
       ) : (
-        value
+        value.value
       )}
     </FieldContainer>
   );

packages/keystone/src/fields/types/integer/views/index.tsx

@@ -105,7 +105,7 @@ export const Field = ({
           />
         </span>
       ) : (
-        value
+        value.value
       )}
     </FieldContainer>
   );

packages/keystone/src/fields/types/text/views/index.tsx

@@ -92,8 +92,8 @@ export const Field = ({
               </span>
             ))}
         </Stack>
-      ) : (
-        value
+      ) : value.inner.kind === 'null' ? null : (
+        value.inner.value
       )}
     </FieldContainer>
   );