@rebasepro/admin 0.9.0 → 0.9.1-canary.0de22e0

package/src/components/common/default_entity_actions.tsx

@@ -1,12 +1,29 @@
-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 "../CollectionViewBinding/utils";
 import { navigateToEntity } from "../../util/navigation_utils";
@@ -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

@@ -42,6 +42,23 @@ import { RelationFieldBinding } from "../form/field_bindings/RelationFieldBindin
 import { UserSelectFieldBinding } from "../form/field_bindings/UserSelectFieldBinding";
 import { mergeDeep } from "@rebasepro/utils";
 
+/**
+ * Every `Field` below is a getter on purpose — do not inline it back to
+ * `Field: SomeBinding`.
+ *
+ * This module and the field bindings form an import cycle: we import the
+ * bindings, the container bindings (map, repeat, block, custom-shaped array)
+ * import `PropertyFieldBinding` to render their children, and that imports
+ * `getFieldConfig` from here. Enter the cycle at a binding rather than here and
+ * this object is built while that binding's module is still initialising.
+ *
+ * As a plain value the binding would be read at that moment. It happens to
+ * survive today only because every binding is declared `export function`, which
+ * hoists; rewriting a single one as `export const` would make the read a
+ * temporal dead zone ReferenceError at import time, surfacing as a blank screen
+ * far from its cause. The getter defers the read to first access, long after
+ * every module has initialised, so declaration style stops mattering.
+ */
 export const DEFAULT_FIELD_CONFIGS: Record<DefaultFieldConfig, PropertyConfig> = {
     text_field: {
         key: "text_field",
@@ -51,7 +68,7 @@ export const DEFAULT_FIELD_CONFIGS: Record<DefaultFieldConfig, PropertyConfig> =
         color: "#2d7ff9",
         property: {
             type: "string",
-            ui: { Field: TextFieldBinding }
+            ui: { get Field() { return TextFieldBinding; } }
         }
     },
     multiline: {
@@ -63,7 +80,7 @@ export const DEFAULT_FIELD_CONFIGS: Record<DefaultFieldConfig, PropertyConfig> =
         property: {
             type: "string",
             ui: { multiline: true,
-Field: TextFieldBinding }
+get Field() { return TextFieldBinding; } }
         }
     },
     markdown: {
@@ -75,7 +92,7 @@ Field: TextFieldBinding }
         property: {
             type: "string",
             ui: { markdown: true,
-Field: MarkdownEditorFieldBinding }
+get Field() { return MarkdownEditorFieldBinding; } }
         }
     },
     url: {
@@ -87,7 +104,7 @@ Field: MarkdownEditorFieldBinding }
         property: {
             type: "string",
             ui: { url: true,
-Field: TextFieldBinding }
+get Field() { return TextFieldBinding; } }
         }
     },
     email: {
@@ -99,7 +116,7 @@ Field: TextFieldBinding }
         property: {
             type: "string",
             email: true,
-            ui: { Field: TextFieldBinding }
+            ui: { get Field() { return TextFieldBinding; } }
         }
     },
     switch: {
@@ -110,7 +127,7 @@ Field: TextFieldBinding }
         color: "#20d9d2",
         property: {
             type: "boolean",
-            ui: { Field: SwitchFieldBinding }
+            ui: { get Field() { return SwitchFieldBinding; } }
         }
     },
     select: {
@@ -122,7 +139,7 @@ Field: TextFieldBinding }
         property: {
             type: "string",
             enum: [],
-            ui: { Field: SelectFieldBinding }
+            ui: { get Field() { return SelectFieldBinding; } }
         }
     },
     multi_select: {
@@ -137,17 +154,17 @@ Field: TextFieldBinding }
                 type: "string",
                 enum: []
             },
