fix(ui): populate default values in join related doc drawer

packages/ui/src/elements/DocumentDrawer/DrawerContent.tsx

@@ -24,6 +24,7 @@ export const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({
   collectionSlug,
   disableActions,
   drawerSlug,
+  fetchInitialState,
   Header,
   initialData,
   initialState,
@@ -137,6 +138,7 @@ export const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({
       collectionSlug={collectionConfig.slug}
       disableActions={disableActions}
       disableLeaveWithoutSaving
+      fetchInitialState={fetchInitialState}
       id={docID}
       initialData={initialData}
       initialState={initialState}

packages/ui/src/elements/DocumentDrawer/types.ts

@@ -10,6 +10,7 @@ export type DocumentDrawerProps = {
   readonly collectionSlug: string
   readonly disableActions?: boolean
   readonly drawerSlug?: string
+  readonly fetchInitialState?: boolean
   readonly id?: null | number | string
   readonly initialData?: Data
   readonly initialState?: FormState

packages/ui/src/elements/RelationshipTable/index.tsx

@@ -37,6 +37,7 @@ import { RelationshipTableWrapper } from './TableWrapper.js'
 const baseClass = 'relationship-table'
 
 type RelationshipTableComponentProps = {
+  readonly fetchInitialState?: boolean
   readonly field: JoinFieldClient
   readonly filterOptions?: boolean | Where
   readonly initialData?: PaginatedDocs
@@ -47,6 +48,7 @@ type RelationshipTableComponentProps = {
 
 export const RelationshipTable: React.FC<RelationshipTableComponentProps> = (props) => {
   const {
+    fetchInitialState,
     field,
     filterOptions,
     initialData: initialDataFromProps,
@@ -319,6 +321,7 @@ export const RelationshipTable: React.FC<RelationshipTableComponentProps> = (pro
         </RelationshipProvider>
       )}
       <DocumentDrawer
+        fetchInitialState={fetchInitialState}
         initialData={{
           category: docID,
         }}

packages/ui/src/fields/Join/index.tsx

@@ -47,6 +47,7 @@ const JoinFieldComponent: JoinFieldClientComponent = (props) => {
   return (
     <div className={[fieldBaseClass, 'join'].filter(Boolean).join(' ')}>
       <RelationshipTable
+        fetchInitialState
         field={field as JoinFieldClient}
         filterOptions={filterOptions}
         initialData={docID && value ? value : ({ docs: [] } as PaginatedDocs)}

packages/ui/src/providers/DocumentInfo/index.tsx

@@ -46,6 +46,7 @@ const DocumentInfo: React.FC<
     id,
     collectionSlug,
     docPermissions: docPermissionsFromProps,
+    fetchInitialState,
     globalSlug,
     hasPublishPermission: hasPublishPermissionFromProps,
     hasSavePermission: hasSavePermissionFromProps,
@@ -537,7 +538,8 @@ const DocumentInfo: React.FC<
     if (
       initialStateFromProps === undefined ||
       initialDataFromProps === undefined ||
-      localeChanged
+      localeChanged ||
+      fetchInitialState
     ) {
       if (localeChanged) {
         prevLocale.current = locale
@@ -569,7 +571,14 @@ const DocumentInfo: React.FC<
             void getDocPermissions(data)
           }
 
-          setInitialState(result)
+          setInitialState(
+            initialStateFromProps
+              ? {
+                  ...result,
+                  ...initialStateFromProps,
+                }
+              : result,
+          )
         } catch (err) {
           if (!abortController.signal.aborted) {
             if (typeof onLoadError === 'function') {
@@ -604,6 +613,7 @@ const DocumentInfo: React.FC<
     initialDataFromProps,
     initialStateFromProps,
     getDocPermissions,
+    fetchInitialState,
   ])
 
   useEffect(() => {

packages/ui/src/providers/DocumentInfo/types.ts

@@ -28,6 +28,7 @@ export type DocumentInfoProps = {
   readonly disableCreate?: boolean
   readonly disableLeaveWithoutSaving?: boolean
   readonly docPermissions?: DocumentPermissions
+  readonly fetchInitialState?: boolean
   readonly globalSlug?: SanitizedGlobalConfig['slug']
   readonly hasPublishPermission?: boolean
   readonly hasSavePermission?: boolean