@rebasepro/admin 0.8.0 → 0.9.1-canary.09aaf62

package/src/components/common/default_entity_actions.tsx

@@ -1,14 +1,31 @@
-import { CopyIcon, iconSize, KeyRoundIcon, PencilIcon, Trash2Icon } from "@rebasepro/ui";
+import {
+    Alert,
+    Button,
+    CopyIcon,
+    Dialog,
+    DialogActions,
+    DialogContent,
+    DialogTitle,
+    iconSize,
+    KeyRoundIcon,
+    Label,
+    LoadingButton,
+    PencilIcon,
+    RadioGroup,
+    RadioGroupItem,
+    TextField,
+    Trash2Icon,
+    Typography
+} from "@rebasepro/ui";
 import type { EntityAction, User, UserCreationResult } from "@rebasepro/types";
 import {
-    ConfirmationDialog,
     useAuthController,
     useRebaseClient,
     useSnackbarController,
     useTranslation
-} from "@rebasepro/core";
+} from "@rebasepro/app";
 import { DeleteEntityDialog } from "../DeleteEntityDialog";
-import { addRecentId } from "../EntityCollectionView/utils";
+import { addRecentId } from "../CollectionViewBinding/utils";
 import { navigateToEntity } from "../../util/navigation_utils";
 import { resolveDefaultSelectedView } from "@rebasepro/common";
 import { CreationResultDialog } from "../admin/CreationResultDialog";
