tinybase 6.0.0-beta.0 → 6.0.0-beta.2

package/ui-react/index.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import {jsx} from 'react/jsx-runtime';
 
 const getTypeOf = (thing) => typeof thing;
 const TINYBASE = 'tinybase';
@@ -63,9 +64,7 @@ const arrayWith = (array, index, value) => array.with(index, value);
 
 const {
   PureComponent,
-  Fragment,
   createContext,
-  createElement,
   useCallback,
   useContext,
   useEffect,
@@ -137,7 +136,7 @@ const useThing = (id, offset) => {
   return isUndefined(id)
     ? contextValue[offset * 2]
     : isString(id)
-      ? objGet(contextValue[offset * 2 + 1] ?? {}, id)
+      ? objGet(contextValue[offset * 2 + 1], id)
       : id;
 };
 const useThings = (offset) => ({...useContext(Context)[offset * 2 + 1]});
@@ -237,7 +236,7 @@ const useCreate = (store, create, createDeps = EMPTY_ARRAY) => {
 };
 const addAndDelListener = (thing, listenable, ...args) => {
   const listenerId = thing?.[ADD + listenable + LISTENER]?.(...args);
-  return () => thing?.delListener(listenerId);
+  return () => thing?.delListener?.(listenerId);
 };
 const useListenable = (listenable, thing, returnType, args = EMPTY_ARRAY) => {
   const lastResult = useRef(DEFAULTS[returnType]);
@@ -1548,15 +1547,18 @@ const tableView = (
 ) =>
   wrap(
     arrayMap(rowIds, (rowId) =>
-      /* @__PURE__ */ createElement(Row, {
-        ...getProps(getRowComponentProps, rowId),
-        key: rowId,
-        tableId,
+      /* @__PURE__ */ jsx(
+        Row,
+        {
+          ...getProps(getRowComponentProps, rowId),
+          tableId,
+          rowId,
+          customCellIds,
+          store,
+          debugIds,
+        },
         rowId,
-        customCellIds,
-        store,
-        debugIds,
-      }),
+      ),
     ),
     separator,
     debugIds,
@@ -1575,14 +1577,17 @@ const resultTableView = (
 ) =>
   wrap(
     arrayMap(rowIds, (rowId) =>
-      /* @__PURE__ */ createElement(ResultRow, {
-        ...getProps(getResultRowComponentProps, rowId),
-        key: rowId,
-        queryId,
+      /* @__PURE__ */ jsx(
+        ResultRow,
+        {
+          ...getProps(getResultRowComponentProps, rowId),
+          queryId,
+          rowId,
+          queries,
+          debugIds,
+        },
         rowId,
-        queries,
-        debugIds,
-      }),
+      ),
     ),
     separator,
     debugIds,
@@ -1608,14 +1613,17 @@ const useComponentPerRow = (
   const rowIds = getRowIdsHook(relationshipId, rowId, resolvedRelationships);
   return wrap(
     arrayMap(rowIds, (rowId2) =>
-      /* @__PURE__ */ createElement(Row, {
-        ...getProps(getRowComponentProps, rowId2),
-        key: rowId2,
-        tableId: localTableId,
-        rowId: rowId2,
-        store,
-        debugIds,
-      }),
+      /* @__PURE__ */ jsx(
+        Row,
+        {
+          ...getProps(getRowComponentProps, rowId2),
+          tableId: localTableId,
+          rowId: rowId2,
+          store,
+          debugIds,
+        },
+        rowId2,
+      ),
     ),
     separator,
     debugIds,
@@ -1636,13 +1644,16 @@ const getUseCheckpointView =
       arrayMap(
         getCheckpoints(useCheckpointIds(resolvedCheckpoints)),
         (checkpointId) =>
-          /* @__PURE__ */ createElement(Checkpoint, {
-            ...getProps(getCheckpointComponentProps, checkpointId),
-            key: checkpointId,
-            checkpoints: resolvedCheckpoints,
+          /* @__PURE__ */ jsx(
+            Checkpoint,
+            {
+              ...getProps(getCheckpointComponentProps, checkpointId),
+              checkpoints: resolvedCheckpoints,
+              checkpointId,
+              debugIds,
+            },
             checkpointId,
-            debugIds,
-          }),
+          ),
       ),
       separator,
     );
@@ -1695,96 +1706,93 @@ const Provider = ({
       ),
     [],
   );
-  return /* @__PURE__ */ createElement(
-    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,
+  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,
-          parentValue,
-          addExtraThingById,
-          delExtraThingById,
-        ],
-      ),
-    },
+          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 =
@@ -1818,15 +1826,18 @@ const RowView = ({
     arrayMap(
       useCustomOrDefaultCellIds(customCellIds, tableId, rowId, store),
       (cellId) =>
-        /* @__PURE__ */ createElement(Cell, {
-          ...getProps(getCellComponentProps, cellId),
-          key: cellId,
-          tableId,
-          rowId,
+        /* @__PURE__ */ jsx(
+          Cell,
+          {
+            ...getProps(getCellComponentProps, cellId),
+            tableId,
+            rowId,
+            cellId,
+            store,
+            debugIds,
+          },
           cellId,
-          store,
-          debugIds,
-        }),
+        ),
     ),
     separator,
     debugIds,
@@ -1855,13 +1866,16 @@ const TablesView = ({
 }) =>
   wrap(
     arrayMap(useTableIds(store), (tableId) =>
-      /* @__PURE__ */ createElement(Table, {
-        ...getProps(getTableComponentProps, tableId),
-        key: tableId,
+      /* @__PURE__ */ jsx(
+        Table,
+        {
+          ...getProps(getTableComponentProps, tableId),
+          tableId,
+          store,
+          debugIds,
+        },
         tableId,
-        store,
-        debugIds,
-      }),
+      ),
     ),
     separator,
   );
@@ -1881,13 +1895,16 @@ const ValuesView = ({
 }) =>
   wrap(
     arrayMap(useValueIds(store), (valueId) =>
-      /* @__PURE__ */ createElement(Value, {
-        ...getProps(getValueComponentProps, valueId),
-        key: valueId,
+      /* @__PURE__ */ jsx(
+        Value,
+        {
+          ...getProps(getValueComponentProps, valueId),
+          valueId,
+          store,
+          debugIds,
+        },
         valueId,
-        store,
-        debugIds,
-      }),
+      ),
     ),
     separator,
   );
@@ -1914,14 +1931,17 @@ const SliceView = ({
   const rowIds = useSliceRowIds(indexId, sliceId, resolvedIndexes);
   return wrap(
     arrayMap(rowIds, (rowId) =>
-      /* @__PURE__ */ createElement(Row, {
-        ...getProps(getRowComponentProps, rowId),
-        key: rowId,
-        tableId,
+      /* @__PURE__ */ jsx(
+        Row,
+        {
+          ...getProps(getRowComponentProps, rowId),
+          tableId,
+          rowId,
+          store,
+          debugIds,
+        },
         rowId,
-        store,
-        debugIds,
-      }),
+      ),
     ),
     separator,
     debugIds,
@@ -1938,14 +1958,17 @@ const IndexView = ({
 }) =>
   wrap(
     arrayMap(useSliceIds(indexId, indexes), (sliceId) =>
-      /* @__PURE__ */ createElement(Slice, {
-        ...getProps(getSliceComponentProps, sliceId),
-        key: sliceId,
-        indexId,
+      /* @__PURE__ */ jsx(
+        Slice,
+        {
+          ...getProps(getSliceComponentProps, sliceId),
+          indexId,
+          sliceId,
+          indexes,
+          debugIds,
+        },
         sliceId,
-        indexes,
-        debugIds,
-      }),
+      ),
     ),
     separator,
     debugIds,
@@ -1972,14 +1995,17 @@ const RemoteRowView = ({
   return wrap(
     isUndefined(remoteTableId) || isUndefined(rowId)
       ? null
-      : /* @__PURE__ */ createElement(Row, {
-          ...getProps(getRowComponentProps, rowId),
-          key: rowId,
-          tableId: remoteTableId,
+      : /* @__PURE__ */ jsx(
+          Row,
+          {
+            ...getProps(getRowComponentProps, rowId),
+            tableId: remoteTableId,
+            rowId,
+            store,
+            debugIds,
+          },
           rowId,
-          store,
-          debugIds,
-        }),
+        ),
     void 0,
     debugIds,
     localRowId,
@@ -2008,15 +2034,18 @@ const ResultRowView = ({
 }) =>
   wrap(
     arrayMap(useResultCellIds(queryId, rowId, queries), (cellId) =>
-      /* @__PURE__ */ createElement(ResultCell, {
-        ...getProps(getResultCellComponentProps, cellId),
-        key: cellId,
-        queryId,
-        rowId,
+      /* @__PURE__ */ jsx(
+        ResultCell,
+        {
+          ...getProps(getResultCellComponentProps, cellId),
+          queryId,
+          rowId,
+          cellId,
+          queries,
+          debugIds,
+        },
         cellId,
-        queries,
-        debugIds,
-      }),
+      ),
     ),
     separator,
     debugIds,