Function SliceView

src/ui-solid/SliceView.tsx:11–40

(props: SliceProps)

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

export const SliceView = (props: SliceProps): JSXElement => {
  const resolvedIndexes = useIndexesOrIndexesById(() => props.indexes);
  const rowIds = useSliceRowIds(
    () => props.indexId,
    () => props.sliceId,
    resolvedIndexes,
  );
  const content = () => {
    const Row = props.rowComponent ?? RowView;
    const [_indexesValue, store, tableId] = getIndexStoreTableId(
      getValue(resolvedIndexes),
      props.indexId,
    );
    return wrap(
      arrayMap(getValue(rowIds) as Id[], (rowId) => (
        <Row
          {...getProps(props.getRowComponentProps, rowId)}
          tableId={tableId as Id}
          rowId={rowId}
          store={store}
          debugIds={props.debugIds}
        />
      )),
      props.separator,
      props.debugIds,
      props.sliceId,
    );
  };
  return <>{content()}</>;
};