-            ui: { Field: MultiSelectFieldBinding }
+            ui: { get Field() { return MultiSelectFieldBinding; } }
         }
     },
     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: {
             type: "string",
-            ui: { Field: UserSelectFieldBinding }
+            ui: { get Field() { return UserSelectFieldBinding; } }
         }
     },
     number_input: {
@@ -158,7 +175,7 @@ Field: TextFieldBinding }
         color: "#bec920",
         property: {
             type: "number",
-            ui: { Field: TextFieldBinding }
+            ui: { get Field() { return TextFieldBinding; } }
         }
     },
     number_select: {
@@ -170,7 +187,7 @@ Field: TextFieldBinding }
         property: {
             type: "number",
             enum: [],
-            ui: { Field: SelectFieldBinding }
+            ui: { get Field() { return SelectFieldBinding; } }
         }
     },
     multi_number_select: {
@@ -185,7 +202,7 @@ Field: TextFieldBinding }
                 type: "number",
                 enum: []
             },
-            ui: { Field: MultiSelectFieldBinding }
+            ui: { get Field() { return MultiSelectFieldBinding; } }
         }
     },
     file_upload: {
@@ -199,7 +216,7 @@ Field: TextFieldBinding }
             storage: {
                 storagePath: "{path}"
             },
-            ui: { Field: StorageUploadFieldBinding }
+            ui: { get Field() { return StorageUploadFieldBinding; } }
         }
     },
     multi_file_upload: {
@@ -216,7 +233,7 @@ Field: TextFieldBinding }
                     storagePath: "{path}"
                 }
             },
-            ui: { Field: StorageUploadFieldBinding }
+            ui: { get Field() { return StorageUploadFieldBinding; } }
         }
     },
     reference: {
@@ -227,7 +244,7 @@ Field: TextFieldBinding }
         color: "#ff0042",
         property: {
             type: "reference",
-            ui: { Field: ReferenceFieldBinding }
+            ui: { get Field() { return ReferenceFieldBinding; } }
         }
     },
     multi_references: {
@@ -241,7 +258,7 @@ Field: TextFieldBinding }
             of: {
                 type: "reference"
             },
-            ui: { Field: ArrayOfReferencesFieldBinding }
+            ui: { get Field() { return ArrayOfReferencesFieldBinding; } }
         }
     },
     relation: {
@@ -253,7 +270,7 @@ Field: TextFieldBinding }
         property: {
             relationName: "",
             type: "relation",
-            ui: { Field: RelationFieldBinding }
+            ui: { get Field() { return RelationFieldBinding; } }
         }
     },
     date_time: {
@@ -264,7 +281,7 @@ Field: TextFieldBinding }
         color: "#8b46ff",
         property: {
             type: "date",
-            ui: { Field: DateTimeFieldBinding }
+            ui: { get Field() { return DateTimeFieldBinding; } }
         }
     },
     group: {
@@ -276,7 +293,7 @@ Field: TextFieldBinding }
         property: {
             type: "map",
             properties: {},
-            ui: { Field: MapFieldBinding }
+            ui: { get Field() { return MapFieldBinding; } }
         }
     },
     key_value: {
@@ -288,7 +305,7 @@ Field: TextFieldBinding }
         property: {
             type: "map",
             keyValue: true,
-            ui: { Field: KeyValueFieldBinding }
+            ui: { get Field() { return KeyValueFieldBinding; } }
         }
     },
     repeat: {
@@ -302,7 +319,7 @@ Field: TextFieldBinding }
             of: {
                 type: "string"
             },
-            ui: { Field: RepeatFieldBinding }
+            ui: { get Field() { return RepeatFieldBinding; } }
         }
     },
     custom_array: {
@@ -313,7 +330,7 @@ Field: TextFieldBinding }
         color: "#ff9408",
         property: {
             type: "array",
-            ui: { Field: ArrayCustomShapedFieldBinding }
+            ui: { get Field() { return ArrayCustomShapedFieldBinding; } }
         }
     },
     block: {
@@ -327,7 +344,7 @@ Field: TextFieldBinding }
             oneOf: {
                 properties: {}
             },
-            ui: { Field: BlockFieldBinding }
+            ui: { get Field() { return BlockFieldBinding; } }
         }
     },
     vector_input: {
@@ -339,7 +356,7 @@ Field: TextFieldBinding }
         property: {
             type: "vector",
             dimensions: 1536,
-            ui: { Field: VectorFieldBinding }
+            ui: { get Field() { return VectorFieldBinding; } }
         }
     }
 };

package/src/components/history/EntityHistoryEntry.tsx

