npm - @payloadcms/ui - Versions diffs - 4.0.0-canary.36 → 4.0.0-canary.38 - Mend

@payloadcms/ui 4.0.0-canary.36 → 4.0.0-canary.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1277) hide show

package/dist/fields/Upload/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","names":["useModal","formatAdminURL","qs","React","useCallback","useEffect","useMemo","toast","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","RenderCustomComponent","ShimmerEffect","FieldDescription","FieldError","FieldLabel","useAuth","useLocale","useTranslation","abortAndIgnore","getFilesFromClipboard","normalizeRelationshipValue","fieldBaseClass","UploadComponentHasMany","UploadComponentHasOne","baseClass","UploadInput","props","AfterInput","allowCreate","api","BeforeInput","className","Description","description","displayPreview","Error","filterOptions","filterOptionsFromProps","hasMany","isSortable","Label","label","localized","maxRows","onChange","onChangeFromProps","path","readOnly","relationTo","required","serverURL","showError","style","value","populatedDocs","setPopulatedDocs","useState","activeRelationTo","Array","isArray","openModal","modalSlug","drawerSlug","setCollectionSlug","setInitialFiles","setMaxFiles","setOnSuccess","setSelectableCollections","permissions","locale","code","i18n","t","collectionSlugsWithCreatePermission","filter","relation","collections","create","isPoly","existingIdsByRelation","values","val","push","collection","id","newFilterOptions","relations","forEach","existingIds","not_in","concat","ListDrawer","closeDrawer","closeListDrawer","openDrawer","openListDrawer","collectionSlugs","CreateDocDrawer","closeCreateDocDrawer","openCreateDocDrawer","collectionSlug","canCreate","newValue","populateDocs","items","options","length","grouped","idValue","fetches","Object","entries","map","ids","query","depth","draft","limit","where","and","in","response","fetch","apiRoute","body","stringify","credentials","headers","language","method","signal","docs","ok","data","json","docsById","reduce","acc","doc","results","Promise","all","lookup","sortedDocs","filename","isPlaceholder","normalizeValue","onUploadSuccess","uploadedForms","newValues","form","normalizedExisting","mergedValue","currentDocs","firstDoc","onLocalFileSelection","fileList","fileListToUse","dataTransfer","DataTransfer","add","files","collectionToUse","handlePasteFromClipboard","error","_err","onListBulkSelect","relationToUse","selectedDocIDs","isSelected","itemsToLoad","loadedDocs","onDocCreate","onListSelect","selectedDoc","valueToUse","reloadDoc","docID","updatedDocsToPropogate","existingDocIndex","findIndex","hasExisting","updatedDocs","onReorder","newValueToSave","rel","onRemove","abortController","AbortController","loadInitialDocs","v","aborted","showDropzone","_jsxs","Boolean","join","replace","_jsx","CustomComponent","Fallback","_Fragment","fileDocs","readonly","showCollectionSlug","height","fileDoc","disabled","multipleFiles","buttonStyle","onClick","size","icon","tooltip","onSave","enableRowSelections","onBulkSelect","onSelect"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n ClientCollectionConfig,\n FieldLabelClientProps,\n FilterOptionsResult,\n JsonObject,\n StaticDescription,\n StaticLabel,\n UploadFieldClient,\n UploadField as UploadFieldType,\n ValueWithRelation,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\nimport type { ReloadDoc, ValueAsDataWithRelation } from './types.js'\n\nimport { type BulkUploadContext, useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore } from '../../utilities/abortAndIgnore.js'\nimport { getFilesFromClipboard } from '../../utilities/getFilesFromClipboard.js'\nimport { normalizeRelationshipValue } from '../../utilities/normalizeRelationshipValue.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { UploadComponentHasMany } from './HasMany/index.js'\nimport './index.css'\nimport { UploadComponentHasOne } from './HasOne/index.js'\n\nexport const baseClass = 'upload'\n\ntype PopulatedDocs = { relationTo: string; value: JsonObject }[]\n\nexport type UploadInputProps = {\n readonly AfterInput?: React.ReactNode\n readonly allowCreate?: boolean\n /*\n Controls the visibility of the \"Create new collection\" button\n */\n readonly api?: string\n readonly BeforeInput?: React.ReactNode\n readonly className?: string\n readonly collection?: ClientCollectionConfig\n readonly customUploadActions?: React.ReactNode[]\n readonly Description?: React.ReactNode\n readonly description?: StaticDescription\n readonly displayPreview?: boolean\n readonly Error?: React.ReactNode\n readonly filterOptions?: FilterOptionsResult\n readonly hasMany?: boolean\n readonly hideRemoveFile?: boolean\n readonly isSortable?: boolean\n readonly Label?: React.ReactNode\n readonly label?: StaticLabel\n readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n readonly localized?: boolean\n readonly maxRows?: number\n readonly onChange?: (e) => void\n readonly path: string\n readonly readOnly?: boolean\n readonly relationTo: UploadFieldType['relationTo']\n readonly required?: boolean\n readonly serverURL?: string\n readonly showError?: boolean\n readonly style?: React.CSSProperties\n readonly value?: (number \| string)[] \| number \| string \| ValueWithRelation \| ValueWithRelation[]\n}\n\nexport function UploadInput(props: UploadInputProps) {\n const {\n AfterInput,\n allowCreate,\n api,\n BeforeInput,\n className,\n Description,\n description,\n displayPreview,\n Error,\n filterOptions: filterOptionsFromProps,\n hasMany,\n isSortable,\n Label,\n label,\n localized,\n maxRows,\n onChange: onChangeFromProps,\n path,\n readOnly,\n relationTo,\n required,\n serverURL,\n showError,\n style,\n value,\n } = props\n\n const [populatedDocs, setPopulatedDocs] = React.useState<\n {\n relationTo: string\n value: JsonObject\n }[]\n >()\n\n const [activeRelationTo] = React.useState<string>(\n Array.isArray(relationTo) ? relationTo[0] : relationTo,\n )\n\n const { openModal } = useModal()\n const {\n modalSlug: drawerSlug,\n setCollectionSlug,\n setInitialFiles,\n setMaxFiles,\n setOnSuccess,\n setSelectableCollections,\n } = useBulkUpload()\n const { permissions } = useAuth()\n const locale = useLocale()\n const code = locale?.code\n const { i18n, t } = useTranslation()\n\n // This will be used by the bulk upload to allow you to select only collections you have create permissions for\n const collectionSlugsWithCreatePermission = useMemo(() => {\n if (Array.isArray(relationTo)) {\n return relationTo.filter(\n (relation) => permissions?.collections && permissions.collections?.[relation]?.create,\n )\n }\n return []\n }, [relationTo, permissions])\n\n const filterOptions: FilterOptionsResult = useMemo(() => {\n const isPoly = Array.isArray(relationTo)\n\n if (!value) {\n return filterOptionsFromProps\n }\n\n // Group existing IDs by relation\n const existingIdsByRelation: Record<string, (number \| string)[]> = {}\n\n const values = Array.isArray(value) ? value : [value]\n\n for (const val of values) {\n if (isPoly && typeof val === 'object' && 'relationTo' in val) {\n // Poly upload - group by relationTo\n if (!existingIdsByRelation[val.relationTo]) {\n existingIdsByRelation[val.relationTo] = []\n }\n existingIdsByRelation[val.relationTo].push(val.value)\n } else if (!isPoly) {\n // Non-poly upload - all IDs belong to the single collection\n const collection = relationTo\n if (!existingIdsByRelation[collection]) {\n existingIdsByRelation[collection] = []\n }\n const id = typeof val === 'object' && 'value' in val ? val.value : val\n if (typeof id === 'string' \|\| typeof id === 'number') {\n existingIdsByRelation[collection].push(id)\n }\n }\n }\n\n // Build filter options for each collection\n const newFilterOptions = { ...filterOptionsFromProps }\n const relations = isPoly ? relationTo : [relationTo]\n\n relations.forEach((relation) => {\n const existingIds = existingIdsByRelation[relation] \|\| []\n\n newFilterOptions[relation] = {\n ...((filterOptionsFromProps?.[relation] as any) \|\| {}),\n id: {\n ...((filterOptionsFromProps?.[relation] as any)?.id \|\| {}),\n not_in: ((filterOptionsFromProps?.[relation] as any)?.id?.not_in \|\| []).concat(\n existingIds,\n ),\n },\n }\n })\n\n return newFilterOptions\n }, [value, filterOptionsFromProps, relationTo])\n\n const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n useListDrawer({\n collectionSlugs: typeof relationTo === 'string' ? [relationTo] : relationTo,\n filterOptions,\n })\n\n const [\n CreateDocDrawer,\n ,\n { closeDrawer: closeCreateDocDrawer, openDrawer: openCreateDocDrawer },\n ] = useDocumentDrawer({\n collectionSlug: activeRelationTo,\n })\n\n const canCreate = useMemo(() => {\n if (!allowCreate) {\n return false\n }\n\n if (typeof activeRelationTo === 'string') {\n if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {\n return true\n }\n }\n\n return false\n }, [activeRelationTo, permissions, allowCreate])\n\n const onChange = React.useCallback(\n (newValue) => {\n if (typeof onChangeFromProps === 'function') {\n onChangeFromProps(newValue)\n }\n },\n [onChangeFromProps],\n )\n\n const populateDocs = React.useCallback(\n async (\n items: ValueWithRelation[],\n options?: {\n signal?: AbortSignal\n },\n ): Promise<ValueAsDataWithRelation[]> => {\n if (!items?.length) {\n return []\n }\n\n // 1. Group IDs by collection\n const grouped: Record<string, (number \| string)[]> = {}\n items.forEach(({ relationTo, value }) => {\n if (!grouped[relationTo]) {\n grouped[relationTo] = []\n }\n // Ensure we extract the actual ID value, not an object\n let idValue: number \| string = value\n\n if (value && typeof value === 'object' && 'value' in (value as any)) {\n idValue = (value as any).value\n }\n\n grouped[relationTo].push(idValue)\n })\n\n // 2. Fetch per collection\n const fetches = Object.entries(grouped).map(async ([collection, ids]) => {\n const query = {\n depth: 0,\n draft: true,\n limit: ids.length,\n locale: code,\n where: {\n and: [\n {\n id: {\n in: ids,\n },\n },\n ],\n },\n }\n const response = await fetch(\n formatAdminURL({\n apiRoute: api,\n path: `/${collection}`,\n }),\n {\n body: qs.stringify(query),\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/x-www-form-urlencoded',\n 'X-Payload-HTTP-Method-Override': 'GET',\n },\n method: 'POST',\n signal: options?.signal,\n },\n )\n let docs: any[] = []\n if (response.ok) {\n const data = await response.json()\n docs = data.docs\n }\n // Map docs by ID for fast lookup\n const docsById = docs.reduce((acc, doc) => {\n acc[doc.id] = doc\n return acc\n }, {})\n return { collection, docsById }\n })\n\n const results = await Promise.all(fetches)\n\n // 3. Build lookup\n const lookup: Record<string, Record<string, any>> = {}\n results.forEach(({ collection, docsById }) => {\n lookup[collection] = docsById\n })\n\n // 4. Reconstruct in input order, add placeholders if missing\n const sortedDocs = items.map(({ relationTo, value }) => {\n const doc = lookup[relationTo]?.[value] \|\| {\n id: value,\n filename: `${t('general:untitled')} - ID: ${value}`,\n isPlaceholder: true,\n }\n return { relationTo, value: doc }\n })\n\n return sortedDocs\n },\n [api, code, i18n.language, t],\n )\n\n const normalizeValue = useCallback(\n (value: any): any => normalizeRelationshipValue(value, relationTo),\n [relationTo],\n )\n\n const onUploadSuccess: BulkUploadContext['onSuccess'] = useCallback(\n (uploadedForms) => {\n const isPoly = Array.isArray(relationTo)\n\n if (hasMany) {\n const newValues = uploadedForms.map((form) =>\n isPoly ? { relationTo: form.collectionSlug, value: form.doc.id } : form.doc.id,\n )\n // Normalize existing values before merging\n const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n const mergedValue = [...normalizedExisting, ...newValues]\n onChange(mergedValue)\n setPopulatedDocs((currentDocs) => [\n ...(currentDocs \|\| []),\n ...uploadedForms.map((form) => ({\n relationTo: form.collectionSlug,\n value: form.doc,\n })),\n ])\n } else {\n const firstDoc = uploadedForms[0]\n const newValue = isPoly\n ? { relationTo: firstDoc.collectionSlug, value: firstDoc.doc.id }\n : firstDoc.doc.id\n onChange(newValue)\n setPopulatedDocs([\n {\n relationTo: firstDoc.collectionSlug,\n value: firstDoc.doc,\n },\n ])\n }\n },\n [value, onChange, hasMany, relationTo, normalizeValue],\n )\n\n const onLocalFileSelection = React.useCallback(\n (fileList?: FileList) => {\n let fileListToUse = fileList\n if (!hasMany && fileList && fileList.length > 1) {\n const dataTransfer = new DataTransfer()\n dataTransfer.items.add(fileList[0])\n fileListToUse = dataTransfer.files\n }\n if (fileListToUse) {\n setInitialFiles(fileListToUse)\n }\n // Use activeRelationTo for poly uploads, or relationTo as string for single collection\n const collectionToUse = Array.isArray(relationTo) ? activeRelationTo : relationTo\n\n setCollectionSlug(collectionToUse)\n if (Array.isArray(collectionSlugsWithCreatePermission)) {\n setSelectableCollections(collectionSlugsWithCreatePermission)\n }\n\n if (typeof maxRows === 'number') {\n setMaxFiles(maxRows)\n }\n\n openModal(drawerSlug)\n },\n [\n hasMany,\n relationTo,\n activeRelationTo,\n setCollectionSlug,\n collectionSlugsWithCreatePermission,\n maxRows,\n openModal,\n drawerSlug,\n setInitialFiles,\n setSelectableCollections,\n setMaxFiles,\n ],\n )\n\n const handlePasteFromClipboard = useCallback(async () => {\n try {\n const files = await getFilesFromClipboard()\n if (!files) {\n toast.error(t('error:noFileFoundInClipboard'))\n return\n }\n onLocalFileSelection(files)\n } catch (_err) {\n toast.error(t('error:unableToReadClipboard'))\n }\n }, [onLocalFileSelection, t])\n\n // only hasMany can bulk select\n const onListBulkSelect = React.useCallback<NonNullable<ListDrawerProps['onBulkSelect']>>(\n async (docs, collectionSlug) => {\n const isPoly = Array.isArray(relationTo)\n const relationToUse = isPoly ? collectionSlug \|\| activeRelationTo : activeRelationTo\n const selectedDocIDs = []\n\n for (const [id, isSelected] of docs) {\n if (isSelected) {\n selectedDocIDs.push(id)\n }\n }\n\n const itemsToLoad = selectedDocIDs.map((id) => ({\n relationTo: relationToUse,\n value: id,\n }))\n\n const loadedDocs = await populateDocs(itemsToLoad)\n if (loadedDocs) {\n setPopulatedDocs((currentDocs) => [...(currentDocs \|\| []), ...loadedDocs])\n }\n\n const newValues = selectedDocIDs.map((id) =>\n isPoly ? { relationTo: relationToUse, value: id } : id,\n )\n // Normalize existing values before merging\n const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n onChange([...normalizedExisting, ...newValues])\n closeListDrawer()\n },\n [activeRelationTo, closeListDrawer, onChange, populateDocs, value, relationTo, normalizeValue],\n )\n\n const onDocCreate = React.useCallback(\n (data) => {\n const isPoly = Array.isArray(relationTo)\n if (data.doc) {\n setPopulatedDocs((currentDocs) => [\n ...(currentDocs \|\| []),\n {\n relationTo: activeRelationTo,\n value: data.doc,\n },\n ])\n\n const newValue = isPoly ? { relationTo: activeRelationTo, value: data.doc.id } : data.doc.id\n onChange(newValue)\n }\n closeCreateDocDrawer()\n },\n [closeCreateDocDrawer, activeRelationTo, onChange, relationTo],\n )\n\n const onListSelect = useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n async ({ collectionSlug, doc }) => {\n const isPoly = Array.isArray(relationTo)\n\n const loadedDocs = await populateDocs([{ relationTo: collectionSlug, value: doc.id }])\n const selectedDoc = loadedDocs?.[0] \|\| null\n\n setPopulatedDocs((currentDocs) => {\n if (selectedDoc) {\n if (hasMany) {\n return [...(currentDocs \|\| []), selectedDoc]\n }\n return [selectedDoc]\n }\n return currentDocs\n })\n\n if (hasMany) {\n const newValue = isPoly ? { relationTo: collectionSlug, value: doc.id } : doc.id\n // Normalize existing values before merging\n const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n const valueToUse = [...normalizedExisting, newValue]\n onChange(valueToUse)\n } else {\n const valueToUse = isPoly ? { relationTo: collectionSlug, value: doc.id } : doc.id\n onChange(valueToUse)\n }\n closeListDrawer()\n },\n [closeListDrawer, hasMany, populateDocs, onChange, value, relationTo, normalizeValue],\n )\n\n const reloadDoc = React.useCallback<ReloadDoc>(\n async (docID, collectionSlug) => {\n const docs = await populateDocs([{ relationTo: collectionSlug, value: docID }])\n\n if (docs[0]) {\n let updatedDocsToPropogate = []\n setPopulatedDocs((currentDocs) => {\n const existingDocIndex = currentDocs?.findIndex((doc) => {\n const hasExisting = doc.value?.id === docs[0].value.id \|\| doc.value?.isPlaceholder\n return hasExisting && doc.relationTo === collectionSlug\n })\n if (existingDocIndex > -1) {\n const updatedDocs = [...currentDocs]\n updatedDocs[existingDocIndex] = docs[0]\n updatedDocsToPropogate = updatedDocs\n return updatedDocs\n }\n return currentDocs\n })\n\n if (updatedDocsToPropogate.length && hasMany) {\n onChange(updatedDocsToPropogate.map((doc) => doc.value?.id))\n }\n }\n },\n [populateDocs, onChange, hasMany],\n )\n\n // only hasMany can reorder\n const onReorder = React.useCallback(\n (newValue) => {\n const isPoly = Array.isArray(relationTo)\n const newValueToSave = newValue.map(({ relationTo: rel, value }) =>\n isPoly ? { relationTo: rel, value: value.id } : value.id,\n )\n onChange(newValueToSave)\n setPopulatedDocs(newValue)\n },\n [onChange, relationTo],\n )\n\n const onRemove = React.useCallback(\n (newValue?: PopulatedDocs) => {\n const isPoly = Array.isArray(relationTo)\n\n if (!newValue \|\| newValue.length === 0) {\n onChange(hasMany ? [] : null)\n setPopulatedDocs(hasMany ? [] : null)\n return\n }\n\n const newValueToSave = newValue.map(({ relationTo: rel, value }) =>\n isPoly ? { relationTo: rel, value: value.id } : value.id,\n )\n\n onChange(hasMany ? newValueToSave : newValueToSave[0])\n setPopulatedDocs(newValue)\n },\n [onChange, hasMany, relationTo],\n )\n\n useEffect(() => {\n const abortController = new AbortController()\n\n async function loadInitialDocs() {\n if (value) {\n let itemsToLoad: ValueWithRelation[] = []\n if (\n Array.isArray(relationTo) &&\n ((typeof value === 'object' && 'relationTo' in value) \|\|\n (Array.isArray(value) &&\n value.length > 0 &&\n typeof value[0] === 'object' &&\n 'relationTo' in value[0]))\n ) {\n // For poly uploads, value should already be in the format { relationTo, value }\n const values = Array.isArray(value) ? value : [value]\n itemsToLoad = values\n .filter((v): v is ValueWithRelation => typeof v === 'object' && 'relationTo' in v)\n .map((v) => {\n // Ensure the value property is a simple ID, not nested\n let idValue: any = v.value\n while (\n idValue &&\n typeof idValue === 'object' &&\n idValue !== null &&\n 'value' in idValue\n ) {\n idValue = idValue.value\n }\n return {\n relationTo: v.relationTo,\n value: idValue as number \| string,\n }\n })\n } else {\n // This check is here to satisfy TypeScript that relationTo is a string\n if (!Array.isArray(relationTo)) {\n // For single collection uploads, we need to wrap the IDs\n const ids = Array.isArray(value) ? value : [value]\n itemsToLoad = ids.map((id): ValueWithRelation => {\n // Extract the actual ID, handling nested objects\n let idValue: any = id\n while (\n idValue &&\n typeof idValue === 'object' &&\n idValue !== null &&\n 'value' in idValue\n ) {\n idValue = idValue.value\n }\n return {\n relationTo,\n value: idValue as number \| string,\n }\n })\n }\n }\n\n if (itemsToLoad.length > 0) {\n try {\n const loadedDocs = await populateDocs(itemsToLoad, {\n signal: abortController.signal,\n })\n\n if (loadedDocs && !abortController.signal.aborted) {\n setPopulatedDocs(loadedDocs)\n }\n } catch (_err) {\n // Ignore aborted requests from superseded values / unmount\n }\n }\n } else {\n // Clear populated docs when value is cleared\n setPopulatedDocs([])\n }\n }\n\n void loadInitialDocs()\n\n return () => {\n abortAndIgnore(abortController)\n }\n }, [populateDocs, value, relationTo])\n\n useEffect(() => {\n setOnSuccess(onUploadSuccess)\n }, [value, path, onUploadSuccess, setOnSuccess])\n\n const showDropzone =\n !value \|\|\n (hasMany && Array.isArray(value) && (typeof maxRows !== 'number' \|\| value.length < maxRows)) \|\|\n (!hasMany && populatedDocs?.[0] && typeof populatedDocs[0].value === 'undefined')\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n showError && 'error',\n readOnly && 'read-only',\n ]\n .filter(Boolean)\n .join(' ')}\n id={`field-${path?.replace(/\\./g, '__')}`}\n style={style}\n >\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel label={label} localized={localized} path={path} required={required} />\n }\n />\n {BeforeInput}\n <div className={`${fieldBaseClass}__wrap`}>\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError path={path} showError={showError} />}\n />\n <div className={`${baseClass}__dropzoneAndUpload`}>\n {hasMany && Array.isArray(value) && value.length > 0 ? (\n <>\n {populatedDocs && populatedDocs?.length > 0 ? (\n <UploadComponentHasMany\n displayPreview={displayPreview}\n fileDocs={populatedDocs}\n isSortable={isSortable && !readOnly}\n onRemove={onRemove}\n onReorder={onReorder}\n readonly={readOnly}\n reloadDoc={reloadDoc}\n serverURL={serverURL}\n showCollectionSlug={Array.isArray(relationTo)}\n />\n ) : (\n <div className={`${baseClass}__loadingRows`}>\n {value.map((id) => (\n <ShimmerEffect height=\"40px\" key={typeof id === 'object' ? id.value : id} />\n ))}\n </div>\n )}\n </>\n ) : null}\n {!hasMany && value ? (\n <>\n {populatedDocs && populatedDocs?.length > 0 && populatedDocs[0].value ? (\n <UploadComponentHasOne\n displayPreview={displayPreview}\n fileDoc={populatedDocs[0]}\n onRemove={onRemove}\n readonly={readOnly}\n reloadDoc={reloadDoc}\n serverURL={serverURL}\n showCollectionSlug={Array.isArray(relationTo)}\n />\n ) : populatedDocs && value && !populatedDocs?.[0]?.value ? (\n <>\n {t('general:untitled')} - ID: {value}\n </>\n ) : (\n <ShimmerEffect height=\"62px\" />\n )}\n </>\n ) : null}\n {showDropzone ? (\n <Dropzone\n disabled={readOnly \|\| !canCreate}\n multipleFiles={hasMany}\n onChange={onLocalFileSelection}\n >\n <div className={`${baseClass}__dropzoneContent`}>\n <div className={`${baseClass}__dropzoneContent__buttons`}>\n {canCreate && (\n <>\n <Button\n buttonStyle=\"secondary\"\n className={`${baseClass}__createNewToggler`}\n disabled={readOnly \|\| !canCreate}\n onClick={() => {\n if (!readOnly) {\n if (hasMany) {\n onLocalFileSelection()\n } else {\n openCreateDocDrawer()\n }\n }\n }}\n size=\"medium\"\n >\n {t('general:createNew')}\n </Button>\n <span className={`${baseClass}__dropzoneContent__orText`}>\n {t('general:or')}\n </span>\n </>\n )}\n <Button\n buttonStyle=\"secondary\"\n className={`${baseClass}__listToggler`}\n disabled={readOnly}\n onClick={openListDrawer}\n size=\"medium\"\n >\n {t('fields:chooseFromExisting')}\n </Button>\n {canCreate && !readOnly && (\n <>\n <span className={`${baseClass}__dropzoneContent__orText`}>\n {t('general:or')}\n </span>\n <Button\n buttonStyle=\"secondary\"\n className={`${baseClass}__pasteFromClipboard`}\n icon=\"clipboard\"\n onClick={handlePasteFromClipboard}\n size=\"medium\"\n tooltip={t('upload:pasteFromClipboard')}\n />\n </>\n )}\n <CreateDocDrawer onSave={onDocCreate} />\n <ListDrawer\n allowCreate={canCreate}\n enableRowSelections={hasMany}\n onBulkSelect={onListBulkSelect}\n onSelect={onListSelect}\n />\n </div>\n\n {canCreate && !readOnly && (\n <p className={`${baseClass}__dragAndDropText`}>\n {t('general:or')} {t('upload:dragAndDrop')}\n </p>\n )}\n </div>\n </Dropzone>\n ) : (\n <>\n {!readOnly &&\n !populatedDocs &&\n (!value \|\|\n typeof maxRows !== 'number' \|\|\n (Array.isArray(value) && value.length < maxRows)) ? (\n <ShimmerEffect height=\"40px\" />\n ) : null}\n </>\n )}\n </div>\n </div>\n {AfterInput}\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Input.js","names":["useModal","formatAdminURL","qs","React","useCallback","useEffect","useMemo","toast","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","RenderCustomComponent","ShimmerEffect","FieldDescription","FieldError","FieldLabel","useAuth","useLocale","useTranslation","abortAndIgnore","getFilesFromClipboard","normalizeRelationshipValue","fieldBaseClass","UploadComponentHasMany","UploadComponentHasOne","baseClass","UploadInput","props","AfterInput","allowCreate","api","BeforeInput","className","Description","description","displayPreview","Error","filterOptions","filterOptionsFromProps","hasMany","isSortable","Label","label","localized","maxRows","onChange","onChangeFromProps","path","readOnly","relationTo","required","serverURL","showError","style","value","populatedDocs","setPopulatedDocs","useState","activeRelationTo","Array","isArray","openModal","modalSlug","drawerSlug","setCollectionSlug","setInitialFiles","setMaxFiles","setOnSuccess","setSelectableCollections","permissions","locale","code","i18n","t","collectionSlugsWithCreatePermission","filter","relation","collections","create","isPoly","existingIdsByRelation","values","val","push","collection","id","newFilterOptions","relations","forEach","existingIds","not_in","concat","ListDrawer","closeDrawer","closeListDrawer","openDrawer","openListDrawer","collectionSlugs","CreateDocDrawer","closeCreateDocDrawer","openCreateDocDrawer","collectionSlug","canCreate","newValue","populateDocs","items","options","length","grouped","idValue","fetches","Object","entries","map","ids","query","depth","draft","limit","where","and","in","response","fetch","apiRoute","body","stringify","credentials","headers","language","method","signal","docs","ok","data","json","docsById","reduce","acc","doc","results","Promise","all","lookup","sortedDocs","filename","isPlaceholder","normalizeValue","onUploadSuccess","uploadedForms","newValues","form","normalizedExisting","mergedValue","currentDocs","firstDoc","onLocalFileSelection","fileList","fileListToUse","dataTransfer","DataTransfer","add","files","collectionToUse","handlePasteFromClipboard","error","_err","onListBulkSelect","relationToUse","selectedDocIDs","isSelected","idsToApply","slice","itemsToLoad","loadedDocs","onDocCreate","onListSelect","selectedDoc","valueToUse","reloadDoc","docID","updatedDocsToPropogate","existingDocIndex","findIndex","hasExisting","updatedDocs","onReorder","newValueToSave","rel","onRemove","abortController","AbortController","loadInitialDocs","v","aborted","showDropzone","_jsxs","Boolean","join","replace","_jsx","CustomComponent","Fallback","_Fragment","fileDocs","readonly","showCollectionSlug","height","fileDoc","disabled","multipleFiles","buttonStyle","onClick","size","icon","tooltip","onSave","enableRowSelections","onBulkSelect","onSelect"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n ClientCollectionConfig,\n FieldLabelClientProps,\n FilterOptionsResult,\n JsonObject,\n StaticDescription,\n StaticLabel,\n UploadFieldClient,\n UploadField as UploadFieldType,\n ValueWithRelation,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\nimport type { ReloadDoc, ValueAsDataWithRelation } from './types.js'\n\nimport { type BulkUploadContext, useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore } from '../../utilities/abortAndIgnore.js'\nimport { getFilesFromClipboard } from '../../utilities/getFilesFromClipboard.js'\nimport { normalizeRelationshipValue } from '../../utilities/normalizeRelationshipValue.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { UploadComponentHasMany } from './HasMany/index.js'\nimport './index.css'\nimport { UploadComponentHasOne } from './HasOne/index.js'\n\nexport const baseClass = 'upload'\n\ntype PopulatedDocs = { relationTo: string; value: JsonObject }[]\n\nexport type UploadInputProps = {\n readonly AfterInput?: React.ReactNode\n readonly allowCreate?: boolean\n /*\n Controls the visibility of the \"Create new collection\" button\n */\n readonly api?: string\n readonly BeforeInput?: React.ReactNode\n readonly className?: string\n readonly collection?: ClientCollectionConfig\n readonly customUploadActions?: React.ReactNode[]\n readonly Description?: React.ReactNode\n readonly description?: StaticDescription\n readonly displayPreview?: boolean\n readonly Error?: React.ReactNode\n readonly filterOptions?: FilterOptionsResult\n readonly hasMany?: boolean\n readonly hideRemoveFile?: boolean\n readonly isSortable?: boolean\n readonly Label?: React.ReactNode\n readonly label?: StaticLabel\n readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n readonly localized?: boolean\n readonly maxRows?: number\n readonly onChange?: (e) => void\n readonly path: string\n readonly readOnly?: boolean\n readonly relationTo: UploadFieldType['relationTo']\n readonly required?: boolean\n readonly serverURL?: string\n readonly showError?: boolean\n readonly style?: React.CSSProperties\n readonly value?: (number \| string)[] \| number \| string \| ValueWithRelation \| ValueWithRelation[]\n}\n\nexport function UploadInput(props: UploadInputProps) {\n const {\n AfterInput,\n allowCreate,\n api,\n BeforeInput,\n className,\n Description,\n description,\n displayPreview,\n Error,\n filterOptions: filterOptionsFromProps,\n hasMany,\n isSortable,\n Label,\n label,\n localized,\n maxRows,\n onChange: onChangeFromProps,\n path,\n readOnly,\n relationTo,\n required,\n serverURL,\n showError,\n style,\n value,\n } = props\n\n const [populatedDocs, setPopulatedDocs] = React.useState<\n {\n relationTo: string\n value: JsonObject\n }[]\n >()\n\n const [activeRelationTo] = React.useState<string>(\n Array.isArray(relationTo) ? relationTo[0] : relationTo,\n )\n\n const { openModal } = useModal()\n const {\n modalSlug: drawerSlug,\n setCollectionSlug,\n setInitialFiles,\n setMaxFiles,\n setOnSuccess,\n setSelectableCollections,\n } = useBulkUpload()\n const { permissions } = useAuth()\n const locale = useLocale()\n const code = locale?.code\n const { i18n, t } = useTranslation()\n\n // This will be used by the bulk upload to allow you to select only collections you have create permissions for\n const collectionSlugsWithCreatePermission = useMemo(() => {\n if (Array.isArray(relationTo)) {\n return relationTo.filter(\n (relation) => permissions?.collections && permissions.collections?.[relation]?.create,\n )\n }\n return []\n }, [relationTo, permissions])\n\n const filterOptions: FilterOptionsResult = useMemo(() => {\n const isPoly = Array.isArray(relationTo)\n\n if (!value) {\n return filterOptionsFromProps\n }\n\n // Group existing IDs by relation\n const existingIdsByRelation: Record<string, (number \| string)[]> = {}\n\n const values = Array.isArray(value) ? value : [value]\n\n for (const val of values) {\n if (isPoly && typeof val === 'object' && 'relationTo' in val) {\n // Poly upload - group by relationTo\n if (!existingIdsByRelation[val.relationTo]) {\n existingIdsByRelation[val.relationTo] = []\n }\n existingIdsByRelation[val.relationTo].push(val.value)\n } else if (!isPoly) {\n // Non-poly upload - all IDs belong to the single collection\n const collection = relationTo\n if (!existingIdsByRelation[collection]) {\n existingIdsByRelation[collection] = []\n }\n const id = typeof val === 'object' && 'value' in val ? val.value : val\n if (typeof id === 'string' \|\| typeof id === 'number') {\n existingIdsByRelation[collection].push(id)\n }\n }\n }\n\n // Build filter options for each collection\n const newFilterOptions = { ...filterOptionsFromProps }\n const relations = isPoly ? relationTo : [relationTo]\n\n relations.forEach((relation) => {\n const existingIds = existingIdsByRelation[relation] \|\| []\n\n newFilterOptions[relation] = {\n ...((filterOptionsFromProps?.[relation] as any) \|\| {}),\n id: {\n ...((filterOptionsFromProps?.[relation] as any)?.id \|\| {}),\n not_in: ((filterOptionsFromProps?.[relation] as any)?.id?.not_in \|\| []).concat(\n existingIds,\n ),\n },\n }\n })\n\n return newFilterOptions\n }, [value, filterOptionsFromProps, relationTo])\n\n const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n useListDrawer({\n collectionSlugs: typeof relationTo === 'string' ? [relationTo] : relationTo,\n filterOptions,\n })\n\n const [\n CreateDocDrawer,\n ,\n { closeDrawer: closeCreateDocDrawer, openDrawer: openCreateDocDrawer },\n ] = useDocumentDrawer({\n collectionSlug: activeRelationTo,\n })\n\n const canCreate = useMemo(() => {\n if (!allowCreate) {\n return false\n }\n\n if (typeof activeRelationTo === 'string') {\n if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {\n return true\n }\n }\n\n return false\n }, [activeRelationTo, permissions, allowCreate])\n\n const onChange = React.useCallback(\n (newValue) => {\n if (typeof onChangeFromProps === 'function') {\n onChangeFromProps(newValue)\n }\n },\n [onChangeFromProps],\n )\n\n const populateDocs = React.useCallback(\n async (\n items: ValueWithRelation[],\n options?: {\n signal?: AbortSignal\n },\n ): Promise<ValueAsDataWithRelation[]> => {\n if (!items?.length) {\n return []\n }\n\n // 1. Group IDs by collection\n const grouped: Record<string, (number \| string)[]> = {}\n items.forEach(({ relationTo, value }) => {\n if (!grouped[relationTo]) {\n grouped[relationTo] = []\n }\n // Ensure we extract the actual ID value, not an object\n let idValue: number \| string = value\n\n if (value && typeof value === 'object' && 'value' in (value as any)) {\n idValue = (value as any).value\n }\n\n grouped[relationTo].push(idValue)\n })\n\n // 2. Fetch per collection\n const fetches = Object.entries(grouped).map(async ([collection, ids]) => {\n const query = {\n depth: 0,\n draft: true,\n limit: ids.length,\n locale: code,\n where: {\n and: [\n {\n id: {\n in: ids,\n },\n },\n ],\n },\n }\n const response = await fetch(\n formatAdminURL({\n apiRoute: api,\n path: `/${collection}`,\n }),\n {\n body: qs.stringify(query),\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/x-www-form-urlencoded',\n 'X-Payload-HTTP-Method-Override': 'GET',\n },\n method: 'POST',\n signal: options?.signal,\n },\n )\n let docs: any[] = []\n if (response.ok) {\n const data = await response.json()\n docs = data.docs\n }\n // Map docs by ID for fast lookup\n const docsById = docs.reduce((acc, doc) => {\n acc[doc.id] = doc\n return acc\n }, {})\n return { collection, docsById }\n })\n\n const results = await Promise.all(fetches)\n\n // 3. Build lookup\n const lookup: Record<string, Record<string, any>> = {}\n results.forEach(({ collection, docsById }) => {\n lookup[collection] = docsById\n })\n\n // 4. Reconstruct in input order, add placeholders if missing\n const sortedDocs = items.map(({ relationTo, value }) => {\n const doc = lookup[relationTo]?.[value] \|\| {\n id: value,\n filename: `${t('general:untitled')} - ID: ${value}`,\n isPlaceholder: true,\n }\n return { relationTo, value: doc }\n })\n\n return sortedDocs\n },\n [api, code, i18n.language, t],\n )\n\n const normalizeValue = useCallback(\n (value: any): any => normalizeRelationshipValue(value, relationTo),\n [relationTo],\n )\n\n const onUploadSuccess: BulkUploadContext['onSuccess'] = useCallback(\n (uploadedForms) => {\n const isPoly = Array.isArray(relationTo)\n\n if (hasMany) {\n const newValues = uploadedForms.map((form) =>\n isPoly ? { relationTo: form.collectionSlug, value: form.doc.id } : form.doc.id,\n )\n // Normalize existing values before merging\n const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n const mergedValue = [...normalizedExisting, ...newValues]\n onChange(mergedValue)\n setPopulatedDocs((currentDocs) => [\n ...(currentDocs \|\| []),\n ...uploadedForms.map((form) => ({\n relationTo: form.collectionSlug,\n value: form.doc,\n })),\n ])\n } else {\n const firstDoc = uploadedForms[0]\n const newValue = isPoly\n ? { relationTo: firstDoc.collectionSlug, value: firstDoc.doc.id }\n : firstDoc.doc.id\n onChange(newValue)\n setPopulatedDocs([\n {\n relationTo: firstDoc.collectionSlug,\n value: firstDoc.doc,\n },\n ])\n }\n },\n [value, onChange, hasMany, relationTo, normalizeValue],\n )\n\n const onLocalFileSelection = React.useCallback(\n (fileList?: FileList) => {\n let fileListToUse = fileList\n if (!hasMany && fileList && fileList.length > 1) {\n const dataTransfer = new DataTransfer()\n dataTransfer.items.add(fileList[0])\n fileListToUse = dataTransfer.files\n }\n if (fileListToUse) {\n setInitialFiles(fileListToUse)\n }\n // Use activeRelationTo for poly uploads, or relationTo as string for single collection\n const collectionToUse = Array.isArray(relationTo) ? activeRelationTo : relationTo\n\n setCollectionSlug(collectionToUse)\n if (Array.isArray(collectionSlugsWithCreatePermission)) {\n setSelectableCollections(collectionSlugsWithCreatePermission)\n }\n\n if (typeof maxRows === 'number') {\n setMaxFiles(maxRows)\n }\n\n openModal(drawerSlug)\n },\n [\n hasMany,\n relationTo,\n activeRelationTo,\n setCollectionSlug,\n collectionSlugsWithCreatePermission,\n maxRows,\n openModal,\n drawerSlug,\n setInitialFiles,\n setSelectableCollections,\n setMaxFiles,\n ],\n )\n\n const handlePasteFromClipboard = useCallback(async () => {\n try {\n const files = await getFilesFromClipboard()\n if (!files) {\n toast.error(t('error:noFileFoundInClipboard'))\n return\n }\n onLocalFileSelection(files)\n } catch (_err) {\n toast.error(t('error:unableToReadClipboard'))\n }\n }, [onLocalFileSelection, t])\n\n // only hasMany can bulk select\n const onListBulkSelect = React.useCallback<NonNullable<ListDrawerProps['onBulkSelect']>>(\n async (docs, collectionSlug) => {\n const isPoly = Array.isArray(relationTo)\n const relationToUse = isPoly ? collectionSlug \|\| activeRelationTo : activeRelationTo\n const selectedDocIDs = []\n\n for (const [id, isSelected] of docs) {\n if (isSelected) {\n selectedDocIDs.push(id)\n }\n }\n\n if (!selectedDocIDs.length) {\n return\n }\n\n const idsToApply = hasMany ? selectedDocIDs : selectedDocIDs.slice(0, 1)\n\n const itemsToLoad = idsToApply.map((id) => ({\n relationTo: relationToUse,\n value: id,\n }))\n\n const loadedDocs = await populateDocs(itemsToLoad)\n if (loadedDocs) {\n setPopulatedDocs((currentDocs) =>\n hasMany ? [...(currentDocs \|\| []), ...loadedDocs] : loadedDocs,\n )\n }\n\n const newValues = idsToApply.map((id) =>\n isPoly ? { relationTo: relationToUse, value: id } : id,\n )\n\n if (!hasMany) {\n onChange(newValues[0])\n closeListDrawer()\n return\n }\n // Normalize existing values before merging\n const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n onChange([...normalizedExisting, ...newValues])\n closeListDrawer()\n },\n [\n activeRelationTo,\n closeListDrawer,\n hasMany,\n onChange,\n populateDocs,\n value,\n relationTo,\n normalizeValue,\n ],\n )\n\n const onDocCreate = React.useCallback(\n (data) => {\n const isPoly = Array.isArray(relationTo)\n if (data.doc) {\n setPopulatedDocs((currentDocs) => [\n ...(currentDocs \|\| []),\n {\n relationTo: activeRelationTo,\n value: data.doc,\n },\n ])\n\n const newValue = isPoly ? { relationTo: activeRelationTo, value: data.doc.id } : data.doc.id\n onChange(newValue)\n }\n closeCreateDocDrawer()\n },\n [closeCreateDocDrawer, activeRelationTo, onChange, relationTo],\n )\n\n const onListSelect = useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n async ({ collectionSlug, doc }) => {\n const isPoly = Array.isArray(relationTo)\n\n const loadedDocs = await populateDocs([{ relationTo: collectionSlug, value: doc.id }])\n const selectedDoc = loadedDocs?.[0] \|\| null\n\n setPopulatedDocs((currentDocs) => {\n if (selectedDoc) {\n if (hasMany) {\n return [...(currentDocs \|\| []), selectedDoc]\n }\n return [selectedDoc]\n }\n return currentDocs\n })\n\n if (hasMany) {\n const newValue = isPoly ? { relationTo: collectionSlug, value: doc.id } : doc.id\n // Normalize existing values before merging\n const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n const valueToUse = [...normalizedExisting, newValue]\n onChange(valueToUse)\n } else {\n const valueToUse = isPoly ? { relationTo: collectionSlug, value: doc.id } : doc.id\n onChange(valueToUse)\n }\n closeListDrawer()\n },\n [closeListDrawer, hasMany, populateDocs, onChange, value, relationTo, normalizeValue],\n )\n\n const reloadDoc = React.useCallback<ReloadDoc>(\n async (docID, collectionSlug) => {\n const docs = await populateDocs([{ relationTo: collectionSlug, value: docID }])\n\n if (docs[0]) {\n let updatedDocsToPropogate = []\n setPopulatedDocs((currentDocs) => {\n const existingDocIndex = currentDocs?.findIndex((doc) => {\n const hasExisting = doc.value?.id === docs[0].value.id \|\| doc.value?.isPlaceholder\n return hasExisting && doc.relationTo === collectionSlug\n })\n if (existingDocIndex > -1) {\n const updatedDocs = [...currentDocs]\n updatedDocs[existingDocIndex] = docs[0]\n updatedDocsToPropogate = updatedDocs\n return updatedDocs\n }\n return currentDocs\n })\n\n if (updatedDocsToPropogate.length && hasMany) {\n onChange(updatedDocsToPropogate.map((doc) => doc.value?.id))\n }\n }\n },\n [populateDocs, onChange, hasMany],\n )\n\n // only hasMany can reorder\n const onReorder = React.useCallback(\n (newValue) => {\n const isPoly = Array.isArray(relationTo)\n const newValueToSave = newValue.map(({ relationTo: rel, value }) =>\n isPoly ? { relationTo: rel, value: value.id } : value.id,\n )\n onChange(newValueToSave)\n setPopulatedDocs(newValue)\n },\n [onChange, relationTo],\n )\n\n const onRemove = React.useCallback(\n (newValue?: PopulatedDocs) => {\n const isPoly = Array.isArray(relationTo)\n\n if (!newValue \|\| newValue.length === 0) {\n onChange(hasMany ? [] : null)\n setPopulatedDocs(hasMany ? [] : null)\n return\n }\n\n const newValueToSave = newValue.map(({ relationTo: rel, value }) =>\n isPoly ? { relationTo: rel, value: value.id } : value.id,\n )\n\n onChange(hasMany ? newValueToSave : newValueToSave[0])\n setPopulatedDocs(newValue)\n },\n [onChange, hasMany, relationTo],\n )\n\n useEffect(() => {\n const abortController = new AbortController()\n\n async function loadInitialDocs() {\n if (value) {\n let itemsToLoad: ValueWithRelation[] = []\n if (\n Array.isArray(relationTo) &&\n ((typeof value === 'object' && 'relationTo' in value) \|\|\n (Array.isArray(value) &&\n value.length > 0 &&\n typeof value[0] === 'object' &&\n 'relationTo' in value[0]))\n ) {\n // For poly uploads, value should already be in the format { relationTo, value }\n const values = Array.isArray(value) ? value : [value]\n itemsToLoad = values\n .filter((v): v is ValueWithRelation => typeof v === 'object' && 'relationTo' in v)\n .map((v) => {\n // Ensure the value property is a simple ID, not nested\n let idValue: any = v.value\n while (\n idValue &&\n typeof idValue === 'object' &&\n idValue !== null &&\n 'value' in idValue\n ) {\n idValue = idValue.value\n }\n return {\n relationTo: v.relationTo,\n value: idValue as number \| string,\n }\n })\n } else {\n // This check is here to satisfy TypeScript that relationTo is a string\n if (!Array.isArray(relationTo)) {\n // For single collection uploads, we need to wrap the IDs\n const ids = Array.isArray(value) ? value : [value]\n itemsToLoad = ids.map((id): ValueWithRelation => {\n // Extract the actual ID, handling nested objects\n let idValue: any = id\n while (\n idValue &&\n typeof idValue === 'object' &&\n idValue !== null &&\n 'value' in idValue\n ) {\n idValue = idValue.value\n }\n return {\n relationTo,\n value: idValue as number \| string,\n }\n })\n }\n }\n\n if (itemsToLoad.length > 0) {\n try {\n const loadedDocs = await populateDocs(itemsToLoad, {\n signal: abortController.signal,\n })\n\n if (loadedDocs && !abortController.signal.aborted) {\n setPopulatedDocs(loadedDocs)\n }\n } catch (_err) {\n // Ignore aborted requests from superseded values / unmount\n }\n }\n } else {\n // Clear populated docs when value is cleared\n setPopulatedDocs([])\n }\n }\n\n void loadInitialDocs()\n\n return () => {\n abortAndIgnore(abortController)\n }\n }, [populateDocs, value, relationTo])\n\n useEffect(() => {\n setOnSuccess(onUploadSuccess)\n }, [value, path, onUploadSuccess, setOnSuccess])\n\n const showDropzone =\n !value \|\|\n (hasMany && Array.isArray(value) && (typeof maxRows !== 'number' \|\| value.length < maxRows)) \|\|\n (!hasMany && populatedDocs?.[0] && typeof populatedDocs[0].value === 'undefined')\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n showError && 'error',\n readOnly && 'read-only',\n ]\n .filter(Boolean)\n .join(' ')}\n id={`field-${path?.replace(/\\./g, '__')}`}\n style={style}\n >\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel label={label} localized={localized} path={path} required={required} />\n }\n />\n {BeforeInput}\n <div className={`${fieldBaseClass}__wrap`}>\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError path={path} showError={showError} />}\n />\n <div className={`${baseClass}__dropzoneAndUpload`}>\n {hasMany && Array.isArray(value) && value.length > 0 ? (\n <>\n {populatedDocs && populatedDocs?.length > 0 ? (\n <UploadComponentHasMany\n displayPreview={displayPreview}\n fileDocs={populatedDocs}\n isSortable={isSortable && !readOnly}\n onRemove={onRemove}\n onReorder={onReorder}\n readonly={readOnly}\n reloadDoc={reloadDoc}\n serverURL={serverURL}\n showCollectionSlug={Array.isArray(relationTo)}\n />\n ) : (\n <div className={`${baseClass}__loadingRows`}>\n {value.map((id) => (\n <ShimmerEffect height=\"40px\" key={typeof id === 'object' ? id.value : id} />\n ))}\n </div>\n )}\n </>\n ) : null}\n {!hasMany && value ? (\n <>\n {populatedDocs && populatedDocs?.length > 0 && populatedDocs[0].value ? (\n <UploadComponentHasOne\n displayPreview={displayPreview}\n fileDoc={populatedDocs[0]}\n onRemove={onRemove}\n readonly={readOnly}\n reloadDoc={reloadDoc}\n serverURL={serverURL}\n showCollectionSlug={Array.isArray(relationTo)}\n />\n ) : populatedDocs && value && !populatedDocs?.[0]?.value ? (\n <>\n {t('general:untitled')} - ID: {value}\n </>\n ) : (\n <ShimmerEffect height=\"62px\" />\n )}\n </>\n ) : null}\n {showDropzone ? (\n <Dropzone\n disabled={readOnly \|\| !canCreate}\n multipleFiles={hasMany}\n onChange={onLocalFileSelection}\n >\n <div className={`${baseClass}__dropzoneContent`}>\n <div className={`${baseClass}__dropzoneContent__buttons`}>\n {canCreate && (\n <>\n <Button\n buttonStyle=\"secondary\"\n className={`${baseClass}__createNewToggler`}\n disabled={readOnly \|\| !canCreate}\n onClick={() => {\n if (!readOnly) {\n if (hasMany) {\n onLocalFileSelection()\n } else {\n openCreateDocDrawer()\n }\n }\n }}\n size=\"medium\"\n >\n {t('general:createNew')}\n </Button>\n <span className={`${baseClass}__dropzoneContent__orText`}>\n {t('general:or')}\n </span>\n </>\n )}\n <Button\n buttonStyle=\"secondary\"\n className={`${baseClass}__listToggler`}\n disabled={readOnly}\n onClick={openListDrawer}\n size=\"medium\"\n >\n {t('fields:chooseFromExisting')}\n </Button>\n {canCreate && !readOnly && (\n <>\n <span className={`${baseClass}__dropzoneContent__orText`}>\n {t('general:or')}\n </span>\n <Button\n buttonStyle=\"secondary\"\n className={`${baseClass}__pasteFromClipboard`}\n icon=\"clipboard\"\n onClick={handlePasteFromClipboard}\n size=\"medium\"\n tooltip={t('upload:pasteFromClipboard')}\n />\n </>\n )}\n <CreateDocDrawer onSave={onDocCreate} />\n <ListDrawer\n allowCreate={canCreate}\n enableRowSelections={hasMany}\n onBulkSelect={onListBulkSelect}\n onSelect={onListSelect}\n />\n </div>\n\n {canCreate && !readOnly && (\n <p className={`${baseClass}__dragAndDropText`}>\n {t('general:or')} {t('upload:dragAndDrop')}\n </p>\n )}\n </div>\n </Dropzone>\n ) : (\n <>\n {!readOnly &&\n !populatedDocs &&\n (!value \|\|\n typeof maxRows !== 'number' \|\|\n (Array.isArray(value) && value.length < maxRows)) ? (\n <ShimmerEffect height=\"40px\" />\n ) : null}\n </>\n )}\n </div>\n </div>\n {AfterInput}\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/shared/useRowFocus.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare function useRowFocus(): {
+    fieldRef: import("react").RefObject<HTMLDivElement>;
+    focusRow: import("react").Dispatch<import("react").SetStateAction<string>>;
+};
+//# sourceMappingURL=useRowFocus.d.ts.map

