tinybase 9.1.0-beta.0 → 9.1.0-beta.1

package/ui-react-dom/index.js

@@ -312,14 +312,29 @@ const useSortedRowIdsImpl = (
   descending,
   offset,
   limit,
+  sorter,
   storeOrStoreId,
-) =>
-  useListenable(
+) => {
+  const sortedRowIdsArgs = useMemo(
+    () => ({
+      tableId,
+      cellId,
+      descending: descending ?? false,
+      offset: offset ?? 0,
+      limit,
+      sorter,
+    }),
+    [tableId, cellId, descending, offset, limit, sorter],
+  );
+  return useListenable(
     SORTED_ROW_IDS,
     useStoreOrStoreById(storeOrStoreId),
     1 /* Array */,
-    [tableId, cellId, descending, offset, limit],
+    isUndefined(sorter)
+      ? [tableId, cellId, descending, offset, limit]
+      : [sortedRowIdsArgs],
   );
+};
 const useStoreOrStoreById = (storeOrStoreId) =>
   useThingOrThingById(storeOrStoreId, OFFSET_STORE);
 const useTableCellIds = (tableId, storeOrStoreId) =>
@@ -346,6 +361,7 @@ const useSortedRowIds = (
   descending,
   offset,
   limit,
+  sorterOrStoreOrStoreId,
   storeOrStoreId,
 ) =>
   useSortedRowIdsImpl(
@@ -356,6 +372,7 @@ const useSortedRowIds = (
           tableIdOrArgs.descending ?? false,
           tableIdOrArgs.offset ?? 0,
           tableIdOrArgs.limit,
+          tableIdOrArgs.sorter,
           cellIdOrStoreOrStoreId,
         ]
       : [
@@ -364,7 +381,10 @@ const useSortedRowIds = (
           descending,
           offset,
           limit,
-          storeOrStoreId,
+          isFunction(sorterOrStoreOrStoreId) ? sorterOrStoreOrStoreId : void 0,
+          isFunction(sorterOrStoreOrStoreId)
+            ? storeOrStoreId
+            : sorterOrStoreOrStoreId,
         ]),
   );
 const useCell = (tableId, rowId, cellId, storeOrStoreId) =>

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

@@ -312,14 +312,29 @@ const useSortedRowIdsImpl = (
   descending,
   offset,
   limit,
+  sorter,
   storeOrStoreId,
-) =>
-  useListenable(
+) => {
+  const sortedRowIdsArgs = useMemo(
+    () => ({
+      tableId,
+      cellId,
+      descending: descending ?? false,
+      offset: offset ?? 0,
+      limit,
+      sorter,
+    }),
+    [tableId, cellId, descending, offset, limit, sorter],
+  );
+  return useListenable(
     SORTED_ROW_IDS,
     useStoreOrStoreById(storeOrStoreId),
     1 /* Array */,
-    [tableId, cellId, descending, offset, limit],
+    isUndefined(sorter)
+      ? [tableId, cellId, descending, offset, limit]
+      : [sortedRowIdsArgs],
   );
+};
 const useStoreOrStoreById = (storeOrStoreId) =>
   useThingOrThingById(storeOrStoreId, OFFSET_STORE);
 const useTableCellIds = (tableId, storeOrStoreId) =>
@@ -346,6 +361,7 @@ const useSortedRowIds = (
   descending,
   offset,
   limit,
+  sorterOrStoreOrStoreId,
   storeOrStoreId,
 ) =>
   useSortedRowIdsImpl(
@@ -356,6 +372,7 @@ const useSortedRowIds = (
           tableIdOrArgs.descending ?? false,
           tableIdOrArgs.offset ?? 0,
           tableIdOrArgs.limit,
+          tableIdOrArgs.sorter,
           cellIdOrStoreOrStoreId,
         ]
       : [
@@ -364,7 +381,10 @@ const useSortedRowIds = (
           descending,
           offset,
           limit,
-          storeOrStoreId,
+          isFunction(sorterOrStoreOrStoreId) ? sorterOrStoreOrStoreId : void 0,
+          isFunction(sorterOrStoreOrStoreId)
+            ? storeOrStoreId
+            : sorterOrStoreOrStoreId,
         ]),
   );
 const useCell = (tableId, rowId, cellId, storeOrStoreId) =>

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

@@ -917,14 +917,29 @@ const useSortedRowIdsImpl = (
   descending,
   offset,
   limit,
+  sorter,
   storeOrStoreId,
-) =>
-  useListenable(
+) => {
+  const sortedRowIdsArgs = useMemo(
+    () => ({
+      tableId,
+      cellId,
+      descending: descending ?? false,
+      offset: offset ?? 0,
+      limit,
+      sorter,
+    }),
+    [tableId, cellId, descending, offset, limit, sorter],
+  );
+  return useListenable(
     SORTED_ROW_IDS,
     useStoreOrStoreById(storeOrStoreId),
     1 /* Array */,
-    [tableId, cellId, descending, offset, limit],
+    isUndefined(sorter)
+      ? [tableId, cellId, descending, offset, limit]
+      : [sortedRowIdsArgs],
   );
+};
 const useStoreOrStoreById = (storeOrStoreId) =>
   useThingOrThingById(storeOrStoreId, OFFSET_STORE);
 const useSortedRowIds = (
@@ -933,6 +948,7 @@ const useSortedRowIds = (
   descending,
   offset,
   limit,
+  sorterOrStoreOrStoreId,
   storeOrStoreId,
 ) =>
   useSortedRowIdsImpl(
@@ -943,6 +959,7 @@ const useSortedRowIds = (
           tableIdOrArgs.descending ?? false,
           tableIdOrArgs.offset ?? 0,
           tableIdOrArgs.limit,
+          tableIdOrArgs.sorter,
           cellIdOrStoreOrStoreId,
         ]
       : [
@@ -951,7 +968,10 @@ const useSortedRowIds = (
           descending,
           offset,
           limit,
-          storeOrStoreId,
+          isFunction(sorterOrStoreOrStoreId) ? sorterOrStoreOrStoreId : void 0,
+          isFunction(sorterOrStoreOrStoreId)
+            ? storeOrStoreId
+            : sorterOrStoreOrStoreId,
         ]),
   );
 const useCellListener = (

package/ui-react-dom-charts/with-schemas/index.js

@@ -917,14 +917,29 @@ const useSortedRowIdsImpl = (
   descending,
   offset,
   limit,
+  sorter,
   storeOrStoreId,
-) =>
-  useListenable(
+) => {
+  const sortedRowIdsArgs = useMemo(
+    () => ({
+      tableId,
+      cellId,
+      descending: descending ?? false,
+      offset: offset ?? 0,
+      limit,
+      sorter,
+    }),
+    [tableId, cellId, descending, offset, limit, sorter],
+  );
+  return useListenable(
     SORTED_ROW_IDS,
     useStoreOrStoreById(storeOrStoreId),
     1 /* Array */,
-    [tableId, cellId, descending, offset, limit],
+    isUndefined(sorter)
+      ? [tableId, cellId, descending, offset, limit]
+      : [sortedRowIdsArgs],
   );
+};
 const useStoreOrStoreById = (storeOrStoreId) =>
   useThingOrThingById(storeOrStoreId, OFFSET_STORE);
 const useSortedRowIds = (
@@ -933,6 +948,7 @@ const useSortedRowIds = (
   descending,
   offset,
   limit,
+  sorterOrStoreOrStoreId,
   storeOrStoreId,
 ) =>
   useSortedRowIdsImpl(
@@ -943,6 +959,7 @@ const useSortedRowIds = (
           tableIdOrArgs.descending ?? false,
           tableIdOrArgs.offset ?? 0,
           tableIdOrArgs.limit,
+          tableIdOrArgs.sorter,
           cellIdOrStoreOrStoreId,
         ]
       : [
@@ -951,7 +968,10 @@ const useSortedRowIds = (
           descending,
           offset,
           limit,
-          storeOrStoreId,
+          isFunction(sorterOrStoreOrStoreId) ? sorterOrStoreOrStoreId : void 0,
+          isFunction(sorterOrStoreOrStoreId)
+            ? storeOrStoreId
+            : sorterOrStoreOrStoreId,
         ]),
   );
 const useCellListener = (

package/ui-react-inspector/index.js

@@ -2117,13 +2117,36 @@ const createStore = () => {
     listener,
     mutator,
   ) => {
-    let sortedRowIds = getSortedRowIds(tableId, cellId, ...otherArgs);
+    const [descending, offset, limit, sorter] = otherArgs;
+    let sortedRowIds = getSortedRowIds(
+      tableId,
+      cellId,
+      descending,
+      offset,
+      limit,
+      sorter,
+    );
     return addListener(
       () => {
-        const newSortedRowIds = getSortedRowIds(tableId, cellId, ...otherArgs);
+        const newSortedRowIds = getSortedRowIds(
+          tableId,
+          cellId,
+          descending,
+          offset,
+          limit,
+          sorter,
+        );
         if (!arrayIsEqual(newSortedRowIds, sortedRowIds)) {
           sortedRowIds = newSortedRowIds;
-          listener(store, tableId, cellId, ...otherArgs, sortedRowIds);
+          listener(
+            store,
+            tableId,
+            cellId,
+            descending,
+            offset,
+            limit,
+            sortedRowIds,
+          );
         }
       },
       sortedRowIdsListeners[mutator ? 1 : 0],
@@ -2177,6 +2200,7 @@ const createStore = () => {
     descending,
     offset = 0,
     limit,
+    sorter = defaultSorter,
   ) =>
     isObject(tableIdOrArgs)
       ? getSortedRowIds(
@@ -2185,16 +2209,19 @@ const createStore = () => {
           tableIdOrArgs.descending,
           tableIdOrArgs.offset,
           tableIdOrArgs.limit,
+          tableIdOrArgs.sorter,
         )
       : arrayMap(
           slice(
             arraySort(
               mapMap(mapGet(tablesMap, id(tableIdOrArgs)), (row, rowId) => [
-                isUndefined(cellId) ? rowId : mapGet(row, id(cellId)),
+                isUndefined(cellId)
+                  ? rowId
+                  : decodeIfJson(mapGet(row, id(cellId))),
                 rowId,
               ]),
               ([cell1], [cell2]) =>
-                defaultSorter(cell1, cell2) * (descending ? -1 : 1),
+                sorter(cell1, cell2) * (descending ? -1 : 1),
             ),
             offset,
             isUndefined(limit) ? limit : offset + limit,
@@ -2672,6 +2699,7 @@ const createStore = () => {
             tableIdOrArgs.descending ?? false,
             tableIdOrArgs.offset ?? 0,
             tableIdOrArgs.limit,
+            tableIdOrArgs.sorter,
           ],
           cellIdOrListener,
           descendingOrMutator,
@@ -2679,7 +2707,7 @@ const createStore = () => {
       : addSortedRowIdsListenerImpl(
           tableIdOrArgs,
           cellIdOrListener,
-          [descendingOrMutator, offset, limit],
+          [descendingOrMutator, offset, limit, void 0],
           listener,
           mutator,
         );
@@ -3153,14 +3181,29 @@ const useSortedRowIdsImpl = (
   descending,
   offset,
   limit,
+  sorter,
   storeOrStoreId,
-) =>
-  useListenable(
+) => {
+  const sortedRowIdsArgs = useMemo(
+    () => ({
+      tableId,
+      cellId,
+      descending: descending ?? false,
+      offset: offset ?? 0,
+      limit,
+      sorter,
+    }),
+    [tableId, cellId, descending, offset, limit, sorter],
+  );
+  return useListenable(
     SORTED_ROW_IDS,
     useStoreOrStoreById(storeOrStoreId),
     1 /* Array */,
-    [tableId, cellId, descending, offset, limit],
+    isUndefined(sorter)
+      ? [tableId, cellId, descending, offset, limit]
+      : [sortedRowIdsArgs],
   );
+};
 const useStoreOrStoreById = (storeOrStoreId) =>
   useThingOrThingById(storeOrStoreId, OFFSET_STORE);
 const useHasTables = (storeOrStoreId) =>
@@ -3194,6 +3237,7 @@ const useSortedRowIds = (
   descending,
   offset,
   limit,
+  sorterOrStoreOrStoreId,
   storeOrStoreId,
 ) =>
   useSortedRowIdsImpl(
@@ -3204,6 +3248,7 @@ const useSortedRowIds = (
           tableIdOrArgs.descending ?? false,
           tableIdOrArgs.offset ?? 0,
           tableIdOrArgs.limit,
+          tableIdOrArgs.sorter,
           cellIdOrStoreOrStoreId,
         ]
       : [
@@ -3212,7 +3257,10 @@ const useSortedRowIds = (
           descending,
           offset,
           limit,
-          storeOrStoreId,
+          isFunction(sorterOrStoreOrStoreId) ? sorterOrStoreOrStoreId : void 0,
+          isFunction(sorterOrStoreOrStoreId)
+            ? storeOrStoreId
+            : sorterOrStoreOrStoreId,
         ]),
   );
 const useCell = (tableId, rowId, cellId, storeOrStoreId) =>

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

@@ -2117,13 +2117,36 @@ const createStore = () => {
     listener,
     mutator,
   ) => {
-    let sortedRowIds = getSortedRowIds(tableId, cellId, ...otherArgs);
+    const [descending, offset, limit, sorter] = otherArgs;
+    let sortedRowIds = getSortedRowIds(
+      tableId,
+      cellId,
+      descending,
+      offset,
+      limit,
+      sorter,
+    );
     return addListener(
       () => {
-        const newSortedRowIds = getSortedRowIds(tableId, cellId, ...otherArgs);
+        const newSortedRowIds = getSortedRowIds(
+          tableId,
+          cellId,
+          descending,
+          offset,
+          limit,
+          sorter,
+        );
         if (!arrayIsEqual(newSortedRowIds, sortedRowIds)) {
           sortedRowIds = newSortedRowIds;
-          listener(store, tableId, cellId, ...otherArgs, sortedRowIds);
+          listener(
+            store,
+            tableId,
+            cellId,
+            descending,
+            offset,
+            limit,
+            sortedRowIds,
+          );
         }
       },
       sortedRowIdsListeners[mutator ? 1 : 0],
@@ -2177,6 +2200,7 @@ const createStore = () => {
     descending,
     offset = 0,
     limit,
+    sorter = defaultSorter,
   ) =>
     isObject(tableIdOrArgs)
       ? getSortedRowIds(
@@ -2185,16 +2209,19 @@ const createStore = () => {
           tableIdOrArgs.descending,
           tableIdOrArgs.offset,
           tableIdOrArgs.limit,
+          tableIdOrArgs.sorter,
         )
       : arrayMap(
           slice(
             arraySort(
               mapMap(mapGet(tablesMap, id(tableIdOrArgs)), (row, rowId) => [
-                isUndefined(cellId) ? rowId : mapGet(row, id(cellId)),
+                isUndefined(cellId)
+                  ? rowId
+                  : decodeIfJson(mapGet(row, id(cellId))),
                 rowId,
               ]),
               ([cell1], [cell2]) =>
-                defaultSorter(cell1, cell2) * (descending ? -1 : 1),
+                sorter(cell1, cell2) * (descending ? -1 : 1),
             ),
             offset,
             isUndefined(limit) ? limit : offset + limit,
@@ -2672,6 +2699,7 @@ const createStore = () => {
             tableIdOrArgs.descending ?? false,
             tableIdOrArgs.offset ?? 0,
             tableIdOrArgs.limit,
+            tableIdOrArgs.sorter,
           ],
           cellIdOrListener,
           descendingOrMutator,
@@ -2679,7 +2707,7 @@ const createStore = () => {
       : addSortedRowIdsListenerImpl(
           tableIdOrArgs,
           cellIdOrListener,
-          [descendingOrMutator, offset, limit],
+          [descendingOrMutator, offset, limit, void 0],
           listener,
           mutator,
         );
@@ -3153,14 +3181,29 @@ const useSortedRowIdsImpl = (
   descending,
   offset,
   limit,
+  sorter,
   storeOrStoreId,
-) =>
-  useListenable(
+) => {
+  const sortedRowIdsArgs = useMemo(
+    () => ({
+      tableId,
+      cellId,
+      descending: descending ?? false,
+      offset: offset ?? 0,
+      limit,
+      sorter,
+    }),
+    [tableId, cellId, descending, offset, limit, sorter],
+  );
+  return useListenable(
     SORTED_ROW_IDS,
     useStoreOrStoreById(storeOrStoreId),
     1 /* Array */,
-    [tableId, cellId, descending, offset, limit],
+    isUndefined(sorter)
+      ? [tableId, cellId, descending, offset, limit]
+      : [sortedRowIdsArgs],
   );
+};
 const useStoreOrStoreById = (storeOrStoreId) =>
   useThingOrThingById(storeOrStoreId, OFFSET_STORE);
 const useHasTables = (storeOrStoreId) =>
@@ -3194,6 +3237,7 @@ const useSortedRowIds = (
   descending,
   offset,
   limit,
+  sorterOrStoreOrStoreId,
   storeOrStoreId,
 ) =>
   useSortedRowIdsImpl(
@@ -3204,6 +3248,7 @@ const useSortedRowIds = (
           tableIdOrArgs.descending ?? false,
           tableIdOrArgs.offset ?? 0,
           tableIdOrArgs.limit,
+          tableIdOrArgs.sorter,
           cellIdOrStoreOrStoreId,
         ]
       : [
@@ -3212,7 +3257,10 @@ const useSortedRowIds = (
           descending,
           offset,
           limit,
-          storeOrStoreId,
+          isFunction(sorterOrStoreOrStoreId) ? sorterOrStoreOrStoreId : void 0,
+          isFunction(sorterOrStoreOrStoreId)
+            ? storeOrStoreId
+            : sorterOrStoreOrStoreId,
         ]),
   );
 const useCell = (tableId, rowId, cellId, storeOrStoreId) =>

package/ui-solid/index.js

@@ -467,13 +467,25 @@ const useSortedRowIdsImpl = (
   descending,
   offset,
   limit,
+  sorter,
   storeOrStoreId,
 ) =>
   useListenable(
     SORTED_ROW_IDS,
     useStoreOrStoreById(storeOrStoreId),
     1 /* Array */,
-    [tableId, cellId, descending, offset, limit],
+    isUndefined(sorter)
+      ? [tableId, cellId, descending, offset, limit]
+      : [
+          () => ({
+            tableId: getThing(tableId),
+            cellId: getThing(cellId),
+            descending: getThing(descending) ?? false,
+            offset: getThing(offset) ?? 0,
+            limit: getThing(limit),
+            sorter: getThing(sorter),
+          }),
+        ],
   );
 const useSortedRowIdsListenerImpl = (
   tableId,
@@ -481,6 +493,7 @@ const useSortedRowIdsListenerImpl = (
   descending,
   offset,
   limit,
+  sorter,
   listener,
   mutator,
   storeOrStoreId,
@@ -489,7 +502,18 @@ const useSortedRowIdsListenerImpl = (
     SORTED_ROW_IDS,
     useStoreOrStoreById(storeOrStoreId),
     listener,
-    [tableId, cellId, descending, offset, limit],
+    isUndefined(sorter)
+      ? [tableId, cellId, descending, offset, limit]
+      : [
+          () => ({
+            tableId: getThing(tableId),
+            cellId: getThing(cellId),
+            descending: getThing(descending),
+            offset: getThing(offset),
+            limit: getThing(limit),
+            sorter: getThing(sorter),
+          }),
+        ],
     mutator,
   );
 const useCreateStore = (create) => {
@@ -565,6 +589,7 @@ const useSortedRowIds = (
   descending,
   offset,
   limit,
+  sorter,
   storeOrStoreId,
 ) =>
   isObject(tableIdOrArgs)
@@ -574,6 +599,7 @@ const useSortedRowIds = (
         tableIdOrArgs.descending ?? false,
         tableIdOrArgs.offset ?? 0,
         tableIdOrArgs.limit,
+        () => tableIdOrArgs.sorter,
         cellIdOrStoreOrStoreId,
       )
     : useSortedRowIdsImpl(
@@ -582,6 +608,7 @@ const useSortedRowIds = (
         descending,
         offset,
         limit,
+        isUndefined(sorter) ? void 0 : () => sorter,
         storeOrStoreId,
       );
 const useHasRow = (tableId, rowId, storeOrStoreId) =>
@@ -830,6 +857,7 @@ const useSortedRowIdsListener = (
         tableIdOrArgs.descending ?? false,
         tableIdOrArgs.offset ?? 0,
         tableIdOrArgs.limit,
+        () => tableIdOrArgs.sorter,
         cellIdOrListener,
         descendingOrMutator,
         offsetOrStoreOrStoreId,
@@ -840,6 +868,7 @@ const useSortedRowIdsListener = (
         descendingOrMutator ?? false,
         offsetOrStoreOrStoreId ?? 0,
         limit,
+        void 0,
         listener,
         mutator,
         storeOrStoreId,
@@ -1985,6 +2014,7 @@ const SortedTableView = (props) =>
       () => props.descending,
       () => props.offset,
       () => props.limit,
+      void 0,
       () => props.store,
     ),
   );