tinybase 5.3.0 → 5.3.2

package/cjs/ui-react/with-schemas/index.cjs

@@ -10,7 +10,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';
@@ -26,7 +28,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;
@@ -49,6 +63,34 @@ 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?.getStore(),
+  relationships?.getLocalTableId(relationshipId),
+  relationships?.getRemoteTableId(relationshipId),
+];
+const getIndexStoreTableId = (indexes, indexId) => [
+  indexes,
+  indexes?.getStore(),
+  indexes?.getTableId(indexId),
+];
+
 const object = Object;
 const getPrototypeOf = (obj) => object.getPrototypeOf(obj);
 const objEntries = object.entries;
@@ -91,21 +133,9 @@ 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) => {
-  const contextValue = useContext$1(Context);
+  const contextValue = useContext(Context);
   return isUndefined(id)
     ? contextValue[offset * 2]
     : isString(id)
@@ -119,14 +149,14 @@ 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?.(offset, thingId, thing);
     return () => delExtraThingById?.(offset, thingId);
   }, [addExtraThingById, thingId, thing, offset, delExtraThingById]);
 };
 const useThingIds = (offset) =>
-  objIds(useContext$1(Context)[offset * 2 + 1] ?? {});
+  objIds(useContext(Context)[offset * 2 + 1] ?? {});
 const useStoreIds = () => useThingIds(0 /* Store */);
 const useStore = (id) => useThing(id, 0 /* Store */);
 const useStoreOrStoreById = (storeOrStoreId) =>
