Example of usage of new hooks

index.tsx

import { connect } from 'datocms-plugin-sdk';

connect({
  buildItemPresentationInfo(item, ctx) {
    // we only want to customize the presentation for records of a specific
    // model

    if (item.relationships.item_type.data.id !== '810975') {
      return undefined;
    }

    const title =
      typeof item.attributes.title === 'string' ? item.attributes.title : 'N/A';

    return {
      title: title.toUpperCase(),
      imageUrl: `https://loremflickr.com/150/150/${title
        .toLowerCase()
        .replace(/\s+/g, ',')}`,
    };
  },

  initialLocationQueryForItemSelector(openerField, itemType, ctx) {
    // we only want to customize the location for a specific field, when
    // opening the selector a specific model

    if (openerField.id !== '7292330' || itemType.id !== '168664') {
      return undefined;
    }

    return {
      locationQuery: {
        filter: {
          fields: {
            name: {
              matches: {
                pattern: 'michael',
                case_sensitive: false,
                regexp: false,
              },
            },
          },
        },
      },
    };
  },
});