@payloadcms/plugin-import-export 4.0.0-internal.43ccea7 → 4.0.0-internal.442e8b6

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 (163) hide show
  1. package/dist/components/CollectionField/index.d.ts +3 -2
  2. package/dist/components/CollectionField/index.d.ts.map +1 -1
  3. package/dist/components/CollectionField/index.js.map +1 -1
  4. package/dist/components/ExportListMenuItem/index.d.ts.map +1 -1
  5. package/dist/components/ExportListMenuItem/index.js +14 -12
  6. package/dist/components/ExportListMenuItem/index.js.map +1 -1
  7. package/dist/components/ExportPreview/index.css +0 -3
  8. package/dist/components/ExportPreview/index.d.ts.map +1 -1
  9. package/dist/components/ExportPreview/index.js +11 -1
  10. package/dist/components/ExportPreview/index.js.map +1 -1
  11. package/dist/components/FieldsToExport/index.d.ts +3 -2
  12. package/dist/components/FieldsToExport/index.d.ts.map +1 -1
  13. package/dist/components/FieldsToExport/index.js.map +1 -1
  14. package/dist/components/FieldsToExport/reduceFields.d.ts.map +1 -1
  15. package/dist/components/FormatField/index.d.ts +3 -2
  16. package/dist/components/FormatField/index.d.ts.map +1 -1
  17. package/dist/components/FormatField/index.js.map +1 -1
  18. package/dist/components/ImportListMenuItem/index.d.ts.map +1 -1
  19. package/dist/components/ImportListMenuItem/index.js +14 -12
  20. package/dist/components/ImportListMenuItem/index.js.map +1 -1
  21. package/dist/components/ImportPreview/index.css +0 -3
  22. package/dist/components/ImportPreview/index.d.ts.map +1 -1
  23. package/dist/components/ImportPreview/index.js +27 -8
  24. package/dist/components/ImportPreview/index.js.map +1 -1
  25. package/dist/components/LimitField/index.d.ts +3 -2
  26. package/dist/components/LimitField/index.d.ts.map +1 -1
  27. package/dist/components/LimitField/index.js.map +1 -1
  28. package/dist/components/LocaleField/index.d.ts +3 -2
  29. package/dist/components/LocaleField/index.d.ts.map +1 -1
  30. package/dist/components/LocaleField/index.js.map +1 -1
  31. package/dist/components/Page/index.d.ts +3 -2
  32. package/dist/components/Page/index.d.ts.map +1 -1
  33. package/dist/components/Page/index.js.map +1 -1
  34. package/dist/components/RelationshipCell/getRelationshipGroupKey.d.ts +7 -0
  35. package/dist/components/RelationshipCell/getRelationshipGroupKey.d.ts.map +1 -0
  36. package/dist/components/RelationshipCell/getRelationshipGroupKey.js +3 -0
  37. package/dist/components/RelationshipCell/getRelationshipGroupKey.js.map +1 -0
  38. package/dist/components/RelationshipCell/getRelationshipGroups.d.ts +43 -0
  39. package/dist/components/RelationshipCell/getRelationshipGroups.d.ts.map +1 -0
  40. package/dist/components/RelationshipCell/getRelationshipGroups.js +109 -0
  41. package/dist/components/RelationshipCell/getRelationshipGroups.js.map +1 -0
  42. package/dist/components/RelationshipCell/index.css +30 -0
  43. package/dist/components/RelationshipCell/index.d.ts +15 -0
  44. package/dist/components/RelationshipCell/index.d.ts.map +1 -0
  45. package/dist/components/RelationshipCell/index.js +57 -0
  46. package/dist/components/RelationshipCell/index.js.map +1 -0
  47. package/dist/components/SortBy/index.d.ts +3 -2
  48. package/dist/components/SortBy/index.d.ts.map +1 -1
  49. package/dist/components/SortBy/index.js.map +1 -1
  50. package/dist/components/SortOrder/index.d.ts +3 -2
  51. package/dist/components/SortOrder/index.d.ts.map +1 -1
  52. package/dist/components/SortOrder/index.js.map +1 -1
  53. package/dist/export/batchProcessor.d.ts +2 -1
  54. package/dist/export/batchProcessor.d.ts.map +1 -1
  55. package/dist/export/batchProcessor.js +6 -2
  56. package/dist/export/batchProcessor.js.map +1 -1
  57. package/dist/export/createExport.d.ts +2 -0
  58. package/dist/export/createExport.d.ts.map +1 -1
  59. package/dist/export/createExport.js +6 -1
  60. package/dist/export/createExport.js.map +1 -1
  61. package/dist/export/getCreateExportCollectionTask.d.ts.map +1 -1
  62. package/dist/export/getCreateExportCollectionTask.js +11 -0
  63. package/dist/export/getCreateExportCollectionTask.js.map +1 -1
  64. package/dist/export/getExportCollection.d.ts.map +1 -1
  65. package/dist/export/getExportCollection.js +5 -0
  66. package/dist/export/getExportCollection.js.map +1 -1
  67. package/dist/export/getFields.d.ts.map +1 -1
  68. package/dist/export/handleDownload.d.ts.map +1 -1
  69. package/dist/export/handleDownload.js +7 -3
  70. package/dist/export/handleDownload.js.map +1 -1
  71. package/dist/export/handlePreview.d.ts.map +1 -1
  72. package/dist/export/handlePreview.js +24 -5
  73. package/dist/export/handlePreview.js.map +1 -1
  74. package/dist/exports/types.d.ts +1 -1
  75. package/dist/exports/types.d.ts.map +1 -1
  76. package/dist/exports/types.js.map +1 -1
  77. package/dist/import/batchProcessor.d.ts +2 -1
  78. package/dist/import/batchProcessor.d.ts.map +1 -1
  79. package/dist/import/batchProcessor.js +15 -8
  80. package/dist/import/batchProcessor.js.map +1 -1
  81. package/dist/import/createImport.d.ts +3 -2
  82. package/dist/import/createImport.d.ts.map +1 -1
  83. package/dist/import/createImport.js +8 -1
  84. package/dist/import/createImport.js.map +1 -1
  85. package/dist/import/getCreateImportCollectionTask.d.ts.map +1 -1
  86. package/dist/import/getCreateImportCollectionTask.js +5 -2
  87. package/dist/import/getCreateImportCollectionTask.js.map +1 -1
  88. package/dist/import/getFields.d.ts.map +1 -1
  89. package/dist/import/getImportCollection.d.ts.map +1 -1
  90. package/dist/import/getImportCollection.js +2 -0
  91. package/dist/import/getImportCollection.js.map +1 -1
  92. package/dist/import/handlePreview.d.ts.map +1 -1
  93. package/dist/import/handlePreview.js +5 -1
  94. package/dist/import/handlePreview.js.map +1 -1
  95. package/dist/translations/languages/en.d.ts.map +1 -1
  96. package/dist/types.d.ts +17 -1
  97. package/dist/types.d.ts.map +1 -1
  98. package/dist/types.js.map +1 -1
  99. package/dist/utilities/applyFieldHooks.d.ts.map +1 -1
  100. package/dist/utilities/buildDisabledFieldRegex.d.ts.map +1 -1
  101. package/dist/utilities/collectDisabledFieldPaths.d.ts.map +1 -1
  102. package/dist/utilities/fieldToRegex.d.ts.map +1 -1
  103. package/dist/utilities/flattenObject.d.ts.map +1 -1
  104. package/dist/utilities/flattenedFields.d.ts.map +1 -1
  105. package/dist/utilities/getExportFieldFunctions.d.ts.map +1 -1
  106. package/dist/utilities/getExportFieldFunctions.js +64 -27
  107. package/dist/utilities/getExportFieldFunctions.js.map +1 -1
  108. package/dist/utilities/getFileFromDoc.d.ts.map +1 -1
  109. package/dist/utilities/getFileFromDoc.js +3 -3
  110. package/dist/utilities/getFileFromDoc.js.map +1 -1
  111. package/dist/utilities/getFlattenedFieldKeys.d.ts.map +1 -1
  112. package/dist/utilities/getImportFieldFunctions.d.ts.map +1 -1
  113. package/dist/utilities/getPluginCollections.d.ts.map +1 -1
  114. package/dist/utilities/getSchemaColumns.d.ts.map +1 -1
  115. package/dist/utilities/getSelect.d.ts.map +1 -1
  116. package/dist/utilities/getSelect.js +11 -3
  117. package/dist/utilities/getSelect.js.map +1 -1
  118. package/dist/utilities/getSubmittedFormValues.d.ts +12 -0
  119. package/dist/utilities/getSubmittedFormValues.d.ts.map +1 -0
  120. package/dist/utilities/getSubmittedFormValues.js +24 -0
  121. package/dist/utilities/getSubmittedFormValues.js.map +1 -0
  122. package/dist/utilities/isPlainObject.d.ts.map +1 -1
  123. package/dist/utilities/parseCSV.d.ts.map +1 -1
  124. package/dist/utilities/parseJSON.d.ts.map +1 -1
  125. package/dist/utilities/polymorphicRel.d.ts.map +1 -1
  126. package/dist/utilities/processRichTextField.d.ts.map +1 -1
  127. package/dist/utilities/removeDisabledFields.d.ts.map +1 -1
  128. package/dist/utilities/setNestedValue.d.ts +2 -1
  129. package/dist/utilities/setNestedValue.d.ts.map +1 -1
  130. package/dist/utilities/setNestedValue.js +65 -34
  131. package/dist/utilities/setNestedValue.js.map +1 -1
  132. package/dist/utilities/sortHelpers.d.ts +1 -1
  133. package/dist/utilities/sortHelpers.d.ts.map +1 -1
  134. package/dist/utilities/unflattenObject.d.ts.map +1 -1
  135. package/dist/utilities/unflattenPostProcess.d.ts.map +1 -1
  136. package/dist/utilities/validateLimitValue.d.ts.map +1 -1
  137. package/package.json +9 -9
  138. package/dist/components/FieldsToExport/reduceFields.spec.js +0 -239
  139. package/dist/components/FieldsToExport/reduceFields.spec.js.map +0 -1
  140. package/dist/utilities/applyFieldHooks.spec.js +0 -205
  141. package/dist/utilities/applyFieldHooks.spec.js.map +0 -1
  142. package/dist/utilities/buildDisabledFieldRegex.spec.js +0 -64
  143. package/dist/utilities/buildDisabledFieldRegex.spec.js.map +0 -1
  144. package/dist/utilities/fieldToRegex.spec.js +0 -151
  145. package/dist/utilities/fieldToRegex.spec.js.map +0 -1
  146. package/dist/utilities/filterToSelectedFields.spec.js +0 -204
  147. package/dist/utilities/filterToSelectedFields.spec.js.map +0 -1
  148. package/dist/utilities/flattenObject.spec.js +0 -158
  149. package/dist/utilities/flattenObject.spec.js.map +0 -1
  150. package/dist/utilities/getExportFieldFunctions.spec.js +0 -50
  151. package/dist/utilities/getExportFieldFunctions.spec.js.map +0 -1
  152. package/dist/utilities/getImportFieldFunctions.spec.js +0 -167
  153. package/dist/utilities/getImportFieldFunctions.spec.js.map +0 -1
  154. package/dist/utilities/getSchemaColumns.spec.js +0 -157
  155. package/dist/utilities/getSchemaColumns.spec.js.map +0 -1
  156. package/dist/utilities/parseCSV.spec.js +0 -195
  157. package/dist/utilities/parseCSV.spec.js.map +0 -1
  158. package/dist/utilities/processRichTextField.spec.js +0 -308
  159. package/dist/utilities/processRichTextField.spec.js.map +0 -1
  160. package/dist/utilities/siblingDoc.spec.js +0 -278
  161. package/dist/utilities/siblingDoc.spec.js.map +0 -1
  162. package/dist/utilities/unflattenObject.spec.js +0 -819
  163. package/dist/utilities/unflattenObject.spec.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/ImportPreview/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Column, PaginatedDocs } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Pagination,\n PerPage,\n Table,\n Translation,\n useConfig,\n useDebouncedEffect,\n useDocumentInfo,\n useField,\n useFormFields,\n useTranslation,\n} from '@payloadcms/ui'\nimport { formatDocTitle } from '@payloadcms/ui/shared'\nimport { fieldAffectsData, getObjectDotNotation } from 'payload/shared'\nimport React, { useState, useTransition } from 'react'\n\nimport type {\n PluginImportExportTranslationKeys,\n PluginImportExportTranslations,\n} from '../../translations/index.js'\nimport type { ImportPreviewResponse } from '../../types.js'\n\nimport { DEFAULT_PREVIEW_LIMIT, PREVIEW_LIMIT_OPTIONS } from '../../constants.js'\nimport './index.css'\n\nconst baseClass = 'import-preview'\n\n/**\n * Browser-native ArrayBuffer → base64. Avoids Node's `Buffer`, which is not\n * available in the browser under bundlers that don't polyfill it (e.g. Vite),\n * unlike Next's webpack build. Chunked to stay under `String.fromCharCode`'s\n * argument-count limit for large files.\n */\nconst arrayBufferToBase64 = (arrayBuffer: ArrayBuffer): string => {\n const bytes = new Uint8Array(arrayBuffer)\n const chunkSize = 0x8000\n let binary = ''\n for (let i = 0; i < bytes.length; i += chunkSize) {\n binary += String.fromCharCode(...bytes.subarray(i, i + chunkSize))\n }\n return btoa(binary)\n}\n\nexport const ImportPreview: React.FC = () => {\n const [isPending, startTransition] = useTransition()\n const {\n config,\n config: { routes },\n } = useConfig()\n const { collectionSlug } = useDocumentInfo()\n const { i18n, t } = useTranslation<\n PluginImportExportTranslations,\n PluginImportExportTranslationKeys\n >()\n\n const { value: targetCollectionSlug } = useField<string>({ path: 'collectionSlug' })\n const { value: importMode } = useField<string>({ path: 'importMode' })\n const { value: matchField } = useField<string>({ path: 'matchField' })\n const { value: filename } = useField<string>({ path: 'filename' })\n const { value: url } = useField<string>({ path: 'url' })\n const { value: mimeType } = useField<string>({ path: 'mimeType' })\n const { value: status } = useField<string>({ path: 'status' })\n const { value: summary } = useField<any>({ path: 'summary' })\n\n // Access the file field directly from form fields\n const fileField = useFormFields(([fields]) => fields?.file || null)\n\n const [dataToRender, setDataToRender] = useState<Record<string, unknown>[]>([])\n const [columns, setColumns] = useState<Column[]>([])\n const [totalDocs, setTotalDocs] = useState<number>(0)\n const [error, setError] = useState<null | string>(null)\n\n // Preview pagination state\n const [previewPage, setPreviewPage] = useState(1)\n const [previewLimit, setPreviewLimit] = useState(DEFAULT_PREVIEW_LIMIT)\n const [paginationData, setPaginationData] = useState<null | Pick<\n PaginatedDocs,\n 'hasNextPage' | 'hasPrevPage' | 'limit' | 'nextPage' | 'page' | 'prevPage' | 'totalPages'\n >>(null)\n\n const collectionConfig = React.useMemo(\n () => config.collections.find((c) => c.slug === targetCollectionSlug),\n [targetCollectionSlug, config.collections],\n )\n\n useDebouncedEffect(\n () => {\n if (!collectionSlug || !targetCollectionSlug) {\n return\n }\n\n if (!targetCollectionSlug || (!url && !fileField?.value)) {\n setDataToRender([])\n setColumns([])\n setTotalDocs(0)\n setPaginationData(null)\n return\n }\n\n if (!collectionConfig) {\n setDataToRender([])\n setColumns([])\n setTotalDocs(0)\n setPaginationData(null)\n return\n }\n\n const abortController = new AbortController()\n\n const processFileData = async () => {\n setError(null)\n\n try {\n // Determine format from file\n let format: 'csv' | 'json' = 'json'\n if (fileField?.value && fileField.value instanceof File) {\n const file = fileField.value\n format = file.type === 'text/csv' || file.name?.endsWith('.csv') ? 'csv' : 'json'\n } else if (mimeType === 'text/csv' || filename?.endsWith('.csv')) {\n format = 'csv'\n }\n\n // Get file data as base64\n let fileData: string | undefined\n\n if (fileField?.value && fileField.value instanceof File) {\n // File is being uploaded, read its contents\n const arrayBuffer = await fileField.value.arrayBuffer()\n const base64 = arrayBufferToBase64(arrayBuffer)\n fileData = base64\n } else if (url) {\n // File has been saved, fetch from URL\n const response = await fetch(url, { signal: abortController.signal })\n if (!response.ok) {\n throw new Error('Failed to fetch file')\n }\n const arrayBuffer = await response.arrayBuffer()\n const base64 = arrayBufferToBase64(arrayBuffer)\n fileData = base64\n }\n\n if (!fileData) {\n setDataToRender([])\n setColumns([])\n setTotalDocs(0)\n setPaginationData(null)\n return\n }\n\n // Fetch transformed data from the server\n const res = await fetch(`${routes.api}/${collectionSlug}/preview-data`, {\n body: JSON.stringify({\n collectionSlug: targetCollectionSlug,\n fileData,\n format,\n previewLimit,\n previewPage,\n }),\n credentials: 'include',\n headers: { 'Content-Type': 'application/json' },\n method: 'POST',\n signal: abortController.signal,\n })\n\n if (!res.ok) {\n throw new Error('Failed to process file')\n }\n\n const {\n docs,\n hasNextPage,\n hasPrevPage,\n limit: responseLimit,\n page: responsePage,\n totalDocs: serverTotalDocs,\n totalPages,\n }: ImportPreviewResponse = await res.json()\n\n setTotalDocs(serverTotalDocs)\n setPaginationData({\n hasNextPage,\n hasPrevPage,\n limit: responseLimit,\n nextPage: responsePage + 1,\n page: responsePage,\n prevPage: responsePage - 1,\n totalPages,\n })\n\n if (!Array.isArray(docs) || docs.length === 0) {\n setDataToRender([])\n setColumns([])\n return\n }\n\n // Build columns from collection fields without traverseFields\n const buildColumnsFromFields = (\n fields: ClientField[],\n parentPath = '',\n parentLabel = '',\n ): Column[] => {\n const cols: Column[] = []\n\n fields.forEach((field) => {\n if (!fieldAffectsData(field) || field.admin?.disabled) {\n return\n }\n\n // Build the field path\n const fieldPath = parentPath ? `${parentPath}.${field.name}` : field.name\n\n // Get the field label\n let label = field.name\n if ('label' in field && field.label) {\n label = getTranslation(field.label, i18n)\n }\n\n // Add parent label prefix if in a group\n if (parentLabel) {\n label = `${parentLabel} > ${label}`\n }\n\n // Skip if this field doesn't exist in any document\n const hasData = docs.some((doc) => {\n const value = getObjectDotNotation(doc, fieldPath)\n return value !== undefined && value !== null\n })\n\n if (!hasData && field.type !== 'relationship') {\n return\n }\n\n cols.push({\n accessor: fieldPath,\n active: true,\n field,\n Heading: label,\n renderedCells: docs.map((doc) => {\n const value = getObjectDotNotation(doc, fieldPath)\n\n if (value === undefined || value === null) {\n return null\n }\n\n // Format based on field type\n if (field.type === 'relationship' || field.type === 'upload') {\n // Handle relationships\n if (typeof value === 'object' && !Array.isArray(value)) {\n // Single relationship\n const relationTo = Array.isArray(field.relationTo)\n ? (value as any).relationTo\n : field.relationTo\n\n const relatedConfig = config.collections.find((c) => c.slug === relationTo)\n if (relatedConfig && relatedConfig.admin?.useAsTitle) {\n const titleValue = (value as any)[relatedConfig.admin.useAsTitle]\n if (titleValue) {\n return formatDocTitle({\n collectionConfig: relatedConfig,\n data: value as any,\n dateFormat: config.admin.dateFormat,\n i18n,\n })\n }\n }\n\n // Fallback to ID\n const id = (value as any).id || value\n return `${getTranslation(relatedConfig?.labels?.singular || relationTo, i18n)}: ${id}`\n } else if (Array.isArray(value)) {\n // Multiple relationships\n return value\n .map((item) => {\n if (typeof item === 'object') {\n const relationTo = Array.isArray(field.relationTo)\n ? item.relationTo\n : field.relationTo\n const relatedConfig = config.collections.find(\n (c) => c.slug === relationTo,\n )\n\n if (relatedConfig && relatedConfig.admin?.useAsTitle) {\n const titleValue = item[relatedConfig.admin.useAsTitle]\n if (titleValue) {\n return formatDocTitle({\n collectionConfig: relatedConfig,\n data: item,\n dateFormat: config.admin.dateFormat,\n i18n,\n })\n }\n }\n\n return item.id || item\n }\n return item\n })\n .join(', ')\n }\n\n // Just an ID\n return String(value)\n } else if (field.type === 'date') {\n // Display date as string to avoid wrong locale/timezone conversion\n return String(value)\n } else if (field.type === 'checkbox') {\n return value ? '✓' : '✗'\n } else if (field.type === 'select' || field.type === 'radio') {\n // Show the label for select/radio options\n const option = field.options?.find((opt) => {\n if (typeof opt === 'string') {\n return opt === value\n }\n return opt.value === value\n })\n\n if (option && typeof option === 'object') {\n return getTranslation(option.label, i18n)\n }\n return String(value)\n } else if (field.type === 'number') {\n return String(value)\n } else if (Array.isArray(value)) {\n // Handle arrays\n if (field.type === 'blocks') {\n return value.map((block: any) => `${block.blockType || 'Block'}`).join(', ')\n }\n return `[${value.length} items]`\n } else if (typeof value === 'object') {\n // Handle objects\n if (field.type === 'group') {\n return '{...}'\n }\n return JSON.stringify(value)\n }\n\n return String(value)\n }),\n })\n\n // For groups, add nested fields with parent label\n if (field.type === 'group' && 'fields' in field) {\n const groupLabel =\n 'label' in field && field.label ? getTranslation(field.label, i18n) : field.name\n\n const nestedCols = buildColumnsFromFields(\n field.fields,\n fieldPath,\n parentLabel ? `${parentLabel} > ${groupLabel}` : groupLabel,\n )\n cols.push(...nestedCols)\n }\n\n // For tabs, process the fields within\n if ('tabs' in field && Array.isArray(field.tabs)) {\n field.tabs.forEach((tab) => {\n if ('name' in tab && tab.name) {\n // Named tab\n const tabPath = parentPath ? `${parentPath}.${tab.name}` : tab.name\n const tabLabel =\n 'label' in tab && tab.label ? getTranslation(tab.label, i18n) : tab.name\n\n const tabCols = buildColumnsFromFields(\n tab.fields,\n tabPath,\n parentLabel ? `${parentLabel} > ${tabLabel}` : tabLabel,\n )\n cols.push(...tabCols)\n } else {\n // Unnamed tab - fields go directly under parent\n const tabLabel =\n 'label' in tab && tab.label ? getTranslation(tab.label, i18n) : ''\n\n const tabCols = buildColumnsFromFields(\n tab.fields,\n parentPath,\n tabLabel && typeof tabLabel === 'string' && parentLabel\n ? `${parentLabel} > ${tabLabel}`\n : typeof tabLabel === 'string'\n ? tabLabel\n : parentLabel,\n )\n cols.push(...tabCols)\n }\n })\n }\n })\n\n return cols\n }\n\n const fieldColumns = buildColumnsFromFields(collectionConfig.fields)\n\n const existingAccessors = new Set(fieldColumns.map((column) => column.accessor))\n\n // Discover all fields from document data to determine column order\n // Respect the order fields appear in the data (e.g., CSV column order)\n const dataFieldOrder: string[] = []\n const dataFieldsSet = new Set<string>()\n\n // Collect all fields from all docs to get comprehensive field list\n docs.forEach((doc) => {\n Object.keys(doc).forEach((key) => {\n if (!dataFieldsSet.has(key) && doc[key] !== undefined && doc[key] !== null) {\n dataFieldsSet.add(key)\n dataFieldOrder.push(key)\n }\n })\n })\n\n // Helper to create a column for a field\n const createColumnForField = (fieldName: string): Column => ({\n accessor: fieldName,\n active: true,\n field: { name: fieldName } as ClientField,\n Heading: getTranslation(fieldName, i18n),\n renderedCells: docs.map((doc) => {\n const value = doc[fieldName]\n if (value === undefined || value === null) {\n return null\n }\n\n return String(value)\n }),\n })\n\n // Build columns respecting data order for fields not in config\n // For fields in config, use their natural order from fieldColumns\n const finalColumns: Column[] = []\n const addedAccessors = new Set<string>()\n\n // Process fields in the order they appear in the data\n dataFieldOrder.forEach((fieldName) => {\n if (existingAccessors.has(fieldName)) {\n // This field is from the collection config\n const configColumn = fieldColumns.find((col) => col.accessor === fieldName)\n if (configColumn && !addedAccessors.has(fieldName)) {\n finalColumns.push(configColumn)\n addedAccessors.add(fieldName)\n }\n } else {\n // This is an additional field (system field or extra data field)\n if (!addedAccessors.has(fieldName)) {\n finalColumns.push(createColumnForField(fieldName))\n addedAccessors.add(fieldName)\n }\n }\n })\n\n // Add any remaining config fields that weren't in the data\n fieldColumns.forEach((col) => {\n if (!addedAccessors.has(col.accessor)) {\n finalColumns.push(col)\n addedAccessors.add(col.accessor)\n }\n })\n\n setColumns(finalColumns)\n setDataToRender(docs)\n } catch (err) {\n console.error('Error processing file data:', err)\n setError(err instanceof Error ? err.message : 'Failed to load preview')\n setDataToRender([])\n setColumns([])\n setTotalDocs(0)\n setPaginationData(null)\n }\n }\n\n startTransition(async () => await processFileData())\n\n return () => {\n if (!abortController.signal.aborted) {\n abortController.abort('Component unmounted')\n }\n }\n },\n [\n collectionSlug,\n targetCollectionSlug,\n url,\n filename,\n mimeType,\n fileField?.value,\n collectionConfig,\n config,\n i18n,\n previewLimit,\n previewPage,\n routes.api,\n ],\n 500,\n )\n\n // If import has been processed, show results instead of preview\n if (status !== 'pending' && summary) {\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__header`}>\n <h3>\n {/* @ts-expect-error - translations are not typed in plugins */}\n <Translation i18nKey=\"plugin-import-export:importResults\" t={t} />\n </h3>\n </div>\n <div className={`${baseClass}__results`}>\n <p>\n <strong>Status:</strong> {status}\n </p>\n <p>\n <strong>Imported:</strong> {summary.imported || 0}\n </p>\n <p>\n <strong>Updated:</strong> {summary.updated || 0}\n </p>\n <p>\n <strong>Total:</strong> {summary.total || 0}\n </p>\n {summary.issues > 0 && (\n <p>\n <strong>Issues:</strong> {summary.issues}\n </p>\n )}\n {summary.issueDetails && summary.issueDetails.length > 0 && (\n <div style={{ marginTop: '1rem' }}>\n <strong>Issue Details:</strong>\n <ul style={{ marginTop: '0.5rem' }}>\n {summary.issueDetails.slice(0, 10).map((issue: any, index: number) => (\n <li key={index}>\n Row {issue.row}: {issue.error}\n </li>\n ))}\n {summary.issueDetails.length > 10 && (\n <li>... and {summary.issueDetails.length - 10} more issues</li>\n )}\n </ul>\n </div>\n )}\n </div>\n </div>\n )\n }\n\n if (!targetCollectionSlug) {\n return (\n <div className={baseClass}>\n <p style={{ opacity: 0.6 }}>\n {/* @ts-expect-error - translations are not typed in plugins */}\n <Translation i18nKey=\"plugin-import-export:collectionRequired\" t={t} />\n </p>\n </div>\n )\n }\n\n if (error) {\n return (\n <div className={baseClass}>\n <p style={{ color: 'red' }}>\n <Translation i18nKey=\"general:error\" t={t} />: {error}\n </p>\n </div>\n )\n }\n\n if (!url && !fileField?.value) {\n return (\n <div className={baseClass}>\n <p style={{ opacity: 0.6 }}>\n {/* @ts-expect-error - translations are not typed in plugins */}\n <Translation i18nKey=\"plugin-import-export:uploadFileToSeePreview\" t={t} />\n </p>\n </div>\n )\n }\n\n const handlePageChange = (page: number) => {\n setPreviewPage(page)\n }\n\n const handlePerPageChange = (newLimit: number) => {\n setPreviewLimit(newLimit)\n setPreviewPage(1)\n }\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__header`}>\n <h3>\n <Translation i18nKey=\"version:preview\" t={t} />\n </h3>\n {totalDocs > 0 && !isPending && (\n <div className={`${baseClass}__info`}>\n <span className={`${baseClass}__import-count`}>\n <Translation\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-expect-error\n i18nKey=\"plugin-import-export:documentsToImport\"\n t={t}\n variables={{\n count: totalDocs,\n }}\n />\n </span>\n {' | '}\n {/* @ts-expect-error - translations are not typed in plugins */}\n <Translation i18nKey=\"plugin-import-export:mode\" t={t} />: {importMode || 'create'}\n {importMode !== 'create' && (\n <>\n {' | '}\n {/* @ts-expect-error - translations are not typed in plugins */}\n <Translation i18nKey=\"plugin-import-export:matchBy\" t={t} />: {matchField || 'id'}\n </>\n )}\n </div>\n )}\n </div>\n {isPending && !dataToRender.length && (\n <div className={`${baseClass}__loading`}>\n <Translation i18nKey=\"general:loading\" t={t} />\n </div>\n )}\n {dataToRender.length > 0 && <Table columns={columns} data={dataToRender} />}\n {!isPending && dataToRender.length === 0 && targetCollectionSlug && (\n <p>\n {/* @ts-expect-error - translations are not typed in plugins */}\n <Translation i18nKey=\"plugin-import-export:noDataToPreview\" t={t} />\n </p>\n )}\n {paginationData && totalDocs > 0 && (\n <div className={`${baseClass}__pagination`}>\n {paginationData.totalPages > 1 && (\n <Pagination\n hasNextPage={paginationData.hasNextPage}\n hasPrevPage={paginationData.hasPrevPage}\n nextPage={paginationData.nextPage ?? undefined}\n numberOfNeighbors={1}\n onChange={handlePageChange}\n page={paginationData.page}\n prevPage={paginationData.prevPage ?? undefined}\n totalPages={paginationData.totalPages}\n />\n )}\n <span className={`${baseClass}__page-info`}>\n <Translation\n // @ts-expect-error - plugin translations not typed\n i18nKey=\"plugin-import-export:previewPageInfo\"\n t={t}\n variables={{\n end: Math.min((paginationData.page ?? 1) * previewLimit, totalDocs),\n start: ((paginationData.page ?? 1) - 1) * previewLimit + 1,\n total: totalDocs,\n }}\n />\n </span>\n <PerPage\n handleChange={handlePerPageChange}\n limit={previewLimit}\n limits={PREVIEW_LIMIT_OPTIONS}\n />\n </div>\n )}\n </div>\n )\n}\n"],"names":["getTranslation","Pagination","PerPage","Table","Translation","useConfig","useDebouncedEffect","useDocumentInfo","useField","useFormFields","useTranslation","formatDocTitle","fieldAffectsData","getObjectDotNotation","React","useState","useTransition","DEFAULT_PREVIEW_LIMIT","PREVIEW_LIMIT_OPTIONS","baseClass","arrayBufferToBase64","arrayBuffer","bytes","Uint8Array","chunkSize","binary","i","length","String","fromCharCode","subarray","btoa","ImportPreview","isPending","startTransition","config","routes","collectionSlug","i18n","t","value","targetCollectionSlug","path","importMode","matchField","filename","url","mimeType","status","summary","fileField","fields","file","dataToRender","setDataToRender","columns","setColumns","totalDocs","setTotalDocs","error","setError","previewPage","setPreviewPage","previewLimit","setPreviewLimit","paginationData","setPaginationData","collectionConfig","useMemo","collections","find","c","slug","abortController","AbortController","processFileData","format","File","type","name","endsWith","fileData","base64","response","fetch","signal","ok","Error","res","api","body","JSON","stringify","credentials","headers","method","docs","hasNextPage","hasPrevPage","limit","responseLimit","page","responsePage","serverTotalDocs","totalPages","json","nextPage","prevPage","Array","isArray","buildColumnsFromFields","parentPath","parentLabel","cols","forEach","field","admin","disabled","fieldPath","label","hasData","some","doc","undefined","push","accessor","active","Heading","renderedCells","map","relationTo","relatedConfig","useAsTitle","titleValue","data","dateFormat","id","labels","singular","item","join","option","options","opt","block","blockType","groupLabel","nestedCols","tabs","tab","tabPath","tabLabel","tabCols","fieldColumns","existingAccessors","Set","column","dataFieldOrder","dataFieldsSet","Object","keys","key","has","add","createColumnForField","fieldName","finalColumns","addedAccessors","configColumn","col","err","console","message","aborted","abort","div","className","h3","i18nKey","p","strong","imported","updated","total","issues","issueDetails","style","marginTop","ul","slice","issue","index","li","row","opacity","color","handlePageChange","handlePerPageChange","newLimit","span","variables","count","numberOfNeighbors","onChange","end","Math","min","start","handleChange","limits"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../src/components/ImportPreview/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Column, PaginatedDocs } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Pagination,\n PerPage,\n Table,\n Translation,\n useConfig,\n useDebouncedEffect,\n useDocumentInfo,\n useField,\n useForm,\n useFormFields,\n useTranslation,\n} from '@payloadcms/ui'\nimport { formatDocTitle } from '@payloadcms/ui/shared'\nimport { fieldAffectsData, getObjectDotNotation } from 'payload/shared'\nimport React, { useState, useTransition } from 'react'\n\nimport type {\n PluginImportExportTranslationKeys,\n PluginImportExportTranslations,\n} from '../../translations/index.js'\nimport type { ImportPreviewResponse } from '../../types.js'\n\nimport { DEFAULT_PREVIEW_LIMIT, PREVIEW_LIMIT_OPTIONS } from '../../constants.js'\nimport {\n getFormStateSignature,\n getSubmittedFormValues,\n} from '../../utilities/getSubmittedFormValues.js'\nimport { RelationshipCell } from '../RelationshipCell/index.js'\nimport './index.css'\n\nconst baseClass = 'import-preview'\n\n// The file contents are sent separately as `fileData`.\nconst nonSerializableFormKeys = ['file']\n\n/**\n * Browser-native ArrayBuffer → base64. Avoids Node's `Buffer`, which is not\n * available in the browser under bundlers that don't polyfill it (e.g. Vite),\n * unlike Next's webpack build. Chunked to stay under `String.fromCharCode`'s\n * argument-count limit for large files.\n */\nconst arrayBufferToBase64 = (arrayBuffer: ArrayBuffer): string => {\n const bytes = new Uint8Array(arrayBuffer)\n const chunkSize = 0x8000\n let binary = ''\n for (let i = 0; i < bytes.length; i += chunkSize) {\n binary += String.fromCharCode(...bytes.subarray(i, i + chunkSize))\n }\n return btoa(binary)\n}\n\nexport const ImportPreview: React.FC = () => {\n const [isPending, startTransition] = useTransition()\n const {\n config,\n config: { routes },\n } = useConfig()\n const { collectionSlug } = useDocumentInfo()\n const { i18n, t } = useTranslation<\n PluginImportExportTranslations,\n PluginImportExportTranslationKeys\n >()\n\n const { value: targetCollectionSlug } = useField<string>({ path: 'collectionSlug' })\n const { value: importMode } = useField<string>({ path: 'importMode' })\n const { value: matchField } = useField<string>({ path: 'matchField' })\n const { value: filename } = useField<string>({ path: 'filename' })\n const { value: url } = useField<string>({ path: 'url' })\n const { value: mimeType } = useField<string>({ path: 'mimeType' })\n const { value: status } = useField<string>({ path: 'status' })\n const { value: summary } = useField<any>({ path: 'summary' })\n\n // Access the file field directly from form fields\n const fileField = useFormFields(([fields]) => fields?.file || null)\n\n const { getData } = useForm()\n const formStateSignature = useFormFields(([fields]) =>\n getFormStateSignature({ fields, omit: nonSerializableFormKeys }),\n )\n\n const [dataToRender, setDataToRender] = useState<Record<string, unknown>[]>([])\n const [columns, setColumns] = useState<Column[]>([])\n const [totalDocs, setTotalDocs] = useState<number>(0)\n const [error, setError] = useState<null | string>(null)\n\n // Preview pagination state\n const [previewPage, setPreviewPage] = useState(1)\n const [previewLimit, setPreviewLimit] = useState(DEFAULT_PREVIEW_LIMIT)\n const [paginationData, setPaginationData] = useState<null | Pick<\n PaginatedDocs,\n 'hasNextPage' | 'hasPrevPage' | 'limit' | 'nextPage' | 'page' | 'prevPage' | 'totalPages'\n >>(null)\n\n const collectionConfig = React.useMemo(\n () => config.collections.find((c) => c.slug === targetCollectionSlug),\n [targetCollectionSlug, config.collections],\n )\n\n useDebouncedEffect(\n () => {\n if (!collectionSlug || !targetCollectionSlug) {\n return\n }\n\n if (!targetCollectionSlug || (!url && !fileField?.value)) {\n setDataToRender([])\n setColumns([])\n setTotalDocs(0)\n setPaginationData(null)\n return\n }\n\n if (!collectionConfig) {\n setDataToRender([])\n setColumns([])\n setTotalDocs(0)\n setPaginationData(null)\n return\n }\n\n const abortController = new AbortController()\n\n const processFileData = async () => {\n setError(null)\n\n try {\n // Determine format from file\n let format: 'csv' | 'json' = 'json'\n if (fileField?.value && fileField.value instanceof File) {\n const file = fileField.value\n format = file.type === 'text/csv' || file.name?.endsWith('.csv') ? 'csv' : 'json'\n } else if (mimeType === 'text/csv' || filename?.endsWith('.csv')) {\n format = 'csv'\n }\n\n // Get file data as base64\n let fileData: string | undefined\n\n if (fileField?.value && fileField.value instanceof File) {\n // File is being uploaded, read its contents\n const arrayBuffer = await fileField.value.arrayBuffer()\n const base64 = arrayBufferToBase64(arrayBuffer)\n fileData = base64\n } else if (url) {\n // File has been saved, fetch from URL\n const response = await fetch(url, { signal: abortController.signal })\n if (!response.ok) {\n throw new Error('Failed to fetch file')\n }\n const arrayBuffer = await response.arrayBuffer()\n const base64 = arrayBufferToBase64(arrayBuffer)\n fileData = base64\n }\n\n if (!fileData) {\n setDataToRender([])\n setColumns([])\n setTotalDocs(0)\n setPaginationData(null)\n return\n }\n\n // Fetch transformed data from the server\n const res = await fetch(`${routes.api}/${collectionSlug}/preview-data`, {\n body: JSON.stringify({\n collectionSlug: targetCollectionSlug,\n fileData,\n format,\n formData: getSubmittedFormValues({\n formData: getData(),\n omit: nonSerializableFormKeys,\n }),\n previewLimit,\n previewPage,\n }),\n credentials: 'include',\n headers: { 'Content-Type': 'application/json' },\n method: 'POST',\n signal: abortController.signal,\n })\n\n if (!res.ok) {\n throw new Error('Failed to process file')\n }\n\n const {\n docs,\n hasNextPage,\n hasPrevPage,\n limit: responseLimit,\n page: responsePage,\n totalDocs: serverTotalDocs,\n totalPages,\n }: ImportPreviewResponse = await res.json()\n\n setTotalDocs(serverTotalDocs)\n setPaginationData({\n hasNextPage,\n hasPrevPage,\n limit: responseLimit,\n nextPage: responsePage + 1,\n page: responsePage,\n prevPage: responsePage - 1,\n totalPages,\n })\n\n if (!Array.isArray(docs) || docs.length === 0) {\n setDataToRender([])\n setColumns([])\n return\n }\n\n // Build columns from collection fields without traverseFields\n const buildColumnsFromFields = (\n fields: ClientField[],\n parentPath = '',\n parentLabel = '',\n ): Column[] => {\n const cols: Column[] = []\n\n fields.forEach((field) => {\n if (!fieldAffectsData(field) || field.admin?.disabled) {\n return\n }\n\n // Build the field path\n const fieldPath = parentPath ? `${parentPath}.${field.name}` : field.name\n\n // Get the field label\n let label = field.name\n if ('label' in field && field.label) {\n label = getTranslation(field.label, i18n)\n }\n\n // Add parent label prefix if in a group\n if (parentLabel) {\n label = `${parentLabel} > ${label}`\n }\n\n // Skip if this field doesn't exist in any document\n const hasData = docs.some((doc) => {\n const value = getObjectDotNotation(doc, fieldPath)\n return value !== undefined && value !== null\n })\n\n if (!hasData && field.type !== 'relationship') {\n return\n }\n\n cols.push({\n accessor: fieldPath,\n active: true,\n field,\n Heading: label,\n renderedCells: docs.map((doc, rowIndex) => {\n const value = getObjectDotNotation(doc, fieldPath)\n\n if (value === undefined || value === null) {\n return null\n }\n\n // Format based on field type\n const shouldRenderGroupedRelationship =\n format === 'json' &&\n field.type === 'relationship' &&\n Array.isArray(field.relationTo)\n\n if (shouldRenderGroupedRelationship) {\n return (\n <RelationshipCell\n fieldPath={fieldPath}\n key={`${fieldPath}-${rowIndex}`}\n relationTo={field.relationTo}\n value={value}\n />\n )\n } else if (field.type === 'relationship' || field.type === 'upload') {\n if (typeof value === 'object' && !Array.isArray(value)) {\n const relationTo = Array.isArray(field.relationTo)\n ? (value as any).relationTo\n : field.relationTo\n\n const relatedConfig = config.collections.find((c) => c.slug === relationTo)\n if (relatedConfig && relatedConfig.admin?.useAsTitle) {\n const titleValue = (value as any)[relatedConfig.admin.useAsTitle]\n if (titleValue) {\n return formatDocTitle({\n collectionConfig: relatedConfig,\n data: value as any,\n dateFormat: config.admin.dateFormat,\n i18n,\n })\n }\n }\n\n const id = (value as any).id || value\n return `${getTranslation(relatedConfig?.labels?.singular || relationTo, i18n)}: ${id}`\n } else if (Array.isArray(value)) {\n return value\n .map((item) => {\n if (typeof item === 'object') {\n const relationTo = Array.isArray(field.relationTo)\n ? item.relationTo\n : field.relationTo\n const relatedConfig = config.collections.find(\n (c) => c.slug === relationTo,\n )\n\n if (relatedConfig && relatedConfig.admin?.useAsTitle) {\n const titleValue = item[relatedConfig.admin.useAsTitle]\n if (titleValue) {\n return formatDocTitle({\n collectionConfig: relatedConfig,\n data: item,\n dateFormat: config.admin.dateFormat,\n i18n,\n })\n }\n }\n\n return item.id || item\n }\n return item\n })\n .join(', ')\n }\n\n return String(value)\n } else if (field.type === 'date') {\n // Display date as string to avoid wrong locale/timezone conversion\n return String(value)\n } else if (field.type === 'checkbox') {\n return value ? '✓' : '✗'\n } else if (field.type === 'select' || field.type === 'radio') {\n // Show the label for select/radio options\n const option = field.options?.find((opt) => {\n if (typeof opt === 'string') {\n return opt === value\n }\n return opt.value === value\n })\n\n if (option && typeof option === 'object') {\n return getTranslation(option.label, i18n)\n }\n return String(value)\n } else if (field.type === 'number') {\n return String(value)\n } else if (Array.isArray(value)) {\n // Handle arrays\n if (field.type === 'blocks') {\n return value.map((block: any) => `${block.blockType || 'Block'}`).join(', ')\n }\n return `[${value.length} items]`\n } else if (typeof value === 'object') {\n // Handle objects\n if (field.type === 'group') {\n return '{...}'\n }\n return JSON.stringify(value)\n }\n\n return String(value)\n }),\n })\n\n // For groups, add nested fields with parent label\n if (field.type === 'group' && 'fields' in field) {\n const groupLabel =\n 'label' in field && field.label ? getTranslation(field.label, i18n) : field.name\n\n const nestedCols = buildColumnsFromFields(\n field.fields,\n fieldPath,\n parentLabel ? `${parentLabel} > ${groupLabel}` : groupLabel,\n )\n cols.push(...nestedCols)\n }\n\n // For tabs, process the fields within\n if ('tabs' in field && Array.isArray(field.tabs)) {\n field.tabs.forEach((tab) => {\n if ('name' in tab && tab.name) {\n // Named tab\n const tabPath = parentPath ? `${parentPath}.${tab.name}` : tab.name\n const tabLabel =\n 'label' in tab && tab.label ? getTranslation(tab.label, i18n) : tab.name\n\n const tabCols = buildColumnsFromFields(\n tab.fields,\n tabPath,\n parentLabel ? `${parentLabel} > ${tabLabel}` : tabLabel,\n )\n cols.push(...tabCols)\n } else {\n // Unnamed tab - fields go directly under parent\n const tabLabel =\n 'label' in tab && tab.label ? getTranslation(tab.label, i18n) : ''\n\n const tabCols = buildColumnsFromFields(\n tab.fields,\n parentPath,\n tabLabel && typeof tabLabel === 'string' && parentLabel\n ? `${parentLabel} > ${tabLabel}`\n : typeof tabLabel === 'string'\n ? tabLabel\n : parentLabel,\n )\n cols.push(...tabCols)\n }\n })\n }\n })\n\n return cols\n }\n\n const fieldColumns = buildColumnsFromFields(collectionConfig.fields)\n\n const existingAccessors = new Set(fieldColumns.map((column) => column.accessor))\n\n // Discover all fields from document data to determine column order\n // Respect the order fields appear in the data (e.g., CSV column order)\n const dataFieldOrder: string[] = []\n const dataFieldsSet = new Set<string>()\n\n // Collect all fields from all docs to get comprehensive field list\n docs.forEach((doc) => {\n Object.keys(doc).forEach((key) => {\n if (!dataFieldsSet.has(key) && doc[key] !== undefined && doc[key] !== null) {\n dataFieldsSet.add(key)\n dataFieldOrder.push(key)\n }\n })\n })\n\n // Helper to create a column for a field\n const createColumnForField = (fieldName: string): Column => ({\n accessor: fieldName,\n active: true,\n field: { name: fieldName } as ClientField,\n Heading: getTranslation(fieldName, i18n),\n renderedCells: docs.map((doc) => {\n const value = doc[fieldName]\n if (value === undefined || value === null) {\n return null\n }\n\n return String(value)\n }),\n })\n\n // Build columns respecting data order for fields not in config\n // For fields in config, use their natural order from fieldColumns\n const finalColumns: Column[] = []\n const addedAccessors = new Set<string>()\n\n // Process fields in the order they appear in the data\n dataFieldOrder.forEach((fieldName) => {\n if (existingAccessors.has(fieldName)) {\n // This field is from the collection config\n const configColumn = fieldColumns.find((col) => col.accessor === fieldName)\n if (configColumn && !addedAccessors.has(fieldName)) {\n finalColumns.push(configColumn)\n addedAccessors.add(fieldName)\n }\n } else {\n // This is an additional field (system field or extra data field)\n if (!addedAccessors.has(fieldName)) {\n finalColumns.push(createColumnForField(fieldName))\n addedAccessors.add(fieldName)\n }\n }\n })\n\n // Add any remaining config fields that weren't in the data\n fieldColumns.forEach((col) => {\n if (!addedAccessors.has(col.accessor)) {\n finalColumns.push(col)\n addedAccessors.add(col.accessor)\n }\n })\n\n setColumns(finalColumns)\n setDataToRender(docs)\n } catch (err) {\n console.error('Error processing file data:', err)\n setError(err instanceof Error ? err.message : 'Failed to load preview')\n setDataToRender([])\n setColumns([])\n setTotalDocs(0)\n setPaginationData(null)\n }\n }\n\n startTransition(async () => await processFileData())\n\n return () => {\n if (!abortController.signal.aborted) {\n abortController.abort('Component unmounted')\n }\n }\n },\n [\n collectionSlug,\n targetCollectionSlug,\n url,\n filename,\n mimeType,\n fileField?.value,\n formStateSignature,\n getData,\n collectionConfig,\n config,\n i18n,\n previewLimit,\n previewPage,\n routes.api,\n ],\n 500,\n )\n\n // If import has been processed, show results instead of preview\n if (status !== 'pending' && summary) {\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__header`}>\n <h3>\n {/* @ts-expect-error - translations are not typed in plugins */}\n <Translation i18nKey=\"plugin-import-export:importResults\" t={t} />\n </h3>\n </div>\n <div className={`${baseClass}__results`}>\n <p>\n <strong>Status:</strong> {status}\n </p>\n <p>\n <strong>Imported:</strong> {summary.imported || 0}\n </p>\n <p>\n <strong>Updated:</strong> {summary.updated || 0}\n </p>\n <p>\n <strong>Total:</strong> {summary.total || 0}\n </p>\n {summary.issues > 0 && (\n <p>\n <strong>Issues:</strong> {summary.issues}\n </p>\n )}\n {summary.issueDetails && summary.issueDetails.length > 0 && (\n <div style={{ marginTop: '1rem' }}>\n <strong>Issue Details:</strong>\n <ul style={{ marginTop: '0.5rem' }}>\n {summary.issueDetails.slice(0, 10).map((issue: any, index: number) => (\n <li key={index}>\n Row {issue.row}: {issue.error}\n </li>\n ))}\n {summary.issueDetails.length > 10 && (\n <li>... and {summary.issueDetails.length - 10} more issues</li>\n )}\n </ul>\n </div>\n )}\n </div>\n </div>\n )\n }\n\n if (!targetCollectionSlug) {\n return (\n <div className={baseClass}>\n <p style={{ opacity: 0.6 }}>\n {/* @ts-expect-error - translations are not typed in plugins */}\n <Translation i18nKey=\"plugin-import-export:collectionRequired\" t={t} />\n </p>\n </div>\n )\n }\n\n if (error) {\n return (\n <div className={baseClass}>\n <p style={{ color: 'red' }}>\n <Translation i18nKey=\"general:error\" t={t} />: {error}\n </p>\n </div>\n )\n }\n\n if (!url && !fileField?.value) {\n return (\n <div className={baseClass}>\n <p style={{ opacity: 0.6 }}>\n {/* @ts-expect-error - translations are not typed in plugins */}\n <Translation i18nKey=\"plugin-import-export:uploadFileToSeePreview\" t={t} />\n </p>\n </div>\n )\n }\n\n const handlePageChange = (page: number) => {\n setPreviewPage(page)\n }\n\n const handlePerPageChange = (newLimit: number) => {\n setPreviewLimit(newLimit)\n setPreviewPage(1)\n }\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__header`}>\n <h3>\n <Translation i18nKey=\"version:preview\" t={t} />\n </h3>\n {totalDocs > 0 && !isPending && (\n <div className={`${baseClass}__info`}>\n <span className={`${baseClass}__import-count`}>\n <Translation\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-expect-error\n i18nKey=\"plugin-import-export:documentsToImport\"\n t={t}\n variables={{\n count: totalDocs,\n }}\n />\n </span>\n {' | '}\n {/* @ts-expect-error - translations are not typed in plugins */}\n <Translation i18nKey=\"plugin-import-export:mode\" t={t} />: {importMode || 'create'}\n {importMode !== 'create' && (\n <>\n {' | '}\n {/* @ts-expect-error - translations are not typed in plugins */}\n <Translation i18nKey=\"plugin-import-export:matchBy\" t={t} />: {matchField || 'id'}\n </>\n )}\n </div>\n )}\n </div>\n {isPending && !dataToRender.length && (\n <div className={`${baseClass}__loading`}>\n <Translation i18nKey=\"general:loading\" t={t} />\n </div>\n )}\n {dataToRender.length > 0 && <Table columns={columns} data={dataToRender} />}\n {!isPending && dataToRender.length === 0 && targetCollectionSlug && (\n <p>\n {/* @ts-expect-error - translations are not typed in plugins */}\n <Translation i18nKey=\"plugin-import-export:noDataToPreview\" t={t} />\n </p>\n )}\n {paginationData && totalDocs > 0 && (\n <div className={`${baseClass}__pagination`}>\n {paginationData.totalPages > 1 && (\n <Pagination\n hasNextPage={paginationData.hasNextPage}\n hasPrevPage={paginationData.hasPrevPage}\n nextPage={paginationData.nextPage ?? undefined}\n numberOfNeighbors={1}\n onChange={handlePageChange}\n page={paginationData.page}\n prevPage={paginationData.prevPage ?? undefined}\n totalPages={paginationData.totalPages}\n />\n )}\n <span className={`${baseClass}__page-info`}>\n <Translation\n // @ts-expect-error - plugin translations not typed\n i18nKey=\"plugin-import-export:previewPageInfo\"\n t={t}\n variables={{\n end: Math.min((paginationData.page ?? 1) * previewLimit, totalDocs),\n start: ((paginationData.page ?? 1) - 1) * previewLimit + 1,\n total: totalDocs,\n }}\n />\n </span>\n <PerPage\n handleChange={handlePerPageChange}\n limit={previewLimit}\n limits={PREVIEW_LIMIT_OPTIONS}\n />\n </div>\n )}\n </div>\n )\n}\n"],"names":["getTranslation","Pagination","PerPage","Table","Translation","useConfig","useDebouncedEffect","useDocumentInfo","useField","useForm","useFormFields","useTranslation","formatDocTitle","fieldAffectsData","getObjectDotNotation","React","useState","useTransition","DEFAULT_PREVIEW_LIMIT","PREVIEW_LIMIT_OPTIONS","getFormStateSignature","getSubmittedFormValues","RelationshipCell","baseClass","nonSerializableFormKeys","arrayBufferToBase64","arrayBuffer","bytes","Uint8Array","chunkSize","binary","i","length","String","fromCharCode","subarray","btoa","ImportPreview","isPending","startTransition","config","routes","collectionSlug","i18n","t","value","targetCollectionSlug","path","importMode","matchField","filename","url","mimeType","status","summary","fileField","fields","file","getData","formStateSignature","omit","dataToRender","setDataToRender","columns","setColumns","totalDocs","setTotalDocs","error","setError","previewPage","setPreviewPage","previewLimit","setPreviewLimit","paginationData","setPaginationData","collectionConfig","useMemo","collections","find","c","slug","abortController","AbortController","processFileData","format","File","type","name","endsWith","fileData","base64","response","fetch","signal","ok","Error","res","api","body","JSON","stringify","formData","credentials","headers","method","docs","hasNextPage","hasPrevPage","limit","responseLimit","page","responsePage","serverTotalDocs","totalPages","json","nextPage","prevPage","Array","isArray","buildColumnsFromFields","parentPath","parentLabel","cols","forEach","field","admin","disabled","fieldPath","label","hasData","some","doc","undefined","push","accessor","active","Heading","renderedCells","map","rowIndex","shouldRenderGroupedRelationship","relationTo","relatedConfig","useAsTitle","titleValue","data","dateFormat","id","labels","singular","item","join","option","options","opt","block","blockType","groupLabel","nestedCols","tabs","tab","tabPath","tabLabel","tabCols","fieldColumns","existingAccessors","Set","column","dataFieldOrder","dataFieldsSet","Object","keys","key","has","add","createColumnForField","fieldName","finalColumns","addedAccessors","configColumn","col","err","console","message","aborted","abort","div","className","h3","i18nKey","p","strong","imported","updated","total","issues","issueDetails","style","marginTop","ul","slice","issue","index","li","row","opacity","color","handlePageChange","handlePerPageChange","newLimit","span","variables","count","numberOfNeighbors","onChange","end","Math","min","start","handleChange","limits"],"mappings":"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"}
@@ -1,3 +1,4 @@
1
- import type { NumberFieldClientComponent } from 'payload';
2
- export declare const LimitField: NumberFieldClientComponent;
1
+ import type { NumberFieldClientProps } from 'payload';
2
+ import React from 'react';
3
+ export declare const LimitField: React.FC<NumberFieldClientProps>;
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LimitField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAKzD,eAAO,MAAM,UAAU,EAAE,0BA6BxB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LimitField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD,OAAO,KAA4B,MAAM,OAAO,CAAA;AAEhD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6BvD,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/LimitField/index.tsx"],"sourcesContent":["'use client'\n\nimport type { NumberFieldClientComponent } from 'payload'\n\nimport { NumberField, useDocumentInfo, useField, useListQuery } from '@payloadcms/ui'\nimport React, { useEffect, useRef } from 'react'\n\nexport const LimitField: NumberFieldClientComponent = (props) => {\n const { id } = useDocumentInfo()\n const { setValue, value } = useField<number>()\n const { query } = useListQuery()\n\n const didInitRef = useRef(false)\n\n useEffect(() => {\n if (didInitRef.current) {\n return\n }\n if (id) {\n didInitRef.current = true\n return\n }\n if (typeof value === 'number') {\n didInitRef.current = true\n return\n }\n\n const queryLimit = query?.limit\n if (typeof queryLimit === 'number' && queryLimit > 0) {\n setValue(queryLimit)\n }\n\n didInitRef.current = true\n }, [id, query?.limit, value, setValue])\n\n return <NumberField field={props.field} path={props.path} />\n}\n"],"names":["NumberField","useDocumentInfo","useField","useListQuery","React","useEffect","useRef","LimitField","props","id","setValue","value","query","didInitRef","current","queryLimit","limit","field","path"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,iBAAgB;AACrF,OAAOC,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEhD,OAAO,MAAMC,aAAyC,CAACC;IACrD,MAAM,EAAEC,EAAE,EAAE,GAAGR;IACf,MAAM,EAAES,QAAQ,EAAEC,KAAK,EAAE,GAAGT;IAC5B,MAAM,EAAEU,KAAK,EAAE,GAAGT;IAElB,MAAMU,aAAaP,OAAO;IAE1BD,UAAU;QACR,IAAIQ,WAAWC,OAAO,EAAE;YACtB;QACF;QACA,IAAIL,IAAI;YACNI,WAAWC,OAAO,GAAG;YACrB;QACF;QACA,IAAI,OAAOH,UAAU,UAAU;YAC7BE,WAAWC,OAAO,GAAG;YACrB;QACF;QAEA,MAAMC,aAAaH,OAAOI;QAC1B,IAAI,OAAOD,eAAe,YAAYA,aAAa,GAAG;YACpDL,SAASK;QACX;QAEAF,WAAWC,OAAO,GAAG;IACvB,GAAG;QAACL;QAAIG,OAAOI;QAAOL;QAAOD;KAAS;IAEtC,qBAAO,KAACV;QAAYiB,OAAOT,MAAMS,KAAK;QAAEC,MAAMV,MAAMU,IAAI;;AAC1D,EAAC"}
1
+ {"version":3,"sources":["../../../src/components/LimitField/index.tsx"],"sourcesContent":["'use client'\n\nimport type { NumberFieldClientProps } from 'payload'\n\nimport { NumberField, useDocumentInfo, useField, useListQuery } from '@payloadcms/ui'\nimport React, { useEffect, useRef } from 'react'\n\nexport const LimitField: React.FC<NumberFieldClientProps> = (props) => {\n const { id } = useDocumentInfo()\n const { setValue, value } = useField<number>()\n const { query } = useListQuery()\n\n const didInitRef = useRef(false)\n\n useEffect(() => {\n if (didInitRef.current) {\n return\n }\n if (id) {\n didInitRef.current = true\n return\n }\n if (typeof value === 'number') {\n didInitRef.current = true\n return\n }\n\n const queryLimit = query?.limit\n if (typeof queryLimit === 'number' && queryLimit > 0) {\n setValue(queryLimit)\n }\n\n didInitRef.current = true\n }, [id, query?.limit, value, setValue])\n\n return <NumberField field={props.field} path={props.path} />\n}\n"],"names":["NumberField","useDocumentInfo","useField","useListQuery","React","useEffect","useRef","LimitField","props","id","setValue","value","query","didInitRef","current","queryLimit","limit","field","path"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,iBAAgB;AACrF,OAAOC,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEhD,OAAO,MAAMC,aAA+C,CAACC;IAC3D,MAAM,EAAEC,EAAE,EAAE,GAAGR;IACf,MAAM,EAAES,QAAQ,EAAEC,KAAK,EAAE,GAAGT;IAC5B,MAAM,EAAEU,KAAK,EAAE,GAAGT;IAElB,MAAMU,aAAaP,OAAO;IAE1BD,UAAU;QACR,IAAIQ,WAAWC,OAAO,EAAE;YACtB;QACF;QACA,IAAIL,IAAI;YACNI,WAAWC,OAAO,GAAG;YACrB;QACF;QACA,IAAI,OAAOH,UAAU,UAAU;YAC7BE,WAAWC,OAAO,GAAG;YACrB;QACF;QAEA,MAAMC,aAAaH,OAAOI;QAC1B,IAAI,OAAOD,eAAe,YAAYA,aAAa,GAAG;YACpDL,SAASK;QACX;QAEAF,WAAWC,OAAO,GAAG;IACvB,GAAG;QAACL;QAAIG,OAAOI;QAAOL;QAAOD;KAAS;IAEtC,qBAAO,KAACV;QAAYiB,OAAOT,MAAMS,KAAK;QAAEC,MAAMV,MAAMU,IAAI;;AAC1D,EAAC"}
@@ -1,3 +1,4 @@
1
- import type { SelectFieldClientComponent } from 'payload';
2
- export declare const LocaleField: SelectFieldClientComponent;
1
+ import type { SelectFieldClientProps } from 'payload';
2
+ import React from 'react';
3
+ export declare const LocaleField: React.FC<SelectFieldClientProps>;
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAKzD,eAAO,MAAM,WAAW,EAAE,0BA4BzB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD,OAAO,KAA4B,MAAM,OAAO,CAAA;AAEhD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4BxD,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/LocaleField/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectFieldClientComponent } from 'payload'\n\nimport { SelectField, useDocumentInfo, useField, useLocale } from '@payloadcms/ui'\nimport React, { useEffect, useRef } from 'react'\n\nexport const LocaleField: SelectFieldClientComponent = (props) => {\n const { id } = useDocumentInfo()\n const { setValue, value } = useField<string>()\n const locale = useLocale()\n\n const didInitRef = useRef(false)\n\n useEffect(() => {\n if (didInitRef.current) {\n return\n }\n if (id) {\n didInitRef.current = true\n return\n }\n if (typeof value === 'string' && value !== 'all') {\n didInitRef.current = true\n return\n }\n\n if (locale?.code) {\n setValue(locale.code)\n }\n\n didInitRef.current = true\n }, [id, locale?.code, value, setValue])\n\n return <SelectField field={props.field} path={props.path} />\n}\n"],"names":["SelectField","useDocumentInfo","useField","useLocale","React","useEffect","useRef","LocaleField","props","id","setValue","value","locale","didInitRef","current","code","field","path"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,iBAAgB;AAClF,OAAOC,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEhD,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EAAEC,EAAE,EAAE,GAAGR;IACf,MAAM,EAAES,QAAQ,EAAEC,KAAK,EAAE,GAAGT;IAC5B,MAAMU,SAAST;IAEf,MAAMU,aAAaP,OAAO;IAE1BD,UAAU;QACR,IAAIQ,WAAWC,OAAO,EAAE;YACtB;QACF;QACA,IAAIL,IAAI;YACNI,WAAWC,OAAO,GAAG;YACrB;QACF;QACA,IAAI,OAAOH,UAAU,YAAYA,UAAU,OAAO;YAChDE,WAAWC,OAAO,GAAG;YACrB;QACF;QAEA,IAAIF,QAAQG,MAAM;YAChBL,SAASE,OAAOG,IAAI;QACtB;QAEAF,WAAWC,OAAO,GAAG;IACvB,GAAG;QAACL;QAAIG,QAAQG;QAAMJ;QAAOD;KAAS;IAEtC,qBAAO,KAACV;QAAYgB,OAAOR,MAAMQ,KAAK;QAAEC,MAAMT,MAAMS,IAAI;;AAC1D,EAAC"}
1
+ {"version":3,"sources":["../../../src/components/LocaleField/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectFieldClientProps } from 'payload'\n\nimport { SelectField, useDocumentInfo, useField, useLocale } from '@payloadcms/ui'\nimport React, { useEffect, useRef } from 'react'\n\nexport const LocaleField: React.FC<SelectFieldClientProps> = (props) => {\n const { id } = useDocumentInfo()\n const { setValue, value } = useField<string>()\n const locale = useLocale()\n\n const didInitRef = useRef(false)\n\n useEffect(() => {\n if (didInitRef.current) {\n return\n }\n if (id) {\n didInitRef.current = true\n return\n }\n if (typeof value === 'string' && value !== 'all') {\n didInitRef.current = true\n return\n }\n\n if (locale?.code) {\n setValue(locale.code)\n }\n\n didInitRef.current = true\n }, [id, locale?.code, value, setValue])\n\n return <SelectField field={props.field} path={props.path} />\n}\n"],"names":["SelectField","useDocumentInfo","useField","useLocale","React","useEffect","useRef","LocaleField","props","id","setValue","value","locale","didInitRef","current","code","field","path"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,iBAAgB;AAClF,OAAOC,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEhD,OAAO,MAAMC,cAAgD,CAACC;IAC5D,MAAM,EAAEC,EAAE,EAAE,GAAGR;IACf,MAAM,EAAES,QAAQ,EAAEC,KAAK,EAAE,GAAGT;IAC5B,MAAMU,SAAST;IAEf,MAAMU,aAAaP,OAAO;IAE1BD,UAAU;QACR,IAAIQ,WAAWC,OAAO,EAAE;YACtB;QACF;QACA,IAAIL,IAAI;YACNI,WAAWC,OAAO,GAAG;YACrB;QACF;QACA,IAAI,OAAOH,UAAU,YAAYA,UAAU,OAAO;YAChDE,WAAWC,OAAO,GAAG;YACrB;QACF;QAEA,IAAIF,QAAQG,MAAM;YAChBL,SAASE,OAAOG,IAAI;QACtB;QAEAF,WAAWC,OAAO,GAAG;IACvB,GAAG;QAACL;QAAIG,QAAQG;QAAMJ;QAAOD;KAAS;IAEtC,qBAAO,KAACV;QAAYgB,OAAOR,MAAMQ,KAAK;QAAEC,MAAMT,MAAMS,IAAI;;AAC1D,EAAC"}
@@ -1,4 +1,5 @@
1
- import type { NumberFieldClientComponent } from 'payload';
1
+ import type { NumberFieldClientProps } from 'payload';
2
+ import React from 'react';
2
3
  import './index.css';
3
- export declare const Page: NumberFieldClientComponent;
4
+ export declare const Page: React.FC<NumberFieldClientProps>;
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAKzD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,IAAI,EAAE,0BA6BlB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6BjD,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Page/index.tsx"],"sourcesContent":["'use client'\n\nimport type { NumberFieldClientComponent } from 'payload'\n\nimport { NumberField, useField } from '@payloadcms/ui'\nimport React, { useEffect } from 'react'\n\nimport './index.css'\n\nconst baseClass = 'page-field'\n\nexport const Page: NumberFieldClientComponent = (props) => {\n const { setValue } = useField<number>()\n const { value: limitValue } = useField<number>({ path: 'limit' })\n\n // Effect to reset page to 1 if limit is removed\n useEffect(() => {\n if (!limitValue) {\n setValue(1) // Reset page to 1\n }\n }, [limitValue, setValue])\n\n return (\n <div className={baseClass}>\n <NumberField\n field={{\n name: props.field.name,\n admin: {\n autoComplete: undefined,\n placeholder: undefined,\n step: 1,\n },\n label: props.field.label,\n min: 1,\n }}\n onChange={(value) => setValue(value ?? 1)} // Update the page value on change\n path={props.path}\n />\n </div>\n )\n}\n"],"names":["NumberField","useField","React","useEffect","baseClass","Page","props","setValue","value","limitValue","path","div","className","field","name","admin","autoComplete","undefined","placeholder","step","label","min","onChange"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,iBAAgB;AACtD,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,OAAO,cAAa;AAEpB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAmC,CAACC;IAC/C,MAAM,EAAEC,QAAQ,EAAE,GAAGN;IACrB,MAAM,EAAEO,OAAOC,UAAU,EAAE,GAAGR,SAAiB;QAAES,MAAM;IAAQ;IAE/D,gDAAgD;IAChDP,UAAU;QACR,IAAI,CAACM,YAAY;YACfF,SAAS,IAAG,kBAAkB;QAChC;IACF,GAAG;QAACE;QAAYF;KAAS;IAEzB,qBACE,KAACI;QAAIC,WAAWR;kBACd,cAAA,KAACJ;YACCa,OAAO;gBACLC,MAAMR,MAAMO,KAAK,CAACC,IAAI;gBACtBC,OAAO;oBACLC,cAAcC;oBACdC,aAAaD;oBACbE,MAAM;gBACR;gBACAC,OAAOd,MAAMO,KAAK,CAACO,KAAK;gBACxBC,KAAK;YACP;YACAC,UAAU,CAACd,QAAUD,SAASC,SAAS;YACvCE,MAAMJ,MAAMI,IAAI;;;AAIxB,EAAC"}
1
+ {"version":3,"sources":["../../../src/components/Page/index.tsx"],"sourcesContent":["'use client'\n\nimport type { NumberFieldClientProps } from 'payload'\n\nimport { NumberField, useField } from '@payloadcms/ui'\nimport React, { useEffect } from 'react'\n\nimport './index.css'\n\nconst baseClass = 'page-field'\n\nexport const Page: React.FC<NumberFieldClientProps> = (props) => {\n const { setValue } = useField<number>()\n const { value: limitValue } = useField<number>({ path: 'limit' })\n\n // Effect to reset page to 1 if limit is removed\n useEffect(() => {\n if (!limitValue) {\n setValue(1) // Reset page to 1\n }\n }, [limitValue, setValue])\n\n return (\n <div className={baseClass}>\n <NumberField\n field={{\n name: props.field.name,\n admin: {\n autoComplete: undefined,\n placeholder: undefined,\n step: 1,\n },\n label: props.field.label,\n min: 1,\n }}\n onChange={(value) => setValue(value ?? 1)} // Update the page value on change\n path={props.path}\n />\n </div>\n )\n}\n"],"names":["NumberField","useField","React","useEffect","baseClass","Page","props","setValue","value","limitValue","path","div","className","field","name","admin","autoComplete","undefined","placeholder","step","label","min","onChange"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,iBAAgB;AACtD,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,OAAO,cAAa;AAEpB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAyC,CAACC;IACrD,MAAM,EAAEC,QAAQ,EAAE,GAAGN;IACrB,MAAM,EAAEO,OAAOC,UAAU,EAAE,GAAGR,SAAiB;QAAES,MAAM;IAAQ;IAE/D,gDAAgD;IAChDP,UAAU;QACR,IAAI,CAACM,YAAY;YACfF,SAAS,IAAG,kBAAkB;QAChC;IACF,GAAG;QAACE;QAAYF;KAAS;IAEzB,qBACE,KAACI;QAAIC,WAAWR;kBACd,cAAA,KAACJ;YACCa,OAAO;gBACLC,MAAMR,MAAMO,KAAK,CAACC,IAAI;gBACtBC,OAAO;oBACLC,cAAcC;oBACdC,aAAaD;oBACbE,MAAM;gBACR;gBACAC,OAAOd,MAAMO,KAAK,CAACO,KAAK;gBACxBC,KAAK;YACP;YACAC,UAAU,CAACd,QAAUD,SAASC,SAAS;YACvCE,MAAMJ,MAAMI,IAAI;;;AAIxB,EAAC"}
@@ -0,0 +1,7 @@
1
+ type Args = {
2
+ fieldPath: string;
3
+ slug?: string;
4
+ };
5
+ export declare const getRelationshipGroupKey: ({ slug, fieldPath }: Args) => string;
6
+ export {};
7
+ //# sourceMappingURL=getRelationshipGroupKey.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getRelationshipGroupKey.d.ts","sourceRoot":"","sources":["../../../src/components/RelationshipCell/getRelationshipGroupKey.ts"],"names":[],"mappings":"AAAA,KAAK,IAAI,GAAG;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,uBAAuB,wBAAyB,IAAI,KAAG,MACzB,CAAA"}
@@ -0,0 +1,3 @@
1
+ export const getRelationshipGroupKey = ({ slug, fieldPath })=>slug ? `${fieldPath}-${slug}` : fieldPath;
2
+
3
+ //# sourceMappingURL=getRelationshipGroupKey.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/RelationshipCell/getRelationshipGroupKey.ts"],"sourcesContent":["type Args = {\n fieldPath: string\n slug?: string\n}\n\nexport const getRelationshipGroupKey = ({ slug, fieldPath }: Args): string =>\n slug ? `${fieldPath}-${slug}` : fieldPath\n"],"names":["getRelationshipGroupKey","slug","fieldPath"],"mappings":"AAKA,OAAO,MAAMA,0BAA0B,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAQ,GAC/DD,OAAO,GAAGC,UAAU,CAAC,EAAED,MAAM,GAAGC,UAAS"}
@@ -0,0 +1,43 @@
1
+ import type { I18n } from '@payloadcms/translations';
2
+ import type { ClientCollectionConfig, SanitizedConfig } from 'payload';
3
+ /**
4
+ * Labels rendered per collection before the rest collapse into `and N more`,
5
+ * matching `totalToShow` in the list view's relationship cell.
6
+ */
7
+ export declare const TOTAL_TO_SHOW = 3;
8
+ type Args = {
9
+ collections: ClientCollectionConfig[];
10
+ dateFormat: SanitizedConfig['admin']['dateFormat'];
11
+ i18n: I18n<any, any>;
12
+ /** `field.relationTo` — an array when the field is polymorphic. */
13
+ relationTo: string | string[];
14
+ value: unknown;
15
+ };
16
+ export type RelationshipGroup = {
17
+ /** Plural label of the target collection, empty when it cannot be determined. */
18
+ label: string;
19
+ /** One rendered label per document, capped at `TOTAL_TO_SHOW`. */
20
+ options: string[];
21
+ /** Options past `TOTAL_TO_SHOW` dropped from this group, to render as `and N more`. */
22
+ remaining: number;
23
+ /** Slug of the target collection, undefined when it cannot be determined. */
24
+ slug?: string;
25
+ };
26
+ /**
27
+ * Groups a relationship or upload value by target collection — one group per
28
+ * collection, labeled with its plural label, holding one label per document.
29
+ *
30
+ * Import files carry relationships in whichever shape produced them, so every
31
+ * entry is one of: a bare ID, a populated document, or the polymorphic
32
+ * `{ relationTo, value }` pair — whose `value` is itself an ID or a document.
33
+ *
34
+ * Each group caps at `TOTAL_TO_SHOW` options and counts the rest into `remaining`,
35
+ * so a polymorphic field shows the same depth per collection rather than spending
36
+ * one cell's worth of rows on whichever collection happens to come first. Groups are
37
+ * returned in the order their collection first appears, and entries whose collection
38
+ * cannot be determined collect into a single unlabeled group. Options keep their order
39
+ * in the file rather than being sorted, so the preview reflects what will be imported.
40
+ */
41
+ export declare const getRelationshipGroups: ({ collections, dateFormat, i18n, relationTo, value, }: Args) => RelationshipGroup[];
42
+ export {};
43
+ //# sourceMappingURL=getRelationshipGroups.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getRelationshipGroups.d.ts","sourceRoot":"","sources":["../../../src/components/RelationshipCell/getRelationshipGroups.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAKtE;;;GAGG;AACH,eAAO,MAAM,aAAa,IAAI,CAAA;AAE9B,KAAK,IAAI,GAAG;IACV,WAAW,EAAE,sBAAsB,EAAE,CAAA;IACrC,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;IAClD,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;IACpB,mEAAmE;IACnE,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC7B,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,uFAAuF;IACvF,SAAS,EAAE,MAAM,CAAA;IACjB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,qBAAqB,0DAM/B,IAAI,KAAG,iBAAiB,EAyC1B,CAAA"}
@@ -0,0 +1,109 @@
1
+ import { getTranslation } from '@payloadcms/translations';
2
+ import { formatDocTitle } from '@payloadcms/ui/shared';
3
+ /**
4
+ * Labels rendered per collection before the rest collapse into `and N more`,
5
+ * matching `totalToShow` in the list view's relationship cell.
6
+ */ export const TOTAL_TO_SHOW = 3;
7
+ /**
8
+ * Groups a relationship or upload value by target collection — one group per
9
+ * collection, labeled with its plural label, holding one label per document.
10
+ *
11
+ * Import files carry relationships in whichever shape produced them, so every
12
+ * entry is one of: a bare ID, a populated document, or the polymorphic
13
+ * `{ relationTo, value }` pair — whose `value` is itself an ID or a document.
14
+ *
15
+ * Each group caps at `TOTAL_TO_SHOW` options and counts the rest into `remaining`,
16
+ * so a polymorphic field shows the same depth per collection rather than spending
17
+ * one cell's worth of rows on whichever collection happens to come first. Groups are
18
+ * returned in the order their collection first appears, and entries whose collection
19
+ * cannot be determined collect into a single unlabeled group. Options keep their order
20
+ * in the file rather than being sorted, so the preview reflects what will be imported.
21
+ */ export const getRelationshipGroups = ({ collections, dateFormat, i18n, relationTo, value })=>{
22
+ const entries = Array.isArray(value) ? value : [
23
+ value
24
+ ];
25
+ const configsBySlug = new Map(collections.map((collection)=>[
26
+ collection.slug,
27
+ collection
28
+ ]));
29
+ // Insertion order is the order each collection first appears, which is the order to render.
30
+ const groupsBySlug = new Map();
31
+ entries.forEach((entry)=>{
32
+ const { slug, target } = resolveEntry({
33
+ entry,
34
+ relationTo
35
+ });
36
+ const key = slug ?? '';
37
+ let group = groupsBySlug.get(key);
38
+ if (!group) {
39
+ group = {
40
+ slug,
41
+ label: slug ? getTranslation(configsBySlug.get(slug)?.labels?.plural || slug, i18n) : '',
42
+ options: [],
43
+ remaining: 0
44
+ };
45
+ groupsBySlug.set(key, group);
46
+ }
47
+ // Past the cap only the count matters, so skip the cost of titling the document.
48
+ if (group.options.length < TOTAL_TO_SHOW) {
49
+ group.options.push(getOptionLabel({
50
+ collectionConfig: slug ? configsBySlug.get(slug) : undefined,
51
+ dateFormat,
52
+ entry,
53
+ i18n,
54
+ target
55
+ }));
56
+ } else {
57
+ group.remaining++;
58
+ }
59
+ });
60
+ return [
61
+ ...groupsBySlug.values()
62
+ ];
63
+ };
64
+ /**
65
+ * Splits an entry into the collection it targets — `undefined` when that cannot be
66
+ * determined — and the ID or document it points at.
67
+ */ const resolveEntry = ({ entry, relationTo })=>{
68
+ const entryArgs = {
69
+ value: entry
70
+ };
71
+ if (isPolymorphicRelationship(entryArgs)) {
72
+ return {
73
+ slug: entryArgs.value.relationTo,
74
+ target: entryArgs.value.value
75
+ };
76
+ }
77
+ return {
78
+ slug: Array.isArray(relationTo) ? undefined : relationTo,
79
+ target: entry
80
+ };
81
+ };
82
+ const getOptionLabel = ({ collectionConfig, dateFormat, entry, i18n, target })=>{
83
+ const targetArgs = {
84
+ value: target
85
+ };
86
+ const doc = isRecord(targetArgs) ? targetArgs.value : undefined;
87
+ const id = doc ? doc.id : target;
88
+ // Fall back to JSON for anything that did not resolve to a usable ID. Interpolating an
89
+ // object into a template is the `[object Object]` this function exists to avoid.
90
+ if (typeof id !== 'string' && typeof id !== 'number') {
91
+ return JSON.stringify(entry) ?? '';
92
+ }
93
+ if (!doc) {
94
+ // A bare ID carries no document to title. Showing the ID alone is more honest than
95
+ // the field's `Untitled` fallback, which would assert the document has no title.
96
+ return `${id}`;
97
+ }
98
+ return formatDocTitle({
99
+ collectionConfig,
100
+ data: doc,
101
+ dateFormat,
102
+ fallback: `${i18n.t('general:untitled')} - ID: ${id}`,
103
+ i18n
104
+ });
105
+ };
106
+ const isRecord = (args)=>typeof args.value === 'object' && args.value !== null && !Array.isArray(args.value);
107
+ const isPolymorphicRelationship = (args)=>isRecord(args) && typeof args.value.relationTo === 'string' && 'value' in args.value;
108
+
109
+ //# sourceMappingURL=getRelationshipGroups.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/RelationshipCell/getRelationshipGroups.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, SanitizedConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatDocTitle } from '@payloadcms/ui/shared'\n\n/**\n * Labels rendered per collection before the rest collapse into `and N more`,\n * matching `totalToShow` in the list view's relationship cell.\n */\nexport const TOTAL_TO_SHOW = 3\n\ntype Args = {\n collections: ClientCollectionConfig[]\n dateFormat: SanitizedConfig['admin']['dateFormat']\n i18n: I18n<any, any>\n /** `field.relationTo` — an array when the field is polymorphic. */\n relationTo: string | string[]\n value: unknown\n}\n\nexport type RelationshipGroup = {\n /** Plural label of the target collection, empty when it cannot be determined. */\n label: string\n /** One rendered label per document, capped at `TOTAL_TO_SHOW`. */\n options: string[]\n /** Options past `TOTAL_TO_SHOW` dropped from this group, to render as `and N more`. */\n remaining: number\n /** Slug of the target collection, undefined when it cannot be determined. */\n slug?: string\n}\n\n/**\n * Groups a relationship or upload value by target collection — one group per\n * collection, labeled with its plural label, holding one label per document.\n *\n * Import files carry relationships in whichever shape produced them, so every\n * entry is one of: a bare ID, a populated document, or the polymorphic\n * `{ relationTo, value }` pair — whose `value` is itself an ID or a document.\n *\n * Each group caps at `TOTAL_TO_SHOW` options and counts the rest into `remaining`,\n * so a polymorphic field shows the same depth per collection rather than spending\n * one cell's worth of rows on whichever collection happens to come first. Groups are\n * returned in the order their collection first appears, and entries whose collection\n * cannot be determined collect into a single unlabeled group. Options keep their order\n * in the file rather than being sorted, so the preview reflects what will be imported.\n */\nexport const getRelationshipGroups = ({\n collections,\n dateFormat,\n i18n,\n relationTo,\n value,\n}: Args): RelationshipGroup[] => {\n const entries = Array.isArray(value) ? value : [value]\n const configsBySlug = new Map(collections.map((collection) => [collection.slug, collection]))\n\n // Insertion order is the order each collection first appears, which is the order to render.\n const groupsBySlug = new Map<string, RelationshipGroup>()\n\n entries.forEach((entry) => {\n const { slug, target } = resolveEntry({ entry, relationTo })\n\n const key = slug ?? ''\n let group = groupsBySlug.get(key)\n\n if (!group) {\n group = {\n slug,\n label: slug ? getTranslation(configsBySlug.get(slug)?.labels?.plural || slug, i18n) : '',\n options: [],\n remaining: 0,\n }\n\n groupsBySlug.set(key, group)\n }\n\n // Past the cap only the count matters, so skip the cost of titling the document.\n if (group.options.length < TOTAL_TO_SHOW) {\n group.options.push(\n getOptionLabel({\n collectionConfig: slug ? configsBySlug.get(slug) : undefined,\n dateFormat,\n entry,\n i18n,\n target,\n }),\n )\n } else {\n group.remaining++\n }\n })\n\n return [...groupsBySlug.values()]\n}\n\n/**\n * Splits an entry into the collection it targets — `undefined` when that cannot be\n * determined — and the ID or document it points at.\n */\nconst resolveEntry = ({\n entry,\n relationTo,\n}: { entry: unknown } & Pick<Args, 'relationTo'>): { slug?: string; target: unknown } => {\n const entryArgs = { value: entry }\n\n if (isPolymorphicRelationship(entryArgs)) {\n return { slug: entryArgs.value.relationTo, target: entryArgs.value.value }\n }\n\n return { slug: Array.isArray(relationTo) ? undefined : relationTo, target: entry }\n}\n\ntype GetOptionLabelArgs = {\n collectionConfig?: ClientCollectionConfig\n /** The original entry, kept for the JSON fallback when `target` holds no usable ID. */\n entry: unknown\n target: unknown\n} & Pick<Args, 'dateFormat' | 'i18n'>\n\nconst getOptionLabel = ({\n collectionConfig,\n dateFormat,\n entry,\n i18n,\n target,\n}: GetOptionLabelArgs): string => {\n const targetArgs = { value: target }\n const doc = isRecord(targetArgs) ? targetArgs.value : undefined\n const id = doc ? doc.id : target\n\n // Fall back to JSON for anything that did not resolve to a usable ID. Interpolating an\n // object into a template is the `[object Object]` this function exists to avoid.\n if (typeof id !== 'string' && typeof id !== 'number') {\n return JSON.stringify(entry) ?? ''\n }\n\n if (!doc) {\n // A bare ID carries no document to title. Showing the ID alone is more honest than\n // the field's `Untitled` fallback, which would assert the document has no title.\n return `${id}`\n }\n\n return formatDocTitle({\n collectionConfig,\n data: doc as Parameters<typeof formatDocTitle>[0]['data'],\n dateFormat,\n fallback: `${i18n.t('general:untitled')} - ID: ${id}`,\n i18n,\n })\n}\n\ntype ValueArgs = { value: unknown }\n\nconst isRecord = (args: ValueArgs): args is { value: Record<string, unknown> } =>\n typeof args.value === 'object' && args.value !== null && !Array.isArray(args.value)\n\nconst isPolymorphicRelationship = (\n args: ValueArgs,\n): args is { value: { relationTo: string; value: unknown } } =>\n isRecord(args) && typeof args.value.relationTo === 'string' && 'value' in args.value\n"],"names":["getTranslation","formatDocTitle","TOTAL_TO_SHOW","getRelationshipGroups","collections","dateFormat","i18n","relationTo","value","entries","Array","isArray","configsBySlug","Map","map","collection","slug","groupsBySlug","forEach","entry","target","resolveEntry","key","group","get","label","labels","plural","options","remaining","set","length","push","getOptionLabel","collectionConfig","undefined","values","entryArgs","isPolymorphicRelationship","targetArgs","doc","isRecord","id","JSON","stringify","data","fallback","t","args"],"mappings":"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"}
@@ -0,0 +1,30 @@
1
+ @layer payload-default {
2
+ .import-preview-relationship {
3
+ display: flex;
4
+ flex-direction: column;
5
+ gap: var(--spacer-2);
6
+ }
7
+
8
+ .import-preview-relationship__group {
9
+ display: flex;
10
+ flex-direction: column;
11
+ align-items: flex-start;
12
+ }
13
+
14
+ .import-preview-relationship__collection {
15
+ color: var(--color-text-secondary);
16
+ font-size: var(--text-body-medium-bold-font-size);
17
+ font-weight: var(--text-body-large-font-weight);
18
+ letter-spacing: var(--text-body-small-bold-letter-spacing);
19
+ line-height: var(--text-body-small-bold-line-height);
20
+ white-space: nowrap;
21
+ }
22
+
23
+ .import-preview-relationship__more {
24
+ display: block;
25
+ color: var(--color-text-secondary);
26
+ font-size: var(--text-body-small-font-size);
27
+ font-weight: var(--text-body-small-font-weight);
28
+ line-height: var(--text-body-small-line-height);
29
+ }
30
+ }
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import './index.css';
3
+ type Props = {
4
+ fieldPath: string;
5
+ /** `field.relationTo` — an array when the field is polymorphic. */
6
+ relationTo: string | string[];
7
+ value: unknown;
8
+ };
9
+ /**
10
+ * Renders a relationship or upload value for the import preview table, stacking
11
+ * one row per target collection.
12
+ */
13
+ export declare const RelationshipCell: React.FC<Props>;
14
+ export {};
15
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RelationshipCell/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,mEAAmE;IACnE,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC7B,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuC5C,CAAA"}
@@ -0,0 +1,57 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { useConfig, useTranslation } from '@payloadcms/ui';
4
+ import React from 'react';
5
+ import { getRelationshipGroupKey } from './getRelationshipGroupKey.js';
6
+ import { getRelationshipGroups } from './getRelationshipGroups.js';
7
+ import './index.css';
8
+ const baseClass = 'import-preview-relationship';
9
+ /**
10
+ * Renders a relationship or upload value for the import preview table, stacking
11
+ * one row per target collection.
12
+ */ export const RelationshipCell = ({ fieldPath, relationTo, value })=>{
13
+ const { config } = useConfig();
14
+ const { i18n } = useTranslation();
15
+ const groups = getRelationshipGroups({
16
+ collections: config.collections,
17
+ dateFormat: config.admin.dateFormat,
18
+ i18n,
19
+ relationTo,
20
+ value
21
+ });
22
+ // The column heading already names a monomorphic field, whose collection never varies.
23
+ const shouldShowCollectionLabels = Array.isArray(relationTo);
24
+ if (!groups.length) {
25
+ return null;
26
+ }
27
+ return /*#__PURE__*/ _jsx("div", {
28
+ className: baseClass,
29
+ children: groups.map(({ slug, label, options, remaining })=>/*#__PURE__*/ _jsxs("div", {
30
+ className: `${baseClass}__group`,
31
+ children: [
32
+ shouldShowCollectionLabels && label && /*#__PURE__*/ _jsx("span", {
33
+ className: `${baseClass}__collection`,
34
+ children: label
35
+ }),
36
+ /*#__PURE__*/ _jsxs("div", {
37
+ className: `${baseClass}__values`,
38
+ children: [
39
+ options.join(', '),
40
+ remaining > 0 && /*#__PURE__*/ _jsx("span", {
41
+ className: `${baseClass}__more`,
42
+ children: i18n.t('fields:itemsAndMore', {
43
+ count: remaining,
44
+ items: ''
45
+ }).trim()
46
+ })
47
+ ]
48
+ })
49
+ ]
50
+ }, getRelationshipGroupKey({
51
+ slug,
52
+ fieldPath
53
+ })))
54
+ });
55
+ };
56
+
57
+ //# sourceMappingURL=index.js.map