@rebasepro/core 0.3.0 → 0.5.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rebasepro/core",
   "type": "module",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Rebase core — framework-agnostic runtime for data-driven admin panels",
   "funding": {
     "url": "https://github.com/sponsors/rebaseco"
@@ -51,13 +51,12 @@
     "fuse.js": "^7.3.0",
     "i18next": "^23.16.8",
     "notistack": "^3.0.2",
-    "react-compiler-runtime": "1.0.0",
     "react-i18next": "^14.1.3",
-    "@rebasepro/common": "0.3.0",
-    "@rebasepro/formex": "0.3.0",
-    "@rebasepro/ui": "0.3.0",
-    "@rebasepro/utils": "0.3.0",
-    "@rebasepro/types": "0.3.0"
+    "@rebasepro/common": "0.5.0",
+    "@rebasepro/formex": "0.5.0",
+    "@rebasepro/types": "0.5.0",
+    "@rebasepro/ui": "0.5.0",
+    "@rebasepro/utils": "0.5.0"
   },
   "peerDependencies": {
     "react": ">=19.0.0",

package/src/components/LoginView/LoginView.tsx

@@ -126,6 +126,16 @@ export interface LoginViewProps {
      * If not set, derived from `authController.capabilities.registration`.
      */
     registrationEnabled?: boolean;
+
+    /**
+     * Pre-fill the email field (e.g. for demo or testing environments).
+     */
+    defaultEmail?: string;
+
+    /**
+     * Pre-fill the password field (e.g. for demo or testing environments).
+     */
+    defaultPassword?: string;
 }
 
 type AuthMode = "buttons" | "login" | "register" | "forgot";
@@ -149,7 +159,9 @@ export function LoginView({
     subtitle,
     needsSetup,
     registrationEnabled,
-    additionalComponent
+    additionalComponent,
+    defaultEmail,
+    defaultPassword
 }: LoginViewProps) {
 
     const modeState = useModeController();
@@ -301,6 +313,8 @@ export function LoginView({
                             noUserComponent={noUserComponent}
                             disableSignupScreen={false}
                             bootstrapMode={true}
+                            defaultEmail={defaultEmail}
+                            defaultPassword={defaultPassword}
                         />
                     )}
 
@@ -376,6 +390,8 @@ export function LoginView({
                                     noUserComponent={noUserComponent}
                                     disableSignupScreen={disableSignupScreen}
                                     switchToRegister={showRegistration ? () => switchMode("register") : undefined}
+                                    defaultEmail={defaultEmail}
+                                    defaultPassword={defaultPassword}
                                 />
                             )}
 
@@ -389,6 +405,8 @@ export function LoginView({
                                     noUserComponent={noUserComponent}
                                     disableSignupScreen={disableSignupScreen}
                                     switchToLogin={() => switchMode("login")}
+                                    defaultEmail={defaultEmail}
+                                    defaultPassword={defaultPassword}
                                 />
                             )}
 
@@ -576,7 +594,9 @@ function LoginForm({
     disableSignupScreen,
     bootstrapMode = false,
     switchToRegister,
-    switchToLogin
+    switchToLogin,
+    defaultEmail,
+    defaultPassword
 }: {
     onClose: () => void,
     onForgotPassword?: () => void,
@@ -586,12 +606,14 @@ function LoginForm({
     disableSignupScreen: boolean,
     bootstrapMode?: boolean,
     switchToRegister?: () => void,
-    switchToLogin?: () => void
+    switchToLogin?: () => void,
+    defaultEmail?: string,
+    defaultPassword?: string
 }) {
     const passwordRef = useRef<HTMLInputElement | null>(null);
 
-    const [email, setEmail] = useState<string>();
-    const [password, setPassword] = useState<string>();
+    const [email, setEmail] = useState<string | undefined>(defaultEmail);
+    const [password, setPassword] = useState<string | undefined>(defaultPassword);
     const [displayName, setDisplayName] = useState<string>();
 
     useEffect(() => {

package/src/components/common/types.tsx

@@ -1,4 +1,4 @@
-import type { Property } from "@rebasepro/types";
+import type { Property, Entity } from "@rebasepro/types";
 import { CollectionSize, SelectedCellProps } from "@rebasepro/types";
 
 export type EntityCollectionTableController<M extends Record<string, unknown>> = {
@@ -25,7 +25,7 @@ export type EntityCollectionTableController<M extends Record<string, unknown>> =
      * Callback used when the value of a cell has changed.
      * @param params
      */
-    onValueChange?: (params: OnCellValueChangeParams<unknown, M>) => void;
+    onValueChange?: (params: OnCellValueChangeParams<unknown, Entity<M>>) => void;
     /**
      * Size of the elements in the collection
      */
@@ -58,7 +58,7 @@ export type UniqueFieldValidator = (props: {
  * Callback when a cell has changed in a table
  * @group Collection components
  */
-export type OnCellValueChange<T, M extends Record<string, unknown>> = (params: OnCellValueChangeParams<T, M>) => Promise<void> | void;
+export type OnCellValueChange<T, M extends Record<string, unknown>> = (params: OnCellValueChangeParams<T, Entity<M>>) => Promise<void> | void;
 
 /**
  * @group Collection components

package/src/components/common/useDataTableController.tsx

@@ -128,7 +128,7 @@ export function useDataTableController<M extends Record<string, any> = any, USER
 
         const { filterValues: urlFilterValues, sortBy: urlSortBy } = parseFilterAndSort(location.search);
         if (!fixedFilter) {
-            setFilterValues(urlFilterValues as FilterValues<Extract<keyof M, string> | (string & {})> | undefined);
+            setFilterValues((urlFilterValues ?? defaultFilter) as FilterValues<Extract<keyof M, string> | (string & {})> | undefined);
         }
         if (urlSortBy && fixedFilter && !checkFilterCombination(fixedFilter, urlSortBy)) {
             console.warn("URL sort is not compatible with the force filter.");
@@ -186,7 +186,7 @@ export function useDataTableController<M extends Record<string, any> = any, USER
     const [dataLoadingError, setDataLoadingError] = useState<Error | undefined>();
     const [noMoreToLoad, setNoMoreToLoad] = useState<boolean>(false);
 
-    const clearFilter = useCallback(() => setFilterValues(fixedFilter ?? undefined), [fixedFilter]);
+    const clearFilter = useCallback(() => setFilterValues(fixedFilter ?? defaultFilter ?? undefined), [fixedFilter, defaultFilter]);
 
     const updateFilterValues = useCallback((updatedFilter: FilterValues<Extract<keyof M, string> | (string & {})> | undefined) => {
         if (fixedFilter) {
@@ -246,16 +246,22 @@ export function useDataTableController<M extends Record<string, any> = any, USER
         if (filterValues) {
             Object.entries(filterValues).forEach(([key, value]) => {
                 if (value && Array.isArray(value)) {
-                    const [op, val] = value;
-                    const postgrestOp = op === "==" ? "eq" : op === "!=" ? "neq" : op === ">" ? "gt" : op === ">=" ? "gte" : op === "<" ? "lt" : op === "<=" ? "lte" : op === "in" ? "in" : op === "not-in" ? "nin" : op === "array-contains" ? "cs" : op === "array-contains-any" ? "csa" : "eq";
-
-                    let stringVal: string;
-                    if (Array.isArray(val)) {
-                        stringVal = `(${val.join(",")})`;
-                    } else {
-                        stringVal = String(val);
+                    const conditions: [WhereFilterOp, unknown][] = Array.isArray(value[0])
+                        ? (value as [WhereFilterOp, unknown][])
+                        : [value as [WhereFilterOp, unknown]];
+
+                    const [op, val] = conditions[0] || [];
+                    if (op) {
+                        const postgrestOp = op === "==" ? "eq" : op === "!=" ? "neq" : op === ">" ? "gt" : op === ">=" ? "gte" : op === "<" ? "lt" : op === "<=" ? "lte" : op === "in" ? "in" : op === "not-in" ? "nin" : op === "array-contains" ? "cs" : op === "array-contains-any" ? "csa" : "eq";
+
+                        let stringVal: string;
+                        if (Array.isArray(val)) {
+                            stringVal = `(${val.join(",")})`;
+                        } else {
+                            stringVal = String(val);
+                        }
+                        whereMap[key] = `${postgrestOp}.${stringVal}`;
                     }
-                    whereMap[key] = `${postgrestOp}.${stringVal}`;
                 }
             });
         }
@@ -388,34 +394,40 @@ function encodeFilterAndSort(filterValues?: FilterValues<string>, sortBy?: [stri
     if (filterValues) {
         Object.entries(filterValues).forEach(([key, value]) => {
             if (value) {
-                const [op, val] = value;
-                let encodedValue: unknown = val;
-                try {
-                    if (typeof val === "object") {
-                        if (val instanceof Date) {
-                            encodedValue = val.toISOString();
-                        } else if (Array.isArray(val)) {
-                            encodedValue = JSON.stringify(val, (k, v) => {
-                                if (v instanceof EntityRelation) {
-                                    return encodeRelation(v);
-                                }
-                                if (v instanceof EntityReference) {
-                                    return encodeReference(v);
-                                }
-                                return v;
-                            });
-                        } else if (val instanceof EntityRelation) {
-                            encodedValue = encodeRelation(val);
-                        } else if (val instanceof EntityReference) {
-                            encodedValue = encodeReference(val);
+                const conditions: [WhereFilterOp, unknown][] = Array.isArray(value[0])
+                    ? (value as [WhereFilterOp, unknown][])
+                    : [value as [WhereFilterOp, unknown]];
+
+                const [op, val] = conditions[0] || [];
+                if (op) {
+                    let encodedValue: unknown = val;
+                    try {
+                        if (typeof val === "object") {
+                            if (val instanceof Date) {
+                                encodedValue = val.toISOString();
+                            } else if (Array.isArray(val)) {
+                                encodedValue = JSON.stringify(val, (k, v) => {
+                                    if (v instanceof EntityRelation) {
+                                        return encodeRelation(v);
+                                    }
+                                    if (v instanceof EntityReference) {
+                                        return encodeReference(v);
+                                    }
+                                    return v;
+                                });
+                            } else if (val instanceof EntityRelation) {
+                                encodedValue = encodeRelation(val);
+                            } else if (val instanceof EntityReference) {
+                                encodedValue = encodeReference(val);
+                            }
                         }
+                    } catch (e) {
+                        encodedValue = val;
+                    }
+                    if (encodedValue !== undefined) {
+                        entries[encodeURIComponent(`${key}_op`)] = encodeURIComponent(op);
+                        entries[encodeURIComponent(`${key}_value`)] = encodedValue ? encodeURIComponent(String(encodedValue)) : "null";
                     }
-                } catch (e) {
-                    encodedValue = val;
-                }
-                if (encodedValue !== undefined) {
-                    entries[encodeURIComponent(`${key}_op`)] = encodeURIComponent(op);
-                    entries[encodeURIComponent(`${key}_value`)] = encodedValue ? encodeURIComponent(String(encodedValue)) : "null";
                 }
             }
         });

package/src/hooks/data/useCollectionFetch.tsx

@@ -22,6 +22,16 @@ export interface CollectionFetchProps<M extends Record<string, any>> {
      */
     itemCount?: number;
 
+    /**
+     * Number of items to skip
+     */
+    offset?: number;
+
+    /**
+     * Page number (1-indexed), alternative to offset
+     */
+    page?: number;
+
     /**
      * Filter the fetched data by the property
      */
@@ -46,6 +56,7 @@ export interface CollectionFetchResult<M extends Record<string, any>> {
     dataLoading: boolean;
     noMoreToLoad: boolean;
     dataLoadingError?: Error;
+    totalCount?: number;
 }
 
 /**
@@ -55,6 +66,8 @@ export interface CollectionFetchResult<M extends Record<string, any>> {
  * @param filterValues
  * @param sortBy
  * @param itemCount
+ * @param offset
+ * @param page
  * @param searchString
  * @group Hooks and utilities
  */
@@ -65,6 +78,8 @@ export function useCollectionFetch<M extends Record<string, any>, USER extends U
         filterValues,
         sortBy,
         itemCount,
+        offset,
+        page,
         searchString
     }: CollectionFetchProps<M>): CollectionFetchResult<M> {
     const dataClient = useData();
@@ -99,12 +114,13 @@ export function useCollectionFetch<M extends Record<string, any>, USER extends U
     const [dataLoading, setDataLoading] = useState<boolean>(false);
     const [dataLoadingError, setDataLoadingError] = useState<Error | undefined>();
     const [noMoreToLoad, setNoMoreToLoad] = useState<boolean>(false);
+    const [totalCount, setTotalCount] = useState<number | undefined>();
 
     useEffect(() => {
 
         setDataLoading(true);
 
-        const onEntitiesUpdate = async (res: { data: Entity<M>[], meta: { hasMore: boolean } }) => {
+        const onEntitiesUpdate = async (res: { data: Entity<M>[], meta: { hasMore: boolean; total?: number } }) => {
             const entities = res.data;
             setDataLoading(false);
             setDataLoadingError(undefined);
@@ -112,6 +128,7 @@ export function useCollectionFetch<M extends Record<string, any>, USER extends U
                 ...e
             })));
             setNoMoreToLoad(!res.meta.hasMore);
+            setTotalCount(res.meta.total);
         };
 
         const onError = (error: Error) => {
@@ -119,6 +136,7 @@ export function useCollectionFetch<M extends Record<string, any>, USER extends U
             setDataLoading(false);
             setData([]);
             setDataLoadingError(error);
+            setTotalCount(undefined);
         };
 
         const accessor = dataClient.collection(path);
@@ -133,6 +151,8 @@ export function useCollectionFetch<M extends Record<string, any>, USER extends U
             return accessor.listen({
                 where: whereParams,
                 limit: itemCount,
+                offset,
+                page,
                 orderBy: orderByParams,
                 searchString,
                 include: includeParams
@@ -141,6 +161,8 @@ export function useCollectionFetch<M extends Record<string, any>, USER extends U
             accessor.find({
                 where: whereParams,
                 limit: itemCount,
+                offset,
+                page,
                 orderBy: orderByParams,
                 searchString,
                 include: includeParams
@@ -150,13 +172,14 @@ export function useCollectionFetch<M extends Record<string, any>, USER extends U
             return () => {
             };
         }
-    }, [path, itemCount, currentSort, sortByProperty, filterValues, searchString, dataClient, collection]);
+    }, [path, itemCount, offset, page, currentSort, sortByProperty, filterValues, searchString, dataClient, collection]);
 
     return useMemo(() => ({
         data,
         dataLoading,
         dataLoadingError,
-        noMoreToLoad
-    }), [data, dataLoading, dataLoadingError, noMoreToLoad]);
+        noMoreToLoad,
+        totalCount
+    }), [data, dataLoading, dataLoadingError, noMoreToLoad, totalCount]);
 
 }

package/src/hooks/data/useUserSelector.tsx

@@ -142,7 +142,7 @@ export function useUserSelector(
     }, []);
 
     const getUser = useCallback((uid: string): User | null => {
-        return userManagement?.getUser(uid) ?? null;
+        return userManagement?.getUser?.(uid) ?? null;
     }, [userManagement]);
 
     return useMemo(() => ({

package/src/hooks/useResolvedComponent.tsx

@@ -14,7 +14,7 @@ import { isLazyComponentRef } from "@rebasepro/types";
  * plain Map since they can't be WeakMap keys.
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const lazyCache = new WeakMap<object | Function, React.ComponentType<any>>();
+const lazyCache = new WeakMap<object | ((...args: any[]) => any), React.ComponentType<any>>();
 
 /**
  * Resolves a `ComponentRef` into a renderable `React.ComponentType`.
@@ -63,7 +63,7 @@ export function useResolvedComponent<P = unknown>(
  * same loader always returns the same lazy component identity.
  */
 function getOrCreateLazy<P>(
-    key: object | Function,
+    key: object | ((...args: any[]) => any),
     loader: () => Promise<{ default: React.ComponentType<P> }>
 ): React.ComponentType<P> {
     const cached = lazyCache.get(key);
@@ -109,7 +109,7 @@ export function resolveComponentRef<P = unknown>(
 
     // 3. Function — either a React component or a lazy import loader.
     if (typeof ref === "function") {
-        const fn = ref as Function;
+        const fn = ref as (...args: any[]) => any;
 
         // Class components (React.Component / PureComponent) have this flag
         if (fn.prototype?.isReactComponent) {

package/src/locales/en.ts

@@ -406,14 +406,14 @@ export const en: RebaseTranslations = {
     data_imported_successfully: "Data imported successfully",
     export: "Export",
     export_data: "Export data",
-    download_table_csv: "Download the the content of this table as a CSV",
+    download_table_csv: "Download the content of this table as a CSV",
     csv: "CSV",
     json: "JSON",
     dates_as_timestamps: "Dates as timestamps",
     dates_as_strings: "Dates as strings",
     flatten_arrays: "Flatten arrays",
     download: "Download",
-    large_number_of_documents: "This collections has a large number of documents ({{count}}).",
+    large_number_of_documents: "This collection has a large number of documents ({{count}}).",
     include_undefined_values: "Include undefined values",
     submit: "Submit",
 

package/src/util/previews.ts

@@ -22,6 +22,11 @@ function isRelationProperty(property: Property) {
     return false;
 }
 
+function isHiddenProperty(property: Property | undefined): boolean {
+    if (!property) return false;
+    return Boolean(property.ui?.hideFromCollection);
+}
+
 export function getEntityPreviewKeys(
     authController: AuthController,
     targetCollection: EntityCollection<any>,
@@ -45,7 +50,7 @@ export function getEntityPreviewKeys(
             })
             .filter(key => {
                 const property = targetCollection.properties[key];
-                return property && !isPropertyBuilder(property) && !isReferenceProperty(property) && !isRelationProperty(property);
+                return property && !isPropertyBuilder(property) && !isReferenceProperty(property) && !isRelationProperty(property) && !isHiddenProperty(property);
             }).slice(0, limit);
     }
 }
@@ -62,6 +67,9 @@ export function getEntityTitlePropertyKey<M extends Record<string, any>>(collect
         const property = collection.properties[key];
         if (property && !isPropertyBuilder(property)) {
             const prop = property as Property;
+            if (isHiddenProperty(prop)) {
+                continue;
+            }
             if (prop.type === "string" && !prop.ui?.multiline && !prop.ui?.markdown && !prop.storage && !prop.isId) {
                 if (!firstStringCandidate) {
                     firstStringCandidate = key;