tinybase 5.4.0-beta.0 → 5.4.0-beta.1

package/umd/es6/ui-react/index.js

@@ -17,7 +17,9 @@
   const LISTENER = 'Listener';
   const RESULT = 'Result';
   const GET = 'get';
+  const SET = 'set';
   const ADD = 'add';
+  const DEL = 'del';
   const HAS = 'Has';
   const _HAS = 'has';
   const IDS = 'Ids';
@@ -33,7 +35,19 @@
   const VALUE = 'Value';
   const VALUES = VALUE + 's';
   const VALUE_IDS = VALUE + IDS;
+  const TRANSACTION = 'Transaction';
+  const PARTIAL = 'Partial';
+  const FINISH = 'Finish';
   const STATUS = 'Status';
+  const METRIC = 'Metric';
+  const INDEX = 'Index';
+  const SLICE = 'Slice';
+  const RELATIONSHIP = 'Relationship';
+  const REMOTE_ROW_ID = 'Remote' + ROW + 'Id';
+  const LOCAL = 'Local';
+  const LINKED = 'Linked';
+  const QUERY = 'Query';
+  const CHECKPOINT = 'Checkpoint';
 
   const GLOBAL = globalThis;
   const isUndefined = (thing) => thing == void 0;
@@ -60,6 +74,38 @@
   const arrayFilter = (array, cb) => array.filter(cb);
   const arrayWith = (array, index, value) => array.with(index, value);
 
+  const {
+    PureComponent,
+    Fragment,
+    createContext,
+    createElement,
+    useCallback,
+    useContext,
+    useEffect,
+    useLayoutEffect,
+    useMemo,
+    useRef,
+    useState,
+    useSyncExternalStore,
+  } = React;
+  const getProps = (getProps2, ...ids) =>
+    isUndefined(getProps2) ? {} : getProps2(...ids);
+  const getRelationshipsStoreTableIds = (relationships, relationshipId) => [
+    relationships,
+    relationships == null ? void 0 : relationships.getStore(),
+    relationships == null
+      ? void 0
+      : relationships.getLocalTableId(relationshipId),
+    relationships == null
+      ? void 0
+      : relationships.getRemoteTableId(relationshipId),
+  ];
+  const getIndexStoreTableId = (indexes, indexId) => [
+    indexes,
+    indexes == null ? void 0 : indexes.getStore(),
+    indexes == null ? void 0 : indexes.getTableId(indexId),
+  ];
+
   const object = Object;
   const getPrototypeOf = (obj) => object.getPrototypeOf(obj);
   const objEntries = object.entries;
@@ -102,28 +148,12 @@
     return obj[id];
   };
 
