@hero-design/rn 8.109.1 → 8.110.0

package/src/components/RichTextEditor/hooks/useRichTextEditorEvents.ts

@@ -6,6 +6,23 @@ import type { EditorEvents, ToolbarEvents } from '../constants';
 
 type SubscribableEvent = ToolbarEvents | EditorEvents;
 
+type EventData = {
+  [EditorEvents.UpsertLink]: {
+    text: string;
+    url: string;
+  };
+  [EditorEvents.EditorChange]: {
+    value: string;
+    toolbarState: Record<string, boolean>;
+  };
+  [ToolbarEvents.ApplyLink]: {
+    text: string;
+    url: string;
+  };
+};
+
+type EventDataByEventName<T> = T extends keyof EventData ? EventData[T] : void;
+
 /**
  * Hook to subscribe to events for a rich text editor
  * @param editorName - The name of the editor to subscribe to events for
@@ -26,12 +43,12 @@ const useRichTextEditorEvents = (editorName: string) => {
   const subscribeToEvents = useCallback(
     <TEventName extends SubscribableEvent>(
       eventName: TEventName,
-      onEvent: (data: unknown) => void
+      onEvent: (data: EventDataByEventName<TEventName>) => void
     ) =>
       Events.on(
         emitter,
         normalizeEventName(eventName),
-        (eventData: unknown) => {
+        (eventData: EventDataByEventName<TEventName>) => {
           onEvent(eventData);
         }
       ),
@@ -44,7 +61,9 @@ const useRichTextEditorEvents = (editorName: string) => {
       data,
     }: {
       type: TEventName;
-      data: unknown;
+      data: TEventName extends keyof EventData
+        ? EventData[TEventName]
+        : unknown;
     }) => {
       Events.emit(emitter, normalizeEventName(type), data);
     },

package/src/theme/components/toolbar.ts

@@ -37,7 +37,7 @@ const getToolbarTheme = (theme: GlobalTheme) => {
   const sizes = {
     itemWrapperHeight: scale(64),
     messageWrapperHeight: scale(64),
-    messageInputHeight: 40,
+    messageInputHeight: scale(40),
   };
 
   const radii = {