tinybase 8.1.0-beta.1 → 8.1.0-beta.2

package/ui-react/index.js

@@ -42,7 +42,10 @@ const QUERY = 'Query';
 const CHECKPOINT = 'Checkpoint';
 
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
-  predicate(value) ? otherwise?.() : then(value);
+  predicate(value)
+    ? /* istanbul ignore next */
+      otherwise?.()
+    : then(value);
 const GLOBAL = globalThis;
 const isNullish = (thing) => thing == null;
 const isUndefined = (thing) => thing === void 0;
@@ -1925,30 +1928,29 @@ const useSynchronizerStatusListener = (
     [],
   );
 
-const wrap = (children, separator, encloseWithId, id) => {
+const Wrap = ({children, separator, debugIds, id}) => {
   const separated =
     isUndefined(separator) || !isArray(children)
       ? children
       : arrayMap(children, (child, c) => (c > 0 ? [separator, child] : child));
-  return encloseWithId ? [id, ':{', separated, '}'] : separated;
+  return debugIds && !isUndefined(id) ? [id, ':{', separated, '}'] : separated;
 };
 
 const CheckpointView = ({checkpoints, checkpointId, debugIds}) =>
-  wrap(
-    useCheckpoint(checkpointId, checkpoints) ?? EMPTY_STRING,
-    void 0,
+  /* @__PURE__ */ jsx(Wrap, {
     debugIds,
-    checkpointId,
-  );
+    id: checkpointId,
+    children: useCheckpoint(checkpointId, checkpoints) ?? EMPTY_STRING,
+  });
 
 const ResultCellView = ({queryId, rowId, cellId, queries, debugIds}) =>
-  wrap(
-    EMPTY_STRING +
-      (useResultCell(queryId, rowId, cellId, queries) ?? EMPTY_STRING),
-    void 0,
+  /* @__PURE__ */ jsx(Wrap, {
     debugIds,
-    cellId,
-  );
+    id: cellId,
+    children:
+      EMPTY_STRING +
+      (useResultCell(queryId, rowId, cellId, queries) ?? EMPTY_STRING),
+  });
 
 const ResultRowView = ({
   queryId,
@@ -1959,8 +1961,11 @@ const ResultRowView = ({
   separator,
   debugIds,
 }) =>
-  wrap(
-    arrayMap(useResultCellIds(queryId, rowId, queries), (cellId) =>
+  /* @__PURE__ */ jsx(Wrap, {
+    separator,
+    debugIds,
+    id: rowId,
+    children: arrayMap(useResultCellIds(queryId, rowId, queries), (cellId) =>
       /* @__PURE__ */ jsx(
         ResultCell,
         {
@@ -1974,18 +1979,15 @@ const ResultRowView = ({
         cellId,
       ),
     ),
-    separator,
-    debugIds,
-    rowId,
-  );
+  });
 
 const CellView = ({tableId, rowId, cellId, store, debugIds}) =>
-  wrap(
-    EMPTY_STRING + (useCell(tableId, rowId, cellId, store) ?? EMPTY_STRING),
-    void 0,
+  /* @__PURE__ */ jsx(Wrap, {
     debugIds,
-    cellId,
-  );
+    id: cellId,
+    children:
+      EMPTY_STRING + (useCell(tableId, rowId, cellId, store) ?? EMPTY_STRING),
+  });
 
 const useCustomOrDefaultCellIds = (customCellIds, tableId, rowId, store) => {
   const defaultCellIds = useCellIds(tableId, rowId, store);
@@ -2002,8 +2004,11 @@ const RowView = ({
   separator,
   debugIds,
 }) =>
-  wrap(
-    arrayMap(
+  /* @__PURE__ */ jsx(Wrap, {
+    separator,
+    debugIds,
+    id: rowId,
+    children: arrayMap(
       useCustomOrDefaultCellIds(customCellIds, tableId, rowId, store),
       (cellId) =>
         /* @__PURE__ */ jsx(
@@ -2019,10 +2024,7 @@ const RowView = ({
           cellId,
         ),
     ),
-    separator,
-    debugIds,
-    rowId,
-  );
+  });
 
 const tableView = (
   {
@@ -2036,8 +2038,11 @@ const tableView = (
   },
   rowIds,
 ) =>
-  wrap(
-    arrayMap(rowIds, (rowId) =>
+  /* @__PURE__ */ jsx(Wrap, {
+    separator,
+    debugIds,
+    id: tableId,
+    children: arrayMap(rowIds, (rowId) =>
       /* @__PURE__ */ jsx(
         Row,
         {
@@ -2051,10 +2056,7 @@ const tableView = (
         rowId,
       ),
     ),
-    separator,
-    debugIds,
-    tableId,
-  );
+  });
 const resultTableView = (
   {
     queryId,
@@ -2066,8 +2068,11 @@ const resultTableView = (
   },
   rowIds,
 ) =>
-  wrap(
-    arrayMap(rowIds, (rowId) =>
+  /* @__PURE__ */ jsx(Wrap, {
+    separator,
+    debugIds,
+    id: queryId,
+    children: arrayMap(rowIds, (rowId) =>
       /* @__PURE__ */ jsx(
         ResultRow,
         {
@@ -2080,10 +2085,7 @@ const resultTableView = (
         rowId,
       ),
     ),
-    separator,
-    debugIds,
-    queryId,
-  );
+  });
 const useComponentPerRow = (
   {
     relationshipId,
@@ -2102,8 +2104,11 @@ const useComponentPerRow = (
       relationshipId,
     );
   const rowIds = getRowIdsHook(relationshipId, rowId, resolvedRelationships);
-  return wrap(
-    arrayMap(rowIds, (rowId2) =>
+  return /* @__PURE__ */ jsx(Wrap, {
+    separator,
+    debugIds,
+    id: rowId,
+    children: arrayMap(rowIds, (rowId2) =>
       /* @__PURE__ */ jsx(
         Row,
         {
@@ -2116,10 +2121,7 @@ const useComponentPerRow = (
         rowId2,
       ),
     ),
-    separator,
-    debugIds,
-    rowId,
-  );
+  });
 };
 const getUseCheckpointView =
   (getCheckpoints) =>
@@ -2131,8 +2133,9 @@ const getUseCheckpointView =
     debugIds,
   }) => {
     const resolvedCheckpoints = useCheckpointsOrCheckpointsById(checkpoints);
-    return wrap(
-      arrayMap(
+    return /* @__PURE__ */ jsx(Wrap, {
+      separator,
+      children: arrayMap(
         getCheckpoints(useCheckpointIds(resolvedCheckpoints)),
         (checkpointId) =>
           /* @__PURE__ */ jsx(
@@ -2146,8 +2149,7 @@ const getUseCheckpointView =
             checkpointId,
           ),
       ),
-      separator,
-    );
+    });
   };
 
 const BackwardCheckpointsView = getUseCheckpointView(
@@ -2176,8 +2178,11 @@ const SliceView = ({
     indexId,
   );
   const rowIds = useSliceRowIds(indexId, sliceId, resolvedIndexes);
-  return wrap(
-    arrayMap(rowIds, (rowId) =>
+  return /* @__PURE__ */ jsx(Wrap, {
+    separator,
+    debugIds,
+    id: sliceId,
+    children: arrayMap(rowIds, (rowId) =>
       /* @__PURE__ */ jsx(
         Row,
         {
@@ -2190,10 +2195,7 @@ const SliceView = ({
         rowId,
       ),
     ),
-    separator,
-    debugIds,
-    sliceId,
-  );
+  });
 };
 
 const IndexView = ({
@@ -2204,8 +2206,11 @@ const IndexView = ({
   separator,
   debugIds,
 }) =>
-  wrap(
-    arrayMap(useSliceIds(indexId, indexes), (sliceId) =>
+  /* @__PURE__ */ jsx(Wrap, {
+    separator,
+    debugIds,
+    id: indexId,
+    children: arrayMap(useSliceIds(indexId, indexes), (sliceId) =>
       /* @__PURE__ */ jsx(
         Slice,
         {
@@ -2218,10 +2223,7 @@ const IndexView = ({
         sliceId,
       ),
     ),
-    separator,
-    debugIds,
-    indexId,
-  );
+  });
 
 const LinkedRowsView = (props) =>
   useComponentPerRow(props, useLinkedRowIds, props.firstRowId);
@@ -2230,12 +2232,11 @@ const LocalRowsView = (props) =>
   useComponentPerRow(props, useLocalRowIds, props.remoteRowId);
 
 const MetricView = ({metricId, metrics, debugIds}) =>
-  wrap(
-    useMetric(metricId, metrics) ?? EMPTY_STRING,
-    void 0,
+  /* @__PURE__ */ jsx(Wrap, {
     debugIds,
-    metricId,
-  );
+    id: metricId,
+    children: useMetric(metricId, metrics) ?? EMPTY_STRING,
+  });
 
 const RemoteRowView = ({
   relationshipId,
@@ -2255,24 +2256,24 @@ const RemoteRowView = ({
     localRowId,
     resolvedRelationships,
   );
-  return wrap(
-    isUndefined(remoteTableId) || isUndefined(rowId)
-      ? null
-      : /* @__PURE__ */ jsx(
-          Row,
-          {
-            ...getProps(getRowComponentProps, rowId),
-            tableId: remoteTableId,
-            rowId,
-            store,
-            debugIds,
-          },
-          rowId,
-        ),
-    void 0,
+  return /* @__PURE__ */ jsx(Wrap, {
     debugIds,
-    localRowId,
-  );
+    id: localRowId,
+    children:
+      isUndefined(remoteTableId) || isUndefined(rowId)
+        ? null
+        : /* @__PURE__ */ jsx(
+            Row,
+            {
+              ...getProps(getRowComponentProps, rowId),
+              tableId: remoteTableId,
+              rowId,
+              store,
+              debugIds,
+            },
+            rowId,
+          ),
+  });
 };
 
 const ResultSortedTableView = ({cellId, descending, offset, limit, ...props}) =>
@@ -2314,8 +2315,9 @@ const TablesView = ({
   separator,
   debugIds,
 }) =>
-  wrap(
-    arrayMap(useTableIds(store), (tableId) =>
+  /* @__PURE__ */ jsx(Wrap, {
+    separator,
+    children: arrayMap(useTableIds(store), (tableId) =>
       /* @__PURE__ */ jsx(
         Table,
         {
@@ -2327,16 +2329,14 @@ const TablesView = ({
         tableId,
       ),
     ),
-    separator,
-  );
+  });
 
 const ValueView = ({valueId, store, debugIds}) =>
-  wrap(
-    EMPTY_STRING + (useValue(valueId, store) ?? EMPTY_STRING),
-    void 0,
+  /* @__PURE__ */ jsx(Wrap, {
     debugIds,
-    valueId,
-  );
+    id: valueId,
+    children: EMPTY_STRING + (useValue(valueId, store) ?? EMPTY_STRING),
+  });
 
 const ValuesView = ({
   store,
@@ -2345,8 +2345,9 @@ const ValuesView = ({
   separator,
   debugIds,
 }) =>
-  wrap(
-    arrayMap(useValueIds(store), (valueId) =>
+  /* @__PURE__ */ jsx(Wrap, {
+    separator,
+    children: arrayMap(useValueIds(store), (valueId) =>
       /* @__PURE__ */ jsx(
         Value,
         {
@@ -2358,8 +2359,7 @@ const ValuesView = ({
         valueId,
       ),
     ),
-    separator,
-  );
+  });
 
 export {
   BackwardCheckpointsView,