react-native-richify 1.0.1 → 1.0.3

package/src/types/index.ts

@@ -101,6 +101,10 @@ export interface RichTextActions {
   handleTextChange: (text: string) => void;
   /** Handle selection change from TextInput. */
   handleSelectionChange: (selection: SelectionRange) => void;
+  /** Check whether a format is active at the current cursor/selection. */
+  isFormatActive: (format: FormatType) => boolean;
+  /** Get the effective shared style at the current cursor/selection. */
+  getSelectionStyle: () => FormatStyle;
   /** Get the full plain text content. */
   getPlainText: () => string;
   /** Export the segments as a serializable JSON array. */
@@ -185,11 +189,25 @@ export interface ToolbarItem {
   /** Whether this item is currently active. */
   active?: boolean;
   /** Custom render function for the button. */
-  renderButton?: (props: {
-    active: boolean;
-    onPress: () => void;
-    label: string;
-  }) => React.ReactElement;
+  renderButton?: (props: ToolbarButtonRenderProps) => React.ReactElement | null;
+}
+
+/**
+ * Props passed to a custom toolbar button renderer.
+ */
+export interface ToolbarButtonRenderProps {
+  active: boolean;
+  onPress: () => void;
+  label: string;
+}
+
+/**
+ * Props passed to a custom toolbar renderer.
+ */
+export interface ToolbarRenderProps {
+  items: ToolbarItem[];
+  state: RichTextState;
+  actions: RichTextActions;
 }
 
 // ─── Component Props ─────────────────────────────────────────────────────────
@@ -237,11 +255,7 @@ export interface ToolbarProps {
   /** Whether to show the toolbar. */
   visible?: boolean;
   /** Custom render function for the entire toolbar. */
-  renderToolbar?: (props: {
-    items: ToolbarItem[];
-    state: RichTextState;
-    actions: RichTextActions;
-  }) => React.ReactElement;
+  renderToolbar?: (props: ToolbarRenderProps) => React.ReactElement | null;
 }
 
 /**

package/src/utils/formatter.d.ts

@@ -1,4 +1,4 @@
-import type { StyledSegment, FormatType, FormatStyle, HeadingLevel, SelectionRange } from '@/types';
+import type { StyledSegment, FormatType, FormatStyle, HeadingLevel, SelectionRange } from '../types';
 /**
  * Toggle an inline format (bold, italic, etc.) on the selected range.
  *
@@ -25,4 +25,4 @@ export declare function isFormatActiveInSelection(segments: StyledSegment[], sel
  * For properties where segments disagree, the value is undefined.
  */
 export declare function getSelectionStyle(segments: StyledSegment[], selection: SelectionRange): FormatStyle;
-export { createSegment } from '@/utils/parser';
+export { createSegment } from '../utils/parser';

package/src/utils/formatter.ts

@@ -4,15 +4,15 @@ import type {
   FormatStyle,
   HeadingLevel,
   SelectionRange,
-} from '@/types';
+} from '../types';
 import {
   createSegment,
   findPositionInSegments,
   splitSegment,
   mergeAdjacentSegments,
   segmentsToPlainText,
-} from '@/utils/parser';
-import { HEADING_FONT_SIZES } from '@/constants/defaultStyles';
+} from '../utils/parser';
+import { HEADING_FONT_SIZES } from '../constants/defaultStyles';
 
 /**
  * Toggle an inline format (bold, italic, etc.) on the selected range.
@@ -273,4 +273,4 @@ function getLineRange(
 }
 
 // Re-export for convenience
-export { createSegment } from '@/utils/parser';
+export { createSegment } from '../utils/parser';

package/src/utils/parser.d.ts

@@ -1,4 +1,4 @@
-import type { StyledSegment, FormatStyle } from '@/types';
+import type { StyledSegment, FormatStyle } from '../types';
 /**
  * Creates a new segment with the given text and optional styles.
  */

package/src/utils/parser.ts

@@ -1,5 +1,5 @@
-import type { StyledSegment, FormatStyle } from '@/types';
-import { EMPTY_FORMAT_STYLE } from '@/constants/defaultStyles';
+import type { StyledSegment, FormatStyle } from '../types';
+import { EMPTY_FORMAT_STYLE } from '../constants/defaultStyles';
 
 /**
  * Creates a new segment with the given text and optional styles.

package/src/utils/styleMapper.d.ts

@@ -1,5 +1,5 @@
 import type { TextStyle } from 'react-native';
-import type { FormatStyle, RichTextTheme, StyledSegment } from '@/types';
+import type { FormatStyle, RichTextTheme, StyledSegment } from '../types';
 /**
  * Maps a FormatStyle to a React Native TextStyle.
  * Applies formatting properties based on the segment's style.

package/src/utils/styleMapper.ts

@@ -1,6 +1,6 @@
 import type { TextStyle } from 'react-native';
-import type { FormatStyle, RichTextTheme, StyledSegment } from '@/types';
-import { DEFAULT_THEME, HEADING_FONT_SIZES } from '@/constants/defaultStyles';
+import type { FormatStyle, RichTextTheme, StyledSegment } from '../types';
+import { DEFAULT_THEME, HEADING_FONT_SIZES } from '../constants/defaultStyles';
 
 /**
  * Maps a FormatStyle to a React Native TextStyle.