Function getUseCheckpointView

src/ui-solid/common/index.tsx:132–167

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

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