@@ -176,20 +206,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);
-
-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 = [
@@ -205,8 +221,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;
@@ -224,8 +240,8 @@ const addAndDelListener = (thing, listenable, ...args) => {
   return () => 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(
     () => {
       const nextResult =
         thing?.[(returnType == 4 /* Boolean */ ? _HAS : GET) + listenable]?.(
@@ -238,7 +254,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,
@@ -259,7 +275,7 @@ const useListener = (
   preArgs = EMPTY_ARRAY,
   ...postArgs
 ) =>
-  useLayoutEffect$1(
+  useLayoutEffect(
     () =>
       addAndDelListener(thing, listenable, ...preArgs, listener, ...postArgs),
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -275,12 +291,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,
             ),
@@ -303,11 +319,9 @@ const useDel = (
   ...args
 ) => {
   const store = useStoreOrStoreById(storeOrStoreId);
-  return useCallback$2(
+  return useCallback(
     (parameter) =>
-      then(
-        store?.['del' + deletable](...argsOrGetArgs(args, store, parameter)),
-      ),
+      then(store?.[DEL + deletable](...argsOrGetArgs(args, store, parameter))),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [store, deletable, ...thenDeps, ...nonFunctionDeps(args)],
   );
@@ -316,16 +330,16 @@ const useCheckpointAction = (checkpointsOrCheckpointsId, action, arg) => {
   const checkpoints = useCheckpointsOrCheckpointsById(
     checkpointsOrCheckpointsId,
   );
-  return useCallback$2(
+  return useCallback(
     () => 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,
@@ -495,7 +509,7 @@ const useAddRowCallback = (
   reuseRowIds = true,
 ) => {
   const store = useStoreOrStoreById(storeOrStoreId);
-  return useCallback$2(
+  return useCallback(
     (parameter) =>
       ifNotUndefined(store, (store2) =>
         ifNotUndefined(getRow(parameter, store2), (row) =>
@@ -525,7 +539,7 @@ const useSetPartialRowCallback = (
 ) =>
   useSetCallback(
     storeOrStoreId,
-    'PartialRow',
+    PARTIAL + ROW,
     getPartialRow,
     getPartialRowDeps,
     then,
@@ -578,7 +592,7 @@ const useSetPartialValuesCallback = (
 ) =>
   useSetCallback(
     storeOrStoreId,
-    'PartialValues',
+    PARTIAL + VALUES,
     getPartialValues,
     getPartialValuesDeps,
     then,
@@ -929,7 +943,7 @@ const useWillFinishTransactionListener = (
   storeOrStoreId,
 ) =>
   useListener(
-    'WillFinish' + TRANSACTION,
+    'Will' + FINISH + TRANSACTION,
     useStoreOrStoreById(storeOrStoreId),
     listener,
     listenerDeps,
@@ -940,7 +954,7 @@ const useDidFinishTransactionListener = (
   storeOrStoreId,
 ) =>
   useListener(
-    'DidFinish' + TRANSACTION,
+    'Did' + FINISH + TRANSACTION,
     useStoreOrStoreById(storeOrStoreId),
     listener,
     listenerDeps,
@@ -949,13 +963,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],
@@ -967,7 +981,7 @@ const useMetricListener = (
   metricsOrMetricsId,
 ) =>
   useListener(
-    'Metric',
+    METRIC,
     useMetricsOrMetricsById(metricsOrMetricsId),
     listener,
     listenerDeps,
@@ -977,20 +991,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],
@@ -1002,7 +1016,7 @@ const useSliceIdsListener = (
   indexesOrIndexesId,
 ) =>
   useListener(
-    'SliceIds',
+    SLICE + IDS,
     useIndexesOrIndexesById(indexesOrIndexesId),
     listener,
     listenerDeps,
@@ -1016,7 +1030,7 @@ const useSliceRowIdsListener = (
   indexesOrIndexesId,
 ) =>
   useListener(
-    'Slice' + ROW_IDS,
+    SLICE + ROW_IDS,
     useIndexesOrIndexesById(indexesOrIndexesId),
     listener,
     listenerDeps,
@@ -1026,7 +1040,7 @@ const useCreateRelationships = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
 const useRelationshipIds = (relationshipsOrRelationshipsId) =>
   useListenable(
-    'RelationshipIds',
+    RELATIONSHIP + IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     1 /* Array */,
   );
@@ -1036,7 +1050,7 @@ const useRemoteRowId = (
   relationshipsOrRelationshipsId,
 ) =>
   useListenable(
-    'RemoteRowId',
+    REMOTE_ROW_ID,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     3 /* CellOrValue */,
     [relationshipId, localRowId],
@@ -1047,7 +1061,7 @@ const useLocalRowIds = (
   relationshipsOrRelationshipsId,
 ) =>
   useListenable(
-    'Local' + ROW_IDS,
+    LOCAL + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     1 /* Array */,
     [relationshipId, remoteRowId],
@@ -1058,7 +1072,7 @@ const useLinkedRowIds = (
   relationshipsOrRelationshipsId,
 ) =>
   useListenable(
-    'Linked' + ROW_IDS,
+    LINKED + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     1 /* Array */,
     [relationshipId, firstRowId],
@@ -1071,7 +1085,7 @@ const useRemoteRowIdListener = (
   relationshipsOrRelationshipsId,
 ) =>
   useListener(
-    'RemoteRowId',
+    REMOTE_ROW_ID,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     listener,
     listenerDeps,
@@ -1085,7 +1099,7 @@ const useLocalRowIdsListener = (
   relationshipsOrRelationshipsId,
 ) =>
   useListener(
-    'Local' + ROW_IDS,
+    LOCAL + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     listener,
     listenerDeps,
@@ -1099,7 +1113,7 @@ const useLinkedRowIdsListener = (
   relationshipsOrRelationshipsId,
 ) =>
   useListener(
-    'Linked' + ROW_IDS,
+    LINKED + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     listener,
     listenerDeps,
@@ -1109,7 +1123,7 @@ const useCreateQueries = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
 const useQueryIds = (queriesOrQueriesId) =>
   useListenable(
-    'QueryIds',
+    QUERY + IDS,
     useQueriesOrQueriesById(queriesOrQueriesId),
     1 /* Array */,
   );
@@ -1292,13 +1306,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],
@@ -1313,7 +1327,7 @@ const useSetCheckpointCallback = (
   const checkpoints = useCheckpointsOrCheckpointsById(
     checkpointsOrCheckpointsId,
   );
-  return useCallback$2(
+  return useCallback(
     (parameter) =>
       ifNotUndefined(checkpoints, (checkpoints2) => {
         const label = getCheckpoint(parameter);
@@ -1337,7 +1351,7 @@ const useGoToCallback = (
   const checkpoints = useCheckpointsOrCheckpointsById(
     checkpointsOrCheckpointsId,
   );
-  return useCallback$2(
+  return useCallback(
     (parameter) =>
       ifNotUndefined(checkpoints, (checkpoints2) =>
         ifNotUndefined(getCheckpointId(parameter), (checkpointId) =>
@@ -1380,7 +1394,7 @@ const useCheckpointIdsListener = (
   checkpointsOrCheckpointsId,
 ) =>
   useListener(
-    'CheckpointIds',
+    CHECKPOINT + IDS,
     useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
     listener,
     listenerDeps,
@@ -1392,7 +1406,7 @@ const useCheckpointListener = (
   checkpointsOrCheckpointsId,
 ) =>
   useListener(
-    'Checkpoint',
+    CHECKPOINT,
     useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
     listener,
     listenerDeps,
@@ -1407,8 +1421,8 @@ const useCreatePersister = (
   destroy,
   destroyDeps = EMPTY_ARRAY,
 ) => {
-  const [, rerender] = useState$2();
-  const [persister, setPersister] = useState$2();
+  const [, rerender] = useState();
+  const [persister, setPersister] = useState();
   useEffect(
     () => {
       (async () => {
@@ -1463,7 +1477,7 @@ const useCreateSynchronizer = (
   destroy,
   destroyDeps = EMPTY_ARRAY,
 ) => {
-  const [synchronizer, setSynchronizer] = useState$2();
+  const [synchronizer, setSynchronizer] = useState();
   useEffect(
     () => {
       (async () => {
@@ -1506,30 +1520,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?.getStore(),
-  relationships?.getLocalTableId(relationshipId),
-  relationships?.getRemoteTableId(relationshipId),
-];
-const getIndexStoreTableId = (indexes, indexId) => [
-  indexes,
-  indexes?.getStore(),
-  indexes?.getTableId(indexId),
-];
-
-const {useCallback, useContext, useMemo, useState} = React;
 const mergeParentThings = (
   offset,
   parentValue,
@@ -1711,56 +1701,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/cjs/ui-react-dom/index.cjs

@@ -12,6 +12,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;
@@ -34,11 +36,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);
@@ -64,7 +71,6 @@ const objToArray = (obj, cb) =>
 const objMap = (obj, cb) =>
   objNew(objToArray(obj, (value, id) => [id, cb(value, id)]));
 
-const {useCallback, useMemo, useState} = React;
 const DOT = '.';
 const EDITABLE = 'editable';
 const LEFT_ARROW = '\u2190';
@@ -284,7 +290,7 @@ const RelationshipInHtmlRow = ({
     idColumn === false
       ? null
       : /* @__PURE__ */ createElement(
-          React.Fragment,
+          Fragment,
           null,
           /* @__PURE__ */ createElement('th', null, localRowId),
           /* @__PURE__ */ createElement('th', null, remoteRowId),
@@ -292,7 +298,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
@@ -590,7 +596,7 @@ const RelationshipInHtmlTable = ({
             idColumn === false
               ? null
               : /* @__PURE__ */ createElement(
-                  React.Fragment,
+                  Fragment,
                   null,
                   /* @__PURE__ */ createElement(
                     'th',
@@ -734,11 +740,11 @@ const SortedTablePaginator = ({
     offset + limit < total,
   );
   return /* @__PURE__ */ createElement(
-    React.Fragment,
+    Fragment,
     null,
     total > limit &&
       /* @__PURE__ */ createElement(
-        React.Fragment,
+        Fragment,
         null,
         /* @__PURE__ */ createElement(
           'button',

package/cjs/ui-react-dom/with-schemas/index.cjs

@@ -12,6 +12,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;
@@ -34,11 +36,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);
@@ -64,7 +71,6 @@ const objToArray = (obj, cb) =>
 const objMap = (obj, cb) =>
   objNew(objToArray(obj, (value, id) => [id, cb(value, id)]));
 
-const {useCallback, useMemo, useState} = React;
 const DOT = '.';
 const EDITABLE = 'editable';
 const LEFT_ARROW = '\u2190';
@@ -284,7 +290,7 @@ const RelationshipInHtmlRow = ({
     idColumn === false
       ? null
       : /* @__PURE__ */ createElement(
-          React.Fragment,
+          Fragment,
           null,
           /* @__PURE__ */ createElement('th', null, localRowId),
           /* @__PURE__ */ createElement('th', null, remoteRowId),
@@ -292,7 +298,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
@@ -590,7 +596,7 @@ const RelationshipInHtmlTable = ({
             idColumn === false
               ? null
               : /* @__PURE__ */ createElement(
-                  React.Fragment,
+                  Fragment,
                   null,
                   /* @__PURE__ */ createElement(
                     'th',
@@ -734,11 +740,11 @@ const SortedTablePaginator = ({
     offset + limit < total,
   );
   return /* @__PURE__ */ createElement(
-    React.Fragment,
+    Fragment,
     null,
     total > limit &&
       /* @__PURE__ */ createElement(
-        React.Fragment,
+        Fragment,
         null,
         /* @__PURE__ */ createElement(
           'button',