-  const {
-    createContext,
-    useContext: useContext$1,
-    useEffect: useEffect$1,
-  } = React;
-  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 Context = objEnsure(GLOBAL, TINYBASE + '_uirc', () =>
     createContext([]),
   );
   const useThing = (id, offset) => {
     var _a;
-    const contextValue = useContext$1(Context);
+    const contextValue = useContext(Context);
     return isUndefined(id)
       ? contextValue[offset * 2]
       : isString(id)
@@ -137,9 +167,8 @@
       : thingOrThingId;
   };
   const useProvideThing = (thingId, thing, offset) => {
-    const {16: addExtraThingById, 17: delExtraThingById} =
-      useContext$1(Context);
-    useEffect$1(() => {
+    const {16: addExtraThingById, 17: delExtraThingById} = useContext(Context);
+    useEffect(() => {
       addExtraThingById == null
         ? void 0
         : addExtraThingById(offset, thingId, thing);
@@ -149,9 +178,7 @@
   };
   const useThingIds = (offset) => {
     var _a;
-    return objIds(
-      (_a = useContext$1(Context)[offset * 2 + 1]) != null ? _a : {},
-    );
+    return objIds((_a = useContext(Context)[offset * 2 + 1]) != null ? _a : {});
   };
   const useStoreIds = () => useThingIds(0 /* Store */);
   const useStore = (id) => useThing(id, 0 /* Store */);
@@ -204,11 +231,6 @@
   const useProvideSynchronizer = (persisterId, persister) =>
     useProvideThing(persisterId, persister, 7 /* Synchronizer */);
 
-  const lower = (str) => str.toLowerCase();
-  lower(LISTENER);
-  const TRANSACTION = 'Transaction';
-  lower(TRANSACTION);
-
   var __async = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -232,15 +254,6 @@
       step((generator = generator.apply(__this, __arguments)).next());
     });
   };
-  const {
-    useCallback: useCallback$2,
-    useEffect,
-    useMemo: useMemo$1,
-    useLayoutEffect: useLayoutEffect$1,
-    useRef: useRef$1,
-    useState: useState$2,
-    useSyncExternalStore,
-  } = React;
   const EMPTY_ARRAY = [];
   const DEFAULTS = [
     {},
@@ -263,8 +276,8 @@
   ];
   const isEqual = (thing1, thing2) => thing1 === thing2;
   const useCreate = (store, create, createDeps = EMPTY_ARRAY) => {
-    const [, rerender] = useState$2();
-    const [thing, setThing] = useState$2();
+    const [, rerender] = useState();
+    const [thing, setThing] = useState();
     useEffect(
       () => {
         const newThing = store ? create(store) : void 0;
@@ -286,8 +299,8 @@
     return () => (thing == null ? void 0 : thing.delListener(listenerId));
   };
   const useListenable = (listenable, thing, returnType, args = EMPTY_ARRAY) => {
-    const lastResult = useRef$1(DEFAULTS[returnType]);
-    const getResult = useCallback$2(
+    const lastResult = useRef(DEFAULTS[returnType]);
+    const getResult = useCallback(
       () => {
         var _a, _b, _c;
         const nextResult =
@@ -312,7 +325,7 @@
       /* eslint-disable-next-line react-hooks/exhaustive-deps */
       [thing, returnType, listenable, ...args],
     );
-    const subscribe = useCallback$2(
+    const subscribe = useCallback(
       (listener) =>
         addAndDelListener(
           thing,
@@ -333,7 +346,7 @@
     preArgs = EMPTY_ARRAY,
     ...postArgs
   ) =>
-    useLayoutEffect$1(
+    useLayoutEffect(
       () =>
         addAndDelListener(thing, listenable, ...preArgs, listener, ...postArgs),
       // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -349,12 +362,12 @@
     ...args
   ) => {
     const store = useStoreOrStoreById(storeOrStoreId);
-    return useCallback$2(
+    return useCallback(
       (parameter) =>
         ifNotUndefined(store, (store2) =>
           ifNotUndefined(get(parameter, store2), (thing) =>
             then(
-              store2['set' + settable](
+              store2[SET + settable](
                 ...argsOrGetArgs(args, store2, parameter),
                 thing,
               ),
@@ -378,14 +391,12 @@
     ...args
   ) => {
     const store = useStoreOrStoreById(storeOrStoreId);
-    return useCallback$2(
+    return useCallback(
       (parameter) =>
         then(
           store == null
             ? void 0
-            : store['del' + deletable](
-                ...argsOrGetArgs(args, store, parameter),
-              ),
+            : store[DEL + deletable](...argsOrGetArgs(args, store, parameter)),
         ),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [store, deletable, ...thenDeps, ...nonFunctionDeps(args)],
@@ -395,16 +406,16 @@
     const checkpoints = useCheckpointsOrCheckpointsById(
       checkpointsOrCheckpointsId,
     );
-    return useCallback$2(
+    return useCallback(
       () => (checkpoints == null ? void 0 : checkpoints[action](arg)),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [checkpoints, action, arg],
     );
   };
   const useCreateStore = (create, createDeps = EMPTY_ARRAY) =>
-    useMemo$1(create, createDeps);
+    useMemo(create, createDeps);
   const useCreateMergeableStore = (create, createDeps = EMPTY_ARRAY) =>
-    useMemo$1(create, createDeps);
+    useMemo(create, createDeps);
   const useHasTables = (storeOrStoreId) =>
     useListenable(
       TABLES,
@@ -584,7 +595,7 @@
     reuseRowIds = true,
   ) => {
     const store = useStoreOrStoreById(storeOrStoreId);
-    return useCallback$2(
+    return useCallback(
       (parameter) =>
         ifNotUndefined(store, (store2) =>
           ifNotUndefined(getRow(parameter, store2), (row) =>
@@ -614,7 +625,7 @@
   ) =>
     useSetCallback(
       storeOrStoreId,
-      'PartialRow',
+      PARTIAL + ROW,
       getPartialRow,
       getPartialRowDeps,
       then,
@@ -667,7 +678,7 @@
   ) =>
     useSetCallback(
       storeOrStoreId,
-      'PartialValues',
+      PARTIAL + VALUES,
       getPartialValues,
       getPartialValuesDeps,
       then,
@@ -1032,7 +1043,7 @@
     storeOrStoreId,
   ) =>
     useListener(
-      'WillFinish' + TRANSACTION,
+      'Will' + FINISH + TRANSACTION,
       useStoreOrStoreById(storeOrStoreId),
       listener,
       listenerDeps,
@@ -1043,7 +1054,7 @@
     storeOrStoreId,
   ) =>
     useListener(
-      'DidFinish' + TRANSACTION,
+      'Did' + FINISH + TRANSACTION,
       useStoreOrStoreById(storeOrStoreId),
       listener,
       listenerDeps,
@@ -1052,13 +1063,13 @@
     useCreate(store, create, createDeps);
   const useMetricIds = (metricsOrMetricsId) =>
     useListenable(
-      'MetricIds',
+      METRIC + IDS,
       useMetricsOrMetricsById(metricsOrMetricsId),
       1 /* Array */,
     );
   const useMetric = (metricId, metricsOrMetricsId) =>
     useListenable(
-      'Metric',
+      METRIC,
       useMetricsOrMetricsById(metricsOrMetricsId),
       3 /* CellOrValue */,
       [metricId],
@@ -1070,7 +1081,7 @@
     metricsOrMetricsId,
   ) =>
     useListener(
-      'Metric',
+      METRIC,
       useMetricsOrMetricsById(metricsOrMetricsId),
       listener,
       listenerDeps,
@@ -1080,20 +1091,20 @@
     useCreate(store, create, createDeps);
   const useSliceIds = (indexId, indexesOrIndexesId) =>
     useListenable(
-      'SliceIds',
+      SLICE + IDS,
       useIndexesOrIndexesById(indexesOrIndexesId),
       1 /* Array */,
       [indexId],
     );
   const useIndexIds = (indexesOrIndexesId) =>
     useListenable(
-      'IndexIds',
+      INDEX + IDS,
       useIndexesOrIndexesById(indexesOrIndexesId),
       1 /* Array */,
     );
   const useSliceRowIds = (indexId, sliceId, indexesOrIndexesId) =>
     useListenable(
-      'Slice' + ROW_IDS,
+      SLICE + ROW_IDS,
       useIndexesOrIndexesById(indexesOrIndexesId),
       1 /* Array */,
       [indexId, sliceId],
@@ -1105,7 +1116,7 @@
     indexesOrIndexesId,
   ) =>
     useListener(
-      'SliceIds',
+      SLICE + IDS,
       useIndexesOrIndexesById(indexesOrIndexesId),
       listener,
       listenerDeps,
@@ -1119,7 +1130,7 @@
     indexesOrIndexesId,
   ) =>
     useListener(
-      'Slice' + ROW_IDS,
+      SLICE + ROW_IDS,
       useIndexesOrIndexesById(indexesOrIndexesId),
       listener,
       listenerDeps,
@@ -1129,7 +1140,7 @@
     useCreate(store, create, createDeps);
   const useRelationshipIds = (relationshipsOrRelationshipsId) =>
     useListenable(
-      'RelationshipIds',
+      RELATIONSHIP + IDS,
       useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
       1 /* Array */,
     );
@@ -1139,7 +1150,7 @@
     relationshipsOrRelationshipsId,
   ) =>
     useListenable(
-      'RemoteRowId',
+      REMOTE_ROW_ID,
       useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
       3 /* CellOrValue */,
       [relationshipId, localRowId],
@@ -1150,7 +1161,7 @@
     relationshipsOrRelationshipsId,
   ) =>
     useListenable(
-      'Local' + ROW_IDS,
+      LOCAL + ROW_IDS,
       useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
       1 /* Array */,
       [relationshipId, remoteRowId],
@@ -1161,7 +1172,7 @@
     relationshipsOrRelationshipsId,
   ) =>
     useListenable(
-      'Linked' + ROW_IDS,
+      LINKED + ROW_IDS,
       useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
       1 /* Array */,
       [relationshipId, firstRowId],
@@ -1174,7 +1185,7 @@
     relationshipsOrRelationshipsId,
   ) =>
     useListener(
-      'RemoteRowId',
+      REMOTE_ROW_ID,
       useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
       listener,
       listenerDeps,
@@ -1188,7 +1199,7 @@
     relationshipsOrRelationshipsId,
   ) =>
     useListener(
-      'Local' + ROW_IDS,
+      LOCAL + ROW_IDS,
       useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
       listener,
       listenerDeps,
@@ -1202,7 +1213,7 @@
     relationshipsOrRelationshipsId,
   ) =>
     useListener(
-      'Linked' + ROW_IDS,
+      LINKED + ROW_IDS,
       useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
       listener,
       listenerDeps,
@@ -1212,7 +1223,7 @@
     useCreate(store, create, createDeps);
   const useQueryIds = (queriesOrQueriesId) =>
     useListenable(
-      'QueryIds',
+      QUERY + IDS,
       useQueriesOrQueriesById(queriesOrQueriesId),
       1 /* Array */,
     );
@@ -1395,13 +1406,13 @@
     useCreate(store, create, createDeps);
   const useCheckpointIds = (checkpointsOrCheckpointsId) =>
     useListenable(
-      'CheckpointIds',
+      CHECKPOINT + IDS,
       useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
       2 /* Checkpoints */,
     );
   const useCheckpoint = (checkpointId, checkpointsOrCheckpointsId) =>
     useListenable(
-      'Checkpoint',
+      CHECKPOINT,
       useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
       3 /* CellOrValue */,
       [checkpointId],
@@ -1416,7 +1427,7 @@
     const checkpoints = useCheckpointsOrCheckpointsById(
       checkpointsOrCheckpointsId,
     );
-    return useCallback$2(
+    return useCallback(
       (parameter) =>
         ifNotUndefined(checkpoints, (checkpoints2) => {
           const label = getCheckpoint(parameter);
@@ -1440,7 +1451,7 @@
     const checkpoints = useCheckpointsOrCheckpointsById(
       checkpointsOrCheckpointsId,
     );
-    return useCallback$2(
+    return useCallback(
       (parameter) =>
         ifNotUndefined(checkpoints, (checkpoints2) =>
           ifNotUndefined(getCheckpointId(parameter), (checkpointId) =>
@@ -1491,7 +1502,7 @@
     checkpointsOrCheckpointsId,
   ) =>
     useListener(
-      'CheckpointIds',
+      CHECKPOINT + IDS,
       useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
       listener,
       listenerDeps,
@@ -1503,7 +1514,7 @@
     checkpointsOrCheckpointsId,
   ) =>
     useListener(
-      'Checkpoint',
+      CHECKPOINT,
       useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
       listener,
       listenerDeps,
@@ -1518,8 +1529,8 @@
     destroy,
     destroyDeps = EMPTY_ARRAY,
   ) => {
-    const [, rerender] = useState$2();
-    const [persister, setPersister] = useState$2();
+    const [, rerender] = useState();
+    const [persister, setPersister] = useState();
     useEffect(
       () => {
         (() =>
@@ -1576,7 +1587,7 @@
     destroy,
     destroyDeps = EMPTY_ARRAY,
   ) => {
-    const [synchronizer, setSynchronizer] = useState$2();
+    const [synchronizer, setSynchronizer] = useState();
     useEffect(
       () => {
         (() =>
@@ -1620,33 +1631,6 @@
       [],
     );
 
-  const {
-    PureComponent,
-    Fragment,
-    createElement,
-    useCallback: useCallback$1,
-    useLayoutEffect,
-    useRef,
-    useState: useState$1,
-  } = React;
-  const getProps = (getProps2, ...ids) =>
-    isUndefined(getProps2) ? {} : getProps2(...ids);
-  const getRelationshipsStoreTableIds = (relationships, relationshipId) => [
-    relationships,
-    relationships == null ? void 0 : relationships.getStore(),
-    relationships == null
-      ? void 0
-      : relationships.getLocalTableId(relationshipId),
-    relationships == null
-      ? void 0
-      : relationships.getRemoteTableId(relationshipId),
-  ];
-  const getIndexStoreTableId = (indexes, indexId) => [
-    indexes,
-    indexes == null ? void 0 : indexes.getStore(),
-    indexes == null ? void 0 : indexes.getTableId(indexId),
-  ];
-
   var __defProp = Object.defineProperty;
   var __defProps = Object.defineProperties;
   var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -1684,7 +1668,6 @@
       }
     return target;
   };
-  const {useCallback, useContext, useMemo, useState} = React;
   const mergeParentThings = (
     offset,
     parentValue,
@@ -1897,56 +1880,56 @@
         value: useMemo(
           () => [
             ...mergeParentThings(
-              Offsets.Store,
+              0 /* Store */,
               parentValue,
               store,
               storesById,
               extraThingsById,
             ),
             ...mergeParentThings(
-              Offsets.Metrics,
+              1 /* Metrics */,
               parentValue,
               metrics,
               metricsById,
               extraThingsById,
             ),
             ...mergeParentThings(
-              Offsets.Indexes,
+              2 /* Indexes */,
               parentValue,
               indexes,
               indexesById,
               extraThingsById,
             ),
             ...mergeParentThings(
-              Offsets.Relationships,
+              3 /* Relationships */,
               parentValue,
               relationships,
               relationshipsById,
               extraThingsById,
             ),
             ...mergeParentThings(
-              Offsets.Queries,
+              4 /* Queries */,
               parentValue,
               queries,
               queriesById,
               extraThingsById,
             ),
             ...mergeParentThings(
-              Offsets.Checkpoints,
+              5 /* Checkpoints */,
               parentValue,
               checkpoints,
               checkpointsById,
               extraThingsById,
             ),
             ...mergeParentThings(
-              Offsets.Persister,
+              6 /* Persister */,
               parentValue,
               persister,
               persistersById,
               extraThingsById,
             ),
             ...mergeParentThings(
-              Offsets.Synchronizer,
+              7 /* Synchronizer */,
               parentValue,
               synchronizer,
               synchronizersById,