Function useComponentPerRow

src/ui-solid/common/index.tsx:88–129

(
  props: (RemoteRowProps | LocalRowsProps | LinkedRowsProps) & {
    separator?: JSXElement | string;
  },
  getRowIdsHook: (
    relationshipId: Id | (() => Id),
    rowId: Id | (() => Id),
    relationships: MaybeAccessor<RelationshipsOrRelationshipsId | undefined>,
  ) => () => Ids,
  rowId: Id | (() => Id),
)

};

export const useComponentPerRow = (
  props: (RemoteRowProps | LocalRowsProps | LinkedRowsProps) & {
    separator?: JSXElement | string;
  },
  getRowIdsHook: (
    relationshipId: Id | (() => Id),
    rowId: Id | (() => Id),
    relationships: MaybeAccessor<RelationshipsOrRelationshipsId | undefined>,
  ) => () => Ids,
  rowId: Id | (() => Id),
) => {
  const resolvedRelationships = useRelationshipsOrRelationshipsById(
    () => props.relationships,
  );
  const rowIds = getRowIdsHook(
    () => props.relationshipId,
    rowId,
    resolvedRelationships,
  );
  const content = () => {
    const Row = props.rowComponent ?? RowView;
    const [_relationship, store, localTableId] = getRelationshipsStoreTableIds(
      getValue(resolvedRelationships),
      props.relationshipId,
    );
    return wrap(
      arrayMap(getValue(rowIds) as Ids, (localRowId) => (
        <Row
          {...getProps(props.getRowComponentProps, localRowId)}
          tableId={localTableId as Id}
          rowId={localRowId}
          store={store}
          debugIds={props.debugIds}
        />
      )),
      props.separator,
      props.debugIds,
      getValue(rowId),
    );
  };
  return <>{content()}</>;
};

export const getUseCheckpointView =
  (getCheckpoints: (checkpointIds: CheckpointIds) => Ids) =>