@rebasepro/core 0.2.3 → 0.2.5

package/dist/util/entity_cache.d.ts

@@ -7,7 +7,6 @@ export declare function saveEntityToCache(path: string, data: object): void;
 export declare function removeEntityFromMemoryCache(path: string): void;
 export declare function saveEntityToMemoryCache(path: string, data: object): void;
 export declare function getEntityFromMemoryCache(path: string): object | undefined;
-export declare function hasEntityInCache(path: string): boolean;
 /**
  * Retrieves an entity from the in-memory cache or `sessionStorage`.
  * If the entity is not in the cache but exists in `sessionStorage`, it loads it into the cache.
@@ -20,8 +19,4 @@ export declare function getEntityFromCache(path: string): object | undefined;
  * @param path - The unique path/key for the entity to remove.
  */
 export declare function removeEntityFromCache(path: string): void;
-/**
- * Clears the entire in-memory cache and removes all related entities from `sessionStorage`.
- */
-export declare function clearEntityCache(): void;
 export declare function flattenKeys(obj: Record<string, unknown> | unknown[], prefix?: string, result?: string[]): string[];

package/dist/util/index.d.ts

@@ -1,10 +1,8 @@
 export * from "./icon_list";
-export * from "./icon_synonyms";
 export * from "./icons";
 export * from "./createFormexStub";
 export * from "./entity_cache";
 export * from "./useStorageUploadController";
-export * from "./useTraceUpdate";
 export * from "./previews";
 export * from "./enums";
 export * from "./constants";

package/dist/util/useStorageUploadController.d.ts

