Function RelationshipInHtmlRow

src/ui-solid-dom/RelationshipInHtmlTable.tsx:50–110

(props: {
  readonly localRowId: Id;
  readonly params: RelationshipInHtmlRowParams;
})

};

export const RelationshipInHtmlRow = (props: {
  readonly localRowId: Id;
  readonly params: RelationshipInHtmlRowParams;
}) => {
  const [
    idColumn,
    cells,
    localTableId,
    remoteTableId,
    relationshipId,
    relationships,
    store,
    extraCellsBefore,
    extraCellsAfter,
  ] = props.params;
  const remoteRowId = useRemoteRowId(
    () => relationshipId,
    () => props.localRowId,
    () => relationships,
  );
  const rowProps: RowProps = {
    tableId: localTableId ?? '',
    rowId: props.localRowId,
    store,
  };
  return (
    <tr>
      {extraRowCells(extraCellsBefore, rowProps)}
      {isFalse(idColumn) ? null : (
        <>
          <th title={props.localRowId}>{props.localRowId}</th>
          <th title={remoteRowId()}>{remoteRowId()}</th>
        </>
      )}
      {objToArray(
        getValue(cells),
        ({component: CellView, getComponentProps}, compoundCellId) => {
          const [tableId, cellId] = strSplit(compoundCellId, DOT, 2);
          const rowId =
            tableId === localTableId
              ? props.localRowId
              : tableId === remoteTableId
                ? remoteRowId()
                : undefined;
          return isUndefined(rowId) ? null : (
            <td>
              <CellView
                {...getProps(getComponentProps, rowId, cellId)}
                store={store}
                tableId={tableId}
                rowId={rowId}
                cellId={cellId}
              />
            </td>
          );
        },
      )}
      {extraRowCells(extraCellsAfter, rowProps)}