Using a relationships entry title as a repeatable components entry title

Community Packages
17

Here is a solution for this in strapi 4.7.0 that will also truncate long values to 50 characters with an ellipsis.

node_modules/@strapi/admin/admin/src/content-manager/components/RepeatableComponent/components/Component.js

old:

const DraggedItem = ({
  componentFieldName,
  componentUid,
  fields,
  index,
  isOpen,
  isReadOnly,
  mainField,
  moveComponentField,
  onClickToggle,
  toggleCollapses,
  onGrabItem,
  onDropItem,
  onCancel,
}) => {
  const { modifiedData, removeRepeatableField, triggerFormValidation } = useCMEditViewDataManager();

  const displayedValue = toString(
    get(modifiedData, [...componentFieldName.split('.'), mainField], '')
  );

...

new:

const DraggedItem = ({
  componentFieldName,
  componentUid,
  fields,
  index,
  isOpen,
  isReadOnly,
  mainField,
  moveComponentField,
  onClickToggle,
  toggleCollapses,
  onGrabItem,
  onDropItem,
  onCancel,
}) => {
  const { modifiedData, removeRepeatableField, triggerFormValidation } = useCMEditViewDataManager();
  const fieldValue = get(modifiedData, `${componentFieldName}[${get(fields, '[0][0].name')}]`);
  const displayedValue = 
    toString(
      fieldValue
        ? (
            fieldValue.length > 50
            ? `${fieldValue.slice(0, 50)}…`
            : fieldValue
          )
        : get(modifiedData, [...componentFieldName.split('.'), mainField], '')
    );