package/dist/fields/shared/useRowFocus.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useRowFocus.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/useRowFocus.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW;;;EAwB1B"}

package/dist/fields/shared/useRowFocus.js ADDED Viewed

@@ -0,0 +1,50 @@
+'use client';
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useRef, useState } from 'react';
+export function useRowFocus() {
+  const $ = _c(4);
+  const fieldRef = useRef(null);
+  const [rowID, setRowID] = useState(null);
+  let t0;
+  let t1;
+  if ($[0] !== rowID) {
+    t0 = () => {
+      if (!rowID) {
+        return;
+      }
+      const timer = setTimeout(() => {
+        const toggle = fieldRef.current?.querySelector(`#${CSS.escape(rowID)} .collapsible__toggle`);
+        toggle?.focus({
+          preventScroll: true
+        });
+        toggle?.scrollIntoView({
+          behavior: "smooth",
+          block: "center"
+        });
+        setRowID(null);
+      }, 0);
+      return () => clearTimeout(timer);
+    };
+    t1 = [rowID];
+    $[0] = rowID;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+  let t2;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      fieldRef,
+      focusRow: setRowID
+    };
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+//# sourceMappingURL=useRowFocus.js.map

package/dist/fields/shared/useRowFocus.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useRowFocus.js","names":["c","_c","useEffect","useRef","useState","useRowFocus","$","fieldRef","rowID","setRowID","t0","t1","timer","setTimeout","toggle","current","querySelector","CSS","escape","focus","preventScroll","scrollIntoView","behavior","block","clearTimeout","t2","Symbol","for","focusRow"],"sources":["../../../src/fields/shared/useRowFocus.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\n\nexport function useRowFocus() {\n const fieldRef = useRef<HTMLDivElement>(null)\n const [rowID, setRowID] = useState<null | string>(null)\n\n useEffect(() => {\n if (!rowID) {\n return\n }\n\n // Wait for the inserted row to render and the picker to restore focus on closing.\n const timer = setTimeout(() => {\n const toggle = fieldRef.current?.querySelector<HTMLButtonElement>(\n `#${CSS.escape(rowID)} .collapsible__toggle`,\n )\n\n toggle?.focus({ preventScroll: true })\n toggle?.scrollIntoView({ behavior: 'smooth', block: 'center' })\n setRowID(null)\n }, 0)\n\n return () => clearTimeout(timer)\n }, [rowID])\n\n return { fieldRef, focusRow: setRowID }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAEA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAE5C,OAAO,SAAAC,YAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACL,MAAAM,QAAA,GAAiBJ,MAAA,KAAuB;EACxC,OAAAK,KAAA,EAAAC,QAAA,IAA0BL,QAAA,KAAwB;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAE,KAAA;IAExCE,EAAA,GAAAA,CAAA;MAAA,KACHF,KAAA;QAAA;MAAA;MAKL,MAAAI,KAAA,GAAcC,UAAA;QACZ,MAAAC,MAAA,GAAeP,QAAA,CAAAQ,OAAA,EAAAC,aAAA,CACb,IAAIC,GAAA,CAAAC,MAAA,CAAWV,KAAA,wBAA6B;QAG9CM,MAAA,EAAAK,KAAA;UAAAC,aAAA;QAAA;QACAN,MAAA,EAAAO,cAAA;UAAAC,QAAA,EAAmC;UAAAC,KAAA,EAAiB;QAAA;QACpDd,QAAA,KAAS;MAAA,IACR;MAAA,aAEUe,YAAA,CAAaZ,KAAA;IAAA;IACzBD,EAAA,IAACH,KAAA;IAAMF,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAD,EAAA,GAAAJ,CAAA;IAAAK,EAAA,GAAAL,CAAA;EAAA;EAjBVJ,SAAA,CAAUQ,EAiBV,EAAGC,EAAO;EAAA,IAAAc,EAAA;EAAA,IAAAnB,CAAA,QAAAoB,MAAA,CAAAC,GAAA;IAEHF,EAAA;MAAAlB,QAAA;MAAAqB,QAAA,EAAsBnB;IAAA;IAASH,CAAA,MAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EAAA,OAA/BmB,EAA+B;AAAA","ignoreList":[]}

package/dist/forms/NullifyField/index.d.ts CHANGED Viewed

@@ -6,6 +6,16 @@ type NullifyLocaleFieldProps = {
     readonly path: string;
     readonly readOnly?: boolean;
 };
+export declare const buildNullifyLocaleFieldUpdate: ({ fieldValue, path, useFallback, }: {
+    fieldValue: NullifyLocaleFieldProps['fieldValue'];
+    path: string;
+    useFallback: boolean;
+}) => {
+    type: 'UPDATE';
+    disableFormData: boolean;
+    path: string;
+    value: number | [];
+};
 export declare const NullifyLocaleField: React.FC<NullifyLocaleFieldProps>;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/forms/NullifyField/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/NullifyField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,aAAa,CAAA;AAIpB,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,MAAM,CAAA;IACxC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,~~CAyEhE~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/NullifyField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,aAAa,CAAA;AAIpB,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,MAAM,CAAA;IACxC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,6BAA6B,uCAIvC;IACD,UAAU,EAAE,uBAAuB,CAAC,YAAY,CAAC,CAAA;IACjD,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,OAAO,CAAA;CACrB;UACO,QAAQ;;;;CAId,CAAA;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqEhE,CAAA"}

package/dist/forms/NullifyField/index.js CHANGED Viewed

@@ -11,6 +11,16 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { useForm } from '../Form/context.js';
 import './index.css';
 const baseClass = 'nullify-locale-field';
+export const buildNullifyLocaleFieldUpdate = ({
+  fieldValue,
+  path,
+  useFallback
+}) => ({
+  type: 'UPDATE',
+  disableFormData: useFallback ? undefined : false,
+  path,
+  value: useFallback ? null : fieldValue || 0
+});
 export const NullifyLocaleField = t0 => {
   const $ = _c(13);
   const {
@@ -46,11 +56,11 @@ export const NullifyLocaleField = t0 => {
   if ($[0] !== checked || $[1] !== dispatchFields || $[2] !== fieldValue || $[3] !== path || $[4] !== setModified) {
     t3 = () => {
       const useFallback = !checked;
-      dispatchFields({
-        type: "UPDATE",
+      dispatchFields(buildNullifyLocaleFieldUpdate({
+        fieldValue,
         path,
-        value: useFallback ? null : fieldValue || 0
-      });
+        useFallback
+      }));
       setModified(true);
       setChecked(useFallback);
     };

package/dist/forms/NullifyField/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","Banner","CheckboxField","useConfig","useLocale","useTranslation","useForm","baseClass","~~NullifyLocaleField~~","t0","$","~~fieldValue~~","~~localized~~","~~path~~","~~readOnly~~","t1","~~undefined~~","locale","currentLocale","code","config","t2","localization","checked","setChecked","useState","t","dispatchFields","setModified","defaultLocale","fallback","t3","~~useFallback","type","value","~~onChange","hideCheckbox","Array","isArray","length","t4","_jsx","className","children","field","name","label","id","replace","schemaPath"],"sources":["../../../src/forms/NullifyField/index.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useForm } from '../Form/context.js'\nimport './index.css'\n\nconst baseClass = 'nullify-locale-field'\n\ntype NullifyLocaleFieldProps = {\n readonly fieldValue?: [] \| null \| number\n readonly localized: boolean\n readonly path: string\n readonly readOnly?: boolean\n}\n\nexport const NullifyLocaleField: React.FC<NullifyLocaleFieldProps> = ({\n fieldValue,\n localized,\n path,\n readOnly = false,\n}) => {\n const locale = useLocale()\n const currentLocale = locale?.code\n const {\n config: { localization },\n } = useConfig()\n const [checked, setChecked] = React.useState<boolean>(typeof fieldValue !== 'number')\n const { t } = useTranslation()\n const { dispatchFields, setModified } = useForm()\n\n if (!localized \|\| !localization) {\n // hide when field is not localized or localization is not enabled\n return null\n }\n\n if (localization.defaultLocale === currentLocale \|\| !localization.fallback) {\n // if editing default locale or when fallback is disabled\n return null\n }\n\n const onChange = () => {\n const useFallback = !checked\n\n dispatchFields({~~\n type:~~ ~~'UPDATE',\n~~ path~~,\n value:~~ useFallback ~~? null : fieldValue \|\| 0,\n~~ })\n setModified(true)\n setChecked(useFallback)\n }\n\n if (fieldValue) {\n let hideCheckbox = false\n if (typeof fieldValue === 'number' && fieldValue > 0) {\n hideCheckbox = true\n }\n if (Array.isArray(fieldValue) && fieldValue.length > 0) {\n hideCheckbox = true\n }\n\n if (hideCheckbox) {\n if (checked) {\n setChecked(false)\n } // uncheck when field has value\n return null\n }\n }\n\n return (\n <Banner className={baseClass}>\n {!fieldValue && readOnly ? (\n t('general:fallbackToDefaultLocale')\n ) : (\n <CheckboxField\n checked={checked}\n field={{\n name: '',\n label: t('general:fallbackToDefaultLocale'),\n }}\n id={`field-${path.replace(/\\./g, '__')}`}\n onChange={onChange}\n path={path}\n schemaPath=\"\"\n />\n )}\n </Banner>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,YAAYC,KAAA,MAAW;AAEvB,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,kBAAA,GAAwDC,EAAA;EAAA,MAAAC,CAAA,~~GAAAX~~,EAAA;EAAC;~~IAAAY~~,UAAA;~~IAAAC~~,SAAA;~~IAAAC~~,IAAA;~~IAAAC~~,QAAA,EAAAC;EAAA,~~IAAAN~~,EAKrE;EADC,~~MAAAK~~,QAAA,GAAAC,EAAgB,~~KAAAC~~,SAAA,~~WAAhBD~~,EAAgB;EAEhB,~~MAAAE~~,MAAA,~~GAAeb~~,SAAA;EACf,~~MAAAc~~,aAAA,GAAsBD,MAAA,EAAAE,IAAA;EACtB;IAAAC,MAAA,EAAAC;EAAA,~~IAEIlB~~,SAAA;EADM;~~IAAAmB~~;EAAA,IAAAD,EAAgB;EAE1B,OAAAE,OAAA,EAAAC,UAAA,~~IAA8BxB~~,KAAA,~~CAAAyB~~,QAAA,CAAwB,~~OAAOd~~,UAAA,KAAe;EAC5E;~~IAAAe~~;EAAA,~~IAAcrB~~,cAAA;EACd;~~IAAAsB~~,cAAA;IAAAC;EAAA,~~IAAwCtB~~,OAAA;EAAA,IAEpC,~~CAACM~~,SAAA,~~KAAcU~~,YAAA;IAAA;EAAA;EAAA,IAKfA,YAAA,CAAAO,aAAA,KAA+BX,aAAA,KAAkBI,YAAA,CAAAQ,QAAqB;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,~~IAAArB~~,CAAA,~~QAAAa~~,OAAA,~~IAAAb~~,CAAA,~~QAAAiB~~,cAAA,~~IAAAjB~~,CAAA,~~QAAAC~~,UAAA,~~IAAAD~~,CAAA,~~QAAAG~~,IAAA,~~IAAAH~~,CAAA,~~QAAAkB~~,WAAA;IAKzDG,EAAA,GAAAA,CAAA;MACf,~~MAAAC~~,WAAA,~~IAAqBT~~,OAAA;MAErBI,cAAA~~;QAAAM~~,~~IAAA~~,~~EACQ~~;~~QAAApB~~,~~IAAA~~;~~QAAAqB~~,~~KAAA,EAECF,WAAA,UAAqBrB,UAAA~~;~~MAAc~~,~~CAC5C~~;~~MACAiB~~,WAAA,KAAY;MACZJ,UAAA,~~CAAWQ~~,WAAA;IAAA;~~IACbtB~~,CAAA,~~MAAAa~~,OAAA;~~IAAAb~~,CAAA,~~MAAAiB~~,cAAA;~~IAAAjB~~,CAAA,~~MAAAC~~,UAAA;~~IAAAD~~,CAAA,~~MAAAG~~,IAAA;~~IAAAH~~,CAAA,~~MAAAkB~~,WAAA;~~IAAAlB~~,CAAA,~~MAAAqB~~,EAAA;EAAA;IAAAA,EAAA,~~GAAArB~~,CAAA;EAAA;~~EAVA~~,~~MAAAyB~~,QAAA,~~GAAiBJ~~,~~EAUjB~~;EAAA,~~IAEIpB~~,UAAA;IACF,~~IAAAyB~~,YAAA;IAAmB,IACf,~~OAAOzB~~,UAAA,KAAe,YAAYA,UAAA,IAAa;~~MACjDyB~~,YAAA,CAAAA,CAAA,CAAAA,IAAA;IAAA;IAAA,IAEEC,KAAA,CAAAC,OAAA,~~CAAc3B~~,UAAA,KAAeA,UAAA,~~CAAA4B~~,MAAA,IAAoB;MACnDH,YAAA,CAAAA,CAAA,CAAAA,IAAA;IAAA;IAAA,IAGEA,YAAA;MAAA,~~IACEb~~,OAAA;QACFC,UAAA,MAAW;MAAA;MAAA;IAAA;EAAA;EAAA,~~IAAAgB~~,EAAA;EAAA,~~IAAA9B~~,CAAA,~~QAAAa~~,OAAA,~~IAAAb~~,CAAA,~~QAAAC~~,UAAA,~~IAAAD~~,CAAA,~~QAAAyB~~,QAAA,~~IAAAzB~~,CAAA,~~QAAAG~~,IAAA,~~IAAAH~~,CAAA,~~SAAAI~~,QAAA,~~IAAAJ~~,CAAA,~~SAAAgB~~,CAAA;~~IAOfc~~,EAAA,GAAAC,IAAA,~~CAAAxC~~,MAAA;~~MAAAyC~~,SAAA,~~EAAAnC~~,SAAA;~~MAAAoC~~,QAAA,EACG,~~CAAChC~~,UAAA,~~IAAcG~~,QAAA,~~GACdY~~,CAAA,CAAE,~~qCAEFe~~,IAAA,~~CAAAvC~~,aAAA;~~QAAAqB~~,OAAA;~~QAAAqB~~,KAAA;UAAAC,IAAA,EAGU;UAAAC,KAAA,~~EACCpB~~,CAAA,CAAE;QAAA;~~QAAAqB~~,EAAA,EAEP,~~SAASlC~~,IAAA,~~CAAAmC~~,OAAA,QAAoB,OAAO;QAAAb,QAAA;~~QAAAtB~~,IAAA;~~QAAAoC~~,UAAA,EAG7B;MAAA,C;;;;;;;;;;;;SAbjBT,E;CAkBJ","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","Banner","CheckboxField","useConfig","useLocale","useTranslation","useForm","baseClass","buildNullifyLocaleFieldUpdate","fieldValue","path","useFallback","type","disableFormData","undefined","value","NullifyLocaleField","t0","$","localized","readOnly","t1","locale","currentLocale","code","config","t2","localization","checked","setChecked","useState","t","dispatchFields","setModified","defaultLocale","fallback","t3","onChange","hideCheckbox","Array","isArray","length","t4","_jsx","className","children","field","name","label","id","replace","schemaPath"],"sources":["../../../src/forms/NullifyField/index.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useForm } from '../Form/context.js'\nimport './index.css'\n\nconst baseClass = 'nullify-locale-field'\n\ntype NullifyLocaleFieldProps = {\n readonly fieldValue?: [] \| null \| number\n readonly localized: boolean\n readonly path: string\n readonly readOnly?: boolean\n}\n\nexport const buildNullifyLocaleFieldUpdate = ({\n fieldValue,\n path,\n useFallback,\n}: {\n fieldValue: NullifyLocaleFieldProps['fieldValue']\n path: string\n useFallback: boolean\n}) => ({\n type: 'UPDATE' as const,\n disableFormData: useFallback ? undefined : false,\n path,\n value: useFallback ? null : fieldValue \|\| 0,\n})\n\nexport const NullifyLocaleField: React.FC<NullifyLocaleFieldProps> = ({\n fieldValue,\n localized,\n path,\n readOnly = false,\n}) => {\n const locale = useLocale()\n const currentLocale = locale?.code\n const {\n config: { localization },\n } = useConfig()\n const [checked, setChecked] = React.useState<boolean>(typeof fieldValue !== 'number')\n const { t } = useTranslation()\n const { dispatchFields, setModified } = useForm()\n\n if (!localized \|\| !localization) {\n // hide when field is not localized or localization is not enabled\n return null\n }\n\n if (localization.defaultLocale === currentLocale \|\| !localization.fallback) {\n // if editing default locale or when fallback is disabled\n return null\n }\n\n const onChange = () => {\n const useFallback = !checked\n\n dispatchFields(buildNullifyLocaleFieldUpdate({ fieldValue, path, useFallback }))\n setModified(true)\n setChecked(useFallback)\n }\n\n if (fieldValue) {\n let hideCheckbox = false\n if (typeof fieldValue === 'number' && fieldValue > 0) {\n hideCheckbox = true\n }\n if (Array.isArray(fieldValue) && fieldValue.length > 0) {\n hideCheckbox = true\n }\n\n if (hideCheckbox) {\n if (checked) {\n setChecked(false)\n } // uncheck when field has value\n return null\n }\n }\n\n return (\n <Banner className={baseClass}>\n {!fieldValue && readOnly ? (\n t('general:fallbackToDefaultLocale')\n ) : (\n <CheckboxField\n checked={checked}\n field={{\n name: '',\n label: t('general:fallbackToDefaultLocale'),\n }}\n id={`field-${path.replace(/\\./g, '__')}`}\n onChange={onChange}\n path={path}\n schemaPath=\"\"\n />\n )}\n </Banner>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/forms/RenderFields/context.d.ts CHANGED Viewed

@@ -9,9 +9,9 @@ import React from 'react';
  * 'use client'
  * import React from 'react'
  * import { TextField, FieldPathContext } from '@payloadcms/ui'
- * import type { TextFieldClientComponent } from 'payload'
+ * import type { TextFieldClientProps } from 'payload'
  *
- * export const MyCustomField: TextFieldClientComponent = (props) => {
+ * export const MyCustomField: React.FC<TextFieldClientProps> = (props) => {
  *   return (
  *     <FieldPathContext value="path.to.some.other.field">
  *       <TextField {...props} />

package/dist/forms/RenderFields/context.js CHANGED Viewed

@@ -9,9 +9,9 @@ import React from 'react';
  * 'use client'
  * import React from 'react'
  * import { TextField, FieldPathContext } from '@payloadcms/ui'
- * import type { TextFieldClientComponent } from 'payload'
+ * import type { TextFieldClientProps } from 'payload'
  *
- * export const MyCustomField: TextFieldClientComponent = (props) => {
+ * export const MyCustomField: React.FC<TextFieldClientProps> = (props) => {
  *   return (
  *     <FieldPathContext value="path.to.some.other.field">
  *       <TextField {...props} />

package/dist/forms/RenderFields/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","names":["React","FieldPathContext","createContext","undefined","useFieldPath","context","useContext"],"sources":["../../../src/forms/RenderFields/context.ts"],"sourcesContent":["import React from 'react'\n\n/*\n All fields are wrapped in a `FieldPathContext` provider by default.\n * The `useFieldPath` hook will return this value if it exists, not the path the field was explicitly given.\n * This means if you render a field directly, you will need to wrap it with a new `FieldPathContext` provider.\n * Otherwise, it will return the parent's path, not the path it was explicitly given.\n * @example\n * ```tsx\n * 'use client'\n * import React from 'react'\n * import { TextField, FieldPathContext } from '@payloadcms/ui'\n * import type { ~~TextFieldClientComponent~~ } from 'payload'\n \n export const MyCustomField: ~~TextFieldClientComponent~~ = (props) => {\n * return (\n * <FieldPathContext value=\"path.to.some.other.field\">\n * <TextField {...props} />\n * </FieldPathContext>\n * )\n * }\n * ```\n \n @experimental This is an experimental API and may change at any time. Use at your own risk.\n /\nexport const FieldPathContext = React.createContext<string>(undefined)\n\n/\n Gets the current field path from the nearest `FieldPathContext` provider.\n * All fields are wrapped in this context by default.\n \n @experimental This is an experimental API and may change at any time. Use at your own risk.\n */\nexport const useFieldPath = () => {\n const context = React.useContext(FieldPathContext)\n\n if (!context) {\n // swallow the error, not all fields are wrapped in a FieldPathContext\n return undefined\n }\n\n return context\n}\n"],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB;;;;;;;;;;;;;;;;;;;;;;;AAuBA,OAAO,MAAMC,gBAAA,GAAmBD,KAAA,CAAME,aAAa,CAASC,SAAA;AAE5D;;;;;;AAMA,OAAO,MAAMC,YAAA,GAAeA,CAAA;EAC1B,MAAAC,OAAA,GAAgBL,KAAA,CAAAM,UAAA,CAAAL,gBAAiB;EAAA,KAE5BI,OAAA;IAAA;EAAA;EAAA,OAKEA,OAAA;AAAA,CACT","ignoreList":[]}
1	+ {"version":3,"file":"context.js","names":["React","FieldPathContext","createContext","undefined","useFieldPath","context","useContext"],"sources":["../../../src/forms/RenderFields/context.ts"],"sourcesContent":["import React from 'react'\n\n/*\n All fields are wrapped in a `FieldPathContext` provider by default.\n * The `useFieldPath` hook will return this value if it exists, not the path the field was explicitly given.\n * This means if you render a field directly, you will need to wrap it with a new `FieldPathContext` provider.\n * Otherwise, it will return the parent's path, not the path it was explicitly given.\n * @example\n * ```tsx\n * 'use client'\n * import React from 'react'\n * import { TextField, FieldPathContext } from '@payloadcms/ui'\n * import type { TextFieldClientProps } from 'payload'\n \n export const MyCustomField: React.FC<TextFieldClientProps> = (props) => {\n * return (\n * <FieldPathContext value=\"path.to.some.other.field\">\n * <TextField {...props} />\n * </FieldPathContext>\n * )\n * }\n * ```\n \n @experimental This is an experimental API and may change at any time. Use at your own risk.\n /\nexport const FieldPathContext = React.createContext<string>(undefined)\n\n/\n Gets the current field path from the nearest `FieldPathContext` provider.\n * All fields are wrapped in this context by default.\n \n @experimental This is an experimental API and may change at any time. Use at your own risk.\n */\nexport const useFieldPath = () => {\n const context = React.useContext(FieldPathContext)\n\n if (!context) {\n // swallow the error, not all fields are wrapped in a FieldPathContext\n return undefined\n }\n\n return context\n}\n"],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB;;;;;;;;;;;;;;;;;;;;;;;AAuBA,OAAO,MAAMC,gBAAA,GAAmBD,KAAA,CAAME,aAAa,CAASC,SAAA;AAE5D;;;;;;AAMA,OAAO,MAAMC,YAAA,GAAeA,CAAA;EAC1B,MAAAC,OAAA,GAAgBL,KAAA,CAAAM,UAAA,CAAAL,gBAAiB;EAAA,KAE5BI,OAAA;IAAA;EAAA;EAAA,OAKEA,OAAA;AAAA,CACT","ignoreList":[]}

package/dist/forms/RenderFields/index.css CHANGED Viewed

@@ -13,7 +13,7 @@
   .render-fields {
     /* Reset per nesting level so an ancestor's zeroed value (e.g. a row) does
        not leak into nested fields. */
-    --spacing-field: var(--spacer-3);
+    --spacing-field: var(--spacer-4);
     & > .field-type {
       margin-bottom: var(--spacing-field);
@@ -35,9 +35,6 @@
       &.array-field,
       &.collapsible-field,
       &.rich-text {
-        margin-top: calc(var(--spacing-field) * 2);
-        margin-bottom: calc(var(--spacing-field) * 2);
         &:first-child {
           margin-top: 0;
         }
@@ -48,8 +45,8 @@
       }
       &.group-field {
-        margin-top: calc(var(--spacing-field) * 4);
-        margin-bottom: calc(var(--spacing-field) * 3);
+        margin-top: calc(var(--spacing-field) * 2);
+        margin-bottom: calc(var(--spacing-field) * 2);
         &:first-child {
           margin-top: 0;

package/dist/forms/fieldSchemasToFormState/addFieldStatePromise.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { BuildFormStateArgs, ClientFieldSchemaMap, Data, DocumentPreferences, Field, FieldSchemaMap, FormState, FormStateWithoutComponents, PayloadRequest, SanitizedFieldsPermissions, SelectMode, SelectType, TabAsField } from 'payload';
+import type { BuildFormStateArgs, ClientFieldSchemaMap, Data, DocumentPreferences, Field, FieldOperation, FieldSchemaMap, FormState, FormStateWithoutComponents, PayloadRequest, SanitizedFieldsPermissions, SelectMode, SelectType, TabAsField } from 'payload';
 import type { RenderFieldMethod } from './types.js';
 export type AddFieldStatePromiseArgs = {
     addErrorPathToParent: (fieldPath: string) => void;
@@ -37,7 +37,7 @@ export type AddFieldStatePromiseArgs = {
      * Whether to omit parent fields in the state. @default false
      */
     omitParents?: boolean;
-    operation: 'create' | 'update';
+    operation: FieldOperation;
     parentIndexPath: string;
     parentPath: string;
     parentPermissions: SanitizedFieldsPermissions;

package/dist/forms/fieldSchemasToFormState/addFieldStatePromise.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"addFieldStatePromise.d.ts","sourceRoot":"","sources":["../../../src/forms/fieldSchemasToFormState/addFieldStatePromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,IAAI,EACJ,mBAAmB,EACnB,KAAK,EACL,cAAc,EAGd,SAAS,EACT,0BAA0B,EAC1B,cAAc,EAGd,0BAA0B,EAC1B,UAAU,EACV,UAAU,EACV,UAAU,EAEX,MAAM,SAAS,CAAA;AAchB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAQnD,MAAM,MAAM,wBAAwB,GAAG;IACrC,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,SAAS,EAAE,IAAI,GAAG,SAAS,CAAA;IAC3B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,KAAK,GAAG,UAAU,CAAA;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,cAAc,CAAA;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,OAAO,CAAA;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,IAAI,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAA;IACzC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,~~QAAQ~~,~~GAAG,QAAQ,~~CAAA;~~IAC9B~~,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,0BAA0B,CAAA;IAC7C,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,OAAO,CAAA;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,mBAAmB,CAAA;IAChC,iBAAiB,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,iBAAiB,CAAA;IAChC;;;OAGG;IACH,GAAG,EAAE,cAAc,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,0BAA0B,CAAA;CAClC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,SAAgB,wBAAwB,KAAG,OAAO,CAAC,IAAI,~~CAs7BvF~~,CAAA"}
1	+ {"version":3,"file":"addFieldStatePromise.d.ts","sourceRoot":"","sources":["../../../src/forms/fieldSchemasToFormState/addFieldStatePromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,IAAI,EACJ,mBAAmB,EACnB,KAAK,EACL,cAAc,EACd,cAAc,EAGd,SAAS,EACT,0BAA0B,EAC1B,cAAc,EAGd,0BAA0B,EAC1B,UAAU,EACV,UAAU,EACV,UAAU,EAEX,MAAM,SAAS,CAAA;AAchB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAQnD,MAAM,MAAM,wBAAwB,GAAG;IACrC,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,SAAS,EAAE,IAAI,GAAG,SAAS,CAAA;IAC3B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,KAAK,GAAG,UAAU,CAAA;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,cAAc,CAAA;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,OAAO,CAAA;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,IAAI,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAA;IACzC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,cAAc,CAAA;IACzB,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,0BAA0B,CAAA;IAC7C,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,OAAO,CAAA;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,mBAAmB,CAAA;IAChC,iBAAiB,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,iBAAiB,CAAA;IAChC;;;OAGG;IACH,GAAG,EAAE,cAAc,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,0BAA0B,CAAA;CAClC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,SAAgB,wBAAwB,KAAG,OAAO,CAAC,IAAI,CAi8BvF,CAAA"}

package/dist/forms/fieldSchemasToFormState/addFieldStatePromise.js CHANGED Viewed

@@ -310,6 +310,7 @@ export const addFieldStatePromise = async args => {
             const rowPath = path + '.' + i;
             if (block) {
               row.id = row?.id || new ObjectId().toHexString();
+              const previousRow = (previousFormState?.[path]?.rows || []).find(prevRow => prevRow.id === row.id);
               if (!omitParents && (!filter || filter(args))) {
                 // Handle block `id` field
                 const idKey = rowPath + '.id';
@@ -317,6 +318,9 @@ export const addFieldStatePromise = async args => {
                   initialValue: row.id,
                   value: row.id
                 };
+                if (!previousRow) {
+                  state[idKey].addedByServer = true;
+                }
                 // If the blocks field fails filterOptions validation, add error paths to the individual blocks that are no longer allowed
                 if (filterOptionsValidationResult?.invalidBlockSlugs?.length && filterOptionsValidationResult.invalidBlockSlugs.includes(row.blockType)) {
                   state[idKey].errorMessage = req.t('validation:invalidBlock', {
@@ -339,8 +343,8 @@ export const addFieldStatePromise = async args => {
                   initialValue: row.blockType,
                   value: row.blockType
                 };
-                if (addedByServer) {
-                  state[fieldKey].addedByServer = addedByServer;
+                if (!previousRow) {
+                  state[fieldKey].addedByServer = true;
                 }
                 if (includeSchema) {
                   state[fieldKey].fieldSchema = block.fields.find(blockField => 'name' in blockField && blockField.name === 'blockType');
@@ -348,6 +352,9 @@ export const addFieldStatePromise = async args => {
                 // Handle `blockName` field
                 const blockNameKey = rowPath + '.blockName';
                 state[blockNameKey] = {};
+                if (!previousRow) {
+                  state[blockNameKey].addedByServer = true;
+                }
                 if (row.blockName) {
                   state[blockNameKey].initialValue = row.blockName;
                   state[blockNameKey].value = row.blockName;
@@ -390,8 +397,6 @@ export const addFieldStatePromise = async args => {
                 skipValidation,
                 state
               }));
-              // First, check if `previousFormState` has a matching row
-              const previousRow = (previousFormState?.[path]?.rows || []).find(prevRow => prevRow.id === row.id);
               const newRow = {
                 id: row.id,
                 blockType: row.blockType,
@@ -400,6 +405,9 @@ export const addFieldStatePromise = async args => {
               if (previousRow?.lastRenderedPath) {
                 newRow.lastRenderedPath = previousRow.lastRenderedPath;
               }
+              if (!previousRow) {
+                newRow.addedByServer = true;
+              }
               acc.rowMetadata.push(newRow);
               const isCollapsed = isRowCollapsed({
                 collapsedPrefs: preferences?.fields?.[path]?.collapsed,