@rebasepro/app 0.9.1-canary.ff338b5 → 0.10.0

package/dist/contexts/AdminModeController.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { AdminModeController } from "../hooks";
+import type { AdminModeController } from "../hooks/useAdminModeController";
 export declare const AdminModeControllerContext: React.Context<AdminModeController>;
 export declare const AdminModeControllerProvider: React.Provider<AdminModeController>;

package/dist/contexts/ModeController.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { ModeController } from "../hooks";
+import type { ModeController } from "../hooks/useModeController";
 export declare const ModeControllerContext: React.Context<ModeController>;
 export declare const ModeControllerProvider: React.Provider<ModeController>;

package/dist/hooks/useBuildAdminModeController.d.ts

@@ -1,4 +1,4 @@
-import { AdminModeController } from "./index";
+import type { AdminModeController } from "./useAdminModeController";
 /**
  * Use this hook to build an admin mode controller that determines
  * whether the UI shows Developer or Editor tools.

package/dist/hooks/useBuildModeController.d.ts

@@ -1,4 +1,4 @@
-import { ModeController } from "./index";
+import type { ModeController } from "./useModeController";
 /**
  * Use this hook to build a color mode controller that determines
  * the theme of the CMS

package/dist/hooks/useNavigationBlocker.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { Blocker, BlockerFunction } from "react-router-dom";
+/**
+ * Owns the single React Router blocker for the whole app.
+ *
+ * React Router only honours **one** blocker at a time: `shouldBlockNavigation`
+ * picks the last-registered blocker function and silently ignores every other
+ * one (it only logs a dev warning). Because blockers register in a `useEffect`,
+ * the winner is whichever surface mounted most recently — so an unsaved-changes
+ * guard could be disabled by an unrelated component mounting after it.
+ *
+ * This provider registers the only `useBlocker` in the tree and multiplexes it,
+ * so every surface that needs to guard navigation gets a say regardless of
+ * mount order. Surfaces register through {@link useNavigationBlocker}.
+ */
+export declare function NavigationBlockerProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+/**
+ * Guard navigation with `predicate`, sharing the app-wide blocker.
+ *
+ * Returns a {@link Blocker} that is only ever in the `blocked` state when *this*
+ * registration is what blocked the navigation — so several guards can coexist
+ * without each of them popping a dialog.
+ *
+ * Returns an idle blocker when no {@link NavigationBlockerProvider} is mounted
+ * above, rather than competing for React Router's single blocker slot.
+ */
+export declare function useNavigationBlocker(predicate: BlockerFunction): Blocker;

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from "./contexts";
 export { CONTAINER_FULL_WIDTH, ADDITIONAL_TAB_WIDTH, FORM_CONTAINER_WIDTH } from "./internal/common";
 export { useRestoreScroll } from "./internal/useRestoreScroll";
 export { useUnsavedChangesDialog } from "./hooks/useUnsavedChangesDialog";
+export { NavigationBlockerProvider, useNavigationBlocker } from "./hooks/useNavigationBlocker";
 export type { UnsavedChangesDialogProps } from "./components/UnsavedChangesDialog";
 export { UnsavedChangesDialog } from "./components/UnsavedChangesDialog";
 export * from "./i18n/RebaseI18nProvider";

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React, { createContext, lazy, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import React, { createContext, lazy, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Alert, AlertCircleIcon, AlertTriangleIcon, AppWindow, ArrowLeftIcon, Avatar, BooleanSwitch, Button, CHIP_COLORS, Card, CenteredView, CheckIcon, Checkbox, ChevronDownIcon, ChevronsLeftIcon, ChevronsRightIcon, Chip, CircleUserIcon, CircularProgress, ColumnsIcon, Container, Dialog, DialogActions, DialogContent, DialogTitle, ErrorBoundary, FileIcon, FileTextIcon, FilterChip, FilterIcon, FolderIcon, IconButton, KanbanIcon, KanbanView, LanguagesIcon, LayoutGridIcon, ListIcon, LoadingButton, LogOutIcon, MailIcon, Menu, MenuItem, MoonIcon, MultiSelect, MultiSelectItem, PanelLeftIcon, Paper, PencilIcon, PlusIcon, Popover, SearchBar, Select, SelectItem, Separator, SettingsIcon, Skeleton, SunIcon, SunMoonIcon, Tab, Table, TableBody, TableCell, TableHeader, TableRow, Tabs, TagIcon, TextField, ToggleButtonGroup, Tooltip, Trash2Icon, TypeIcon, Typography, UserIcon, Wand2Icon, cls, colorClassesMapping, coolIconKeys, defaultBorderMixin, getColorSchemeForSeed, iconKeys, iconSize, lucideIcons } from "@rebasepro/ui";
 import { DEFAULT_DATA_SOURCE_KEY, DEFAULT_STORAGE_SOURCE_KEY, EntityReference, EntityRelation, GeoPoint, RebaseApiError, Vector, isLazyComponentRef } from "@rebasepro/types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -1080,6 +1080,91 @@ async function deleteEntityWithCallbacks({ data, entity, collection, callbacks,
 	});
 }
 //#endregion
