tinybase 5.3.0 → 5.3.2

package/es6/ui-react/with-schemas/index.js

@@ -8,7 +8,9 @@ const FUNCTION = getTypeOf(getTypeOf);
 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';
@@ -24,7 +26,19 @@ const CELL_IDS = CELL + IDS;
 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;
@@ -47,6 +61,38 @@ const arrayIsEmpty = (array) => size(array) == 0;
 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;
@@ -89,22 +135,10 @@ const objEnsure = (obj, id, getDefaultValue) => {
   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)
@@ -118,8 +152,8 @@ const useThingOrThingById = (thingOrThingId, offset) => {
     : 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);
@@ -129,7 +163,7 @@ const useProvideThing = (thingId, thing, offset) => {
 };
 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 */);
@@ -180,11 +214,6 @@ const useSynchronizerOrSynchronizerById = (synchronizerOrSynchronizerId) =>
 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) => {
@@ -208,15 +237,6 @@ var __async = (__this, __arguments, generator) => {
     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 = [{}, [], [EMPTY_ARRAY, void 0, EMPTY_ARRAY], void 0, false, 0];
 const IS_EQUALS = [
@@ -232,8 +252,8 @@ const IS_EQUALS = [
 ];
 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;
@@ -255,8 +275,8 @@ const addAndDelListener = (thing, listenable, ...args) => {
   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 =
@@ -281,7 +301,7 @@ const useListenable = (listenable, thing, returnType, args = EMPTY_ARRAY) => {
     /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [thing, returnType, listenable, ...args],
   );
-  const subscribe = useCallback$2(
+  const subscribe = useCallback(
     (listener) =>
       addAndDelListener(
         thing,
@@ -302,7 +322,7 @@ const useListener = (
   preArgs = EMPTY_ARRAY,
   ...postArgs
 ) =>
-  useLayoutEffect$1(
+  useLayoutEffect(
     () =>
       addAndDelListener(thing, listenable, ...preArgs, listener, ...postArgs),
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -318,12 +338,12 @@ const useSetCallback = (
   ...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,
             ),
@@ -346,12 +366,12 @@ const useDel = (
   ...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)],
@@ -361,16 +381,16 @@ const useCheckpointAction = (checkpointsOrCheckpointsId, action, arg) => {
   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,
@@ -540,7 +560,7 @@ const useAddRowCallback = (
   reuseRowIds = true,
 ) => {
   const store = useStoreOrStoreById(storeOrStoreId);
-  return useCallback$2(
+  return useCallback(
     (parameter) =>
       ifNotUndefined(store, (store2) =>
         ifNotUndefined(getRow(parameter, store2), (row) =>
@@ -570,7 +590,7 @@ const useSetPartialRowCallback = (
 ) =>
   useSetCallback(
     storeOrStoreId,
-    'PartialRow',
+    PARTIAL + ROW,
     getPartialRow,
     getPartialRowDeps,
     then,
@@ -623,7 +643,7 @@ const useSetPartialValuesCallback = (
 ) =>
   useSetCallback(
     storeOrStoreId,
-    'PartialValues',
+    PARTIAL + VALUES,
     getPartialValues,
     getPartialValuesDeps,
     then,
@@ -974,7 +994,7 @@ const useWillFinishTransactionListener = (
   storeOrStoreId,
 ) =>
   useListener(
-    'WillFinish' + TRANSACTION,
+    'Will' + FINISH + TRANSACTION,
     useStoreOrStoreById(storeOrStoreId),
     listener,
     listenerDeps,
@@ -985,7 +1005,7 @@ const useDidFinishTransactionListener = (
   storeOrStoreId,
 ) =>
   useListener(
-    'DidFinish' + TRANSACTION,
+    'Did' + FINISH + TRANSACTION,
     useStoreOrStoreById(storeOrStoreId),
     listener,
     listenerDeps,
@@ -994,13 +1014,13 @@ const useCreateMetrics = (store, create, createDeps) =>
   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],
@@ -1012,7 +1032,7 @@ const useMetricListener = (
   metricsOrMetricsId,
 ) =>
   useListener(
-    'Metric',
+    METRIC,
     useMetricsOrMetricsById(metricsOrMetricsId),
     listener,
     listenerDeps,
@@ -1022,20 +1042,20 @@ const useCreateIndexes = (store, create, createDeps) =>
   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],
@@ -1047,7 +1067,7 @@ const useSliceIdsListener = (
   indexesOrIndexesId,
 ) =>
   useListener(
-    'SliceIds',
+    SLICE + IDS,
     useIndexesOrIndexesById(indexesOrIndexesId),
     listener,
     listenerDeps,
@@ -1061,7 +1081,7 @@ const useSliceRowIdsListener = (
   indexesOrIndexesId,
 ) =>
   useListener(
-    'Slice' + ROW_IDS,
+    SLICE + ROW_IDS,
     useIndexesOrIndexesById(indexesOrIndexesId),
     listener,
     listenerDeps,
@@ -1071,7 +1091,7 @@ const useCreateRelationships = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
 const useRelationshipIds = (relationshipsOrRelationshipsId) =>
   useListenable(
-    'RelationshipIds',
+    RELATIONSHIP + IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     1 /* Array */,
   );
@@ -1081,7 +1101,7 @@ const useRemoteRowId = (
   relationshipsOrRelationshipsId,
 ) =>
   useListenable(
-    'RemoteRowId',
+    REMOTE_ROW_ID,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     3 /* CellOrValue */,
     [relationshipId, localRowId],
@@ -1092,7 +1112,7 @@ const useLocalRowIds = (
   relationshipsOrRelationshipsId,
 ) =>
   useListenable(
-    'Local' + ROW_IDS,
+    LOCAL + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     1 /* Array */,
     [relationshipId, remoteRowId],
@@ -1103,7 +1123,7 @@ const useLinkedRowIds = (
   relationshipsOrRelationshipsId,
 ) =>
   useListenable(
-    'Linked' + ROW_IDS,
+    LINKED + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     1 /* Array */,
     [relationshipId, firstRowId],
@@ -1116,7 +1136,7 @@ const useRemoteRowIdListener = (
   relationshipsOrRelationshipsId,
 ) =>
   useListener(
-    'RemoteRowId',
+    REMOTE_ROW_ID,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     listener,
     listenerDeps,
@@ -1130,7 +1150,7 @@ const useLocalRowIdsListener = (
   relationshipsOrRelationshipsId,
 ) =>
   useListener(
-    'Local' + ROW_IDS,
+    LOCAL + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     listener,
     listenerDeps,
@@ -1144,7 +1164,7 @@ const useLinkedRowIdsListener = (
   relationshipsOrRelationshipsId,
 ) =>
   useListener(
-    'Linked' + ROW_IDS,
+    LINKED + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     listener,
     listenerDeps,
@@ -1154,7 +1174,7 @@ const useCreateQueries = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
 const useQueryIds = (queriesOrQueriesId) =>
   useListenable(
-    'QueryIds',
+    QUERY + IDS,
     useQueriesOrQueriesById(queriesOrQueriesId),
     1 /* Array */,
   );
@@ -1337,13 +1357,13 @@ const useCreateCheckpoints = (store, create, createDeps) =>
   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],
@@ -1358,7 +1378,7 @@ const useSetCheckpointCallback = (
   const checkpoints = useCheckpointsOrCheckpointsById(
     checkpointsOrCheckpointsId,
   );
-  return useCallback$2(
+  return useCallback(
     (parameter) =>
       ifNotUndefined(checkpoints, (checkpoints2) => {
         const label = getCheckpoint(parameter);
@@ -1382,7 +1402,7 @@ const useGoToCallback = (
   const checkpoints = useCheckpointsOrCheckpointsById(
     checkpointsOrCheckpointsId,
   );
-  return useCallback$2(
+  return useCallback(
     (parameter) =>
       ifNotUndefined(checkpoints, (checkpoints2) =>
         ifNotUndefined(getCheckpointId(parameter), (checkpointId) =>
@@ -1433,7 +1453,7 @@ const useCheckpointIdsListener = (
   checkpointsOrCheckpointsId,
 ) =>
   useListener(
-    'CheckpointIds',
+    CHECKPOINT + IDS,
     useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
     listener,
     listenerDeps,
@@ -1445,7 +1465,7 @@ const useCheckpointListener = (
   checkpointsOrCheckpointsId,
 ) =>
   useListener(
-    'Checkpoint',
+    CHECKPOINT,
     useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
     listener,
     listenerDeps,
@@ -1460,8 +1480,8 @@ const useCreatePersister = (
   destroy,
   destroyDeps = EMPTY_ARRAY,
 ) => {
-  const [, rerender] = useState$2();
-  const [persister, setPersister] = useState$2();
+  const [, rerender] = useState();
+  const [persister, setPersister] = useState();
   useEffect(
     () => {
       (() =>
@@ -1518,7 +1538,7 @@ const useCreateSynchronizer = (
   destroy,
   destroyDeps = EMPTY_ARRAY,
 ) => {
-  const [synchronizer, setSynchronizer] = useState$2();
+  const [synchronizer, setSynchronizer] = useState();
   useEffect(
     () => {
       (() =>
@@ -1562,33 +1582,6 @@ const useSynchronizerStatusListener = (
     [],
   );
 
-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;
@@ -1626,7 +1619,6 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const {useCallback, useContext, useMemo, useState} = React;
 const mergeParentThings = (
   offset,
   parentValue,
@@ -1833,56 +1825,56 @@ const Provider = ({
       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,

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

@@ -32,6 +32,8 @@ const CELL = 'Cell';
 const VALUE = 'Value';
 const CURRENT_TARGET = 'currentTarget';
 const _VALUE = 'value';
+const strSplit = (str, separator = EMPTY_STRING, limit) =>
+  str.split(separator, limit);
 
 const math = Math;
 const mathMin = math.min;
@@ -54,11 +56,16 @@ const getTypeCase = (type, stringCase, numberCase, booleanCase) =>
 const {
   PureComponent,
   Fragment,
+  createContext,
   createElement,
-  useCallback: useCallback$1,
+  useCallback,
+  useContext,
+  useEffect,
   useLayoutEffect,
+  useMemo,
   useRef,
-  useState: useState$1,
+  useState,
+  useSyncExternalStore,
 } = React;
 const getProps = (getProps2, ...ids) =>
   isUndefined(getProps2) ? {} : getProps2(...ids);
@@ -125,7 +132,6 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const {useCallback, useMemo, useState} = React;
 const DOT = '.';
 const EDITABLE = 'editable';
 const LEFT_ARROW = '\u2190';
@@ -349,7 +355,7 @@ const RelationshipInHtmlRow = ({
     idColumn === false
       ? null
       : /* @__PURE__ */ createElement(
-          React.Fragment,
+          Fragment,
           null,
           /* @__PURE__ */ createElement('th', null, localRowId),
           /* @__PURE__ */ createElement('th', null, remoteRowId),
@@ -357,7 +363,7 @@ const RelationshipInHtmlRow = ({
     objToArray(
       cells,
       ({component: CellView2, getComponentProps}, compoundCellId) => {
-        const [tableId, cellId] = compoundCellId.split(DOT, 2);
+        const [tableId, cellId] = strSplit(compoundCellId, DOT, 2);
         const rowId =
           tableId === localTableId
             ? localRowId
@@ -694,7 +700,7 @@ const RelationshipInHtmlTable = ({
             idColumn === false
               ? null
               : /* @__PURE__ */ createElement(
-                  React.Fragment,
+                  Fragment,
                   null,
                   /* @__PURE__ */ createElement(
                     'th',
@@ -860,11 +866,11 @@ const SortedTablePaginator = ({
     offset + limit < total,
   );
   return /* @__PURE__ */ createElement(
-    React.Fragment,
+    Fragment,
     null,
     total > limit &&
       /* @__PURE__ */ createElement(
-        React.Fragment,
+        Fragment,
         null,
         /* @__PURE__ */ createElement(
           'button',