Function RemoteRowView

src/ui-react/RemoteRowView.tsx:12–44

({
  relationshipId,
  localRowId,
  relationships,
  rowComponent: Row = RowView,
  getRowComponentProps,
  debugIds,
}: RemoteRowProps)

import {RowView} from './RowView.tsx';

export const RemoteRowView: typeof RemoteRowViewDecl = ({
  relationshipId,
  localRowId,
  relationships,
  rowComponent: Row = RowView,
  getRowComponentProps,
  debugIds,
}: RemoteRowProps): any => {
  const [resolvedRelationships, store, , remoteTableId] =
    getRelationshipsStoreTableIds(
      useRelationshipsOrRelationshipsById(relationships),
      relationshipId,
    );
  const rowId = useRemoteRowId(
    relationshipId,
    localRowId,
    resolvedRelationships,
  );
  return (
    <Wrap debugIds={debugIds} id={localRowId}>
      {isUndefined(remoteTableId) || isUndefined(rowId) ? null : (
        <Row
          key={rowId}
          {...getProps(getRowComponentProps, rowId as Id)}
          tableId={remoteTableId}
          rowId={rowId}
          store={store}
          debugIds={debugIds}
        />
      )}
    </Wrap>
  );
};