Function SliceView

src/ui-react/SliceView.tsx:12–40

({
  indexId,
  sliceId,
  indexes,
  rowComponent: Row = RowView,
  getRowComponentProps,
  separator,
  debugIds,
}: SliceProps)

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

export const SliceView: typeof SliceViewDecl = ({
  indexId,
  sliceId,
  indexes,
  rowComponent: Row = RowView,
  getRowComponentProps,
  separator,
  debugIds,
}: SliceProps): any => {
  const [resolvedIndexes, store, tableId] = getIndexStoreTableId(
    useIndexesOrIndexesById(indexes),
    indexId,
  );
  const rowIds = useSliceRowIds(indexId, sliceId, resolvedIndexes);
  return (
    <Wrap separator={separator} debugIds={debugIds} id={sliceId}>
      {arrayMap(rowIds, (rowId) => (
        <Row
          key={rowId}
          {...getProps(getRowComponentProps, rowId)}
          tableId={tableId as Id}
          rowId={rowId}
          store={store}
          debugIds={debugIds}
        />
      ))}
    </Wrap>
  );
};