tinybase 5.3.0 → 5.3.2

package/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,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;
@@ -89,21 +131,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)
@@ -117,14 +147,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) =>
@@ -174,20 +204,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 = [
@@ -203,8 +219,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;
@@ -222,8 +238,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]?.(
@@ -236,7 +252,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,
@@ -257,7 +273,7 @@ const useListener = (
   preArgs = EMPTY_ARRAY,
   ...postArgs
 ) =>
-  useLayoutEffect$1(
+  useLayoutEffect(
     () =>
       addAndDelListener(thing, listenable, ...preArgs, listener, ...postArgs),
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -273,12 +289,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,
             ),
@@ -301,11 +317,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)],
   );
@@ -314,16 +328,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,
@@ -493,7 +507,7 @@ const useAddRowCallback = (
   reuseRowIds = true,
 ) => {
   const store = useStoreOrStoreById(storeOrStoreId);
-  return useCallback$2(
+  return useCallback(
     (parameter) =>
       ifNotUndefined(store, (store2) =>
         ifNotUndefined(getRow(parameter, store2), (row) =>
@@ -523,7 +537,7 @@ const useSetPartialRowCallback = (
 ) =>
   useSetCallback(
     storeOrStoreId,
-    'PartialRow',
+    PARTIAL + ROW,
     getPartialRow,
     getPartialRowDeps,
     then,
@@ -576,7 +590,7 @@ const useSetPartialValuesCallback = (
 ) =>
   useSetCallback(
     storeOrStoreId,
-    'PartialValues',
+    PARTIAL + VALUES,
     getPartialValues,
     getPartialValuesDeps,
     then,
@@ -927,7 +941,7 @@ const useWillFinishTransactionListener = (
   storeOrStoreId,
 ) =>
   useListener(
-    'WillFinish' + TRANSACTION,
+    'Will' + FINISH + TRANSACTION,
     useStoreOrStoreById(storeOrStoreId),
     listener,
     listenerDeps,
@@ -938,7 +952,7 @@ const useDidFinishTransactionListener = (
   storeOrStoreId,
 ) =>
   useListener(
-    'DidFinish' + TRANSACTION,
+    'Did' + FINISH + TRANSACTION,
     useStoreOrStoreById(storeOrStoreId),
     listener,
     listenerDeps,
@@ -947,13 +961,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],
@@ -965,7 +979,7 @@ const useMetricListener = (
   metricsOrMetricsId,
 ) =>
   useListener(
-    'Metric',
+    METRIC,
     useMetricsOrMetricsById(metricsOrMetricsId),
     listener,
     listenerDeps,
@@ -975,20 +989,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],
@@ -1000,7 +1014,7 @@ const useSliceIdsListener = (
   indexesOrIndexesId,
 ) =>
   useListener(
-    'SliceIds',
+    SLICE + IDS,
     useIndexesOrIndexesById(indexesOrIndexesId),
     listener,
     listenerDeps,
@@ -1014,7 +1028,7 @@ const useSliceRowIdsListener = (
   indexesOrIndexesId,
 ) =>
   useListener(
-    'Slice' + ROW_IDS,
+    SLICE + ROW_IDS,
     useIndexesOrIndexesById(indexesOrIndexesId),
     listener,
     listenerDeps,
@@ -1024,7 +1038,7 @@ const useCreateRelationships = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
 const useRelationshipIds = (relationshipsOrRelationshipsId) =>
   useListenable(
-    'RelationshipIds',
+    RELATIONSHIP + IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     1 /* Array */,
   );
@@ -1034,7 +1048,7 @@ const useRemoteRowId = (
   relationshipsOrRelationshipsId,
 ) =>
   useListenable(
-    'RemoteRowId',
+    REMOTE_ROW_ID,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     3 /* CellOrValue */,
     [relationshipId, localRowId],
@@ -1045,7 +1059,7 @@ const useLocalRowIds = (
   relationshipsOrRelationshipsId,
 ) =>
   useListenable(
-    'Local' + ROW_IDS,
+    LOCAL + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     1 /* Array */,
     [relationshipId, remoteRowId],
@@ -1056,7 +1070,7 @@ const useLinkedRowIds = (
   relationshipsOrRelationshipsId,
 ) =>
   useListenable(
-    'Linked' + ROW_IDS,
+    LINKED + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     1 /* Array */,
     [relationshipId, firstRowId],
@@ -1069,7 +1083,7 @@ const useRemoteRowIdListener = (
   relationshipsOrRelationshipsId,
 ) =>
   useListener(
-    'RemoteRowId',
+    REMOTE_ROW_ID,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     listener,
     listenerDeps,
@@ -1083,7 +1097,7 @@ const useLocalRowIdsListener = (
   relationshipsOrRelationshipsId,
 ) =>
   useListener(
-    'Local' + ROW_IDS,
+    LOCAL + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     listener,
     listenerDeps,
@@ -1097,7 +1111,7 @@ const useLinkedRowIdsListener = (
   relationshipsOrRelationshipsId,
 ) =>
   useListener(
-    'Linked' + ROW_IDS,
+    LINKED + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
     listener,
     listenerDeps,
@@ -1107,7 +1121,7 @@ const useCreateQueries = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
 const useQueryIds = (queriesOrQueriesId) =>
   useListenable(
-    'QueryIds',
+    QUERY + IDS,
     useQueriesOrQueriesById(queriesOrQueriesId),
     1 /* Array */,
   );
@@ -1290,13 +1304,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],
@@ -1311,7 +1325,7 @@ const useSetCheckpointCallback = (
   const checkpoints = useCheckpointsOrCheckpointsById(
     checkpointsOrCheckpointsId,
   );
-  return useCallback$2(
+  return useCallback(
     (parameter) =>
       ifNotUndefined(checkpoints, (checkpoints2) => {
         const label = getCheckpoint(parameter);
@@ -1335,7 +1349,7 @@ const useGoToCallback = (
   const checkpoints = useCheckpointsOrCheckpointsById(
     checkpointsOrCheckpointsId,
   );
-  return useCallback$2(
+  return useCallback(
     (parameter) =>
       ifNotUndefined(checkpoints, (checkpoints2) =>
         ifNotUndefined(getCheckpointId(parameter), (checkpointId) =>
@@ -1378,7 +1392,7 @@ const useCheckpointIdsListener = (
   checkpointsOrCheckpointsId,
 ) =>
   useListener(
-    'CheckpointIds',
+    CHECKPOINT + IDS,
     useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
     listener,
     listenerDeps,
@@ -1390,7 +1404,7 @@ const useCheckpointListener = (
   checkpointsOrCheckpointsId,
 ) =>
   useListener(
-    'Checkpoint',
+    CHECKPOINT,
     useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
     listener,
     listenerDeps,
@@ -1405,8 +1419,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 () => {
@@ -1461,7 +1475,7 @@ const useCreateSynchronizer = (
   destroy,
   destroyDeps = EMPTY_ARRAY,
 ) => {
-  const [synchronizer, setSynchronizer] = useState$2();
+  const [synchronizer, setSynchronizer] = useState();
   useEffect(
     () => {
       (async () => {
@@ -1504,30 +1518,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,
@@ -1709,56 +1699,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/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);
@@ -84,7 +91,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';
@@ -297,7 +303,7 @@ const RelationshipInHtmlRow = ({
     idColumn === false
       ? null
       : /* @__PURE__ */ createElement(
-          React.Fragment,
+          Fragment,
           null,
           /* @__PURE__ */ createElement('th', null, localRowId),
           /* @__PURE__ */ createElement('th', null, remoteRowId),
@@ -305,7 +311,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
@@ -603,7 +609,7 @@ const RelationshipInHtmlTable = ({
             idColumn === false
               ? null
               : /* @__PURE__ */ createElement(
-                  React.Fragment,
+                  Fragment,
                   null,
                   /* @__PURE__ */ createElement(
                     'th',
@@ -742,11 +748,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/ui-react-dom/with-schemas/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);
@@ -84,7 +91,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';
@@ -297,7 +303,7 @@ const RelationshipInHtmlRow = ({
     idColumn === false
       ? null
       : /* @__PURE__ */ createElement(
-          React.Fragment,
+          Fragment,
           null,
           /* @__PURE__ */ createElement('th', null, localRowId),
           /* @__PURE__ */ createElement('th', null, remoteRowId),
@@ -305,7 +311,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
@@ -603,7 +609,7 @@ const RelationshipInHtmlTable = ({
             idColumn === false
               ? null
               : /* @__PURE__ */ createElement(
-                  React.Fragment,
+                  Fragment,
                   null,
                   /* @__PURE__ */ createElement(
                     'th',
@@ -742,11 +748,11 @@ const SortedTablePaginator = ({
     offset + limit < total,
   );
   return /* @__PURE__ */ createElement(
-    React.Fragment,
+    Fragment,
     null,
     total > limit &&
       /* @__PURE__ */ createElement(
-        React.Fragment,
+        Fragment,
         null,
         /* @__PURE__ */ createElement(
           'button',