Function IndexView

src/ui-solid/IndexView.tsx:11–34

(props: IndexProps)

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

export const IndexView = (props: IndexProps): JSXElement => {
  const sliceIds = useSliceIds(
    () => props.indexId,
    () => props.indexes,
  );
  const content = () => {
    const Slice = props.sliceComponent ?? SliceView;
    return wrap(
      arrayMap(getValue(sliceIds) as Id[], (sliceId: Id) => (
        <Slice
          {...getProps(props.getSliceComponentProps, sliceId)}
          indexId={props.indexId}
          sliceId={sliceId}
          indexes={props.indexes}
          debugIds={props.debugIds}
        />
      )),
      props.separator,
      props.debugIds,
      props.indexId,
    );
  };
  return <>{content()}</>;
};