tinybase 6.5.2 → 6.6.0

package/ui-react/index.js

@@ -124,17 +124,6 @@ const getIndexStoreTableId = (indexes, indexId) => [
   indexes?.getTableId(indexId),
 ];
 
-var Offsets = /* @__PURE__ */ ((Offsets2) => {
-  Offsets2[(Offsets2['Store'] = 0)] = 'Store';
-  Offsets2[(Offsets2['Metrics'] = 1)] = 'Metrics';
-  Offsets2[(Offsets2['Indexes'] = 2)] = 'Indexes';
-  Offsets2[(Offsets2['Relationships'] = 3)] = 'Relationships';
-  Offsets2[(Offsets2['Queries'] = 4)] = 'Queries';
-  Offsets2[(Offsets2['Checkpoints'] = 5)] = 'Checkpoints';
-  Offsets2[(Offsets2['Persister'] = 6)] = 'Persister';
-  Offsets2[(Offsets2['Synchronizer'] = 7)] = 'Synchronizer';
-  return Offsets2;
-})(Offsets || {});
 const TINYBASE_CONTEXT = TINYBASE + '_uirc';
 const Context = GLOBAL[TINYBASE_CONTEXT]
   ? /* istanbul ignore next */
@@ -165,6 +154,165 @@ const useProvideThing = (thingId, thing, offset) => {
 const useThingIds = (offset) =>
   objIds(useContext(Context)[offset * 2 + 1] ?? {});
 
+const OFFSET_STORE = 0;
+const OFFSET_METRICS = 1;
+const OFFSET_INDEXES = 2;
+const OFFSET_RELATIONSHIPS = 3;
+const OFFSET_QUERIES = 4;
+const OFFSET_CHECKPOINTS = 5;
+const OFFSET_PERSISTER = 6;
+const OFFSET_SYNCHRONIZER = 7;
+const mergeParentThings = (
+  offset,
+  parentValue,
+  defaultThing,
+  thingsById,
+  extraThingsById,
+) => [
+  defaultThing ?? parentValue[offset * 2],
+  {
+    ...parentValue[offset * 2 + 1],
+    ...thingsById,
+    ...extraThingsById[offset],
+  },
+];
+const Provider = ({
+  store,
+  storesById,
+  metrics,
+  metricsById,
+  indexes,
+  indexesById,
+  relationships,
+  relationshipsById,
+  queries,
+  queriesById,
+  checkpoints,
+  checkpointsById,
+  persister,
+  persistersById,
+  synchronizer,
+  synchronizersById,
+  children,
+}) => {
+  const parentValue = useContext(Context);
+  const [extraThingsById, setExtraThingsById] = useState(() =>
+    arrayNew(8, () => ({})),
+  );
+  const addExtraThingById = useCallback(
+    (thingOffset, id, thing) =>
+      setExtraThingsById((extraThingsById2) =>
+        objGet(extraThingsById2[thingOffset], id) == thing
+          ? extraThingsById2
+          : arrayWith(extraThingsById2, thingOffset, {
+              ...extraThingsById2[thingOffset],
+              [id]: thing,
+            }),
+      ),
+    [],
+  );
+  const delExtraThingById = useCallback(
+    (thingOffset, id) =>
+      setExtraThingsById((extraThingsById2) =>
+        !objHas(extraThingsById2[thingOffset], id)
+          ? extraThingsById2
+          : arrayWith(
+              extraThingsById2,
+              thingOffset,
+              objDel(extraThingsById2[thingOffset], id),
+            ),
+      ),
+    [],
+  );
+  return /* @__PURE__ */ jsx(Context.Provider, {
+    value: useMemo(
+      () => [
+        ...mergeParentThings(
+          OFFSET_STORE,
+          parentValue,
+          store,
+          storesById,
+          extraThingsById,
+        ),
+        ...mergeParentThings(
+          OFFSET_METRICS,
+          parentValue,
+          metrics,
+          metricsById,
+          extraThingsById,
+        ),
+        ...mergeParentThings(
+          OFFSET_INDEXES,
+          parentValue,
+          indexes,
+          indexesById,
+          extraThingsById,
+        ),
+        ...mergeParentThings(
+          OFFSET_RELATIONSHIPS,
+          parentValue,
+          relationships,
+          relationshipsById,
+          extraThingsById,
+        ),
+        ...mergeParentThings(
+          OFFSET_QUERIES,
+          parentValue,
+          queries,
+          queriesById,
+          extraThingsById,
+        ),
+        ...mergeParentThings(
+          OFFSET_CHECKPOINTS,
+          parentValue,
+          checkpoints,
+          checkpointsById,
+          extraThingsById,
+        ),
+        ...mergeParentThings(
+          OFFSET_PERSISTER,
+          parentValue,
+          persister,
+          persistersById,
+          extraThingsById,
+        ),
+        ...mergeParentThings(
+          OFFSET_SYNCHRONIZER,
+          parentValue,
+          synchronizer,
+          synchronizersById,
+          extraThingsById,
+        ),
+        addExtraThingById,
+        delExtraThingById,
+      ],
+      [
+        extraThingsById,
+        store,
+        storesById,
+        metrics,
+        metricsById,
+        indexes,
+        indexesById,
+        relationships,
+        relationshipsById,
+        queries,
+        queriesById,
+        checkpoints,
+        checkpointsById,
+        persister,
+        persistersById,
+        synchronizer,
+        synchronizersById,
+        parentValue,
+        addExtraThingById,
+        delExtraThingById,
+      ],
+    ),
+    children,
+  });
+};
+
 const EMPTY_ARRAY = [];
 const DEFAULTS = [{}, [], [EMPTY_ARRAY, void 0, EMPTY_ARRAY], void 0, false, 0];
 const IS_EQUALS = [
@@ -329,13 +477,13 @@ const useSortedRowIdsListenerImpl = (
   );
 const useCreateStore = (create, createDeps = EMPTY_ARRAY) =>
   useMemo(create, createDeps);
-const useStoreIds = () => useThingIds(Offsets.Store);
-const useStore = (id) => useThing(id, Offsets.Store);
-const useStores = () => useThings(Offsets.Store);
+const useStoreIds = () => useThingIds(OFFSET_STORE);
+const useStore = (id) => useThing(id, OFFSET_STORE);
+const useStores = () => useThings(OFFSET_STORE);
 const useStoreOrStoreById = (storeOrStoreId) =>
-  useThingOrThingById(storeOrStoreId, Offsets.Store);
+  useThingOrThingById(storeOrStoreId, OFFSET_STORE);
 const useProvideStore = (storeId, store) =>
-  useProvideThing(storeId, store, Offsets.Store);
+  useProvideThing(storeId, store, OFFSET_STORE);
 const useCreateMergeableStore = (create, createDeps = EMPTY_ARRAY) =>
   useMemo(create, createDeps);
 const useHasTables = (storeOrStoreId) =>
@@ -989,12 +1137,12 @@ const useDidFinishTransactionListener = (
   );
 const useCreateMetrics = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
-const useMetricsIds = () => useThingIds(Offsets.Metrics);
-const useMetrics = (id) => useThing(id, Offsets.Metrics);
+const useMetricsIds = () => useThingIds(OFFSET_METRICS);
+const useMetrics = (id) => useThing(id, OFFSET_METRICS);
 const useMetricsOrMetricsById = (metricsOrMetricsId) =>
-  useThingOrThingById(metricsOrMetricsId, Offsets.Metrics);
+  useThingOrThingById(metricsOrMetricsId, OFFSET_METRICS);
 const useProvideMetrics = (metricsId, metrics) =>
-  useProvideThing(metricsId, metrics, Offsets.Metrics);
+  useProvideThing(metricsId, metrics, OFFSET_METRICS);
 const useMetricIds = (metricsOrMetricsId) =>
   useListenable(
     METRIC + IDS,
@@ -1023,12 +1171,12 @@ const useMetricListener = (
   );
 const useCreateIndexes = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
-const useIndexesIds = () => useThingIds(Offsets.Indexes);
-const useIndexes = (id) => useThing(id, Offsets.Indexes);
+const useIndexesIds = () => useThingIds(OFFSET_INDEXES);
+const useIndexes = (id) => useThing(id, OFFSET_INDEXES);
 const useIndexesOrIndexesById = (indexesOrIndexesId) =>
-  useThingOrThingById(indexesOrIndexesId, Offsets.Indexes);
+  useThingOrThingById(indexesOrIndexesId, OFFSET_INDEXES);
 const useProvideIndexes = (indexesId, indexes) =>
-  useProvideThing(indexesId, indexes, Offsets.Indexes);
+  useProvideThing(indexesId, indexes, OFFSET_INDEXES);
 const useSliceIds = (indexId, indexesOrIndexesId) =>
   useListenable(
     SLICE + IDS,
@@ -1078,12 +1226,12 @@ const useSliceRowIdsListener = (
   );
 const useCreateRelationships = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
-const useRelationshipsIds = () => useThingIds(Offsets.Relationships);
-const useRelationships = (id) => useThing(id, Offsets.Relationships);
+const useRelationshipsIds = () => useThingIds(OFFSET_RELATIONSHIPS);
+const useRelationships = (id) => useThing(id, OFFSET_RELATIONSHIPS);
 const useRelationshipsOrRelationshipsById = (relationshipsOrRelationshipsId) =>
-  useThingOrThingById(relationshipsOrRelationshipsId, Offsets.Relationships);
+  useThingOrThingById(relationshipsOrRelationshipsId, OFFSET_RELATIONSHIPS);
 const useProvideRelationships = (relationshipsId, relationships) =>
-  useProvideThing(relationshipsId, relationships, Offsets.Relationships);
+  useProvideThing(relationshipsId, relationships, OFFSET_RELATIONSHIPS);
 const useRelationshipIds = (relationshipsOrRelationshipsId) =>
   useListenable(
     RELATIONSHIP + IDS,
@@ -1167,12 +1315,12 @@ const useLinkedRowIdsListener = (
   );
 const useCreateQueries = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
-const useQueriesIds = () => useThingIds(Offsets.Queries);
-const useQueries = (id) => useThing(id, Offsets.Queries);
+const useQueriesIds = () => useThingIds(OFFSET_QUERIES);
+const useQueries = (id) => useThing(id, OFFSET_QUERIES);
 const useQueriesOrQueriesById = (queriesOrQueriesId) =>
-  useThingOrThingById(queriesOrQueriesId, Offsets.Queries);
+  useThingOrThingById(queriesOrQueriesId, OFFSET_QUERIES);
 const useProvideQueries = (queriesId, queries) =>
-  useProvideThing(queriesId, queries, Offsets.Queries);
+  useProvideThing(queriesId, queries, OFFSET_QUERIES);
 const useQueryIds = (queriesOrQueriesId) =>
   useListenable(
     QUERY + IDS,
@@ -1356,12 +1504,12 @@ const useResultCellListener = (
   );
 const useCreateCheckpoints = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
-const useCheckpointsIds = () => useThingIds(Offsets.Checkpoints);
-const useCheckpoints = (id) => useThing(id, Offsets.Checkpoints);
+const useCheckpointsIds = () => useThingIds(OFFSET_CHECKPOINTS);
+const useCheckpoints = (id) => useThing(id, OFFSET_CHECKPOINTS);
 const useCheckpointsOrCheckpointsById = (checkpointsOrCheckpointsId) =>
-  useThingOrThingById(checkpointsOrCheckpointsId, Offsets.Checkpoints);
+  useThingOrThingById(checkpointsOrCheckpointsId, OFFSET_CHECKPOINTS);
 const useProvideCheckpoints = (checkpointsId, checkpoints) =>
-  useProvideThing(checkpointsId, checkpoints, Offsets.Checkpoints);
+  useProvideThing(checkpointsId, checkpoints, OFFSET_CHECKPOINTS);
 const useCheckpointIds = (checkpointsOrCheckpointsId) =>
   useListenable(
     CHECKPOINT + IDS,
@@ -1509,12 +1657,12 @@ const useCreatePersister = (
   );
   return persister;
 };
-const usePersisterIds = () => useThingIds(Offsets.Persister);
-const usePersister = (id) => useThing(id, Offsets.Persister);
+const usePersisterIds = () => useThingIds(OFFSET_PERSISTER);
+const usePersister = (id) => useThing(id, OFFSET_PERSISTER);
 const usePersisterOrPersisterById = (persisterOrPersisterId) =>
-  useThingOrThingById(persisterOrPersisterId, Offsets.Persister);
+  useThingOrThingById(persisterOrPersisterId, OFFSET_PERSISTER);
 const useProvidePersister = (persisterId, persister) =>
-  useProvideThing(persisterId, persister, Offsets.Persister);
+  useProvideThing(persisterId, persister, OFFSET_PERSISTER);
 const usePersisterStatus = (persisterOrPersisterId) =>
   useListenable(
     STATUS,
@@ -1564,12 +1712,12 @@ const useCreateSynchronizer = (
   );
   return synchronizer;
 };
-const useSynchronizerIds = () => useThingIds(Offsets.Synchronizer);
-const useSynchronizer = (id) => useThing(id, Offsets.Synchronizer);
+const useSynchronizerIds = () => useThingIds(OFFSET_SYNCHRONIZER);
+const useSynchronizer = (id) => useThing(id, OFFSET_SYNCHRONIZER);
 const useSynchronizerOrSynchronizerById = (synchronizerOrSynchronizerId) =>
-  useThingOrThingById(synchronizerOrSynchronizerId, Offsets.Synchronizer);
+  useThingOrThingById(synchronizerOrSynchronizerId, OFFSET_SYNCHRONIZER);
 const useProvideSynchronizer = (persisterId, persister) =>
-  useProvideThing(persisterId, persister, Offsets.Synchronizer);
+  useProvideThing(persisterId, persister, OFFSET_SYNCHRONIZER);
 const useSynchronizerStatus = (synchronizerOrSynchronizerId) =>
   useListenable(
     STATUS,
@@ -1590,20 +1738,105 @@ const useSynchronizerStatusListener = (
     [],
   );
 
-const mergeParentThings = (
-  offset,
-  parentValue,
-  defaultThing,
-  thingsById,
-  extraThingsById,
-) => [
-  defaultThing ?? parentValue[offset * 2],
-  {
-    ...parentValue[offset * 2 + 1],
-    ...thingsById,
-    ...extraThingsById[offset],
-  },
-];
+const wrap = (children, separator, encloseWithId, id) => {
+  const separated =
+    isUndefined(separator) || !isArray(children)
+      ? children
+      : arrayMap(children, (child, c) => (c > 0 ? [separator, child] : child));
+  return encloseWithId ? [id, ':{', separated, '}'] : separated;
+};
+
+const CheckpointView = ({checkpoints, checkpointId, debugIds}) =>
+  wrap(
+    useCheckpoint(checkpointId, checkpoints) ?? EMPTY_STRING,
+    void 0,
+    debugIds,
+    checkpointId,
+  );
+
+const ResultCellView = ({queryId, rowId, cellId, queries, debugIds}) =>
+  wrap(
+    EMPTY_STRING +
+      (useResultCell(queryId, rowId, cellId, queries) ?? EMPTY_STRING),
+    void 0,
+    debugIds,
+    cellId,
+  );
+
+const ResultRowView = ({
+  queryId,
+  rowId,
+  queries,
+  resultCellComponent: ResultCell = ResultCellView,
+  getResultCellComponentProps,
+  separator,
+  debugIds,
+}) =>
+  wrap(
+    arrayMap(useResultCellIds(queryId, rowId, queries), (cellId) =>
+      /* @__PURE__ */ jsx(
+        ResultCell,
+        {
+          ...getProps(getResultCellComponentProps, cellId),
+          queryId,
+          rowId,
+          cellId,
+          queries,
+          debugIds,
+        },
+        cellId,
+      ),
+    ),
+    separator,
+    debugIds,
+    rowId,
+  );
+
+const CellView = ({tableId, rowId, cellId, store, debugIds}) =>
+  wrap(
+    EMPTY_STRING + (useCell(tableId, rowId, cellId, store) ?? EMPTY_STRING),
+    void 0,
+    debugIds,
+    cellId,
+  );
+
+const useCustomOrDefaultCellIds = (customCellIds, tableId, rowId, store) => {
+  const defaultCellIds = useCellIds(tableId, rowId, store);
+  return customCellIds ?? defaultCellIds;
+};
+
+const RowView = ({
+  tableId,
+  rowId,
+  store,
+  cellComponent: Cell = CellView,
+  getCellComponentProps,
+  customCellIds,
+  separator,
+  debugIds,
+}) =>
+  wrap(
+    arrayMap(
+      useCustomOrDefaultCellIds(customCellIds, tableId, rowId, store),
+      (cellId) =>
+        /* @__PURE__ */ jsx(
+          Cell,
+          {
+            ...getProps(getCellComponentProps, cellId),
+            tableId,
+            rowId,
+            cellId,
+            store,
+            debugIds,
+          },
+          cellId,
+        ),
+    ),
+    separator,
+    debugIds,
+    rowId,
+  );
+
 const tableView = (
   {
     tableId,
@@ -1729,263 +1962,19 @@ const getUseCheckpointView =
       separator,
     );
   };
-const Provider = ({
-  store,
-  storesById,
-  metrics,
-  metricsById,
-  indexes,
-  indexesById,
-  relationships,
-  relationshipsById,
-  queries,
-  queriesById,
-  checkpoints,
-  checkpointsById,
-  persister,
-  persistersById,
-  synchronizer,
-  synchronizersById,
-  children,
-}) => {
-  const parentValue = useContext(Context);
-  const [extraThingsById, setExtraThingsById] = useState(() =>
-    arrayNew(8, () => ({})),
-  );
-  const addExtraThingById = useCallback(
-    (thingOffset, id, thing) =>
-      setExtraThingsById((extraThingsById2) =>
-        objGet(extraThingsById2[thingOffset], id) == thing
-          ? extraThingsById2
-          : arrayWith(extraThingsById2, thingOffset, {
-              ...extraThingsById2[thingOffset],
-              [id]: thing,
-            }),
-      ),
-    [],
-  );
-  const delExtraThingById = useCallback(
-    (thingOffset, id) =>
-      setExtraThingsById((extraThingsById2) =>
-        !objHas(extraThingsById2[thingOffset], id)
-          ? extraThingsById2
-          : arrayWith(
-              extraThingsById2,
-              thingOffset,
-              objDel(extraThingsById2[thingOffset], id),
-            ),
-      ),
-    [],
-  );
-  return /* @__PURE__ */ jsx(Context.Provider, {
-    value: useMemo(
-      () => [
-        ...mergeParentThings(
-          0 /* Store */,
-          parentValue,
-          store,
-          storesById,
-          extraThingsById,
-        ),
-        ...mergeParentThings(
-          1 /* Metrics */,
-          parentValue,
-          metrics,
-          metricsById,
-          extraThingsById,
-        ),
-        ...mergeParentThings(
-          2 /* Indexes */,
-          parentValue,
-          indexes,
-          indexesById,
-          extraThingsById,
-        ),
-        ...mergeParentThings(
-          3 /* Relationships */,
-          parentValue,
-          relationships,
-          relationshipsById,
-          extraThingsById,
-        ),
-        ...mergeParentThings(
-          4 /* Queries */,
-          parentValue,
-          queries,
-          queriesById,
-          extraThingsById,
-        ),
-        ...mergeParentThings(
-          5 /* Checkpoints */,
-          parentValue,
-          checkpoints,
-          checkpointsById,
-          extraThingsById,
-        ),
-        ...mergeParentThings(
-          6 /* Persister */,
-          parentValue,
-          persister,
-          persistersById,
-          extraThingsById,
-        ),
-        ...mergeParentThings(
-          7 /* Synchronizer */,
-          parentValue,
-          synchronizer,
-          synchronizersById,
-          extraThingsById,
-        ),
-        addExtraThingById,
-        delExtraThingById,
-      ],
-      [
-        extraThingsById,
-        store,
-        storesById,
-        metrics,
-        metricsById,
-        indexes,
-        indexesById,
-        relationships,
-        relationshipsById,
-        queries,
-        queriesById,
-        checkpoints,
-        checkpointsById,
-        persister,
-        persistersById,
-        synchronizer,
-        synchronizersById,
-        parentValue,
-        addExtraThingById,
-        delExtraThingById,
-      ],
-    ),
-    children,
-  });
-};
-const wrap = (children, separator, encloseWithId, id) => {
-  const separated =
-    isUndefined(separator) || !isArray(children)
-      ? children
-      : arrayMap(children, (child, c) => (c > 0 ? [separator, child] : child));
-  return encloseWithId ? [id, ':{', separated, '}'] : separated;
-};
-const useCustomOrDefaultCellIds = (customCellIds, tableId, rowId, store) => {
-  const defaultCellIds = useCellIds(tableId, rowId, store);
-  return customCellIds ?? defaultCellIds;
-};
-const CellView = ({tableId, rowId, cellId, store, debugIds}) =>
-  wrap(
-    EMPTY_STRING + (useCell(tableId, rowId, cellId, store) ?? EMPTY_STRING),
-    void 0,
-    debugIds,
-    cellId,
-  );
-const RowView = ({
-  tableId,
-  rowId,
-  store,
-  cellComponent: Cell = CellView,
-  getCellComponentProps,
-  customCellIds,
-  separator,
-  debugIds,
-}) =>
-  wrap(
-    arrayMap(
-      useCustomOrDefaultCellIds(customCellIds, tableId, rowId, store),
-      (cellId) =>
-        /* @__PURE__ */ jsx(
-          Cell,
-          {
-            ...getProps(getCellComponentProps, cellId),
-            tableId,
-            rowId,
-            cellId,
-            store,
-            debugIds,
-          },
-          cellId,
-        ),
-    ),
-    separator,
-    debugIds,
-    rowId,
-  );
-const TableView = (props) =>
-  tableView(props, useRowIds(props.tableId, props.store));
-const SortedTableView = ({cellId, descending, offset, limit, ...props}) =>
-  tableView(
-    props,
-    useSortedRowIds(
-      props.tableId,
-      cellId,
-      descending,
-      offset,
-      limit,
-      props.store,
-    ),
-  );
-const TablesView = ({
-  store,
-  tableComponent: Table = TableView,
-  getTableComponentProps,
-  separator,
-  debugIds,
-}) =>
-  wrap(
-    arrayMap(useTableIds(store), (tableId) =>
-      /* @__PURE__ */ jsx(
-        Table,
-        {
-          ...getProps(getTableComponentProps, tableId),
-          tableId,
-          store,
-          debugIds,
-        },
-        tableId,
-      ),
-    ),
-    separator,
-  );
-const ValueView = ({valueId, store, debugIds}) =>
-  wrap(
-    EMPTY_STRING + (useValue(valueId, store) ?? EMPTY_STRING),
-    void 0,
-    debugIds,
-    valueId,
-  );
-const ValuesView = ({
-  store,
-  valueComponent: Value = ValueView,
-  getValueComponentProps,
-  separator,
-  debugIds,
-}) =>
-  wrap(
-    arrayMap(useValueIds(store), (valueId) =>
-      /* @__PURE__ */ jsx(
-        Value,
-        {
-          ...getProps(getValueComponentProps, valueId),
-          valueId,
-          store,
-          debugIds,
-        },
-        valueId,
-      ),
-    ),
-    separator,
-  );
-const MetricView = ({metricId, metrics, debugIds}) =>
-  wrap(
-    useMetric(metricId, metrics) ?? EMPTY_STRING,
-    void 0,
-    debugIds,
-    metricId,
-  );
+
+const BackwardCheckpointsView = getUseCheckpointView(
+  (checkpointIds) => checkpointIds[0],
+);
+
+const CurrentCheckpointView = getUseCheckpointView((checkpointIds) =>
+  isUndefined(checkpointIds[1]) ? [] : [checkpointIds[1]],
+);
+
+const ForwardCheckpointsView = getUseCheckpointView(
+  (checkpointIds) => checkpointIds[2],
+);
+
 const SliceView = ({
   indexId,
   sliceId,
@@ -2019,6 +2008,7 @@ const SliceView = ({
     sliceId,
   );
 };
+
 const IndexView = ({
   indexId,
   indexes,
@@ -2045,6 +2035,21 @@ const IndexView = ({
     debugIds,
     indexId,
   );
+
+const LinkedRowsView = (props) =>
+  useComponentPerRow(props, useLinkedRowIds, props.firstRowId);
+
+const LocalRowsView = (props) =>
+  useComponentPerRow(props, useLocalRowIds, props.remoteRowId);
+
+const MetricView = ({metricId, metrics, debugIds}) =>
+  wrap(
+    useMetric(metricId, metrics) ?? EMPTY_STRING,
+    void 0,
+    debugIds,
+    metricId,
+  );
+
 const RemoteRowView = ({
   relationshipId,
   localRowId,
@@ -2082,76 +2087,92 @@ const RemoteRowView = ({
     localRowId,
   );
 };
-const LocalRowsView = (props) =>
-  useComponentPerRow(props, useLocalRowIds, props.remoteRowId);
-const LinkedRowsView = (props) =>
-  useComponentPerRow(props, useLinkedRowIds, props.firstRowId);
-const ResultCellView = ({queryId, rowId, cellId, queries, debugIds}) =>
-  wrap(
-    EMPTY_STRING +
-      (useResultCell(queryId, rowId, cellId, queries) ?? EMPTY_STRING),
-    void 0,
-    debugIds,
-    cellId,
+
+const ResultSortedTableView = ({cellId, descending, offset, limit, ...props}) =>
+  resultTableView(
+    props,
+    useResultSortedRowIds(
+      props.queryId,
+      cellId,
+      descending,
+      offset,
+      limit,
+      props.queries,
+    ),
   );
-const ResultRowView = ({
-  queryId,
-  rowId,
-  queries,
-  resultCellComponent: ResultCell = ResultCellView,
-  getResultCellComponentProps,
+
+const ResultTableView = (props) =>
+  resultTableView(props, useResultRowIds(props.queryId, props.queries));
+
+const SortedTableView = ({cellId, descending, offset, limit, ...props}) =>
+  tableView(
+    props,
+    useSortedRowIds(
+      props.tableId,
+      cellId,
+      descending,
+      offset,
+      limit,
+      props.store,
+    ),
+  );
+
+const TableView = (props) =>
+  tableView(props, useRowIds(props.tableId, props.store));
+
+const TablesView = ({
+  store,
+  tableComponent: Table = TableView,
+  getTableComponentProps,
   separator,
   debugIds,
 }) =>
   wrap(
-    arrayMap(useResultCellIds(queryId, rowId, queries), (cellId) =>
+    arrayMap(useTableIds(store), (tableId) =>
       /* @__PURE__ */ jsx(
-        ResultCell,
+        Table,
         {
-          ...getProps(getResultCellComponentProps, cellId),
-          queryId,
-          rowId,
-          cellId,
-          queries,
+          ...getProps(getTableComponentProps, tableId),
+          tableId,
+          store,
           debugIds,
         },
-        cellId,
+        tableId,
       ),
     ),
     separator,
-    debugIds,
-    rowId,
-  );
-const ResultTableView = (props) =>
-  resultTableView(props, useResultRowIds(props.queryId, props.queries));
-const ResultSortedTableView = ({cellId, descending, offset, limit, ...props}) =>
-  resultTableView(
-    props,
-    useResultSortedRowIds(
-      props.queryId,
-      cellId,
-      descending,
-      offset,
-      limit,
-      props.queries,
-    ),
   );
-const CheckpointView = ({checkpoints, checkpointId, debugIds}) =>
+
+const ValueView = ({valueId, store, debugIds}) =>
   wrap(
-    useCheckpoint(checkpointId, checkpoints) ?? EMPTY_STRING,
+    EMPTY_STRING + (useValue(valueId, store) ?? EMPTY_STRING),
     void 0,
     debugIds,
-    checkpointId,
+    valueId,
+  );
+
+const ValuesView = ({
+  store,
+  valueComponent: Value = ValueView,
+  getValueComponentProps,
+  separator,
+  debugIds,
+}) =>
+  wrap(
+    arrayMap(useValueIds(store), (valueId) =>
+      /* @__PURE__ */ jsx(
+        Value,
+        {
+          ...getProps(getValueComponentProps, valueId),
+          valueId,
+          store,
+          debugIds,
+        },
+        valueId,
+      ),
+    ),
+    separator,
   );
-const BackwardCheckpointsView = getUseCheckpointView(
-  (checkpointIds) => checkpointIds[0],
-);
-const CurrentCheckpointView = getUseCheckpointView((checkpointIds) =>
-  isUndefined(checkpointIds[1]) ? [] : [checkpointIds[1]],
-);
-const ForwardCheckpointsView = getUseCheckpointView(
-  (checkpointIds) => checkpointIds[2],
-);
 
 export {
   BackwardCheckpointsView,
@@ -2163,6 +2184,14 @@ export {
   LinkedRowsView,
   LocalRowsView,
   MetricView,
+  OFFSET_CHECKPOINTS,
+  OFFSET_INDEXES,
+  OFFSET_METRICS,
+  OFFSET_PERSISTER,
+  OFFSET_QUERIES,
+  OFFSET_RELATIONSHIPS,
+  OFFSET_STORE,
+  OFFSET_SYNCHRONIZER,
   Provider,
   RemoteRowView,
   ResultCellView,