@rebasepro/admin 0.6.1 → 0.8.0

package/src/contexts/BreacrumbsContext.tsx

@@ -22,14 +22,23 @@ export const BreadcrumbsProvider: React.FC<BreadcrumbsProviderProps> = ({ childr
     const set = useCallback((props: {
         breadcrumbs: BreadcrumbEntry[];
     }) => {
-        setBreadcrumbs(prev => props.breadcrumbs.map(newEntry => {
-            const prevEntry = newEntry.id ? prev.find(p => p.id === newEntry.id) : undefined;
-            if (prevEntry && newEntry.count === null && typeof prevEntry.count === "number") {
-                return { ...newEntry,
+        setBreadcrumbs(prev => {
+            const next = props.breadcrumbs.map(newEntry => {
+                const prevEntry = newEntry.id ? prev.find(p => p.id === newEntry.id) : undefined;
+                if (prevEntry && newEntry.count === null && typeof prevEntry.count === "number") {
+                    return { ...newEntry,
 count: prevEntry.count };
+                }
+                return newEntry;
+            });
+            // Bail out if nothing changed — return same reference to skip re-render
+            if (prev.length === next.length && prev.every((p, i) =>
+                p.title === next[i].title && p.url === next[i].url && p.id === next[i].id && p.count === next[i].count
+            )) {
+                return prev;
             }
-            return newEntry;
-        }));
+            return next;
+        });
     }, []);
 
     const updateCount = useCallback((id: string, count: number | null | undefined) => {

package/src/editor/editor.tsx

@@ -1,7 +1,7 @@
 "use client";
 import React, { useEffect, useState, useRef, useMemo } from "react";
 import { EditorState, Selection } from "prosemirror-state";
-import { cls, defaultBorderMixin, Separator, useInjectStyles, TextareaAutosize } from "@rebasepro/ui";
+import { cls, defaultBorderMixin, Separator, TextareaAutosize, useInjectStyles } from "@rebasepro/ui";
 import { useTranslation } from "@rebasepro/core";
 import { EditorBubble, ImageBubble, SlashCommandMenu, TableBubble, type JSONContent } from "./components";
 import { NodeSelector } from "./selectors/node-selector";
@@ -26,8 +26,7 @@ export interface MarkdownEditorConfig {
 }
 
 export type RichTextEditorTextSize = "sm" | "base" | "lg";
-/** @deprecated Use `RichTextEditorTextSize` instead. */
-export type RebaseEditorTextSize = RichTextEditorTextSize;
+
 
 export type RichTextEditorProps = {
   content?: JSONContent | string,
@@ -43,8 +42,7 @@ export type RichTextEditorProps = {
   disabled?: boolean;
   markdownConfig?: MarkdownEditorConfig;
 };
-/** @deprecated Use `RichTextEditorProps` instead. */
-export type RebaseEditorProps = RichTextEditorProps;
+
 
 const proseClasses = {
   "sm": "prose-sm",
@@ -324,8 +322,7 @@ view }), [state, view])}>
     </div>
   );
 };
-/** @deprecated Use `RichTextEditor` instead. */
-export const RebaseEditor = RichTextEditor;
+
 
 const cssStyles = `
 .ProseMirror {

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

@@ -36,7 +36,6 @@
 //   },
 // ];
 //
-// //TODO: I think it makes more sense to create a custom Tiptap extension for this functionality https://tiptap.dev/docs/editor/ai/introduction
 //
 // interface AISelectorProps {
 //   open: boolean;