@@ -25,7 +42,7 @@ export const editEntityAction: EntityAction = {
         collection,
         path,
         context,
-        sideEntityController,
+        sidePanelController,
         highlightEntity,
         unhighlightEntity,
         openEntityMode
@@ -35,8 +52,8 @@ export const editEntityAction: EntityAction = {
             throw new Error("INTERNAL: editEntityAction: Entity is undefined");
         }
 
-        if (!sideEntityController) {
-            throw new Error("INTERNAL: editEntityAction: sideEntityController is undefined");
+        if (!sidePanelController) {
+            throw new Error("INTERNAL: editEntityAction: sidePanelController is undefined");
         }
 
         highlightEntity?.(entity);
@@ -68,7 +85,7 @@ export const editEntityAction: EntityAction = {
             collection,
             entityId: entity.id,
             path: newFullIdPath,
-            sideEntityController,
+            sidePanelController,
             onClose: () => unhighlightEntity?.(entity),
             navigation: context.urlController,
             selectedTab: defaultSelectedView
@@ -88,7 +105,7 @@ export const copyEntityAction: EntityAction = {
         collection,
         context,
         path,
-        sideEntityController,
+        sidePanelController,
         highlightEntity,
         unhighlightEntity,
         openEntityMode
@@ -96,8 +113,8 @@ export const copyEntityAction: EntityAction = {
         if (!entity) {
             throw new Error("INTERNAL: copyEntityAction: Entity is undefined");
         }
-        if (!sideEntityController) {
-            throw new Error("INTERNAL: copyEntityAction: sideEntityController is undefined");
+        if (!sidePanelController) {
+            throw new Error("INTERNAL: copyEntityAction: sidePanelController is undefined");
         }
         highlightEntity?.(entity);
         context?.analyticsController?.onAnalyticsEvent?.("copy_entity_click", {
@@ -115,7 +132,7 @@ export const copyEntityAction: EntityAction = {
             entityId: entity.id,
             path: usedPath,
             copy: true,
-            sideEntityController,
+            sidePanelController,
             onClose: () => unhighlightEntity?.(entity),
             navigation: context.urlController
         });
@@ -193,9 +210,23 @@ export function ResetPasswordActionDialog({
     const { t } = useTranslation();
     const [loading, setLoading] = useState(false);
     const [creationResult, setCreationResult] = useState<UserCreationResult | null>(null);
+    const [mode, setMode] = useState<"email" | "manual">("email");
+    const [password, setPassword] = useState("");
+    const [confirmPassword, setConfirmPassword] = useState("");
+    const [error, setError] = useState<string | null>(null);
+
+    // Strength rules are enforced server side, and are overridable through auth
+    // hooks, so only the match is checked here; the server's message is surfaced.
+    const passwordsMatch = password === confirmPassword;
+    const canSubmit = mode === "email" || (password.length > 0 && passwordsMatch);
 
     const handleConfirm = async () => {
+        if (mode === "manual" && !passwordsMatch) {
+            setError(t("passwords_dont_match") || "Passwords don't match");
+            return;
+        }
         setLoading(true);
+        setError(null);
         try {
             const baseUrl = client?.baseUrl || "";
             const token = await getAuthToken?.();
@@ -204,28 +235,32 @@ export function ResetPasswordActionDialog({
                 headers: {
                     "Content-Type": "application/json",
                     ...(token ? { "Authorization": `Bearer ${token}` } : {})
-                }
+                },
+                body: JSON.stringify(mode === "manual" ? { password } : {})
             });
             if (!response.ok) {
-                const error = await response.json().catch(() => ({}));
-                throw new Error(error.message || "Failed to reset password");
+                const errorBody = await response.json().catch(() => ({}));
+                throw new Error(errorBody.error?.message || errorBody.message || "Failed to reset password");
             }
             const data = await response.json();
-            setCreationResult({
-                user,
-                invitationSent: data.invitationSent ?? false,
-                temporaryPassword: data.temporaryPassword
-            });
             snackbarController.open({
                 type: "success",
                 message: t("reset_password_success") || "Password reset successfully"
             });
-        } catch (error: unknown) {
-            snackbarController.open({
-                type: "error",
-                message: error instanceof Error ? error.message : (t("error_resetting_password") || "Error resetting password")
-            });
-            onClose();
+            // Setting a password directly returns neither an invitation nor a
+            // temporary password, so there is no result to show.
+            if (data.invitationSent || data.temporaryPassword) {
+                setCreationResult({
+                    user,
+                    invitationSent: data.invitationSent ?? false,
+                    temporaryPassword: data.temporaryPassword,
+                    emailDeliveryFailed: data.emailDeliveryFailed ?? false
+                });
+            } else {
+                onClose();
+            }
+        } catch (e: unknown) {
+            setError(e instanceof Error ? e.message : (t("error_resetting_password") || "Error resetting password"));
         } finally {
             setLoading(false);
         }
@@ -244,14 +279,77 @@ export function ResetPasswordActionDialog({
     }
 
     return (
-        <ConfirmationDialog
-            open={open}
-            loading={loading}
-            onAccept={handleConfirm}
-            onCancel={onClose}
-            title={<>{t("reset_password") || "Reset Password"}</>}
-            body={<>{t("reset_password_confirmation") || "Are you sure you want to reset this user's password?"}</>}
-        />
+        <Dialog open={open} onOpenChange={(o) => !o ? onClose() : undefined} maxWidth="xl">
+            <DialogTitle variant="h5" gutterBottom={false}>
+                {t("reset_password") || "Reset Password"}
+            </DialogTitle>
+            <DialogContent>
+                <div className="flex flex-col gap-4 py-2">
+                    <Typography variant="body2" color="secondary">
+                        {user.email}
+                    </Typography>
+
+                    <RadioGroup value={mode} onValueChange={(v) => {
+                        setMode(v as "email" | "manual");
+                        setError(null);
+                    }}>
+                        <div className="flex items-center gap-2">
+                            <RadioGroupItem value="email" id="reset-password-mode-email"/>
+                            <Label htmlFor="reset-password-mode-email">
+                                {t("reset_password_send_email") || "Send a password reset email"}
+                            </Label>
+                        </div>
+                        <div className="flex items-center gap-2">
+                            <RadioGroupItem value="manual" id="reset-password-mode-manual"/>
+                            <Label htmlFor="reset-password-mode-manual">
+                                {t("reset_password_set_manually") || "Set a password manually"}
+                            </Label>
+                        </div>
+                    </RadioGroup>
+
+                    {mode === "manual" && <>
+                        <TextField
+                            type="password"
+                            value={password}
+                            autoFocus
+                            autoComplete="new-password"
+                            label={t("new_password") || "New password"}
+                            onChange={(e) => {
+                                setPassword(e.target.value);
+                                setError(null);
+                            }}
+                        />
+                        <TextField
+                            type="password"
+                            value={confirmPassword}
+                            autoComplete="new-password"
+                            error={confirmPassword.length > 0 && !passwordsMatch}
+                            label={t("confirm_password") || "Confirm password"}
+                            onChange={(e) => {
+                                setConfirmPassword(e.target.value);
+                                setError(null);
+                            }}
+                        />
+                        <Typography variant="caption" color="secondary">
+                            {t("reset_password_set_manually_description") ||
+                                "The password is updated immediately and no email is sent. Share it with the user securely."}
+                        </Typography>
+                    </>}
+
+                    {error && <Alert color="error">
+                        <Typography variant="body2">{error}</Typography>
+                    </Alert>}
+                </div>
+            </DialogContent>
+            <DialogActions>
+                <Button variant="text" onClick={onClose} disabled={loading}>
+                    {t("cancel")}
+                </Button>
+                <LoadingButton variant="filled" onClick={handleConfirm} loading={loading} disabled={!canSubmit}>
+                    {t("reset_password") || "Reset Password"}
+                </LoadingButton>
+            </DialogActions>
+        </Dialog>
     );
 }
 

package/src/components/field_configs.tsx

@@ -142,7 +142,7 @@ Field: TextFieldBinding }
     },
     user_select: {
         key: "user_select",
-        name: "UserIcon select",
+        name: "User select",
         description: "Select a user from the user management system. Store the user ID.",
         Icon: UserIcon,
         property: {

package/src/components/history/EntityHistoryEntry.tsx

@@ -1,4 +1,4 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import type { Property } from "@rebasepro/types";
 import * as React from "react";
 
@@ -7,7 +7,7 @@ import { PreviewSize } from "../../types/components/PropertyPreviewProps";
 import { getPropertyInPath } from "../../util/property_utils";
 import { PropertyPreview } from "../../preview/PropertyPreview";
 import { SkeletonPropertyComponent } from "../../preview/property_previews/SkeletonPropertyComponent";
-import { useAuthController } from "@rebasepro/core";
+import { useAuthController } from "@rebasepro/app";
 import { UserChip } from "./UserChip";
 import { HistoryEntryData } from "../../hooks";
 import { getValueInPath } from "@rebasepro/utils";
@@ -39,7 +39,7 @@ function deepEqual(a: unknown, b: unknown): boolean {
 export type EntityHistoryEntryProps = {
     size: PreviewSize;
     actions?: React.ReactNode;
-    collection?: EntityCollection;
+    collection?: CollectionConfig;
     hover?: boolean;
     entry: HistoryEntryData;
     onClick?: (e: React.SyntheticEvent) => void;

package/src/components/history/EntityHistoryView.tsx

@@ -4,10 +4,10 @@ import { useRef, useEffect } from "react";
 import { cls, IconButton, Label, Tooltip, Typography } from "@rebasepro/ui";
 import { ErrorBoundary, HistoryIcon } from "@rebasepro/ui";
 import { EntityHistoryEntry } from "./EntityHistoryEntry";
-import { useSnackbarController, useAuthController } from "@rebasepro/core";
-import { ConfirmationDialog } from "@rebasepro/core";
+import { useSnackbarController, useAuthController } from "@rebasepro/app";
+import { ConfirmationDialog } from "@rebasepro/app";
 import { useState } from "react";
-import { useEntityHistory } from "../../index";
+import { useHistory } from "../../index";
 
 /**
  * Entity history tab view. Shows a paginated list of entity revisions
@@ -32,7 +32,7 @@ export function EntityHistoryView<M extends Record<string, unknown>>({
         hasMore,
         loadMore,
         revert
-    } = useEntityHistory({
+    } = useHistory({
         slug,
         entityId,
         enabled: !!entityId,
@@ -72,7 +72,7 @@ export function EntityHistoryView<M extends Record<string, unknown>>({
 
     if (!entity) {
         return <div className="flex items-center justify-center h-full">
-            <Label>HistoryIcon is only available for existing entities</Label>
+            <Label>History is only available for existing entities</Label>
         </div>;
     }
 
@@ -117,7 +117,7 @@ export function EntityHistoryView<M extends Record<string, unknown>>({
         <div className="flex flex-col gap-2 max-w-6xl mx-auto w-full">
 
             <Typography variant={"h5"} className={"mt-24 ml-4"}>
-                HistoryIcon
+                History
             </Typography>
 
             {isLoading && entries.length === 0 && (
@@ -136,7 +136,7 @@ export function EntityHistoryView<M extends Record<string, unknown>>({
                     No history available
                 </Label>
                 <Typography variant={"caption"} className={"ml-4"}>
-                    When you save an entity, a new version is created and stored in the history.
+                    When you save a entity, a new version is created and stored in the history.
                 </Typography>
             </>}
 

package/src/components/history/LastEditedByIndicator.tsx

@@ -1,8 +1,8 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import React, { useEffect, useState, useCallback } from "react";
 ;
-import { useApiConfig } from "@rebasepro/core";
-import { useAuthController } from "@rebasepro/core";
+import { useApiConfig } from "@rebasepro/app";
+import { useAuthController } from "@rebasepro/app";
 import { HistoryEntryData } from "../../hooks";
 
 function getRelativeTimeString(date: Date): string {
@@ -31,7 +31,7 @@ export function LastEditedByIndicator({
 }: {
     path: string;
     entityId: string;
-    collection: EntityCollection;
+    collection: CollectionConfig;
 }) {
     const apiConfig = useApiConfig();
     const authController = useAuthController();

package/src/components/index.ts

@@ -1,36 +1,37 @@
-export type { EntityViewProps } from "./EntityView";
-export { EntityView } from "./EntityView";
+export type { EntityViewBindingProps } from "./EntityViewBinding";
+export { EntityViewBinding } from "./EntityViewBinding";
 
-export * from "./EntityDetailView";
+export * from "./DetailViewBinding";
 
-export type { EntitySelectionProps } from "./ReferenceTable/EntitySelectionTable";
-export { EntitySelectionTable } from "./ReferenceTable/EntitySelectionTable";
+export type { SelectionProps } from "./ReferenceTable/SelectionTableBinding";
+export { SelectionTableBinding } from "./ReferenceTable/SelectionTableBinding";
 
 export * from "./SelectableTable/SelectableTable";
 export * from "./SelectableTable/SelectableTableContext";
-export * from "./EntityCollectionView/EntityCollectionView";
-export * from "./EntityCollectionView/EntityCollectionViewActions";
-export * from "./EntityCollectionView/EntityCollectionCardView";
-export * from "./EntityCollectionView/EntityCard";
-export * from "./EntityCollectionView/useSelectionController";
+export * from "./SelectableTable/filters/FilterFieldBinding";
+export * from "./CollectionViewBinding/CollectionViewBinding";
+export * from "./CollectionViewBinding/CollectionViewActions";
+export * from "./CollectionViewBinding/CollectionCardViewBinding";
+export * from "./CollectionViewBinding/EntityCardBinding";
+export * from "./CollectionViewBinding/useSelectionController";
 
 export * from "./PropertyConfigBadge";
 export * from "./PropertyIdCopyTooltip";
 
-export * from "./EntityCollectionTable";
+export * from "./CollectionTableBinding";
 // VirtualTable is exported from @rebasepro/ui
 export * from "./ArrayContainer";
 export * from "./ReferenceWidget";
 export * from "./SearchIconsView";
 export * from "./FieldCaption";
-export * from "./EntityPreview";
+export * from "./EntityPreviewBinding";
 
-// history is lazy-loaded by EntityEditView and resolutions.ts
+// history is lazy-loaded by EditViewBinding and resolutions.ts
 // export * from "./history";
 export * from "./common";
 export * from "./field_configs";
 
-export * from "./SideEntityProvider";
+export * from "./SidePanelProvider";
 export * from "./AdminModeSyncer";
 // Admin views: only CreationResultDialog remains (used by resetPasswordAction)
 export * from "./app/AppBar";
@@ -45,7 +46,7 @@ export * from "./DrawerNavigationGroup";
 export * from "./SideDialogs";
 
 export * from "./app/useApp";
-export * from "./RebaseCMS";
+export * from "./RebaseAdmin";
 export * from "./RebaseShell";
 
 // Composable shell layers — each independently usable

package/src/contexts/SidePanelControllerContext.tsx

@@ -0,0 +1,5 @@
+import type { SidePanelController } from "@rebasepro/types";
+import React from "react";
+;
+
+export const SidePanelControllerContext = React.createContext<SidePanelController>({} as SidePanelController);

package/src/data_export/export/BasicExportAction.tsx

@@ -1,7 +1,7 @@
 
 import React, { useCallback } from "react";
 
-import { useTranslation } from "@rebasepro/core";
+import { useTranslation } from "@rebasepro/app";
 import { Entity, Properties } from "@rebasepro/types";
 import {
     BooleanSwitchWithLabel,

package/src/data_export/export/ExportCollectionAction.tsx

@@ -6,9 +6,9 @@ import {
     useCustomizationController,
     useData,
     useTranslation
-} from "@rebasepro/core";
+} from "@rebasepro/app";
 import { useCMSContext } from "../../hooks";
-import { CollectionActionsProps, Entity, EntityCollection, ExportConfig, RebaseContext, User } from "@rebasepro/types";
+import { CollectionActionsProps, Entity, CollectionConfig, ExportConfig, RebaseContext, User } from "@rebasepro/types";
 import { getDefaultValuesFor } from "@rebasepro/common";
 import {
     Alert,
@@ -38,8 +38,8 @@ export function ExportCollectionAction<M extends Record<string, unknown>, USER e
     onAnalyticsEvent,
     exportAllowed,
     notAllowedView
-}: CollectionActionsProps<M, USER, EntityCollection<M>> & {
-    exportAllowed?: (props: { collectionEntitiesCount: number, path: string, collection: EntityCollection }) => boolean;
+}: CollectionActionsProps<M, USER, CollectionConfig<M>> & {
+    exportAllowed?: (props: { collectionEntitiesCount: number, path: string, collection: CollectionConfig }) => boolean;
     notAllowedView?: React.ReactNode;
     onAnalyticsEvent?: (event: string, params?: any) => void;
 }) {
@@ -115,7 +115,7 @@ export function ExportCollectionAction<M extends Record<string, unknown>, USER e
         return [...resolvedExportColumnsValues, ...resolvedColumnsValues];
     }, [exportConfig?.additionalFields]);
 
-    const doDownload = useCallback(async (collection: EntityCollection<M>,
+    const doDownload = useCallback(async (collection: CollectionConfig<M>,
         exportConfig: ExportConfig<any> | undefined) => {
 
         onAnalyticsEvent?.("export_collection", {

package/src/data_import/components/DataNewPropertiesMapping.tsx

@@ -16,7 +16,7 @@ import {
     TextField,
     Typography
 } from "@rebasepro/ui";
-import { getIn, setIn } from "@rebasepro/formex";
+import { getIn, setIn } from "@rebasepro/forms";
 import { ImportConfig } from "../types";
 
 export interface DataPropertyMappingProps {

package/src/data_import/components/ImportFileUpload.tsx

@@ -1,6 +1,6 @@
 import { FileUpload, UploadIcon } from "@rebasepro/ui";
 import { convertFileToJson } from "../utils/file_to_json";
-import { useSnackbarController } from "@rebasepro/core";
+import { useSnackbarController } from "@rebasepro/app";
 
 export function ImportFileUpload({ onDataAdded }: {
     onDataAdded: (data: object[], propertiesOrder?: string[]) => void

package/src/data_import/components/ImportNewPropertyFieldPreview.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { useCustomizationController } from "@rebasepro/core";
+import { useCustomizationController } from "@rebasepro/app";
 import { Property } from "@rebasepro/types";
 import {
     getFieldConfig,

package/src/data_import/components/ImportSaveInProgress.tsx

@@ -1,11 +1,11 @@
-import { useData } from "@rebasepro/core";
-import { Entity, EntityCollection } from "@rebasepro/types";
+import { useData } from "@rebasepro/app";
+import { Entity, CollectionConfig } from "@rebasepro/types";
 import { RebaseData } from "@rebasepro/types";
 import { Button, CenteredView, CircularProgress, Typography } from "@rebasepro/ui";
 import { useEffect, useRef, useState } from "react";
 import { ImportConfig } from "../types";
 
-export function ImportSaveInProgress<C extends EntityCollection<any>>
+export function ImportSaveInProgress<C extends CollectionConfig<any>>
     ({
         path,
         importConfig,
@@ -95,7 +95,7 @@ export function ImportSaveInProgress<C extends EntityCollection<any>>
 }
 
 function saveDataBatch(dataClient: RebaseData,
-    collection: EntityCollection,
+    collection: CollectionConfig,
     path: string,
     data: Partial<Entity<any>>[],
     offset = 0,

package/src/data_import/import/ImportCollectionAction.tsx

@@ -3,15 +3,15 @@ import {
     useAuthController,
     useCustomizationController,
     useSnackbarController
-} from "@rebasepro/core";
+} from "@rebasepro/app";
 import { getPropertiesWithPropertiesOrder, getPropertyInPath } from "../../util";
-import { CollectionActionsProps, Properties, Property, User, EntityCollection } from "@rebasepro/types";
+import { CollectionActionsProps, Properties, Property, User, CollectionConfig } from "@rebasepro/types";
 import {
     getFieldConfig,
     PropertyConfigBadge,
     useSelectionController
 } from "../../components";
-import { EntityCollectionTable } from "../../components/EntityCollectionTable/EntityCollectionTable";
+import { CollectionTableBinding } from "../../components/CollectionTableBinding/CollectionTableBinding";
 import { useCollectionRegistryController } from "../../hooks";
 import {
     Button,
@@ -29,7 +29,7 @@ import {
     Typography,
     UploadIcon
 } from "@rebasepro/ui";
-import { buildEntityPropertiesFromData } from "@rebasepro/schema-inference";
+import { buildEntityPropertiesFromData } from "@rebasepro/inference";
 import { useImportConfig } from "../hooks";
 import { convertDataToEntity, getInferenceType } from "../utils";
 import { DataNewPropertiesMapping, ImportFileUpload, ImportSaveInProgress } from "../components";
@@ -176,7 +176,7 @@ export function ImportCollectionAction<M extends Record<string, unknown>, USER e
 
                 {step === "import_data_saving" && importConfig &&
                     <ImportSaveInProgress importConfig={importConfig}
-                        collection={collection as EntityCollection}
+                        collection={collection as CollectionConfig}
                         path={path}
                         onImportSuccess={(importedCollection) => {
                             handleClose();
@@ -396,7 +396,7 @@ export function ImportDataPreview<M extends Record<string, unknown>>({
 
     const selectionController = useSelectionController();
 
-    return <EntityCollectionTable
+    return <CollectionTableBinding
         title={<div>
             <Typography variant={"subtitle2"}>Imported data preview</Typography>
             <Typography variant={"caption"}>Entities with the same id will be overwritten</Typography>

package/src/data_import/utils/data.ts

@@ -1,9 +1,9 @@
 import { getPropertyInPath } from "../../util";
-import { AuthController, Entity, EntityCollection, EntityReference, CollectionRegistryController, Properties, Property, Vector } from "@rebasepro/types";
+import { AuthController, Entity, CollectionConfig, EntityReference, CollectionRegistryController, Properties, Property, Vector } from "@rebasepro/types";
 import { isPropertyBuilder } from "@rebasepro/common";
 import { unflattenObject } from "./file_to_json";
-import { getIn } from "@rebasepro/formex";
-import { inferTypeFromValue } from "@rebasepro/schema-inference";
+import { getIn } from "@rebasepro/forms";
+import { inferTypeFromValue } from "@rebasepro/inference";
 import { mergeDeep } from "@rebasepro/utils";
 
 export function convertDataToEntity(authController: AuthController,
@@ -148,7 +148,7 @@ export function processValueMapping(authController: AuthController, value: any,
 
         // If no explicit database was provided in the string, try to get it from the collection
         if (databaseId === undefined) {
-            const targetCollection: EntityCollection<any> | undefined = navigation.getCollection(path);
+            const targetCollection: CollectionConfig<any> | undefined = navigation.getCollection(path);
             databaseId = targetCollection?.databaseId;
         }
 

package/src/data_import/utils/get_properties_mapping.ts

@@ -1,7 +1,7 @@
 // import {
 //     type,
 //     getPropertyInPath
-// } from "@rebasepro/core";
+// } from "@rebasepro/app";
 import { Properties, Property } from "@rebasepro/types";
 // import { typeMapping } from "@rebasepro/types";
 //

package/src/editor/components/image-bubble.tsx

@@ -3,7 +3,7 @@ import { useProseMirrorContext } from "../hooks/useProseMirrorContext";
 import { autoUpdate, computePosition, flip, offset, shift, type VirtualElement, type Placement } from "@floating-ui/dom";
 import { NodeSelection } from "prosemirror-state";
 import { TextField, defaultBorderMixin, Typography, cls } from "@rebasepro/ui";
-import { useTranslation } from "@rebasepro/core";
+import { useTranslation } from "@rebasepro/app";
 
 export interface ImageBubbleProps {
     options?: { placement?: Placement; offset?: number };

package/src/editor/components/table-bubble.tsx

@@ -10,7 +10,7 @@ import {
     type Placement
 } from "@floating-ui/dom";
 import { IconButton, Tooltip, defaultBorderMixin, cls } from "@rebasepro/ui";
-import { useTranslation } from "@rebasepro/core";
+import { useTranslation } from "@rebasepro/app";
 import {
     addColumnBefore,
     addColumnAfter,

package/src/editor/editor.tsx

@@ -2,7 +2,7 @@
 import React, { useEffect, useState, useRef, useMemo } from "react";
 import { EditorState, Selection } from "prosemirror-state";
 import { cls, defaultBorderMixin, Separator, TextareaAutosize, useInjectStyles } from "@rebasepro/ui";
-import { useTranslation } from "@rebasepro/core";
+import { useTranslation } from "@rebasepro/app";
 import { EditorBubble, ImageBubble, SlashCommandMenu, TableBubble, type JSONContent } from "./components";
 import { NodeSelector } from "./selectors/node-selector";
 import { LinkSelector } from "./selectors/link-selector";

package/src/editor/selectors/link-selector.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from "react";
 import { Button, CheckIcon, cls, focusedDisabled, iconSize, Popover, TextField, Trash2Icon } from "@rebasepro/ui";
-import { useTranslation } from "@rebasepro/core";
+import { useTranslation } from "@rebasepro/app";
 import { useProseMirrorContext } from "../hooks/useProseMirrorContext";
 import { getMarkAttributes, isMarkActive, setMark, unsetMark } from "../utils/prosemirror-utils";
 import { schema } from "../schema";

package/src/editor/selectors/node-selector.tsx

@@ -1,7 +1,7 @@
 
 import { EditorState, Transaction } from "prosemirror-state";
 import { EditorBubbleItem } from "../components";
-import { useTranslation } from "@rebasepro/core";
+import { useTranslation } from "@rebasepro/app";
 
 import {
     Button,