@strapi/content-manager 5.52.1 → 5.52.3

package/dist/admin/history/components/VersionInputRenderer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VersionInputRenderer.mjs","sources":["../../../../admin/src/history/components/VersionInputRenderer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  useStrapiApp,\n  useForm,\n  InputRenderer as FormInputRenderer,\n  useField,\n  Form,\n} from '@strapi/admin/strapi-admin';\nimport { Alert, Box, Field, Flex, Link, Tooltip, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { useDocumentRBAC } from '../../features/DocumentRBAC';\nimport { useDoc } from '../../hooks/useDocument';\nimport { useDocLayout } from '../../hooks/useDocumentLayout';\nimport { useLazyComponents } from '../../hooks/useLazyComponents';\nimport { useTypedSelector } from '../../modules/hooks';\nimport { DocumentStatus } from '../../pages/EditView/components/DocumentStatus';\nimport { BlocksInput } from '../../pages/EditView/components/FormInputs/BlocksInput/BlocksInput';\nimport { ComponentInput } from '../../pages/EditView/components/FormInputs/Component/Input';\nimport {\n  DynamicZone,\n  useDynamicZone,\n} from '../../pages/EditView/components/FormInputs/DynamicZone/Field';\nimport { NotAllowedInput } from '../../pages/EditView/components/FormInputs/NotAllowed';\nimport { UIDInput } from '../../pages/EditView/components/FormInputs/UID';\nimport { Wysiwyg } from '../../pages/EditView/components/FormInputs/Wysiwyg/Field';\nimport { useFieldHint } from '../../pages/EditView/components/InputRenderer';\nimport { getRelationLabel } from '../../utils/relations';\nimport { useHistoryContext } from '../pages/History';\n\nimport { getRemaingFieldsLayout } from './VersionContent';\n\nimport type { EditFieldLayout } from '../../hooks/useDocumentLayout';\nimport type { RelationsFieldProps } from '../../pages/EditView/components/FormInputs/Relations/Relations';\nimport type { RelationResult } from '../../services/relations';\nimport type { Schema } from '@strapi/types';\nimport type { DistributiveOmit } from 'react-redux';\n\nconst StyledAlert = styled(Alert).attrs({ closeLabel: 'Close', onClose: () => {}, shadow: 'none' })`\n  button {\n    display: none;\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * CustomRelationInput\n * -----------------------------------------------------------------------------------------------*/\n\nconst LinkEllipsis = styled(Link)`\n  display: block;\n\n  & > span {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n  }\n`;\n\nconst CustomRelationInput = (props: RelationsFieldProps) => {\n  const { formatMessage } = useIntl();\n  const field = useField<\n    { results: RelationResult[]; meta: { missingCount: number } } | RelationResult[]\n  >(props.name);\n\n  /**\n   * Ideally the server would return the correct shape, however, for admin user relations\n   * it sanitizes everything out when it finds an object for the relation value.\n   */\n  let formattedFieldValue;\n  if (field) {\n    formattedFieldValue = Array.isArray(field.value)\n      ? { results: field.value, meta: { missingCount: 0 } }\n      : field.value;\n  }\n\n  // Be defensive about the shape: admin-user relations are sanitized to a\n  // plain user object on the server, and historical version data can carry\n  // shapes that pre-date the `{ results, meta }` contract. Treat anything\n  // without an array `results` as \"no relations\".\n  const hasResultsShape =\n    !!formattedFieldValue &&\n    typeof formattedFieldValue === 'object' &&\n    Array.isArray((formattedFieldValue as { results?: unknown }).results);\n  const missingCount =\n    hasResultsShape &&\n    typeof (formattedFieldValue as { meta?: { missingCount?: number } }).meta?.missingCount ===\n      'number'\n      ? (formattedFieldValue as { meta: { missingCount: number } }).meta.missingCount\n      : 0;\n\n  if (\n    !hasResultsShape ||\n    ((formattedFieldValue as { results: unknown[] }).results.length === 0 && missingCount === 0)\n  ) {\n    return (\n      <>\n        <Field.Label action={props.labelAction}>{props.label}</Field.Label>\n        <Box marginTop={1}>\n          <StyledAlert variant=\"default\">\n            {formatMessage({\n              id: 'content-manager.history.content.no-relations',\n              defaultMessage: 'No relations.',\n            })}\n          </StyledAlert>\n        </Box>\n      </>\n    );\n  }\n\n  const { results, meta } = formattedFieldValue as {\n    results: RelationResult[];\n    meta: { missingCount: number };\n  };\n\n  return (\n    <Box>\n      <Field.Label>{props.label}</Field.Label>\n      {results.length > 0 && (\n        <Flex direction=\"column\" gap={2} marginTop={1} alignItems=\"stretch\">\n          {results.map((relationData) => {\n            // @ts-expect-error - targetModel does exist on the attribute. But it's not typed.\n            const { targetModel } = props.attribute;\n            const href = `../${COLLECTION_TYPES}/${targetModel}/${relationData.documentId}`;\n            const label = getRelationLabel(relationData, props.mainField);\n            const isAdminUserRelation = targetModel === 'admin::user';\n\n            return (\n              <Flex\n                key={relationData.documentId ?? relationData.id}\n                paddingTop={2}\n                paddingBottom={2}\n                paddingLeft={4}\n                paddingRight={4}\n                hasRadius\n                borderColor=\"neutral200\"\n                background=\"neutral150\"\n                justifyContent=\"space-between\"\n              >\n                <Box minWidth={0} paddingTop={1} paddingBottom={1} paddingRight={4}>\n                  <Tooltip label={label}>\n                    {isAdminUserRelation ? (\n                      <Typography>{label}</Typography>\n                    ) : (\n                      <LinkEllipsis tag={NavLink} to={href}>\n                        {label}\n                      </LinkEllipsis>\n                    )}\n                  </Tooltip>\n                </Box>\n                <DocumentStatus status={relationData.status as string} />\n              </Flex>\n            );\n          })}\n        </Flex>\n      )}\n      {meta.missingCount > 0 && (\n        <StyledAlert\n          marginTop={1}\n          variant=\"warning\"\n          title={formatMessage(\n            {\n              id: 'content-manager.history.content.missing-relations.title',\n              defaultMessage:\n                '{number, plural, =1 {Missing relation} other {{number} missing relations}}',\n            },\n            { number: meta.missingCount }\n          )}\n        >\n          {formatMessage(\n            {\n              id: 'content-manager.history.content.missing-relations.message',\n              defaultMessage:\n                \"{number, plural, =1 {It has} other {They have}} been deleted and can't be restored.\",\n            },\n            { number: meta.missingCount }\n          )}\n        </StyledAlert>\n      )}\n    </Box>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * CustomMediaInput\n * -----------------------------------------------------------------------------------------------*/\n\n//  Create an object with value at key path (i.e. 'a.b.c')\nconst createInitialValuesForPath = (keyPath: string, value: unknown) => {\n  const keys = keyPath.split('.');\n  // The root level object\n  const root: Record<string, unknown> = {};\n\n  // Make the first node the root\n  let node = root;\n  keys.forEach((key, index) => {\n    // Skip prototype pollution keys\n    if (key === '__proto__' || key === 'constructor') return;\n    // If it's the last key, set the node value\n    if (index === keys.length - 1) {\n      node[key] = value;\n    } else {\n      // Ensure the key exists and is an object\n      const nextNode =\n        typeof node[key] === 'object' && node[key] !== null && Array.isArray(node[key]) === false\n          ? (node[key] as Record<string, unknown>)\n          : {};\n      node[key] = nextNode;\n      node = nextNode;\n    }\n  });\n\n  return root;\n};\n\nconst CustomMediaInput = (props: VersionInputRendererProps) => {\n  const { value } = useField<{ results: unknown[]; meta: { missingCount: number } }>(props.name);\n  const results = value?.results ?? [];\n  const meta = value?.meta ?? { missingCount: 0 };\n\n  const { formatMessage } = useIntl();\n\n  const fields = useStrapiApp('CustomMediaInput', (state) => state.fields);\n  const MediaLibrary = fields.media as React.ComponentType<\n    VersionInputRendererProps & { multiple: boolean }\n  >;\n\n  return (\n    <Flex direction=\"column\" gap={2} alignItems=\"stretch\">\n      <Form\n        method=\"PUT\"\n        disabled={true}\n        initialValues={createInitialValuesForPath(props.name, results)}\n      >\n        <MediaLibrary {...props} disabled={true} multiple={results.length > 1} />\n      </Form>\n      {meta.missingCount > 0 && (\n        <StyledAlert\n          variant=\"warning\"\n          closeLabel=\"Close\"\n          onClose={() => {}}\n          title={formatMessage(\n            {\n              id: 'content-manager.history.content.missing-assets.title',\n              defaultMessage:\n                '{number, plural, =1 {Missing asset} other {{number} missing assets}}',\n            },\n            { number: meta.missingCount }\n          )}\n        >\n          {formatMessage(\n            {\n              id: 'content-manager.history.content.missing-assets.message',\n              defaultMessage:\n                \"{number, plural, =1 {It has} other {They have}} been deleted in the Media Library and can't be restored.\",\n            },\n            { number: meta.missingCount }\n          )}\n        </StyledAlert>\n      )}\n    </Flex>\n  );\n};\n\ntype VersionInputRendererProps = DistributiveOmit<EditFieldLayout, 'size'> & {\n  /**\n   * In the context of content history, deleted fields need to ignore RBAC\n   * @default false\n   */\n  shouldIgnoreRBAC?: boolean;\n};\n\n/**\n * Checks if the i18n plugin added a label action to the field and modifies it\n * to adapt the wording for the history page.\n */\nconst getLabelAction = (labelAction: VersionInputRendererProps['labelAction']) => {\n  if (!React.isValidElement(labelAction)) {\n    return labelAction;\n  }\n\n  // TODO: find a better way to do this rather than access internals\n  const labelActionTitleId = labelAction.props.title.id;\n\n  if (labelActionTitleId === 'i18n.Field.localized') {\n    return React.cloneElement(labelAction, {\n      ...labelAction.props,\n      title: {\n        id: 'history.content.localized',\n        defaultMessage:\n          'This value is specific to this locale. If you restore this version, the content will not be replaced for other locales.',\n      },\n    });\n  }\n\n  if (labelActionTitleId === 'i18n.Field.not-localized') {\n    return React.cloneElement(labelAction, {\n      ...labelAction.props,\n      title: {\n        id: 'history.content.not-localized',\n        defaultMessage:\n          'This value is common to all locales. If you restore this version and save the changes, the content will be replaced for all locales.',\n      },\n    });\n  }\n\n  // Label action is unrelated to i18n, don't touch it.\n  return labelAction;\n};\n\n/**\n * Resolve the layout, configuration metadata and schema attributes needed to\n * render a component field on the history page. Returns `null` when any of\n * those are missing — happens when the component schema referenced by the\n * version was deleted via the Content-Type Builder, in which case the caller\n * should render a fallback instead of crashing on the destructuring.\n */\nconst resolveComponentRenderResources = (\n  componentUID: string,\n  componentsLayout: { [uid: string]: { layout: unknown } | undefined },\n  configurationComponents: { [uid: string]: { metadatas: unknown } | undefined },\n  components: { [uid: string]: { attributes: unknown } | undefined }\n) => {\n  const componentLayout = componentsLayout[componentUID];\n  const componentConfiguration = configurationComponents[componentUID];\n  const componentSchema = components[componentUID];\n\n  if (!componentLayout || !componentConfiguration || !componentSchema) {\n    return null;\n  }\n\n  return {\n    layout: componentLayout.layout,\n    metadatas: componentConfiguration.metadatas,\n    schemaAttributes: componentSchema.attributes,\n  };\n};\n\n/**\n * @internal\n *\n * @description An abstraction around the regular form input renderer designed specifically\n * to be used on the History page in the content-manager. It understands how to render specific\n * inputs within the context of a history version (i.e. relations, media, ignored RBAC, etc...)\n */\nconst VersionInputRenderer = ({\n  visible,\n  hint: providedHint,\n  shouldIgnoreRBAC = false,\n  labelAction,\n  ...props\n}: VersionInputRendererProps) => {\n  const customLabelAction = getLabelAction(labelAction);\n\n  const { formatMessage } = useIntl();\n  const version = useHistoryContext('VersionContent', (state) => state.selectedVersion);\n  const configuration = useHistoryContext('VersionContent', (state) => state.configuration);\n  const fieldSizes = useTypedSelector((state) => state['content-manager'].app.fieldSizes);\n\n  const { id, components } = useDoc();\n  const isFormDisabled = useForm('InputRenderer', (state) => state.disabled);\n\n  const isInDynamicZone = useDynamicZone('isInDynamicZone', (state) => state.isInDynamicZone);\n\n  const canCreateFields = useDocumentRBAC('InputRenderer', (rbac) => rbac.canCreateFields);\n  const canReadFields = useDocumentRBAC('InputRenderer', (rbac) => rbac.canReadFields);\n  const canUpdateFields = useDocumentRBAC('InputRenderer', (rbac) => rbac.canUpdateFields);\n  const canUserAction = useDocumentRBAC('InputRenderer', (rbac) => rbac.canUserAction);\n\n  const editableFields = id ? canUpdateFields : canCreateFields;\n  const readableFields = id ? canReadFields : canCreateFields;\n  /**\n   * Component fields are always readable and editable,\n   * however the fields within them may not be.\n   */\n  const canUserReadField = canUserAction(props.name, readableFields, props.type);\n  const canUserEditField = canUserAction(props.name, editableFields, props.type);\n\n  const fields = useStrapiApp('InputRenderer', (app) => app.fields);\n  const { lazyComponentStore } = useLazyComponents(\n    attributeHasCustomFieldProperty(props.attribute) ? [props.attribute.customField] : undefined\n  );\n\n  const hint = useFieldHint(providedHint, props.attribute);\n  const {\n    edit: { components: componentsLayout },\n  } = useDocLayout();\n\n  if (!visible) {\n    return null;\n  }\n\n  /**\n   * Don't render the field if the user can't read it.\n   */\n  if (!shouldIgnoreRBAC && !canUserReadField && !isInDynamicZone) {\n    return <NotAllowedInput hint={hint} {...props} />;\n  }\n\n  const fieldIsDisabled =\n    (!canUserEditField && !isInDynamicZone) || props.disabled || isFormDisabled;\n\n  /**\n   * Attributes found on the current content-type schema cannot be restored. We handle\n   * this by displaying a warning alert to the user instead of the input for that field type.\n   */\n  const addedAttributes = version.meta.unknownAttributes.added;\n  if (Object.keys(addedAttributes).includes(props.name)) {\n    return (\n      <Flex direction=\"column\" alignItems=\"flex-start\" gap={1}>\n        <Field.Label>{props.label}</Field.Label>\n        <StyledAlert\n          width=\"100%\"\n          closeLabel=\"Close\"\n          onClose={() => {}}\n          variant=\"warning\"\n          title={formatMessage({\n            id: 'content-manager.history.content.new-field.title',\n            defaultMessage: 'New field',\n          })}\n        >\n          {formatMessage({\n            id: 'content-manager.history.content.new-field.message',\n            defaultMessage:\n              \"This field didn't exist when this version was saved. If you restore this version, it will be empty.\",\n          })}\n        </StyledAlert>\n      </Flex>\n    );\n  }\n\n  /**\n   * Because a custom field has a unique prop but the type could be confused with either\n   * the useField hook or the type of the field we need to handle it separately and first.\n   */\n  if (attributeHasCustomFieldProperty(props.attribute)) {\n    const CustomInput = lazyComponentStore[props.attribute.customField];\n\n    if (CustomInput) {\n      return (\n        <CustomInput\n          {...props}\n          // @ts-expect-error – TODO: fix this type error in the useLazyComponents hook.\n          hint={hint}\n          labelAction={customLabelAction}\n          disabled={fieldIsDisabled}\n        />\n      );\n    }\n\n    return (\n      <FormInputRenderer\n        {...props}\n        hint={hint}\n        labelAction={customLabelAction}\n        // @ts-expect-error – this workaround lets us display that the custom field is missing.\n        type={props.attribute.customField}\n        disabled={fieldIsDisabled}\n      />\n    );\n  }\n\n  /**\n   * Since media fields use a custom input via the upload plugin provided by the useLibrary hook,\n   * we need to handle the them before other custom inputs coming from the useLibrary hook.\n   */\n  if (props.type === 'media') {\n    return (\n      <CustomMediaInput {...props} labelAction={customLabelAction} disabled={fieldIsDisabled} />\n    );\n  }\n  /**\n   * This is where we handle ONLY the fields from the `useLibrary` hook.\n   */\n  const addedInputTypes = Object.keys(fields);\n  if (!attributeHasCustomFieldProperty(props.attribute) && addedInputTypes.includes(props.type)) {\n    const CustomInput = fields[props.type];\n    return (\n      <CustomInput\n        {...props}\n        // @ts-expect-error – TODO: fix this type error in the useLibrary hook.\n        hint={hint}\n        labelAction={customLabelAction}\n        disabled={fieldIsDisabled}\n      />\n    );\n  }\n\n  /**\n   * These include the content-manager specific fields, failing that we fall back\n   * to the more generic form input renderer.\n   */\n  switch (props.type) {\n    case 'blocks':\n      return <BlocksInput {...props} hint={hint} type={props.type} disabled={fieldIsDisabled} />;\n    case 'component': {\n      const renderResources = resolveComponentRenderResources(\n        props.attribute.component,\n        componentsLayout,\n        configuration.components,\n        components\n      );\n\n      // The component schema referenced by this version is no longer present\n      // (deleted via the Content-Type Builder). Render the label only so the\n      // rest of the page still loads instead of crashing on the lookups below.\n      if (!renderResources) {\n        return <Field.Label>{props.label}</Field.Label>;\n      }\n\n      const { layout, metadatas, schemaAttributes } = renderResources as {\n        layout: Array<EditFieldLayout[]>;\n        metadatas: Parameters<typeof getRemaingFieldsLayout>[0]['metadatas'];\n        schemaAttributes: Parameters<typeof getRemaingFieldsLayout>[0]['schemaAttributes'];\n      };\n\n      // Components can only have one panel, so only save the first layout item\n      const [remainingFieldsLayout] = getRemaingFieldsLayout({\n        layout: [layout],\n        metadatas,\n        fieldSizes,\n        schemaAttributes,\n      });\n\n      return (\n        <ComponentInput\n          {...props}\n          layout={[...layout, ...(remainingFieldsLayout || [])]}\n          hint={hint}\n          labelAction={customLabelAction}\n          disabled={fieldIsDisabled}\n        >\n          {(inputProps) => <VersionInputRenderer {...inputProps} shouldIgnoreRBAC={true} />}\n        </ComponentInput>\n      );\n    }\n    case 'dynamiczone':\n      return (\n        <DynamicZone\n          {...props}\n          hint={hint}\n          labelAction={customLabelAction}\n          disabled={fieldIsDisabled}\n        >\n          {(inputProps) => <VersionInputRenderer {...inputProps} shouldIgnoreRBAC={true} />}\n        </DynamicZone>\n      );\n    case 'relation':\n      return (\n        <CustomRelationInput\n          {...props}\n          hint={hint}\n          labelAction={customLabelAction}\n          disabled={fieldIsDisabled}\n        />\n      );\n    case 'richtext':\n      return (\n        <Wysiwyg\n          {...props}\n          hint={hint}\n          type={props.type}\n          labelAction={customLabelAction}\n          disabled={fieldIsDisabled}\n        />\n      );\n    case 'uid':\n      return (\n        <UIDInput\n          {...props}\n          hint={hint}\n          type={props.type}\n          labelAction={customLabelAction}\n          disabled={fieldIsDisabled}\n        />\n      );\n    /**\n     * Enumerations are a special case because they require options.\n     */\n    case 'enumeration':\n      return (\n        <FormInputRenderer\n          {...props}\n          hint={hint}\n          labelAction={customLabelAction}\n          options={props.attribute.enum.map((value) => ({ value }))}\n          // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!\n          type={props.customField ? 'custom-field' : props.type}\n          disabled={fieldIsDisabled}\n        />\n      );\n    default:\n      // These props are not needed for the generic form input renderer.\n      const { unique: _unique, mainField: _mainField, ...restProps } = props;\n      return (\n        <FormInputRenderer\n          {...restProps}\n          hint={hint}\n          labelAction={customLabelAction}\n          // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!\n          type={props.customField ? 'custom-field' : props.type}\n          disabled={fieldIsDisabled}\n        />\n      );\n  }\n};\n\nconst attributeHasCustomFieldProperty = (\n  attribute: Schema.Attribute.AnyAttribute\n): attribute is Schema.Attribute.AnyAttribute & Schema.Attribute.CustomField<string> =>\n  'customField' in attribute && typeof attribute.customField === 'string';\n\nexport type { VersionInputRendererProps };\nexport { VersionInputRenderer, CustomRelationInput, resolveComponentRenderResources };\n"],"names":["StyledAlert","styled","Alert","attrs","closeLabel","onClose","shadow","LinkEllipsis","Link","CustomRelationInput","props","formatMessage","useIntl","field","useField","name","formattedFieldValue","Array","isArray","value","results","meta","missingCount","hasResultsShape","length","_jsxs","_Fragment","_jsx","Field","Label","action","labelAction","label","Box","marginTop","variant","id","defaultMessage","Flex","direction","gap","alignItems","map","relationData","targetModel","attribute","href","COLLECTION_TYPES","documentId","getRelationLabel","mainField","isAdminUserRelation","paddingTop","paddingBottom","paddingLeft","paddingRight","hasRadius","borderColor","background","justifyContent","minWidth","Tooltip","Typography","tag","NavLink","to","DocumentStatus","status","title","number","createInitialValuesForPath","keyPath","keys","split","root","node","forEach","key","index","nextNode","CustomMediaInput","fields","useStrapiApp","state","MediaLibrary","media","Form","method","disabled","initialValues","multiple","getLabelAction","React","isValidElement","labelActionTitleId","cloneElement","resolveComponentRenderResources","componentUID","componentsLayout","configurationComponents","components","componentLayout","componentConfiguration","componentSchema","layout","metadatas","schemaAttributes","attributes","VersionInputRenderer","visible","hint","providedHint","shouldIgnoreRBAC","customLabelAction","version","useHistoryContext","selectedVersion","configuration","fieldSizes","useTypedSelector","app","useDoc","isFormDisabled","useForm","isInDynamicZone","useDynamicZone","canCreateFields","useDocumentRBAC","rbac","canReadFields","canUpdateFields","canUserAction","editableFields","readableFields","canUserReadField","type","canUserEditField","lazyComponentStore","useLazyComponents","attributeHasCustomFieldProperty","customField","undefined","useFieldHint","edit","useDocLayout","NotAllowedInput","fieldIsDisabled","addedAttributes","unknownAttributes","added","Object","includes","width","CustomInput","FormInputRenderer","addedInputTypes","BlocksInput","renderResources","component","remainingFieldsLayout","getRemaingFieldsLayout","ComponentInput","inputProps","DynamicZone","Wysiwyg","UIDInput","options","enum","unique","_unique","_mainField","restProps"],"mappings":"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"}
+{"version":3,"file":"VersionInputRenderer.mjs","sources":["../../../../admin/src/history/components/VersionInputRenderer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  useStrapiApp,\n  useForm,\n  InputRenderer as FormInputRenderer,\n  useField,\n  Form,\n} from '@strapi/admin/strapi-admin';\nimport { Alert, Box, Field, Flex, Link, Tooltip, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { useDocumentRBAC } from '../../features/DocumentRBAC';\nimport { useDoc } from '../../hooks/useDocument';\nimport { useDocLayout } from '../../hooks/useDocumentLayout';\nimport { useLazyComponents } from '../../hooks/useLazyComponents';\nimport { useTypedSelector } from '../../modules/hooks';\nimport { DocumentStatus } from '../../pages/EditView/components/DocumentStatus';\nimport { BlocksInput } from '../../pages/EditView/components/FormInputs/BlocksInput/BlocksInput';\nimport { ComponentInput } from '../../pages/EditView/components/FormInputs/Component/Input';\nimport {\n  DynamicZone,\n  useDynamicZone,\n} from '../../pages/EditView/components/FormInputs/DynamicZone/Field';\nimport { NotAllowedInput } from '../../pages/EditView/components/FormInputs/NotAllowed';\nimport { UIDInput } from '../../pages/EditView/components/FormInputs/UID';\nimport { Wysiwyg } from '../../pages/EditView/components/FormInputs/Wysiwyg/Field';\nimport { useFieldHint } from '../../pages/EditView/components/InputRenderer';\nimport { getRelationLabel } from '../../utils/relations';\nimport { useHistoryContext } from '../pages/History';\n\nimport { getRemaingFieldsLayout } from './VersionContent';\n\nimport type { EditFieldLayout } from '../../hooks/useDocumentLayout';\nimport type { RelationsFieldProps } from '../../pages/EditView/components/FormInputs/Relations/Relations';\nimport type { RelationResult } from '../../services/relations';\nimport type { Schema } from '@strapi/types';\nimport type { DistributiveOmit } from 'react-redux';\n\nconst StyledAlert = styled(Alert).attrs({ closeLabel: 'Close', onClose: () => {}, shadow: 'none' })`\n  button {\n    display: none;\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * CustomRelationInput\n * -----------------------------------------------------------------------------------------------*/\n\nconst LinkEllipsis = styled(Link)`\n  display: block;\n\n  & > span {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n  }\n`;\n\nconst CustomRelationInput = (props: RelationsFieldProps) => {\n  const { formatMessage } = useIntl();\n  const emptyLabel = formatMessage({\n    id: 'content-manager.containers.empty-label',\n    defaultMessage: 'Untitled',\n  });\n  const field = useField<\n    { results: RelationResult[]; meta: { missingCount: number } } | RelationResult[]\n  >(props.name);\n\n  /**\n   * Ideally the server would return the correct shape, however, for admin user relations\n   * it sanitizes everything out when it finds an object for the relation value.\n   */\n  let formattedFieldValue;\n  if (field) {\n    formattedFieldValue = Array.isArray(field.value)\n      ? { results: field.value, meta: { missingCount: 0 } }\n      : field.value;\n  }\n\n  // Be defensive about the shape: admin-user relations are sanitized to a\n  // plain user object on the server, and historical version data can carry\n  // shapes that pre-date the `{ results, meta }` contract. Treat anything\n  // without an array `results` as \"no relations\".\n  const hasResultsShape =\n    !!formattedFieldValue &&\n    typeof formattedFieldValue === 'object' &&\n    Array.isArray((formattedFieldValue as { results?: unknown }).results);\n  const missingCount =\n    hasResultsShape &&\n    typeof (formattedFieldValue as { meta?: { missingCount?: number } }).meta?.missingCount ===\n      'number'\n      ? (formattedFieldValue as { meta: { missingCount: number } }).meta.missingCount\n      : 0;\n\n  if (\n    !hasResultsShape ||\n    ((formattedFieldValue as { results: unknown[] }).results.length === 0 && missingCount === 0)\n  ) {\n    return (\n      <>\n        <Field.Label action={props.labelAction}>{props.label}</Field.Label>\n        <Box marginTop={1}>\n          <StyledAlert variant=\"default\">\n            {formatMessage({\n              id: 'content-manager.history.content.no-relations',\n              defaultMessage: 'No relations.',\n            })}\n          </StyledAlert>\n        </Box>\n      </>\n    );\n  }\n\n  const { results, meta } = formattedFieldValue as {\n    results: RelationResult[];\n    meta: { missingCount: number };\n  };\n\n  return (\n    <Box>\n      <Field.Label>{props.label}</Field.Label>\n      {results.length > 0 && (\n        <Flex direction=\"column\" gap={2} marginTop={1} alignItems=\"stretch\">\n          {results.map((relationData) => {\n            // @ts-expect-error - targetModel does exist on the attribute. But it's not typed.\n            const { targetModel } = props.attribute;\n            const href = `../${COLLECTION_TYPES}/${targetModel}/${relationData.documentId}`;\n            const label = getRelationLabel(relationData, props.mainField, emptyLabel);\n            const isAdminUserRelation = targetModel === 'admin::user';\n\n            return (\n              <Flex\n                key={relationData.documentId ?? relationData.id}\n                paddingTop={2}\n                paddingBottom={2}\n                paddingLeft={4}\n                paddingRight={4}\n                hasRadius\n                borderColor=\"neutral200\"\n                background=\"neutral150\"\n                justifyContent=\"space-between\"\n              >\n                <Box minWidth={0} paddingTop={1} paddingBottom={1} paddingRight={4}>\n                  <Tooltip label={label}>\n                    {isAdminUserRelation ? (\n                      <Typography>{label}</Typography>\n                    ) : (\n                      <LinkEllipsis tag={NavLink} to={href}>\n                        {label}\n                      </LinkEllipsis>\n                    )}\n                  </Tooltip>\n                </Box>\n                <DocumentStatus status={relationData.status as string} />\n              </Flex>\n            );\n          })}\n        </Flex>\n      )}\n      {meta.missingCount > 0 && (\n        <StyledAlert\n          marginTop={1}\n          variant=\"warning\"\n          title={formatMessage(\n            {\n              id: 'content-manager.history.content.missing-relations.title',\n              defaultMessage:\n                '{number, plural, =1 {Missing relation} other {{number} missing relations}}',\n            },\n            { number: meta.missingCount }\n          )}\n        >\n          {formatMessage(\n            {\n              id: 'content-manager.history.content.missing-relations.message',\n              defaultMessage:\n                \"{number, plural, =1 {It has} other {They have}} been deleted and can't be restored.\",\n            },\n            { number: meta.missingCount }\n          )}\n        </StyledAlert>\n      )}\n    </Box>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * CustomMediaInput\n * -----------------------------------------------------------------------------------------------*/\n\n//  Create an object with value at key path (i.e. 'a.b.c')\nconst createInitialValuesForPath = (keyPath: string, value: unknown) => {\n  const keys = keyPath.split('.');\n  // The root level object\n  const root: Record<string, unknown> = {};\n\n  // Make the first node the root\n  let node = root;\n  keys.forEach((key, index) => {\n    // Skip prototype pollution keys\n    if (key === '__proto__' || key === 'constructor') return;\n    // If it's the last key, set the node value\n    if (index === keys.length - 1) {\n      node[key] = value;\n    } else {\n      // Ensure the key exists and is an object\n      const nextNode =\n        typeof node[key] === 'object' && node[key] !== null && Array.isArray(node[key]) === false\n          ? (node[key] as Record<string, unknown>)\n          : {};\n      node[key] = nextNode;\n      node = nextNode;\n    }\n  });\n\n  return root;\n};\n\nconst CustomMediaInput = (props: VersionInputRendererProps) => {\n  const { value } = useField<{ results: unknown[]; meta: { missingCount: number } }>(props.name);\n  const results = value?.results ?? [];\n  const meta = value?.meta ?? { missingCount: 0 };\n\n  const { formatMessage } = useIntl();\n\n  const fields = useStrapiApp('CustomMediaInput', (state) => state.fields);\n  const MediaLibrary = fields.media as React.ComponentType<\n    VersionInputRendererProps & { multiple: boolean }\n  >;\n\n  return (\n    <Flex direction=\"column\" gap={2} alignItems=\"stretch\">\n      <Form\n        method=\"PUT\"\n        disabled={true}\n        initialValues={createInitialValuesForPath(props.name, results)}\n      >\n        <MediaLibrary {...props} disabled={true} multiple={results.length > 1} />\n      </Form>\n      {meta.missingCount > 0 && (\n        <StyledAlert\n          variant=\"warning\"\n          closeLabel=\"Close\"\n          onClose={() => {}}\n          title={formatMessage(\n            {\n              id: 'content-manager.history.content.missing-assets.title',\n              defaultMessage:\n                '{number, plural, =1 {Missing asset} other {{number} missing assets}}',\n            },\n            { number: meta.missingCount }\n          )}\n        >\n          {formatMessage(\n            {\n              id: 'content-manager.history.content.missing-assets.message',\n              defaultMessage:\n                \"{number, plural, =1 {It has} other {They have}} been deleted in the Media Library and can't be restored.\",\n            },\n            { number: meta.missingCount }\n          )}\n        </StyledAlert>\n      )}\n    </Flex>\n  );\n};\n\ntype VersionInputRendererProps = DistributiveOmit<EditFieldLayout, 'size'> & {\n  /**\n   * In the context of content history, deleted fields need to ignore RBAC\n   * @default false\n   */\n  shouldIgnoreRBAC?: boolean;\n};\n\n/**\n * Checks if the i18n plugin added a label action to the field and modifies it\n * to adapt the wording for the history page.\n */\nconst getLabelAction = (labelAction: VersionInputRendererProps['labelAction']) => {\n  if (!React.isValidElement(labelAction)) {\n    return labelAction;\n  }\n\n  // TODO: find a better way to do this rather than access internals\n  const labelActionTitleId = labelAction.props.title.id;\n\n  if (labelActionTitleId === 'i18n.Field.localized') {\n    return React.cloneElement(labelAction, {\n      ...labelAction.props,\n      title: {\n        id: 'history.content.localized',\n        defaultMessage:\n          'This value is specific to this locale. If you restore this version, the content will not be replaced for other locales.',\n      },\n    });\n  }\n\n  if (labelActionTitleId === 'i18n.Field.not-localized') {\n    return React.cloneElement(labelAction, {\n      ...labelAction.props,\n      title: {\n        id: 'history.content.not-localized',\n        defaultMessage:\n          'This value is common to all locales. If you restore this version and save the changes, the content will be replaced for all locales.',\n      },\n    });\n  }\n\n  // Label action is unrelated to i18n, don't touch it.\n  return labelAction;\n};\n\n/**\n * Resolve the layout, configuration metadata and schema attributes needed to\n * render a component field on the history page. Returns `null` when any of\n * those are missing — happens when the component schema referenced by the\n * version was deleted via the Content-Type Builder, in which case the caller\n * should render a fallback instead of crashing on the destructuring.\n */\nconst resolveComponentRenderResources = (\n  componentUID: string,\n  componentsLayout: { [uid: string]: { layout: unknown } | undefined },\n  configurationComponents: { [uid: string]: { metadatas: unknown } | undefined },\n  components: { [uid: string]: { attributes: unknown } | undefined }\n) => {\n  const componentLayout = componentsLayout[componentUID];\n  const componentConfiguration = configurationComponents[componentUID];\n  const componentSchema = components[componentUID];\n\n  if (!componentLayout || !componentConfiguration || !componentSchema) {\n    return null;\n  }\n\n  return {\n    layout: componentLayout.layout,\n    metadatas: componentConfiguration.metadatas,\n    schemaAttributes: componentSchema.attributes,\n  };\n};\n\n/**\n * @internal\n *\n * @description An abstraction around the regular form input renderer designed specifically\n * to be used on the History page in the content-manager. It understands how to render specific\n * inputs within the context of a history version (i.e. relations, media, ignored RBAC, etc...)\n */\nconst VersionInputRenderer = ({\n  visible,\n  hint: providedHint,\n  shouldIgnoreRBAC = false,\n  labelAction,\n  ...props\n}: VersionInputRendererProps) => {\n  const customLabelAction = getLabelAction(labelAction);\n\n  const { formatMessage } = useIntl();\n  const version = useHistoryContext('VersionContent', (state) => state.selectedVersion);\n  const configuration = useHistoryContext('VersionContent', (state) => state.configuration);\n  const fieldSizes = useTypedSelector((state) => state['content-manager'].app.fieldSizes);\n\n  const { id, components } = useDoc();\n  const isFormDisabled = useForm('InputRenderer', (state) => state.disabled);\n\n  const isInDynamicZone = useDynamicZone('isInDynamicZone', (state) => state.isInDynamicZone);\n\n  const canCreateFields = useDocumentRBAC('InputRenderer', (rbac) => rbac.canCreateFields);\n  const canReadFields = useDocumentRBAC('InputRenderer', (rbac) => rbac.canReadFields);\n  const canUpdateFields = useDocumentRBAC('InputRenderer', (rbac) => rbac.canUpdateFields);\n  const canUserAction = useDocumentRBAC('InputRenderer', (rbac) => rbac.canUserAction);\n\n  const editableFields = id ? canUpdateFields : canCreateFields;\n  const readableFields = id ? canReadFields : canCreateFields;\n  /**\n   * Component fields are always readable and editable,\n   * however the fields within them may not be.\n   */\n  const canUserReadField = canUserAction(props.name, readableFields, props.type);\n  const canUserEditField = canUserAction(props.name, editableFields, props.type);\n\n  const fields = useStrapiApp('InputRenderer', (app) => app.fields);\n  const { lazyComponentStore } = useLazyComponents(\n    attributeHasCustomFieldProperty(props.attribute) ? [props.attribute.customField] : undefined\n  );\n\n  const hint = useFieldHint(providedHint, props.attribute);\n  const {\n    edit: { components: componentsLayout },\n  } = useDocLayout();\n\n  if (!visible) {\n    return null;\n  }\n\n  /**\n   * Don't render the field if the user can't read it.\n   */\n  if (!shouldIgnoreRBAC && !canUserReadField && !isInDynamicZone) {\n    return <NotAllowedInput hint={hint} {...props} />;\n  }\n\n  const fieldIsDisabled =\n    (!canUserEditField && !isInDynamicZone) || props.disabled || isFormDisabled;\n\n  /**\n   * Attributes found on the current content-type schema cannot be restored. We handle\n   * this by displaying a warning alert to the user instead of the input for that field type.\n   */\n  const addedAttributes = version.meta.unknownAttributes.added;\n  if (Object.keys(addedAttributes).includes(props.name)) {\n    return (\n      <Flex direction=\"column\" alignItems=\"flex-start\" gap={1}>\n        <Field.Label>{props.label}</Field.Label>\n        <StyledAlert\n          width=\"100%\"\n          closeLabel=\"Close\"\n          onClose={() => {}}\n          variant=\"warning\"\n          title={formatMessage({\n            id: 'content-manager.history.content.new-field.title',\n            defaultMessage: 'New field',\n          })}\n        >\n          {formatMessage({\n            id: 'content-manager.history.content.new-field.message',\n            defaultMessage:\n              \"This field didn't exist when this version was saved. If you restore this version, it will be empty.\",\n          })}\n        </StyledAlert>\n      </Flex>\n    );\n  }\n\n  /**\n   * Because a custom field has a unique prop but the type could be confused with either\n   * the useField hook or the type of the field we need to handle it separately and first.\n   */\n  if (attributeHasCustomFieldProperty(props.attribute)) {\n    const CustomInput = lazyComponentStore[props.attribute.customField];\n\n    if (CustomInput) {\n      return (\n        <CustomInput\n          {...props}\n          // @ts-expect-error – TODO: fix this type error in the useLazyComponents hook.\n          hint={hint}\n          labelAction={customLabelAction}\n          disabled={fieldIsDisabled}\n        />\n      );\n    }\n\n    return (\n      <FormInputRenderer\n        {...props}\n        hint={hint}\n        labelAction={customLabelAction}\n        // @ts-expect-error – this workaround lets us display that the custom field is missing.\n        type={props.attribute.customField}\n        disabled={fieldIsDisabled}\n      />\n    );\n  }\n\n  /**\n   * Since media fields use a custom input via the upload plugin provided by the useLibrary hook,\n   * we need to handle the them before other custom inputs coming from the useLibrary hook.\n   */\n  if (props.type === 'media') {\n    return (\n      <CustomMediaInput {...props} labelAction={customLabelAction} disabled={fieldIsDisabled} />\n    );\n  }\n  /**\n   * This is where we handle ONLY the fields from the `useLibrary` hook.\n   */\n  const addedInputTypes = Object.keys(fields);\n  if (!attributeHasCustomFieldProperty(props.attribute) && addedInputTypes.includes(props.type)) {\n    const CustomInput = fields[props.type];\n    return (\n      <CustomInput\n        {...props}\n        // @ts-expect-error – TODO: fix this type error in the useLibrary hook.\n        hint={hint}\n        labelAction={customLabelAction}\n        disabled={fieldIsDisabled}\n      />\n    );\n  }\n\n  /**\n   * These include the content-manager specific fields, failing that we fall back\n   * to the more generic form input renderer.\n   */\n  switch (props.type) {\n    case 'blocks':\n      return <BlocksInput {...props} hint={hint} type={props.type} disabled={fieldIsDisabled} />;\n    case 'component': {\n      const renderResources = resolveComponentRenderResources(\n        props.attribute.component,\n        componentsLayout,\n        configuration.components,\n        components\n      );\n\n      // The component schema referenced by this version is no longer present\n      // (deleted via the Content-Type Builder). Render the label only so the\n      // rest of the page still loads instead of crashing on the lookups below.\n      if (!renderResources) {\n        return <Field.Label>{props.label}</Field.Label>;\n      }\n\n      const { layout, metadatas, schemaAttributes } = renderResources as {\n        layout: Array<EditFieldLayout[]>;\n        metadatas: Parameters<typeof getRemaingFieldsLayout>[0]['metadatas'];\n        schemaAttributes: Parameters<typeof getRemaingFieldsLayout>[0]['schemaAttributes'];\n      };\n\n      // Components can only have one panel, so only save the first layout item\n      const [remainingFieldsLayout] = getRemaingFieldsLayout({\n        layout: [layout],\n        metadatas,\n        fieldSizes,\n        schemaAttributes,\n      });\n\n      return (\n        <ComponentInput\n          {...props}\n          layout={[...layout, ...(remainingFieldsLayout || [])]}\n          hint={hint}\n          labelAction={customLabelAction}\n          disabled={fieldIsDisabled}\n        >\n          {(inputProps) => <VersionInputRenderer {...inputProps} shouldIgnoreRBAC={true} />}\n        </ComponentInput>\n      );\n    }\n    case 'dynamiczone':\n      return (\n        <DynamicZone\n          {...props}\n          hint={hint}\n          labelAction={customLabelAction}\n          disabled={fieldIsDisabled}\n        >\n          {(inputProps) => <VersionInputRenderer {...inputProps} shouldIgnoreRBAC={true} />}\n        </DynamicZone>\n      );\n    case 'relation':\n      return (\n        <CustomRelationInput\n          {...props}\n          hint={hint}\n          labelAction={customLabelAction}\n          disabled={fieldIsDisabled}\n        />\n      );\n    case 'richtext':\n      return (\n        <Wysiwyg\n          {...props}\n          hint={hint}\n          type={props.type}\n          labelAction={customLabelAction}\n          disabled={fieldIsDisabled}\n        />\n      );\n    case 'uid':\n      return (\n        <UIDInput\n          {...props}\n          hint={hint}\n          type={props.type}\n          labelAction={customLabelAction}\n          disabled={fieldIsDisabled}\n        />\n      );\n    /**\n     * Enumerations are a special case because they require options.\n     */\n    case 'enumeration':\n      return (\n        <FormInputRenderer\n          {...props}\n          hint={hint}\n          labelAction={customLabelAction}\n          options={props.attribute.enum.map((value) => ({ value }))}\n          // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!\n          type={props.customField ? 'custom-field' : props.type}\n          disabled={fieldIsDisabled}\n        />\n      );\n    default:\n      // These props are not needed for the generic form input renderer.\n      const { unique: _unique, mainField: _mainField, ...restProps } = props;\n      return (\n        <FormInputRenderer\n          {...restProps}\n          hint={hint}\n          labelAction={customLabelAction}\n          // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!\n          type={props.customField ? 'custom-field' : props.type}\n          disabled={fieldIsDisabled}\n        />\n      );\n  }\n};\n\nconst attributeHasCustomFieldProperty = (\n  attribute: Schema.Attribute.AnyAttribute\n): attribute is Schema.Attribute.AnyAttribute & Schema.Attribute.CustomField<string> =>\n  'customField' in attribute && typeof attribute.customField === 'string';\n\nexport type { VersionInputRendererProps };\nexport { VersionInputRenderer, CustomRelationInput, resolveComponentRenderResources };\n"],"names":["StyledAlert","styled","Alert","attrs","closeLabel","onClose","shadow","LinkEllipsis","Link","CustomRelationInput","props","formatMessage","useIntl","emptyLabel","id","defaultMessage","field","useField","name","formattedFieldValue","Array","isArray","value","results","meta","missingCount","hasResultsShape","length","_jsxs","_Fragment","_jsx","Field","Label","action","labelAction","label","Box","marginTop","variant","Flex","direction","gap","alignItems","map","relationData","targetModel","attribute","href","COLLECTION_TYPES","documentId","getRelationLabel","mainField","isAdminUserRelation","paddingTop","paddingBottom","paddingLeft","paddingRight","hasRadius","borderColor","background","justifyContent","minWidth","Tooltip","Typography","tag","NavLink","to","DocumentStatus","status","title","number","createInitialValuesForPath","keyPath","keys","split","root","node","forEach","key","index","nextNode","CustomMediaInput","fields","useStrapiApp","state","MediaLibrary","media","Form","method","disabled","initialValues","multiple","getLabelAction","React","isValidElement","labelActionTitleId","cloneElement","resolveComponentRenderResources","componentUID","componentsLayout","configurationComponents","components","componentLayout","componentConfiguration","componentSchema","layout","metadatas","schemaAttributes","attributes","VersionInputRenderer","visible","hint","providedHint","shouldIgnoreRBAC","customLabelAction","version","useHistoryContext","selectedVersion","configuration","fieldSizes","useTypedSelector","app","useDoc","isFormDisabled","useForm","isInDynamicZone","useDynamicZone","canCreateFields","useDocumentRBAC","rbac","canReadFields","canUpdateFields","canUserAction","editableFields","readableFields","canUserReadField","type","canUserEditField","lazyComponentStore","useLazyComponents","attributeHasCustomFieldProperty","customField","undefined","useFieldHint","edit","useDocLayout","NotAllowedInput","fieldIsDisabled","addedAttributes","unknownAttributes","added","Object","includes","width","CustomInput","FormInputRenderer","addedInputTypes","BlocksInput","renderResources","component","remainingFieldsLayout","getRemaingFieldsLayout","ComponentInput","inputProps","DynamicZone","Wysiwyg","UIDInput","options","enum","unique","_unique","_mainField","restProps"],"mappings":"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"}

package/dist/admin/hooks/usePersistentQueryParams.js

@@ -51,10 +51,18 @@ const usePersistentPartialQueryParams = (config)=>{
             Object.assign(mergedFilteredQuery, filteredQuery);
         }
         if (Object.keys(mergedFilteredQuery).length > 0) {
-            setQuery({
+            const nextQuery = {
                 ...mergedFilteredQuery,
                 ...query
-            }, 'push', true);
+            };
+            if (nextQuery.filters !== undefined) {
+                //`setQuery` never encodes the values, and it cannot be fixed as it would introduce breaking changes.
+                // This ensures that, when reading the persisted values and writing them in the URI, they are encoded properly.
+                // We are only encoding the filters because we know they can hold values with special characters. We didn't bother
+                // with the other query params because as of today, they are not expected to hold such values.
+                nextQuery.filters = strapiAdmin.deepEncodeQueryValues(nextQuery.filters);
+            }
+            setQuery(nextQuery, 'push', true);
         }
         setIsHydrated(true);
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/admin/hooks/usePersistentQueryParams.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePersistentQueryParams.js","sources":["../../../admin/src/hooks/usePersistentQueryParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { usePersistentStateScope, useQueryParams } from '@strapi/admin/strapi-admin';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\n\ntype PropertyPath = Parameters<typeof get>[1];\n\ninterface PersistentQueryConfigEntry {\n  paths: PropertyPath[];\n  scoped?: boolean;\n}\n\nconst filterObjectKeys = (obj: object, keys: PropertyPath[]) => {\n  const result: Record<string, unknown> = {};\n\n  for (const path of keys) {\n    const value = get(obj, path);\n\n    if (value !== undefined) {\n      set(result, path, value);\n    }\n  }\n\n  return result;\n};\n\nexport type PersistentQueryConfig = Record<string, PersistentQueryConfigEntry>;\n\nconst normalizeConfigEntry = (\n  key: string,\n  entry: PersistentQueryConfigEntry,\n  scope: string | false | undefined\n) => {\n  const { paths } = entry;\n  const isScoped = entry.scoped === true && !!scope;\n\n  return {\n    key: isScoped ? `${key}:${scope}` : key,\n    paths,\n  };\n};\n\nexport const usePersistentPartialQueryParams = (config: PersistentQueryConfig) => {\n  const scope = usePersistentStateScope();\n  const [{ query }, setQuery] = useQueryParams();\n  const clonedConfig = JSON.stringify(config);\n  const [isHydrated, setIsHydrated] = useState(false);\n\n  // load query params from local storge\n  useEffect(() => {\n    const mergedFilteredQuery: Record<string, unknown> = {};\n\n    for (const [keyPrefix, entry] of Object.entries(config)) {\n      const { key, paths } = normalizeConfigEntry(keyPrefix, entry, scope);\n\n      const savedQueryParams = window.localStorage.getItem(key);\n      if (!savedQueryParams) continue;\n\n      let parsedSavedParams: Record<string, unknown>;\n      try {\n        parsedSavedParams = JSON.parse(savedQueryParams);\n      } catch {\n        continue;\n      }\n      if (Object.keys(parsedSavedParams).length === 0) continue;\n\n      const filteredQuery = filterObjectKeys(parsedSavedParams, paths);\n      Object.assign(mergedFilteredQuery, filteredQuery);\n    }\n\n    if (Object.keys(mergedFilteredQuery).length > 0) {\n      setQuery({ ...mergedFilteredQuery, ...query }, 'push', true);\n    }\n    setIsHydrated(true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [clonedConfig, scope]);\n\n  // update local storage\n  useEffect(() => {\n    for (const [keyPrefix, entry] of Object.entries(config)) {\n      const { key, paths } = normalizeConfigEntry(keyPrefix, entry, scope);\n\n      const paramsToPersist = filterObjectKeys(query, paths);\n      if (Object.keys(paramsToPersist).length === 0) {\n        window.localStorage.removeItem(key);\n        continue;\n      }\n\n      window.localStorage.setItem(key, JSON.stringify(paramsToPersist));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query, clonedConfig, scope]);\n\n  return { isHydrated };\n};\n"],"names":["filterObjectKeys","obj","keys","result","path","value","get","undefined","set","normalizeConfigEntry","key","entry","scope","paths","isScoped","scoped","usePersistentPartialQueryParams","config","usePersistentStateScope","query","setQuery","useQueryParams","clonedConfig","JSON","stringify","isHydrated","setIsHydrated","useState","useEffect","mergedFilteredQuery","keyPrefix","Object","entries","savedQueryParams","window","localStorage","getItem","parsedSavedParams","parse","length","filteredQuery","assign","paramsToPersist","removeItem","setItem"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,gBAAAA,GAAmB,CAACC,GAAAA,EAAaC,IAAAA,GAAAA;AACrC,IAAA,MAAMC,SAAkC,EAAC;IAEzC,KAAK,MAAMC,QAAQF,IAAAA,CAAM;QACvB,MAAMG,KAAAA,GAAQC,qBAAIL,GAAAA,EAAKG,IAAAA,CAAAA;AAEvB,QAAA,IAAIC,UAAUE,SAAAA,EAAW;AACvBC,YAAAA,oBAAAA,CAAIL,QAAQC,IAAAA,EAAMC,KAAAA,CAAAA;AACpB,QAAA;AACF,IAAA;IAEA,OAAOF,MAAAA;AACT,CAAA;AAIA,MAAMM,oBAAAA,GAAuB,CAC3BC,GAAAA,EACAC,KAAAA,EACAC,KAAAA,GAAAA;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF,KAAAA;AAClB,IAAA,MAAMG,WAAWH,KAAAA,CAAMI,MAAM,KAAK,IAAA,IAAQ,CAAC,CAACH,KAAAA;IAE5C,OAAO;AACLF,QAAAA,GAAAA,EAAKI,WAAW,CAAA,EAAGJ,GAAAA,CAAI,CAAC,EAAEE,OAAO,GAAGF,GAAAA;AACpCG,QAAAA;AACF,KAAA;AACF,CAAA;AAEO,MAAMG,kCAAkC,CAACC,MAAAA,GAAAA;AAC9C,IAAA,MAAML,KAAAA,GAAQM,mCAAAA,EAAAA;AACd,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,0BAAAA,EAAAA;IAC9B,MAAMC,YAAAA,GAAeC,IAAAA,CAAKC,SAAS,CAACP,MAAAA,CAAAA;AACpC,IAAA,MAAM,CAACQ,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,cAAAA,CAAS,KAAA,CAAA;;IAG7CC,eAAAA,CAAU,IAAA;AACR,QAAA,MAAMC,sBAA+C,EAAC;QAEtD,KAAK,MAAM,CAACC,SAAAA,EAAWnB,KAAAA,CAAM,IAAIoB,MAAAA,CAAOC,OAAO,CAACf,MAAAA,CAAAA,CAAS;YACvD,MAAM,EAAEP,GAAG,EAAEG,KAAK,EAAE,GAAGJ,oBAAAA,CAAqBqB,WAAWnB,KAAAA,EAAOC,KAAAA,CAAAA;AAE9D,YAAA,MAAMqB,gBAAAA,GAAmBC,MAAAA,CAAOC,YAAY,CAACC,OAAO,CAAC1B,GAAAA,CAAAA;AACrD,YAAA,IAAI,CAACuB,gBAAAA,EAAkB;YAEvB,IAAII,iBAAAA;YACJ,IAAI;gBACFA,iBAAAA,GAAoBd,IAAAA,CAAKe,KAAK,CAACL,gBAAAA,CAAAA;AACjC,YAAA,CAAA,CAAE,OAAM;AACN,gBAAA;AACF,YAAA;AACA,YAAA,IAAIF,OAAO7B,IAAI,CAACmC,iBAAAA,CAAAA,CAAmBE,MAAM,KAAK,CAAA,EAAG;YAEjD,MAAMC,aAAAA,GAAgBxC,iBAAiBqC,iBAAAA,EAAmBxB,KAAAA,CAAAA;YAC1DkB,MAAAA,CAAOU,MAAM,CAACZ,mBAAAA,EAAqBW,aAAAA,CAAAA;AACrC,QAAA;AAEA,QAAA,IAAIT,OAAO7B,IAAI,CAAC2B,mBAAAA,CAAAA,CAAqBU,MAAM,GAAG,CAAA,EAAG;YAC/CnB,QAAAA,CAAS;AAAE,gBAAA,GAAGS,mBAAmB;AAAE,gBAAA,GAAGV;AAAM,aAAA,EAAG,MAAA,EAAQ,IAAA,CAAA;AACzD,QAAA;QACAO,aAAAA,CAAc,IAAA,CAAA;;IAEhB,CAAA,EAAG;AAACJ,QAAAA,YAAAA;AAAcV,QAAAA;AAAM,KAAA,CAAA;;IAGxBgB,eAAAA,CAAU,IAAA;QACR,KAAK,MAAM,CAACE,SAAAA,EAAWnB,KAAAA,CAAM,IAAIoB,MAAAA,CAAOC,OAAO,CAACf,MAAAA,CAAAA,CAAS;YACvD,MAAM,EAAEP,GAAG,EAAEG,KAAK,EAAE,GAAGJ,oBAAAA,CAAqBqB,WAAWnB,KAAAA,EAAOC,KAAAA,CAAAA;YAE9D,MAAM8B,eAAAA,GAAkB1C,iBAAiBmB,KAAAA,EAAON,KAAAA,CAAAA;AAChD,YAAA,IAAIkB,OAAO7B,IAAI,CAACwC,eAAAA,CAAAA,CAAiBH,MAAM,KAAK,CAAA,EAAG;gBAC7CL,MAAAA,CAAOC,YAAY,CAACQ,UAAU,CAACjC,GAAAA,CAAAA;AAC/B,gBAAA;AACF,YAAA;AAEAwB,YAAAA,MAAAA,CAAOC,YAAY,CAACS,OAAO,CAAClC,GAAAA,EAAKa,IAAAA,CAAKC,SAAS,CAACkB,eAAAA,CAAAA,CAAAA;AAClD,QAAA;;IAEF,CAAA,EAAG;AAACvB,QAAAA,KAAAA;AAAOG,QAAAA,YAAAA;AAAcV,QAAAA;AAAM,KAAA,CAAA;IAE/B,OAAO;AAAEa,QAAAA;AAAW,KAAA;AACtB;;;;"}
+{"version":3,"file":"usePersistentQueryParams.js","sources":["../../../admin/src/hooks/usePersistentQueryParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n  deepEncodeQueryValues,\n  usePersistentStateScope,\n  useQueryParams,\n} from '@strapi/admin/strapi-admin';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\n\ntype PropertyPath = Parameters<typeof get>[1];\n\ninterface PersistentQueryConfigEntry {\n  paths: PropertyPath[];\n  scoped?: boolean;\n}\n\nconst filterObjectKeys = (obj: object, keys: PropertyPath[]) => {\n  const result: Record<string, unknown> = {};\n\n  for (const path of keys) {\n    const value = get(obj, path);\n\n    if (value !== undefined) {\n      set(result, path, value);\n    }\n  }\n\n  return result;\n};\n\nexport type PersistentQueryConfig = Record<string, PersistentQueryConfigEntry>;\n\nconst normalizeConfigEntry = (\n  key: string,\n  entry: PersistentQueryConfigEntry,\n  scope: string | false | undefined\n) => {\n  const { paths } = entry;\n  const isScoped = entry.scoped === true && !!scope;\n\n  return {\n    key: isScoped ? `${key}:${scope}` : key,\n    paths,\n  };\n};\n\nexport const usePersistentPartialQueryParams = (config: PersistentQueryConfig) => {\n  const scope = usePersistentStateScope();\n  const [{ query }, setQuery] = useQueryParams();\n  const clonedConfig = JSON.stringify(config);\n  const [isHydrated, setIsHydrated] = useState(false);\n\n  // load query params from local storge\n  useEffect(() => {\n    const mergedFilteredQuery: Record<string, unknown> = {};\n\n    for (const [keyPrefix, entry] of Object.entries(config)) {\n      const { key, paths } = normalizeConfigEntry(keyPrefix, entry, scope);\n\n      const savedQueryParams = window.localStorage.getItem(key);\n      if (!savedQueryParams) continue;\n\n      let parsedSavedParams: Record<string, unknown>;\n      try {\n        parsedSavedParams = JSON.parse(savedQueryParams);\n      } catch {\n        continue;\n      }\n      if (Object.keys(parsedSavedParams).length === 0) continue;\n\n      const filteredQuery = filterObjectKeys(parsedSavedParams, paths);\n      Object.assign(mergedFilteredQuery, filteredQuery);\n    }\n\n    if (Object.keys(mergedFilteredQuery).length > 0) {\n      const nextQuery: Record<string, unknown> = { ...mergedFilteredQuery, ...query };\n\n      if (nextQuery.filters !== undefined) {\n        //`setQuery` never encodes the values, and it cannot be fixed as it would introduce breaking changes.\n        // This ensures that, when reading the persisted values and writing them in the URI, they are encoded properly.\n        // We are only encoding the filters because we know they can hold values with special characters. We didn't bother\n        // with the other query params because as of today, they are not expected to hold such values.\n        nextQuery.filters = deepEncodeQueryValues(nextQuery.filters);\n      }\n\n      setQuery(nextQuery, 'push', true);\n    }\n    setIsHydrated(true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [clonedConfig, scope]);\n\n  // update local storage\n  useEffect(() => {\n    for (const [keyPrefix, entry] of Object.entries(config)) {\n      const { key, paths } = normalizeConfigEntry(keyPrefix, entry, scope);\n\n      const paramsToPersist = filterObjectKeys(query, paths);\n      if (Object.keys(paramsToPersist).length === 0) {\n        window.localStorage.removeItem(key);\n        continue;\n      }\n\n      window.localStorage.setItem(key, JSON.stringify(paramsToPersist));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query, clonedConfig, scope]);\n\n  return { isHydrated };\n};\n"],"names":["filterObjectKeys","obj","keys","result","path","value","get","undefined","set","normalizeConfigEntry","key","entry","scope","paths","isScoped","scoped","usePersistentPartialQueryParams","config","usePersistentStateScope","query","setQuery","useQueryParams","clonedConfig","JSON","stringify","isHydrated","setIsHydrated","useState","useEffect","mergedFilteredQuery","keyPrefix","Object","entries","savedQueryParams","window","localStorage","getItem","parsedSavedParams","parse","length","filteredQuery","assign","nextQuery","filters","deepEncodeQueryValues","paramsToPersist","removeItem","setItem"],"mappings":"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"}

package/dist/admin/hooks/usePersistentQueryParams.mjs

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { usePersistentStateScope, useQueryParams } from '@strapi/admin/strapi-admin';
+import { usePersistentStateScope, useQueryParams, deepEncodeQueryValues } from '@strapi/admin/strapi-admin';
 import get from 'lodash/get';
 import set from 'lodash/set';
 
@@ -44,10 +44,18 @@ const usePersistentPartialQueryParams = (config)=>{
             Object.assign(mergedFilteredQuery, filteredQuery);
         }
         if (Object.keys(mergedFilteredQuery).length > 0) {
-            setQuery({
+            const nextQuery = {
                 ...mergedFilteredQuery,
                 ...query
-            }, 'push', true);
+            };
+            if (nextQuery.filters !== undefined) {
+                //`setQuery` never encodes the values, and it cannot be fixed as it would introduce breaking changes.
+                // This ensures that, when reading the persisted values and writing them in the URI, they are encoded properly.
+                // We are only encoding the filters because we know they can hold values with special characters. We didn't bother
+                // with the other query params because as of today, they are not expected to hold such values.
+                nextQuery.filters = deepEncodeQueryValues(nextQuery.filters);
+            }
+            setQuery(nextQuery, 'push', true);
         }
         setIsHydrated(true);
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/admin/hooks/usePersistentQueryParams.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePersistentQueryParams.mjs","sources":["../../../admin/src/hooks/usePersistentQueryParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { usePersistentStateScope, useQueryParams } from '@strapi/admin/strapi-admin';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\n\ntype PropertyPath = Parameters<typeof get>[1];\n\ninterface PersistentQueryConfigEntry {\n  paths: PropertyPath[];\n  scoped?: boolean;\n}\n\nconst filterObjectKeys = (obj: object, keys: PropertyPath[]) => {\n  const result: Record<string, unknown> = {};\n\n  for (const path of keys) {\n    const value = get(obj, path);\n\n    if (value !== undefined) {\n      set(result, path, value);\n    }\n  }\n\n  return result;\n};\n\nexport type PersistentQueryConfig = Record<string, PersistentQueryConfigEntry>;\n\nconst normalizeConfigEntry = (\n  key: string,\n  entry: PersistentQueryConfigEntry,\n  scope: string | false | undefined\n) => {\n  const { paths } = entry;\n  const isScoped = entry.scoped === true && !!scope;\n\n  return {\n    key: isScoped ? `${key}:${scope}` : key,\n    paths,\n  };\n};\n\nexport const usePersistentPartialQueryParams = (config: PersistentQueryConfig) => {\n  const scope = usePersistentStateScope();\n  const [{ query }, setQuery] = useQueryParams();\n  const clonedConfig = JSON.stringify(config);\n  const [isHydrated, setIsHydrated] = useState(false);\n\n  // load query params from local storge\n  useEffect(() => {\n    const mergedFilteredQuery: Record<string, unknown> = {};\n\n    for (const [keyPrefix, entry] of Object.entries(config)) {\n      const { key, paths } = normalizeConfigEntry(keyPrefix, entry, scope);\n\n      const savedQueryParams = window.localStorage.getItem(key);\n      if (!savedQueryParams) continue;\n\n      let parsedSavedParams: Record<string, unknown>;\n      try {\n        parsedSavedParams = JSON.parse(savedQueryParams);\n      } catch {\n        continue;\n      }\n      if (Object.keys(parsedSavedParams).length === 0) continue;\n\n      const filteredQuery = filterObjectKeys(parsedSavedParams, paths);\n      Object.assign(mergedFilteredQuery, filteredQuery);\n    }\n\n    if (Object.keys(mergedFilteredQuery).length > 0) {\n      setQuery({ ...mergedFilteredQuery, ...query }, 'push', true);\n    }\n    setIsHydrated(true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [clonedConfig, scope]);\n\n  // update local storage\n  useEffect(() => {\n    for (const [keyPrefix, entry] of Object.entries(config)) {\n      const { key, paths } = normalizeConfigEntry(keyPrefix, entry, scope);\n\n      const paramsToPersist = filterObjectKeys(query, paths);\n      if (Object.keys(paramsToPersist).length === 0) {\n        window.localStorage.removeItem(key);\n        continue;\n      }\n\n      window.localStorage.setItem(key, JSON.stringify(paramsToPersist));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query, clonedConfig, scope]);\n\n  return { isHydrated };\n};\n"],"names":["filterObjectKeys","obj","keys","result","path","value","get","undefined","set","normalizeConfigEntry","key","entry","scope","paths","isScoped","scoped","usePersistentPartialQueryParams","config","usePersistentStateScope","query","setQuery","useQueryParams","clonedConfig","JSON","stringify","isHydrated","setIsHydrated","useState","useEffect","mergedFilteredQuery","keyPrefix","Object","entries","savedQueryParams","window","localStorage","getItem","parsedSavedParams","parse","length","filteredQuery","assign","paramsToPersist","removeItem","setItem"],"mappings":"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"}
+{"version":3,"file":"usePersistentQueryParams.mjs","sources":["../../../admin/src/hooks/usePersistentQueryParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n  deepEncodeQueryValues,\n  usePersistentStateScope,\n  useQueryParams,\n} from '@strapi/admin/strapi-admin';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\n\ntype PropertyPath = Parameters<typeof get>[1];\n\ninterface PersistentQueryConfigEntry {\n  paths: PropertyPath[];\n  scoped?: boolean;\n}\n\nconst filterObjectKeys = (obj: object, keys: PropertyPath[]) => {\n  const result: Record<string, unknown> = {};\n\n  for (const path of keys) {\n    const value = get(obj, path);\n\n    if (value !== undefined) {\n      set(result, path, value);\n    }\n  }\n\n  return result;\n};\n\nexport type PersistentQueryConfig = Record<string, PersistentQueryConfigEntry>;\n\nconst normalizeConfigEntry = (\n  key: string,\n  entry: PersistentQueryConfigEntry,\n  scope: string | false | undefined\n) => {\n  const { paths } = entry;\n  const isScoped = entry.scoped === true && !!scope;\n\n  return {\n    key: isScoped ? `${key}:${scope}` : key,\n    paths,\n  };\n};\n\nexport const usePersistentPartialQueryParams = (config: PersistentQueryConfig) => {\n  const scope = usePersistentStateScope();\n  const [{ query }, setQuery] = useQueryParams();\n  const clonedConfig = JSON.stringify(config);\n  const [isHydrated, setIsHydrated] = useState(false);\n\n  // load query params from local storge\n  useEffect(() => {\n    const mergedFilteredQuery: Record<string, unknown> = {};\n\n    for (const [keyPrefix, entry] of Object.entries(config)) {\n      const { key, paths } = normalizeConfigEntry(keyPrefix, entry, scope);\n\n      const savedQueryParams = window.localStorage.getItem(key);\n      if (!savedQueryParams) continue;\n\n      let parsedSavedParams: Record<string, unknown>;\n      try {\n        parsedSavedParams = JSON.parse(savedQueryParams);\n      } catch {\n        continue;\n      }\n      if (Object.keys(parsedSavedParams).length === 0) continue;\n\n      const filteredQuery = filterObjectKeys(parsedSavedParams, paths);\n      Object.assign(mergedFilteredQuery, filteredQuery);\n    }\n\n    if (Object.keys(mergedFilteredQuery).length > 0) {\n      const nextQuery: Record<string, unknown> = { ...mergedFilteredQuery, ...query };\n\n      if (nextQuery.filters !== undefined) {\n        //`setQuery` never encodes the values, and it cannot be fixed as it would introduce breaking changes.\n        // This ensures that, when reading the persisted values and writing them in the URI, they are encoded properly.\n        // We are only encoding the filters because we know they can hold values with special characters. We didn't bother\n        // with the other query params because as of today, they are not expected to hold such values.\n        nextQuery.filters = deepEncodeQueryValues(nextQuery.filters);\n      }\n\n      setQuery(nextQuery, 'push', true);\n    }\n    setIsHydrated(true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [clonedConfig, scope]);\n\n  // update local storage\n  useEffect(() => {\n    for (const [keyPrefix, entry] of Object.entries(config)) {\n      const { key, paths } = normalizeConfigEntry(keyPrefix, entry, scope);\n\n      const paramsToPersist = filterObjectKeys(query, paths);\n      if (Object.keys(paramsToPersist).length === 0) {\n        window.localStorage.removeItem(key);\n        continue;\n      }\n\n      window.localStorage.setItem(key, JSON.stringify(paramsToPersist));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query, clonedConfig, scope]);\n\n  return { isHydrated };\n};\n"],"names":["filterObjectKeys","obj","keys","result","path","value","get","undefined","set","normalizeConfigEntry","key","entry","scope","paths","isScoped","scoped","usePersistentPartialQueryParams","config","usePersistentStateScope","query","setQuery","useQueryParams","clonedConfig","JSON","stringify","isHydrated","setIsHydrated","useState","useEffect","mergedFilteredQuery","keyPrefix","Object","entries","savedQueryParams","window","localStorage","getItem","parsedSavedParams","parse","length","filteredQuery","assign","nextQuery","filters","deepEncodeQueryValues","paramsToPersist","removeItem","setItem"],"mappings":"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"}

package/dist/admin/pages/EditView/components/FormInputs/Relations/Relations.js

@@ -111,6 +111,10 @@ const EMPTY_RELATION_RESULTS = [];
     // Use the documentId from the actual document, not the params (meta)
     const documentId = currentDocument.document?.documentId;
     const { formatMessage } = reactIntl.useIntl();
+    const emptyLabel = formatMessage({
+        id: 'content-manager.containers.empty-label',
+        defaultMessage: 'Untitled'
+    });
     const isMorph = props.attribute.relation.toLowerCase().includes('morph');
     const isDisabled = isMorph || disabled;
     // @ts-expect-error – `targetModel` exists on supported non-morph relations (morph is disabled).
@@ -178,7 +182,8 @@ const EMPTY_RELATION_RESULTS = [];
         const ctx = {
             field: field.value,
             href: `../${collections.COLLECTION_TYPES}/${targetModel}`,
-            mainField: props.mainField
+            mainField: props.mainField,
+            emptyLabel
         };
         /**
        * Tidy up our data.
@@ -193,9 +198,11 @@ const EMPTY_RELATION_RESULTS = [];
        */ const connectItems = (field.value?.connect ?? []).map((rel)=>{
             const urlLocaleParam = rel.locale ? `?plugins[i18n][locale]=${rel.locale}` : '';
             if (rel.href) return rel;
+            const mainFieldValue = props.mainField ? rel[props.mainField.name] : undefined;
+            const hasEmptyMainField = mainFieldValue === '' || mainFieldValue === null;
             return {
                 ...rel,
-                label: rel.label ?? relations$1.getRelationLabel(rel, props.mainField),
+                label: hasEmptyMainField ? relations$1.getRelationLabel(rel, props.mainField, emptyLabel) : rel.label ?? relations$1.getRelationLabel(rel, props.mainField, emptyLabel),
                 href: `../${collections.COLLECTION_TYPES}/${targetModel}/${rel.documentId}${urlLocaleParam}`
             };
         });
@@ -214,7 +221,8 @@ const EMPTY_RELATION_RESULTS = [];
         serverData,
         field.value,
         targetModel,
-        props.mainField
+        props.mainField,
+        emptyLabel
     ]);
     const handleDisconnect = useHandleDisconnect(props.name, 'RelationsField');
     const handleConnect = React__namespace.useCallback((relation)=>{
@@ -233,7 +241,7 @@ const EMPTY_RELATION_RESULTS = [];
            */ __temp_key__: fractionalIndexing.generateNKeysBetween(lastItemInList?.__temp_key__ ?? null, null, 1)[0],
             // Fallback to `id` if there is no `mainField` value, which will overwrite the above `id` property with the exact same data.
             [props.mainField?.name ?? 'documentId']: relation[props.mainField?.name ?? 'documentId'],
-            label: relations$1.getRelationLabel(relation, props.mainField),
+            label: relations$1.getRelationLabel(relation, props.mainField, emptyLabel),
             href: `../${collections.COLLECTION_TYPES}/${targetModel}/${relation.documentId}?${relation.locale ? `plugins[i18n][locale]=${relation.locale}` : ''}`
         };
         if (ONE_WAY_RELATIONS.includes(props.attribute.relation)) {
@@ -250,6 +258,7 @@ const EMPTY_RELATION_RESULTS = [];
             ]);
         }
     }, [
+        emptyLabel,
         field,
         handleDisconnect,
         onChangeRelationField,
@@ -337,12 +346,12 @@ const EMPTY_RELATION_RESULTS = [];
 /**
  * @description Adds a label and href to the relation object we use this to render
  * a better UI where we can link to the relation and display a human-readable label.
- */ const addLabelAndHref = ({ mainField, href })=>(relations)=>relations.map((relation)=>{
+ */ const addLabelAndHref = ({ mainField, href, emptyLabel })=>(relations)=>relations.map((relation)=>{
             return {
                 ...relation,
                 // Fallback to `id` if there is no `mainField` value, which will overwrite the above `documentId` property with the exact same data.
                 [mainField?.name ?? 'documentId']: relation[mainField?.name ?? 'documentId'],
-                label: relations$1.getRelationLabel(relation, mainField),
+                label: relations$1.getRelationLabel(relation, mainField, emptyLabel),
                 href: `${href}/${relation.documentId}?${relation.locale ? `plugins[i18n][locale]=${relation.locale}` : ''}`
             };
         });
@@ -497,6 +506,10 @@ const MemoizedRelationsComboboxInput = /*#__PURE__*/ React__namespace.memo(Relat
 const RelationModalWithContext = ({ relation, name, placeholder, hasNextPage, isLoadingSearchRelations, isLoadingPermissions, handleChange, mainField, setSearchParams, fieldValue, data, ...props })=>{
     const [textValue, setTextValue] = React__namespace.useState('');
     const { formatMessage } = reactIntl.useIntl();
+    const emptyLabel = formatMessage({
+        id: 'content-manager.containers.empty-label',
+        defaultMessage: 'Untitled'
+    });
     const canCreate = DocumentRBAC.useDocumentRBAC('RelationModalWrapper', (state)=>state.canCreate);
     const fieldRef = strapiAdmin.useFocusInputField(name);
     const componentUID = ComponentContext.useComponent('RelationsField', (state)=>state.uid);
@@ -586,7 +599,7 @@ const RelationModalWithContext = ({ relation, name, placeholder, hasNextPage, is
                 },
                 ...props,
                 children: options?.map((opt)=>{
-                    const textValue = relations$1.getRelationLabel(opt, mainField);
+                    const textValue = relations$1.getRelationLabel(opt, mainField, emptyLabel);
                     return /*#__PURE__*/ jsxRuntime.jsx(designSystem.ComboboxOption, {
                         value: opt.id.toString(),
                         textValue: textValue,
@@ -879,6 +892,10 @@ const ListItem = /*#__PURE__*/ React__namespace.memo(({ data, index, style })=>{
     const { ariaDescribedBy, canDrag = false, disabled = false, handleCancel, handleDisconnect, handleDropItem, handleGrabItem, handleMoveItem, name, relations, targetModel, documentParams, mainField } = data;
     const isDesktop = strapiAdmin.useIsDesktop();
     const { formatMessage } = reactIntl.useIntl();
+    const emptyLabel = formatMessage({
+        id: 'content-manager.containers.empty-label',
+        defaultMessage: 'Untitled'
+    });
     const { href, id, label: originalLabel, status: originalStatus, documentId, apiData, locale } = relations[index];
     /**
    * The code above attempts to retrieve the updated value of a relation that has not yet been saved.
@@ -894,7 +911,7 @@ const ListItem = /*#__PURE__*/ React__namespace.memo(({ data, index, style })=>{
     }, {
         skip: !isTemporary
     });
-    const label = isTemporary && document ? relations$1.getRelationLabel(document, mainField) : originalLabel;
+    const label = isTemporary && document ? relations$1.getRelationLabel(document, mainField, emptyLabel) : originalLabel;
     const status = isTemporary && document ? document?.status : originalStatus;
     const [{ handlerId, isDragging, handleKeyDown }, relationRef, dropRef, dragRef, dragPreviewRef] = useDragAndDrop.useDragAndDrop(canDrag && !disabled, {
         type: `${dragAndDrop.ItemTypes.RELATION}_${name}`,
@@ -918,18 +935,19 @@ const ListItem = /*#__PURE__*/ React__namespace.memo(({ data, index, style })=>{
         dragPreviewRef
     ]);
     const safeDocumentId = documentId ?? apiData?.documentId;
-    const safeLocale = locale ?? apiData?.locale ?? null;
+    const relationLocale = locale ?? apiData?.locale;
     const documentMeta = React__namespace.useMemo(()=>({
             documentId: safeDocumentId,
             model: targetModel,
             collectionType: RelationModal.getCollectionType(href),
             params: {
-                locale: safeLocale
+                locale: relationLocale ?? documentParams?.locale ?? null
             }
         }), [
         safeDocumentId,
         href,
-        safeLocale,
+        relationLocale,
+        documentParams,
         targetModel
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {