@rebasepro/ui 0.8.0 → 0.9.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rebasepro/ui",
   "type": "module",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Awesome Firebase/Firestore-based headless open-source CMS",
   "funding": {
     "url": "https://github.com/sponsors/rebaseco"

package/src/components/VirtualTable/VirtualTableProps.tsx

@@ -288,7 +288,13 @@ export type WhereFilterOp =
     | "array-contains"
     | "in"
     | "not-in"
-    | "array-contains-any";
+    | "array-contains-any"
+    | "like"
+    | "ilike"
+    | "not-like"
+    | "not-ilike"
+    | "is-null"
+    | "is-not-null";
 
 export type FilterValues<Key extends string> =
     Partial<Record<Key, [WhereFilterOp, unknown] | [WhereFilterOp, unknown][]>>;

package/src/components/VirtualTable/selection/SelectionStore.ts

@@ -2,7 +2,7 @@ import { useSyncExternalStore, useCallback, useRef } from "react";
 
 export interface SelectedCell {
     columnKey: string;
-    rowId: string | number;
+    id: string | number;
     cellRect?: DOMRect;
     width?: number;
     height?: number;
@@ -12,7 +12,7 @@ export function createVirtualTableSelectionStore<T extends SelectedCell = Select
     let selectedCell: T | undefined = undefined;
     const listeners = new Set<() => void>();
 
-    function getSnapshot(): T | undefined {
+    function getEntity(): T | undefined {
         return selectedCell;
     }
 
@@ -27,7 +27,7 @@ export function createVirtualTableSelectionStore<T extends SelectedCell = Select
     }
 
     return {
-        getSnapshot,
+        getEntity,
         subscribe,
         select
     };
@@ -38,17 +38,17 @@ export type VirtualTableSelectionStore<T extends SelectedCell = SelectedCell> =
 export function useVirtualTableCellSelected<T extends SelectedCell = SelectedCell>(
     store: VirtualTableSelectionStore<T>,
     columnKey: string,
-    rowId: string | number
+    id: string | number
 ): boolean {
-    const selectorRef = useRef({ columnKey, rowId });
-    selectorRef.current = { columnKey, rowId };
+    const selectorRef = useRef({ columnKey, id });
+    selectorRef.current = { columnKey, id };
 
-    const getSnapshot = useCallback(() => {
-        const cell = store.getSnapshot();
+    const getEntity = useCallback(() => {
+        const cell = store.getEntity();
         if (!cell) return false;
         const s = selectorRef.current;
-        return cell.columnKey === s.columnKey && cell.rowId === s.rowId;
+        return cell.columnKey === s.columnKey && cell.id === s.id;
     }, [store]);
 
-    return useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
+    return useSyncExternalStore(store.subscribe, getEntity, getEntity);
 }