@@ -12,7 +12,7 @@ export interface StorageFieldItem {
     storagePathOrDownloadUrl?: string;
     file?: File;
     fileName?: string;
-    metadata?: any;
+    metadata?: Record<string, unknown>;
     size: StorageFieldSize;
 }
 export declare function useStorageUploadController<M extends Record<string, unknown>>({ entityId, entityValues, path, value, property, propertyKey, storageSource, disabled, onChange }: {
@@ -31,7 +31,7 @@ export declare function useStorageUploadController<M extends Record<string, unkn
     storage: StorageConfig;
     fileNameBuilder: (file: File) => Promise<string>;
     storagePathBuilder: (file: File) => string;
-    onFileUploadComplete: (uploadedPath: string, entry: StorageFieldItem, metadata?: any, uploadedUrl?: string) => Promise<void>;
+    onFileUploadComplete: (uploadedPath: string, entry: StorageFieldItem, metadata?: Record<string, unknown>, uploadedUrl?: string) => Promise<void>;
     onFileUploadError: (entry: StorageFieldItem) => void;
     onFilesAdded: (acceptedFiles: File[]) => Promise<void>;
     multipleFilesSupported: boolean;

package/package.json

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

package/src/components/BootstrapAdminBanner.tsx

@@ -27,10 +27,19 @@ export function BootstrapAdminBanner({
         return null;
     }
 
-    const { users, loading: delegateLoading, bootstrapAdmin, usersError } = userManagement;
-    const hasAdmin = users.some(u => u.roles?.includes("admin"));
+    // Non-admin users don't load the users list (admin API is skipped to
+    // avoid 403s), so `users` would be empty and falsely trigger this banner.
+    // Only admin users (or users with no roles yet, during initial bootstrap)
+    // should ever see this prompt.
+    const loggedInUserRoles = loggedInUser.roles ?? [];
+    const isLoggedInUserAdmin = loggedInUserRoles.length === 0 || loggedInUserRoles.some(r => r === "admin");
+    if (!isLoggedInUserAdmin) {
+        return null;
+    }
+
+    const { hasAdminUsers, loading: delegateLoading, bootstrapAdmin, usersError } = userManagement;
 
-    if (delegateLoading || hasAdmin || usersError || !bootstrapAdmin) {
+    if (delegateLoading || hasAdminUsers || usersError || !bootstrapAdmin) {
         return null;
     }
 

package/src/components/LoginView/LoginView.tsx

@@ -95,6 +95,26 @@ export interface LoginViewProps {
      */
     googleClientId?: string;
 
+    /**
+     * GitHub client ID for GitHub OAuth.
+     */
+    githubClientId?: string;
+
+    /**
+     * LinkedIn client ID for LinkedIn OAuth.
+     */
+    linkedinClientId?: string;
+
+    /**
+     * Optional custom title shown above options
+     */
+    title?: string;
+
+    /**
+     * Optional custom subtitle shown above options
+     */
+    subtitle?: string;
+
     /**
      * When true, shows bootstrap/setup UI (first-user creation).
      * If not set, derived from `authController` if it exposes `needsSetup`.
@@ -106,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";
@@ -123,8 +153,15 @@ export function LoginView({
     disabled = false,
     notAllowedError,
     googleClientId,
+    githubClientId,
+    linkedinClientId,
+    title,
+    subtitle,
     needsSetup,
-    registrationEnabled
+    registrationEnabled,
+    additionalComponent,
+    defaultEmail,
+    defaultPassword
 }: LoginViewProps) {
 
     const modeState = useModeController();
@@ -150,6 +187,8 @@ export function LoginView({
         ?? false;
     const canRegister = registrationEnabled ?? caps.registration ?? false;
     const hasGoogleLogin = googleClientId && (caps.enabledProviders?.includes("google") ?? caps.googleLogin ?? false);
+    const hasGitHubLogin = githubClientId && (caps.enabledProviders?.includes("github") ?? false);
+    const hasLinkedinLogin = linkedinClientId && (caps.enabledProviders?.includes("linkedin") ?? false);
     const hasPasswordReset = caps.passwordReset ?? !!authController.forgotPassword;
 
     const showRegistration = !disableSignupScreen && canRegister;
@@ -159,6 +198,28 @@ export function LoginView({
         return () => clearTimeout(timer);
     }, []);
 
+    // Effect to handle incoming redirect OAuth codes (GitHub, LinkedIn, etc.)
+    useEffect(() => {
+        const params = new URLSearchParams(window.location.search);
+        const code = params.get("code");
+        const provider = localStorage.getItem("rebase_oauth_provider");
+        if (code && provider) {
+            localStorage.removeItem("rebase_oauth_provider");
+            // Clear URL search params without page reload
+            const cleanUrl = window.location.origin + window.location.pathname;
+            window.history.replaceState({}, document.title, cleanUrl);
+            
+            if (authController.oauthLogin) {
+                authController.oauthLogin(provider, {
+                    code,
+                    redirectUri: cleanUrl
+                }).catch((err) => {
+                    console.error(`${provider} login failed:`, err);
+                });
+            }
+        }
+    }, [authController]);
+
     function buildErrorView() {
         if (!authController.authProviderError) return null;
         if (authController.user != null) return null;
@@ -192,17 +253,21 @@ export function LoginView({
         } else if (notAllowedError instanceof Error) {
             notAllowedMessage = notAllowedError.message;
         } else {
-            notAllowedMessage = "It looks like you don't have access, based on the specified Authenticator configuration";
+            notAllowedMessage = "It looks like you don't have access, based on the specified access configuration";
         }
     }
 
     return (
         <div
             className={cls(
-                "relative flex items-center justify-center h-screen w-screen p-4 transition-opacity duration-500 bg-surface-50 dark:bg-surface-800",
+                "relative flex items-center justify-center h-screen w-screen p-4 transition-opacity duration-500 bg-surface-50 dark:bg-surface-950 overflow-hidden",
                 fadeIn ? "opacity-100" : "opacity-0"
             )}>
 
+            {/* Glowing background blobs */}
+            <div className="absolute top-[-10%] left-[-10%] w-[50%] h-[50%] rounded-full bg-primary-500/10 blur-[120px] pointer-events-none" />
+            <div className="absolute bottom-[-10%] right-[-10%] w-[50%] h-[50%] rounded-full bg-indigo-500/10 blur-[120px] pointer-events-none" />
+
             {/* Top-right controls */}
             <div className="absolute top-4 right-4 flex items-center gap-1 z-10">
                 <LanguageToggle/>
@@ -220,9 +285,9 @@ export function LoginView({
                 </Menu>
             </div>
 
-            <div className="flex flex-col items-center w-[480px] max-w-full p-8 sm:p-10">
+            <div className="relative flex flex-col items-center w-[440px] max-w-full p-8 sm:p-10 bg-white/70 dark:bg-surface-900/60 backdrop-blur-xl border border-surface-200/50 dark:border-surface-800/50 rounded-2xl shadow-2xl z-10 transition-all duration-300 hover:shadow-primary-500/5">
                 {/* Logo */}
-                <div className="w-32 h-32 m-2 mb-6">
+                <div className="w-24 h-24 m-2 mb-4 drop-shadow-md">
                     {logoComponent}
                 </div>
 
@@ -248,6 +313,8 @@ export function LoginView({
                             noUserComponent={noUserComponent}
                             disableSignupScreen={false}
                             bootstrapMode={true}
+                            defaultEmail={defaultEmail}
+                            defaultPassword={defaultPassword}
                         />
                     )}
 
@@ -257,6 +324,20 @@ export function LoginView({
                             {/* Provider buttons screen */}
                             {mode === "buttons" && (
                                 <div className="w-full flex flex-col gap-3 mt-2">
+                                    {(title || subtitle) && (
+                                        <div className="text-center mb-2">
+                                            {title && (
+                                                <Typography variant="h6" className="mb-0.5 font-bold">
+                                                    {title}
+                                                </Typography>
+                                            )}
+                                            {subtitle && (
+                                                <Typography variant="body2" color="secondary" className="mb-4">
+                                                    {subtitle}
+                                                </Typography>
+                                            )}
+                                        </div>
+                                    )}
                                     <LoginButton
                                         disabled={disabled}
                                         text={"Sign in with email"}
@@ -270,6 +351,18 @@ export function LoginView({
                                             authController={authController}
                                         />
                                     )}
+                                    {hasGitHubLogin && githubClientId && (
+                                        <GitHubLoginButton
+                                            disabled={disabled}
+                                            githubClientId={githubClientId}
+                                        />
+                                    )}
+                                    {hasLinkedinLogin && linkedinClientId && (
+                                        <LinkedInLoginButton
+                                            disabled={disabled}
+                                            linkedinClientId={linkedinClientId}
+                                        />
+                                    )}
                                     {showRegistration && (
                                         <div className="mt-2 text-center">
                                             <Typography variant="body2" color="secondary">
@@ -297,6 +390,8 @@ export function LoginView({
                                     noUserComponent={noUserComponent}
                                     disableSignupScreen={disableSignupScreen}
                                     switchToRegister={showRegistration ? () => switchMode("register") : undefined}
+                                    defaultEmail={defaultEmail}
+                                    defaultPassword={defaultPassword}
                                 />
                             )}
 
@@ -310,6 +405,8 @@ export function LoginView({
                                     noUserComponent={noUserComponent}
                                     disableSignupScreen={disableSignupScreen}
                                     switchToLogin={() => switchMode("login")}
+                                    defaultEmail={defaultEmail}
+                                    defaultPassword={defaultPassword}
                                 />
                             )}
 
@@ -323,6 +420,12 @@ export function LoginView({
                         </>
                     )}
                 </div>
+
+                {additionalComponent && (
+                    <div className="w-full">
+                        {additionalComponent}
+                    </div>
+                )}
             </div>
         </div>
     );
@@ -337,7 +440,7 @@ function LoginButton({
     return (
         <Button
             disabled={disabled}
-            className="w-full"
+            className="w-full transition-transform duration-200 active:scale-[0.98]"
             variant="outlined"
             size="large"
             onClick={onClick}>
@@ -422,6 +525,66 @@ function GoogleLoginButton({
     );
 }
 
+const GitHubIcon = () => (
+    <svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
+        <path d="M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.603-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.464-1.11-1.464-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.579.688.481C19.137 20.162 22 16.418 22 12c0-5.523-4.477-10-10-10z"/>
+    </svg>
+);
+
+function GitHubLoginButton({
+    disabled,
+    githubClientId
+}: {
+    disabled?: boolean,
+    githubClientId: string
+}) {
+    const handleClick = () => {
+        localStorage.setItem("rebase_oauth_provider", "github");
+        const redirectUri = encodeURIComponent(window.location.origin + window.location.pathname);
+        const scope = "read:user,user:email";
+        window.location.href = `https://github.com/login/oauth/authorize?client_id=${githubClientId}&redirect_uri=${redirectUri}&scope=${scope}`;
+    };
+
+    return (
+        <LoginButton
+            disabled={disabled}
+            text="Sign in with GitHub"
+            icon={<GitHubIcon/>}
+            onClick={handleClick}
+        />
+    );
+}
+
+const LinkedInIcon = () => (
+    <svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
+        <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
+    </svg>
+);
+
+function LinkedInLoginButton({
+    disabled,
+    linkedinClientId
+}: {
+    disabled?: boolean,
+    linkedinClientId: string
+}) {
+    const handleClick = () => {
+        localStorage.setItem("rebase_oauth_provider", "linkedin");
+        const redirectUri = encodeURIComponent(window.location.origin + window.location.pathname);
+        const scope = "openid profile email";
+        window.location.href = `https://www.linkedin.com/oauth/v2/authorization?response_type=code&client_id=${linkedinClientId}&redirect_uri=${redirectUri}&scope=${scope}`;
+    };
+
+    return (
+        <LoginButton
+            disabled={disabled}
+            text="Sign in with LinkedIn"
+            icon={<LinkedInIcon/>}
+            onClick={handleClick}
+        />
+    );
+}
+
 function LoginForm({
     onClose,
     onForgotPassword,
@@ -431,7 +594,9 @@ function LoginForm({
     disableSignupScreen,
     bootstrapMode = false,
     switchToRegister,
-    switchToLogin
+    switchToLogin,
+    defaultEmail,
+    defaultPassword
 }: {
     onClose: () => void,
     onForgotPassword?: () => void,
@@ -441,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/UserSettingsView.tsx

@@ -24,18 +24,22 @@ interface SessionInfo {
 interface ExtendedAuthController {
     user: { displayName?: string | null; photoURL?: string | null; email?: string | null } | null;
     updateProfile?: (displayName: string, photoURL: string) => Promise<void>;
+    changePassword?: (oldPassword: string, newPassword: string) => Promise<void>;
     fetchSessions?: () => Promise<SessionInfo[]>;
     revokeSession?: (id: string) => Promise<void>;
     revokeAllSessions?: () => Promise<void>;
     signOut: () => Promise<void>;
 }
 
+type ActiveTab = "profile" | "security" | "sessions";
+
 export function UserSettingsView() {
     const authController = useAuthController() as ExtendedAuthController;
     const user = authController.user;
     const { t } = useTranslation();
 
-    const [activeTab, setActiveTab] = useState<"profile" | "sessions">("profile");
+    const hasPasswordChange = !!authController.changePassword;
+    const [activeTab, setActiveTab] = useState<ActiveTab>("profile");
 
     // Profile state
     const [displayName, setDisplayName] = useState(user?.displayName || "");
@@ -43,6 +47,14 @@ export function UserSettingsView() {
     const [savingProfile, setSavingProfile] = useState(false);
     const [profileError, setProfileError] = useState<string | null>(null);
 
+    // Password change state
+    const [currentPassword, setCurrentPassword] = useState("");
+    const [newPassword, setNewPassword] = useState("");
+    const [confirmPassword, setConfirmPassword] = useState("");
+    const [changingPassword, setChangingPassword] = useState(false);
+    const [passwordError, setPasswordError] = useState<string | null>(null);
+    const [passwordSuccess, setPasswordSuccess] = useState<string | null>(null);
+
     // Sessions state
     const [sessions, setSessions] = useState<SessionInfo[]>([]);
     const [loadingSessions, setLoadingSessions] = useState(false);
@@ -74,6 +86,41 @@ export function UserSettingsView() {
         }
     };
 
+    const handleChangePassword = async () => {
+        setPasswordError(null);
+        setPasswordSuccess(null);
+
+        // Validate
+        if (newPassword.length < 8) {
+            setPasswordError(t("password_too_short"));
+            return;
+        }
+        if (newPassword !== confirmPassword) {
+            setPasswordError(t("passwords_dont_match"));
+            return;
+        }
+
+        setChangingPassword(true);
+        try {
+            if (authController.changePassword) {
+                await authController.changePassword(currentPassword, newPassword);
+                setPasswordSuccess(t("password_changed"));
+                setCurrentPassword("");
+                setNewPassword("");
+                setConfirmPassword("");
+                // Backend invalidates all sessions on password change,
+                // so the user will be logged out shortly
+                setTimeout(() => {
+                    authController.signOut();
+                }, 2000);
+            }
+        } catch (e: unknown) {
+            setPasswordError(e instanceof Error ? e.message : String(e));
+        } finally {
+            setChangingPassword(false);
+        }
+    };
+
     const loadSessions = async () => {
         setLoadingSessions(true);
         setSessionsError(null);
@@ -134,8 +181,9 @@ export function UserSettingsView() {
         <div className="flex-grow max-w-4xl w-full mx-auto p-4 sm:p-6 md:p-12">
             <Typography variant="h4" className="mb-8">{t("account_settings")}</Typography>
 
-            <Tabs value={activeTab} onValueChange={(v) => setActiveTab(v as "profile" | "sessions")} className="mb-8">
+            <Tabs value={activeTab} onValueChange={(v) => setActiveTab(v as ActiveTab)} className="mb-8">
                 <Tab value="profile">{t("profile")}</Tab>
+                {hasPasswordChange && <Tab value="security">{t("security")}</Tab>}
                 <Tab value="sessions">{t("sessions")}</Tab>
             </Tabs>
 
@@ -165,6 +213,51 @@ export function UserSettingsView() {
                 </div>
             )}
 
+            {activeTab === "security" && hasPasswordChange && (
+                <div className="flex flex-col gap-6 max-w-xl">
+                    <Typography variant="h6" className="mb-2">{t("change_password")}</Typography>
+
+                    <TextField
+                        label={t("current_password")}
+                        type="password"
+                        value={currentPassword}
+                        onChange={(e) => setCurrentPassword(e.target.value)}
+                        autoComplete="current-password"
+                    />
+                    <TextField
+                        label={t("new_password")}
+                        type="password"
+                        value={newPassword}
+                        onChange={(e) => setNewPassword(e.target.value)}
+                        autoComplete="new-password"
+                    />
+                    <TextField
+                        label={t("confirm_password")}
+                        type="password"
+                        value={confirmPassword}
+                        onChange={(e) => setConfirmPassword(e.target.value)}
+                        autoComplete="new-password"
+                    />
+
+                    {passwordError && (
+                        <Typography color="error">{passwordError}</Typography>
+                    )}
+                    {passwordSuccess && (
+                        <Typography className="text-emerald-600 dark:text-emerald-400">{passwordSuccess}</Typography>
+                    )}
+
+                    <div className="mt-4">
+                        <Button
+                            variant="filled"
+                            onClick={handleChangePassword}
+                            disabled={changingPassword || !currentPassword || !newPassword || !confirmPassword}
+                        >
+                            {changingPassword ? t("changing_password") : t("change_password")}
+                        </Button>
+                    </div>
+                </div>
+            )}
+
             {activeTab === "sessions" && (
                 <div className="flex flex-col gap-4 max-w-3xl">
                     {loadingSessions ? (

package/src/components/common/types.tsx

@@ -1,16 +1,16 @@
 import type { Property } from "@rebasepro/types";
 import { CollectionSize, SelectedCellProps } from "@rebasepro/types";
 
-export type EntityCollectionTableController<M extends Record<string, any>> = {
+export type EntityCollectionTableController<M extends Record<string, unknown>> = {
 
     /**
      * This cell is displayed as selected
      */
-    selectedCell?: SelectedCellProps<any>;
+    selectedCell?: SelectedCellProps;
     /**
      * Store used to sync selection state across cells efficiently.
      */
-    selectionStore?: any;
+    selectionStore?: { getSnapshot: () => SelectedCellProps | undefined; subscribe: (cb: () => void) => () => void };
     /**
      * Select a table cell
      * @param cell
@@ -25,7 +25,7 @@ export type EntityCollectionTableController<M extends Record<string, any>> = {
      * Callback used when the value of a cell has changed.
      * @param params
      */
-    onValueChange?: (params: OnCellValueChangeParams<any, M>) => void;
+    onValueChange?: (params: OnCellValueChangeParams<unknown, M>) => void;
     /**
      * Size of the elements in the collection
      */
@@ -36,7 +36,7 @@ export type EntityCollectionTableController<M extends Record<string, any>> = {
  * Props passed in a callback when the content of a cell in a table has been edited
  * @group Collection components
  */
-export interface OnCellValueChangeParams<T = any, D = any> {
+export interface OnCellValueChangeParams<T = unknown, D = unknown> {
     value: T,
     propertyKey: string,
     data?: D,
@@ -49,7 +49,7 @@ export interface OnCellValueChangeParams<T = any, D = any> {
  */
 export type UniqueFieldValidator = (props: {
     name: string,
-    value: any,
+    value: unknown,
     property: Property,
     entityId?: string | number
 }) => Promise<boolean>;
@@ -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, any>> = (params: OnCellValueChangeParams<T, M>) => Promise<void> | void;
+export type OnCellValueChange<T, M extends Record<string, unknown>> = (params: OnCellValueChangeParams<T, M>) => Promise<void> | void;
 
 /**
  * @group Collection components

package/src/components/common/useDebouncedData.ts

@@ -9,7 +9,7 @@ import { deepEqual as equal } from "fast-equals";
  * @param deps
  * @param timeoutMs
  */
-export function useDebouncedData<T>(data: T[], deps: any, timeoutMs = 5000) {
+export function useDebouncedData<T>(data: T[], deps: unknown, timeoutMs = 5000) {
 
     const [deferredData, setDeferredData] = React.useState(data);
     const dataLength = React.useRef(deferredData.length ?? 0);
@@ -32,7 +32,7 @@ export function useDebouncedData<T>(data: T[], deps: any, timeoutMs = 5000) {
 
         pendingUpdate.current = true;
 
-        let handler: any;
+        let handler: ReturnType<typeof setTimeout> | undefined;
         if (immediateUpdate)
             performUpdate()
         else

package/src/core/Rebase.tsx

@@ -64,7 +64,8 @@ export function Rebase<USER extends User>(props: RebaseProps<USER>) {
         apiKey,
         userManagement: _userManagement,
         effectiveRoleController,
-        apiUrl
+        apiUrl,
+        translations
     } = props;
 
     const plugins = pluginsProp;
@@ -182,7 +183,7 @@ export function Rebase<USER extends User>(props: RebaseProps<USER>) {
     }
 
     const content = (
-        <RebaseI18nProvider locale={locale}>
+        <RebaseI18nProvider locale={locale} translations={translations}>
         <SnackbarProvider>
         <ModeControllerProvider value={modeController}>
         <AdminModeControllerProvider value={adminModeController}>