@@ -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";

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 { useHistory } from "../../index";
+import { useHistory } from "../../hooks/useHistory";
 
 /**
  * Entity history tab view. Shows a paginated list of entity revisions
@@ -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 && (

package/src/components/history/LastEditedByIndicator.tsx

@@ -1,8 +1,8 @@
 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 {

package/src/components/index.ts

@@ -46,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/BreacrumbsContext.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo, useState } from "react";
-import { BreadcrumbEntry, BreadcrumbsController } from "../hooks/useBreadcrumbsController";
+import type { BreadcrumbEntry, BreadcrumbsController } from "@rebasepro/types";
 
 const DEFAULT_BREADCRUMBS_CONTROLLER: BreadcrumbsController = {
     breadcrumbs: [],

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,7 +6,7 @@ import {
     useCustomizationController,
     useData,
     useTranslation
-} from "@rebasepro/core";
+} from "@rebasepro/app";
 import { useCMSContext } from "../../hooks";
 import { CollectionActionsProps, Entity, CollectionConfig, ExportConfig, RebaseContext, User } from "@rebasepro/types";
 import { getDefaultValuesFor } from "@rebasepro/common";

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,10 +1,8 @@
 import React from "react";
-import { useCustomizationController } from "@rebasepro/core";
+import { useCustomizationController } from "@rebasepro/app";
 import { Property } from "@rebasepro/types";
-import {
-    getFieldConfig,
-    PropertyConfigBadge
-} from "../../components";
+import { getFieldConfig } from "../../components/field_configs";
+import { PropertyConfigBadge } from "../../components/PropertyConfigBadge";
 import { ErrorBoundary, IconButton, PencilIcon, TextField } from "@rebasepro/ui";
 
 export function ImportNewPropertyFieldPreview({

package/src/data_import/components/ImportSaveInProgress.tsx

@@ -1,4 +1,4 @@
-import { useData } from "@rebasepro/core";
+import { useData } from "@rebasepro/app";
 import { Entity, CollectionConfig } from "@rebasepro/types";
 import { RebaseData } from "@rebasepro/types";
 import { Button, CenteredView, CircularProgress, Typography } from "@rebasepro/ui";

package/src/data_import/import/ImportCollectionAction.tsx

@@ -3,14 +3,12 @@ import {
     useAuthController,
     useCustomizationController,
     useSnackbarController
-} from "@rebasepro/core";
+} from "@rebasepro/app";
 import { getPropertiesWithPropertiesOrder, getPropertyInPath } from "../../util";
 import { CollectionActionsProps, Properties, Property, User, CollectionConfig } from "@rebasepro/types";
-import {
-    getFieldConfig,
-    PropertyConfigBadge,
-    useSelectionController
-} from "../../components";
+import { getFieldConfig } from "../../components/field_configs";
+import { PropertyConfigBadge } from "../../components/PropertyConfigBadge";
+import { useSelectionController } from "../../components/CollectionViewBinding/useSelectionController";
 import { CollectionTableBinding } from "../../components/CollectionTableBinding/CollectionTableBinding";
 import { useCollectionRegistryController } from "../../hooks";
 import {
@@ -29,10 +27,12 @@ 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";
+import { DataNewPropertiesMapping } from "../components/DataNewPropertiesMapping";
+import { ImportFileUpload } from "../components/ImportFileUpload";
+import { ImportSaveInProgress } from "../components/ImportSaveInProgress";
 import { ImportConfig } from "../types";
 import { slugify } from "@rebasepro/utils";
 

package/src/data_import/utils/data.ts

@@ -2,8 +2,8 @@ import { getPropertyInPath } from "../../util";
 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,

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/color-selector.tsx

@@ -1,5 +1,5 @@
 import type { Dispatch, SetStateAction } from "react";
-import { EditorBubbleItem } from "../components";
+import { EditorBubbleItem } from "../components/editor-bubble-item";
 import { Button, CheckIcon, ChevronDownIcon, Popover } from "@rebasepro/ui";
 import { useProseMirrorContext } from "../hooks/useProseMirrorContext";
 import { isMarkActive, getMarkAttributes, setMark, unsetMark } from "../utils/prosemirror-utils";