Function getUseCheckpointView

src/ui-react/common/index.tsx:126–155

(getCheckpoints: (checkpointIds: CheckpointIds) => Ids)

export const getUseCheckpointView =
  (getCheckpoints: (checkpointIds: CheckpointIds) => Ids) =>
  ({
    checkpoints,
    checkpointComponent: Checkpoint = CheckpointView,
    getCheckpointComponentProps,
    separator,
    debugIds,
  }: (
    BackwardCheckpointsProps | CurrentCheckpointProps | ForwardCheckpointsProps
  ) & {
    readonly separator?: ReactElement | string;
  }): any => {
    const resolvedCheckpoints = useCheckpointsOrCheckpointsById(checkpoints);
    return (
      <Wrap separator={separator}>
        {arrayMap(
          getCheckpoints(useCheckpointIds(resolvedCheckpoints)),
          (checkpointId: Id) => (
            <Checkpoint
              key={checkpointId}
              {...getProps(getCheckpointComponentProps, checkpointId as Id)}
              checkpoints={resolvedCheckpoints}
              checkpointId={checkpointId}
              debugIds={debugIds}
            />
          ),
        )}
      </Wrap>
    );
  };