+//#region src/hooks/useNavigationBlocker.tsx
+var IDLE_BLOCKER = {
+	state: "unblocked",
+	proceed: void 0,
+	reset: void 0,
+	location: void 0
+};
+var NavigationBlockerContext = createContext(null);
+/**
+* Owns the single React Router blocker for the whole app.
+*
+* React Router only honours **one** blocker at a time: `shouldBlockNavigation`
+* picks the last-registered blocker function and silently ignores every other
+* one (it only logs a dev warning). Because blockers register in a `useEffect`,
+* the winner is whichever surface mounted most recently — so an unsaved-changes
+* guard could be disabled by an unrelated component mounting after it.
+*
+* This provider registers the only `useBlocker` in the tree and multiplexes it,
+* so every surface that needs to guard navigation gets a say regardless of
+* mount order. Surfaces register through {@link useNavigationBlocker}.
+*/
+function NavigationBlockerProvider({ children }) {
+	const predicates = useRef(/* @__PURE__ */ new Map());
+	const [blockedBy, setBlockedBy] = useState(null);
+	const blocker = useBlocker(useCallback((args) => {
+		for (const [id, predicate] of predicates.current) if (predicate(args)) {
+			setBlockedBy(id);
+			return true;
+		}
+		setBlockedBy(null);
+		return false;
+	}, []));
+	const register = useCallback((id, predicate) => {
+		predicates.current.set(id, predicate);
+	}, []);
+	const unregister = useCallback((id) => {
+		predicates.current.delete(id);
+		setBlockedBy((current) => current === id ? null : current);
+	}, []);
+	const value = useMemo(() => ({
+		register,
+		unregister,
+		blocker,
+		blockedBy
+	}), [
+		register,
+		unregister,
+		blocker,
+		blockedBy
+	]);
+	return /* @__PURE__ */ jsx(NavigationBlockerContext.Provider, {
+		value,
+		children
+	});
+}
+/**
+* Guard navigation with `predicate`, sharing the app-wide blocker.
+*
+* Returns a {@link Blocker} that is only ever in the `blocked` state when *this*
+* registration is what blocked the navigation — so several guards can coexist
+* without each of them popping a dialog.
+*
+* Returns an idle blocker when no {@link NavigationBlockerProvider} is mounted
+* above, rather than competing for React Router's single blocker slot.
+*/
+function useNavigationBlocker(predicate) {
+	const context = useContext(NavigationBlockerContext);
+	const id = useId();
+	const predicateRef = useRef(predicate);
+	predicateRef.current = predicate;
+	const register = context?.register;
+	const unregister = context?.unregister;
+	useEffect(() => {
+		if (!register || !unregister) return;
+		register(id, (args) => predicateRef.current(args));
+		return () => unregister(id);
+	}, [
+		register,
+		unregister,
+		id
+	]);
+	if (!context) return IDLE_BLOCKER;
+	return context.blockedBy === id ? context.blocker : IDLE_BLOCKER;
+}
+//#endregion
 //#region src/hooks/useUnsavedChangesDialog.tsx
 /**
 * A single, unified hook to prevent navigation when there are unsaved changes.
@@ -1090,7 +1175,7 @@ async function deleteEntityWithCallbacks({ data, entity, collection, callbacks,
 */
 function useUnsavedChangesDialog(when, onOk) {
 	const [manualDialogOpen, setManualDialogOpen] = useState(false);
-	const blocker = useBlocker(({ currentLocation, nextLocation }) => when && currentLocation.pathname !== nextLocation.pathname);
+	const blocker = useNavigationBlocker(useCallback(({ currentLocation, nextLocation }) => when && currentLocation.pathname !== nextLocation.pathname, [when]));
 	useEffect(() => {
 		if (!when) return;
 		const handleBeforeUnload = (e) => {
@@ -15570,6 +15655,7 @@ function Rebase(props) {
 				executeSql: wsAdmin.executeSql.bind(wsAdmin),
 				fetchAvailableDatabases: wsAdmin.fetchAvailableDatabases?.bind(wsAdmin),
 				fetchAvailableRoles: wsAdmin.fetchAvailableRoles?.bind(wsAdmin),
+				fetchApplicationRoles: wsAdmin.fetchApplicationRoles?.bind(wsAdmin),
 				fetchCurrentDatabase: wsAdmin.fetchCurrentDatabase?.bind(wsAdmin),
 				fetchUnmappedTables: wsAdmin.fetchUnmappedTables?.bind(wsAdmin),
 				fetchTableMetadata: wsAdmin.fetchTableMetadata?.bind(wsAdmin),
@@ -16888,6 +16974,6 @@ function useBridgeRegistration(key, value) {
 	]);
 }
 //#endregion
-export { ADDITIONAL_TAB_WIDTH, AIIcon, AIModifiedIndicator, AdminModeControllerContext, AdminModeControllerProvider, AnalyticsContext, ApiConfigProvider, AuthApiError, AuthControllerContext, CONTAINER_FULL_WIDTH, CollectionComponentOverrideProvider, CollectionResolverRegistrationContext, CollectionScopeContext, CollectionScopeProvider, ComponentOverrideContext, ConfirmationDialog, CrmDashboardDemo, CustomizationControllerContext, DEFAULT_PAGE_SIZE, DataDriverContext, DataSourcesContext, DialogsControllerContext, DialogsProvider, EffectiveRoleControllerContext, EffectiveRoleControllerProvider, ErrorTooltip, ErrorView, FORM_CONTAINER_WIDTH, GlobalComponentOverrideProvider, IconForView, LanguageToggle, LoginView, ModeControllerContext, ModeControllerProvider, NotFoundPage, PluginProviderStack, REBASE_LOCALE_STORAGE_KEY, Rebase, RebaseAuth, RebaseClientInstanceContext, RebaseDataContext, RebaseI18nProvider, RebaseLogo, RebaseRegistryProvider, RebaseRouter, RebaseRoutes, STUDIO_NAVIGATION_GROUPS, SchemaDriftBanner, SchemaDriftProvider, SnackbarProvider, StorageSourceContext, StorageSourcesContext, StudioBridgeContext, StudioBridgeProvider, StudioBridgeRegistryContext, StudioBridgeRegistryProvider, UIReferenceView, UIStyleGuide, UnsavedChangesDialog, UserConfigurationPersistenceContext, UserDisplay, UserSelectPopover, UserSettingsView, buildCollapsedDefaults, buildEnumLabel, clearAuthConfigCache, clearFetchCache, createAuthConfigCache, createFormexStub, deleteEntityWithCallbacks, en, es, fetchAuthConfig, flattenKeys, getColorScheme, getColumnKeysForProperty, getEntityFromCache, getEntityFromMemoryCache, getEntityPreviewKeys, getEntityTitlePropertyKey, getFormFieldKeys, getIcon, getRelationIncludeParams, getRowHeight, getSubcollectionColumnId, iconsSearch, isEnumValueDisabled, isSchemaDriftError, populateFetchCache, removeEntityFromCache, removeEntityFromMemoryCache, resolveComponentRef, saveEntityToCache, saveEntityToMemoryCache, saveEntityWithCallbacks, useAdminModeController, useAnalyticsController, useApiConfig, useAuthController, useAuthSubscription, useBackendStorageSource, useBridgeRegistration, useBrowserTitleAndIcon, useBuildAdminModeController, useBuildEffectiveRoleController, useBuildLocalConfigurationPersistence, useBuildModeController, useClipboard, useCollapsedGroups, useCollection, useCollectionScope, useColumnIds, useComponentOverride, useCustomizationController, useData, useDataSources, useDataTableController, useDebouncedData, useDialogsController, useEffectiveRoleController, useFetch, useLargeLayout, useModeController, usePermissions, useRebaseAuthController, useRebaseClient, useRebaseContext, useRebaseRegistry, useRebaseRegistryDispatch, useRelationSelector, useResolvedComponent, useRestoreScroll, useSchemaDriftContext, useScrollRestoration, useSlot, useSnackbarController, useStorageSource, useStorageSources, useStorageUploadController, useStudioBreadcrumbs, useStudioCollectionRegistry, useStudioNavigationState, useStudioSidePanelController, useStudioUrlController, useTranslation, useUnsavedChangesDialog, useUserConfigurationPersistence };
+export { ADDITIONAL_TAB_WIDTH, AIIcon, AIModifiedIndicator, AdminModeControllerContext, AdminModeControllerProvider, AnalyticsContext, ApiConfigProvider, AuthApiError, AuthControllerContext, CONTAINER_FULL_WIDTH, CollectionComponentOverrideProvider, CollectionResolverRegistrationContext, CollectionScopeContext, CollectionScopeProvider, ComponentOverrideContext, ConfirmationDialog, CrmDashboardDemo, CustomizationControllerContext, DEFAULT_PAGE_SIZE, DataDriverContext, DataSourcesContext, DialogsControllerContext, DialogsProvider, EffectiveRoleControllerContext, EffectiveRoleControllerProvider, ErrorTooltip, ErrorView, FORM_CONTAINER_WIDTH, GlobalComponentOverrideProvider, IconForView, LanguageToggle, LoginView, ModeControllerContext, ModeControllerProvider, NavigationBlockerProvider, NotFoundPage, PluginProviderStack, REBASE_LOCALE_STORAGE_KEY, Rebase, RebaseAuth, RebaseClientInstanceContext, RebaseDataContext, RebaseI18nProvider, RebaseLogo, RebaseRegistryProvider, RebaseRouter, RebaseRoutes, STUDIO_NAVIGATION_GROUPS, SchemaDriftBanner, SchemaDriftProvider, SnackbarProvider, StorageSourceContext, StorageSourcesContext, StudioBridgeContext, StudioBridgeProvider, StudioBridgeRegistryContext, StudioBridgeRegistryProvider, UIReferenceView, UIStyleGuide, UnsavedChangesDialog, UserConfigurationPersistenceContext, UserDisplay, UserSelectPopover, UserSettingsView, buildCollapsedDefaults, buildEnumLabel, clearAuthConfigCache, clearFetchCache, createAuthConfigCache, createFormexStub, deleteEntityWithCallbacks, en, es, fetchAuthConfig, flattenKeys, getColorScheme, getColumnKeysForProperty, getEntityFromCache, getEntityFromMemoryCache, getEntityPreviewKeys, getEntityTitlePropertyKey, getFormFieldKeys, getIcon, getRelationIncludeParams, getRowHeight, getSubcollectionColumnId, iconsSearch, isEnumValueDisabled, isSchemaDriftError, populateFetchCache, removeEntityFromCache, removeEntityFromMemoryCache, resolveComponentRef, saveEntityToCache, saveEntityToMemoryCache, saveEntityWithCallbacks, useAdminModeController, useAnalyticsController, useApiConfig, useAuthController, useAuthSubscription, useBackendStorageSource, useBridgeRegistration, useBrowserTitleAndIcon, useBuildAdminModeController, useBuildEffectiveRoleController, useBuildLocalConfigurationPersistence, useBuildModeController, useClipboard, useCollapsedGroups, useCollection, useCollectionScope, useColumnIds, useComponentOverride, useCustomizationController, useData, useDataSources, useDataTableController, useDebouncedData, useDialogsController, useEffectiveRoleController, useFetch, useLargeLayout, useModeController, useNavigationBlocker, usePermissions, useRebaseAuthController, useRebaseClient, useRebaseContext, useRebaseRegistry, useRebaseRegistryDispatch, useRelationSelector, useResolvedComponent, useRestoreScroll, useSchemaDriftContext, useScrollRestoration, useSlot, useSnackbarController, useStorageSource, useStorageSources, useStorageUploadController, useStudioBreadcrumbs, useStudioCollectionRegistry, useStudioNavigationState, useStudioSidePanelController, useStudioUrlController, useTranslation, useUnsavedChangesDialog, useUserConfigurationPersistence };
 
 //# sourceMappingURL=index.es.js.map