react-native-richify 1.0.0

package/lib/module/components/Toolbar.js

@@ -0,0 +1,95 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { View, ScrollView, StyleSheet } from 'react-native';
+import { DEFAULT_THEME, DEFAULT_TOOLBAR_ITEMS } from '@/constants/defaultStyles';
+import { ToolbarButton } from '@/components/ToolbarButton';
+
+/**
+ * Formatting toolbar for the rich text editor.
+ *
+ * Supports:
+ * - Default toolbar items (bold, italic, underline, etc.)
+ * - Custom toolbar items via the `items` prop
+ * - Fully custom rendering via `renderToolbar`
+ * - Horizontal scrolling for overflow
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Toolbar = /*#__PURE__*/React.memo(({
+  actions,
+  state,
+  items,
+  theme,
+  visible = true,
+  renderToolbar
+}) => {
+  const resolvedTheme = theme ?? DEFAULT_THEME;
+  const toolbarItems = items ?? DEFAULT_TOOLBAR_ITEMS;
+
+  // Compute active state for each item
+  const enrichedItems = useMemo(() => {
+    return toolbarItems.map(item => {
+      let isActive = false;
+      if (item.format) {
+        // Check if the format is currently active
+        const {
+          activeStyles
+        } = state;
+        isActive = !!activeStyles[item.format];
+      }
+      if (item.heading) {
+        isActive = state.activeStyles.heading === item.heading;
+      }
+      return {
+        ...item,
+        active: item.active ?? isActive
+      };
+    });
+  }, [toolbarItems, state]);
+
+  // Custom render
+  if (renderToolbar) {
+    return renderToolbar({
+      items: enrichedItems,
+      state,
+      actions
+    });
+  }
+  if (!visible) {
+    return null;
+  }
+  const toolbarStyle = [resolvedTheme.toolbarStyle ?? DEFAULT_THEME.toolbarStyle];
+  return /*#__PURE__*/_jsx(View, {
+    style: toolbarStyle,
+    children: /*#__PURE__*/_jsx(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      keyboardShouldPersistTaps: "always",
+      contentContainerStyle: styles.scrollContent,
+      children: enrichedItems.map(item => /*#__PURE__*/_jsx(ToolbarButton, {
+        label: item.label,
+        active: !!item.active,
+        theme: resolvedTheme,
+        renderButton: item.renderButton,
+        onPress: () => {
+          if (item.onPress) {
+            item.onPress();
+          } else if (item.format) {
+            actions.toggleFormat(item.format);
+          } else if (item.heading) {
+            actions.setHeading(item.heading);
+          }
+        }
+      }, item.id))
+    })
+  });
+});
+Toolbar.displayName = 'Toolbar';
+const styles = StyleSheet.create({
+  scrollContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 2
+  }
+});
+//# sourceMappingURL=Toolbar.js.map

package/lib/module/components/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","ScrollView","StyleSheet","DEFAULT_THEME","DEFAULT_TOOLBAR_ITEMS","ToolbarButton","jsx","_jsx","Toolbar","memo","actions","state","items","theme","visible","renderToolbar","resolvedTheme","toolbarItems","enrichedItems","map","item","isActive","format","activeStyles","heading","active","toolbarStyle","style","children","horizontal","showsHorizontalScrollIndicator","keyboardShouldPersistTaps","contentContainerStyle","styles","scrollContent","label","renderButton","onPress","toggleFormat","setHeading","id","displayName","create","flexDirection","alignItems","gap"],"sourceRoot":"..\\..\\..\\src","sources":["components/Toolbar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ToolbarButton.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=ToolbarButton.d.js.map

package/lib/module/components/ToolbarButton.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["components/ToolbarButton.d.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/ToolbarButton.js

@@ -0,0 +1,59 @@
+"use strict";
+
+import React from 'react';
+import { TouchableOpacity, Text, StyleSheet } from 'react-native';
+import { DEFAULT_THEME } from '@/constants/defaultStyles';
+
+/**
+ * A single toolbar button that toggles a formatting option.
+ * Supports custom rendering via the `renderButton` prop.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ToolbarButton = /*#__PURE__*/React.memo(({
+  label,
+  active,
+  onPress,
+  theme,
+  renderButton
+}) => {
+  // Custom render
+  if (renderButton) {
+    return renderButton({
+      active,
+      onPress,
+      label
+    });
+  }
+  const resolvedTheme = theme ?? DEFAULT_THEME;
+  const buttonStyle = [resolvedTheme.toolbarButtonStyle ?? DEFAULT_THEME.toolbarButtonStyle, active && (resolvedTheme.toolbarButtonActiveStyle ?? DEFAULT_THEME.toolbarButtonActiveStyle)];
+  const textStyle = [resolvedTheme.toolbarButtonTextStyle ?? DEFAULT_THEME.toolbarButtonTextStyle, active && (resolvedTheme.toolbarButtonActiveTextStyle ?? DEFAULT_THEME.toolbarButtonActiveTextStyle),
+  // Make italic button actually italic, bold button actually bold, etc.
+  label === 'I' && styles.italicLabel, label === 'U' && styles.underlineLabel, label === 'S' && styles.strikethroughLabel];
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    style: buttonStyle,
+    onPress: onPress,
+    activeOpacity: 0.7,
+    accessibilityRole: "button",
+    accessibilityLabel: `Format ${label}`,
+    accessibilityState: {
+      selected: active
+    },
+    children: /*#__PURE__*/_jsx(Text, {
+      style: textStyle,
+      children: label
+    })
+  });
+});
+ToolbarButton.displayName = 'ToolbarButton';
+const styles = StyleSheet.create({
+  italicLabel: {
+    fontStyle: 'italic'
+  },
+  underlineLabel: {
+    textDecorationLine: 'underline'
+  },
+  strikethroughLabel: {
+    textDecorationLine: 'line-through'
+  }
+});
+//# sourceMappingURL=ToolbarButton.js.map

package/lib/module/components/ToolbarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","Text","StyleSheet","DEFAULT_THEME","jsx","_jsx","ToolbarButton","memo","label","active","onPress","theme","renderButton","resolvedTheme","buttonStyle","toolbarButtonStyle","toolbarButtonActiveStyle","textStyle","toolbarButtonTextStyle","toolbarButtonActiveTextStyle","styles","italicLabel","underlineLabel","strikethroughLabel","style","activeOpacity","accessibilityRole","accessibilityLabel","accessibilityState","selected","children","displayName","create","fontStyle","textDecorationLine"],"sourceRoot":"..\\..\\..\\src","sources":["components/ToolbarButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAEjE,SAASC,aAAa,QAAQ,2BAA2B;;AAEzD;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA;AAIA,OAAO,MAAMC,aAA2C,gBAAGP,KAAK,CAACQ,IAAI,CACnE,CAAC;EAAEC,KAAK;EAAEC,MAAM;EAAEC,OAAO;EAAEC,KAAK;EAAEC;AAAa,CAAC,KAAK;EACnD;EACA,IAAIA,YAAY,EAAE;IAChB,OAAOA,YAAY,CAAC;MAAEH,MAAM;MAAEC,OAAO;MAAEF;IAAM,CAAC,CAAC;EACjD;EAEA,MAAMK,aAAa,GAAGF,KAAK,IAAIR,aAAa;EAE5C,MAAMW,WAAW,GAAG,CAClBD,aAAa,CAACE,kBAAkB,IAAIZ,aAAa,CAACY,kBAAkB,EACpEN,MAAM,KACHI,aAAa,CAACG,wBAAwB,IACrCb,aAAa,CAACa,wBAAwB,CAAC,CAC5C;EAED,MAAMC,SAAS,GAAG,CAChBJ,aAAa,CAACK,sBAAsB,IAClCf,aAAa,CAACe,sBAAsB,EACtCT,MAAM,KACHI,aAAa,CAACM,4BAA4B,IACzChB,aAAa,CAACgB,4BAA4B,CAAC;EAC/C;EACAX,KAAK,KAAK,GAAG,IAAIY,MAAM,CAACC,WAAW,EACnCb,KAAK,KAAK,GAAG,IAAIY,MAAM,CAACE,cAAc,EACtCd,KAAK,KAAK,GAAG,IAAIY,MAAM,CAACG,kBAAkB,CAC3C;EAED,oBACElB,IAAA,CAACL,gBAAgB;IACfwB,KAAK,EAAEV,WAAY;IACnBJ,OAAO,EAAEA,OAAQ;IACjBe,aAAa,EAAE,GAAI;IACnBC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE,UAAUnB,KAAK,EAAG;IACtCoB,kBAAkB,EAAE;MAAEC,QAAQ,EAAEpB;IAAO,CAAE;IAAAqB,QAAA,eAEzCzB,IAAA,CAACJ,IAAI;MAACuB,KAAK,EAAEP,SAAU;MAAAa,QAAA,EAAEtB;IAAK,CAAO;EAAC,CACtB,CAAC;AAEvB,CACF,CAAC;AAEDF,aAAa,CAACyB,WAAW,GAAG,eAAe;AAE3C,MAAMX,MAAM,GAAGlB,UAAU,CAAC8B,MAAM,CAAC;EAC/BX,WAAW,EAAE;IACXY,SAAS,EAAE;EACb,CAAC;EACDX,cAAc,EAAE;IACdY,kBAAkB,EAAE;EACtB,CAAC;EACDX,kBAAkB,EAAE;IAClBW,kBAAkB,EAAE;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/constants/defaultStyles.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=defaultStyles.d.js.map

package/lib/module/constants/defaultStyles.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["constants/defaultStyles.d.ts"],"mappings":"","ignoreList":[]}

package/lib/module/constants/defaultStyles.js

@@ -0,0 +1,168 @@
+"use strict";
+
+/**
+ * Default color palette used throughout the editor.
+ */
+export const DEFAULT_COLORS = {
+  primary: '#6366F1',
+  background: '#FFFFFF',
+  text: '#1F2937',
+  placeholder: '#9CA3AF',
+  toolbarBackground: '#F9FAFB',
+  toolbarBorder: '#E5E7EB',
+  cursor: '#6366F1',
+  activeButtonBg: '#EEF2FF',
+  codeBackground: '#F3F4F6'
+};
+
+/**
+ * Font size presets for heading levels.
+ */
+export const HEADING_FONT_SIZES = {
+  h1: 32,
+  h2: 24,
+  h3: 20,
+  none: 16
+};
+
+/**
+ * Default base text style applied to all segments.
+ */
+export const DEFAULT_BASE_TEXT_STYLE = {
+  fontSize: 16,
+  lineHeight: 24,
+  color: DEFAULT_COLORS.text,
+  fontFamily: undefined // Uses system default
+};
+
+/**
+ * Empty format style — no formatting applied.
+ */
+export const EMPTY_FORMAT_STYLE = {
+  bold: false,
+  italic: false,
+  underline: false,
+  strikethrough: false,
+  code: false,
+  color: undefined,
+  backgroundColor: undefined,
+  fontSize: undefined,
+  heading: undefined
+};
+
+/**
+ * Default theme configuration.
+ */
+export const DEFAULT_THEME = {
+  containerStyle: {
+    borderWidth: 1,
+    borderColor: DEFAULT_COLORS.toolbarBorder,
+    borderRadius: 12,
+    backgroundColor: DEFAULT_COLORS.background,
+    overflow: 'hidden'
+  },
+  inputStyle: {
+    fontSize: DEFAULT_BASE_TEXT_STYLE.fontSize,
+    lineHeight: DEFAULT_BASE_TEXT_STYLE.lineHeight,
+    color: 'transparent',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    textAlignVertical: 'top'
+  },
+  overlayContainerStyle: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  },
+  baseTextStyle: {
+    fontSize: DEFAULT_BASE_TEXT_STYLE.fontSize,
+    lineHeight: DEFAULT_BASE_TEXT_STYLE.lineHeight,
+    color: DEFAULT_COLORS.text
+  },
+  toolbarStyle: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 8,
+    paddingVertical: 6,
+    backgroundColor: DEFAULT_COLORS.toolbarBackground,
+    borderColor: DEFAULT_COLORS.toolbarBorder,
+    gap: 2
+  },
+  toolbarButtonStyle: {
+    paddingHorizontal: 10,
+    paddingVertical: 6,
+    borderRadius: 6,
+    minWidth: 36,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  toolbarButtonActiveStyle: {
+    backgroundColor: DEFAULT_COLORS.activeButtonBg
+  },
+  toolbarButtonTextStyle: {
+    fontSize: 15,
+    fontWeight: '600',
+    color: DEFAULT_COLORS.text
+  },
+  toolbarButtonActiveTextStyle: {
+    color: DEFAULT_COLORS.primary
+  },
+  codeStyle: {
+    fontFamily: 'monospace',
+    backgroundColor: DEFAULT_COLORS.codeBackground,
+    paddingHorizontal: 4,
+    borderRadius: 4,
+    fontSize: 14
+  },
+  colors: {
+    primary: DEFAULT_COLORS.primary,
+    background: DEFAULT_COLORS.background,
+    text: DEFAULT_COLORS.text,
+    placeholder: DEFAULT_COLORS.placeholder,
+    toolbarBackground: DEFAULT_COLORS.toolbarBackground,
+    toolbarBorder: DEFAULT_COLORS.toolbarBorder,
+    cursor: DEFAULT_COLORS.cursor
+  }
+};
+
+/**
+ * Default toolbar items for the built-in toolbar.
+ */
+export const DEFAULT_TOOLBAR_ITEMS = [{
+  id: 'bold',
+  label: 'B',
+  format: 'bold'
+}, {
+  id: 'italic',
+  label: 'I',
+  format: 'italic'
+}, {
+  id: 'underline',
+  label: 'U',
+  format: 'underline'
+}, {
+  id: 'strikethrough',
+  label: 'S',
+  format: 'strikethrough'
+}, {
+  id: 'code',
+  label: '<>',
+  format: 'code'
+}, {
+  id: 'h1',
+  label: 'H1',
+  heading: 'h1'
+}, {
+  id: 'h2',
+  label: 'H2',
+  heading: 'h2'
+}, {
+  id: 'h3',
+  label: 'H3',
+  heading: 'h3'
+}];
+//# sourceMappingURL=defaultStyles.js.map

package/lib/module/constants/defaultStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_COLORS","primary","background","text","placeholder","toolbarBackground","toolbarBorder","cursor","activeButtonBg","codeBackground","HEADING_FONT_SIZES","h1","h2","h3","none","DEFAULT_BASE_TEXT_STYLE","fontSize","lineHeight","color","fontFamily","undefined","EMPTY_FORMAT_STYLE","bold","italic","underline","strikethrough","code","backgroundColor","heading","DEFAULT_THEME","containerStyle","borderWidth","borderColor","borderRadius","overflow","inputStyle","paddingHorizontal","paddingVertical","textAlignVertical","overlayContainerStyle","position","top","left","right","bottom","baseTextStyle","toolbarStyle","flexDirection","alignItems","gap","toolbarButtonStyle","minWidth","justifyContent","toolbarButtonActiveStyle","toolbarButtonTextStyle","fontWeight","toolbarButtonActiveTextStyle","codeStyle","colors","DEFAULT_TOOLBAR_ITEMS","id","label","format"],"sourceRoot":"..\\..\\..\\src","sources":["constants/defaultStyles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/context/RichTextContext.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=RichTextContext.d.js.map

package/lib/module/context/RichTextContext.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["context/RichTextContext.d.ts"],"mappings":"","ignoreList":[]}

package/lib/module/context/RichTextContext.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import React, { createContext, useContext } from 'react';
+import { useRichText } from '@/hooks/useRichText';
+
+// ─── Context ─────────────────────────────────────────────────────────────────
+import { jsx as _jsx } from "react/jsx-runtime";
+const RichTextContext = /*#__PURE__*/createContext(null);
+
+// ─── Provider ────────────────────────────────────────────────────────────────
+
+/**
+ * RichTextProvider wraps children with rich text state via React Context.
+ *
+ * Use this when you need to access the rich text state/actions from
+ * deeply nested components (e.g., a custom toolbar in a different part
+ * of the component tree).
+ *
+ * @example
+ * ```tsx
+ * <RichTextProvider onChangeSegments={handleChange}>
+ *   <MyCustomToolbar />
+ *   <RichTextInput showToolbar={false} />
+ * </RichTextProvider>
+ * ```
+ */
+export const RichTextProvider = ({
+  children,
+  ...options
+}) => {
+  const richText = useRichText(options);
+  return /*#__PURE__*/_jsx(RichTextContext.Provider, {
+    value: richText,
+    children: children
+  });
+};
+RichTextProvider.displayName = 'RichTextProvider';
+
+// ─── Consumer Hook ───────────────────────────────────────────────────────────
+
+/**
+ * Hook to access the RichText state and actions from context.
+ *
+ * Must be used within a `<RichTextProvider>`.
+ *
+ * @throws If used outside of a RichTextProvider
+ */
+export function useRichTextContext() {
+  const context = useContext(RichTextContext);
+  if (!context) {
+    throw new Error('useRichTextContext must be used within a <RichTextProvider>. ' + 'Wrap your component tree with <RichTextProvider> to use this hook.');
+  }
+  return context;
+}
+//# sourceMappingURL=RichTextContext.js.map

package/lib/module/context/RichTextContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useRichText","jsx","_jsx","RichTextContext","RichTextProvider","children","options","richText","Provider","value","displayName","useRichTextContext","context","Error"],"sourceRoot":"..\\..\\..\\src","sources":["context/RichTextContext.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAExD,SAASC,WAAW,QAAiC,qBAAqB;;AAE1E;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEA,MAAMC,eAAe,gBAAGL,aAAa,CAA2B,IAAI,CAAC;;AAErE;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMM,gBAAiD,GAAGA,CAAC;EAChEC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAGP,WAAW,CAACM,OAAO,CAAC;EAErC,oBACEJ,IAAA,CAACC,eAAe,CAACK,QAAQ;IAACC,KAAK,EAAEF,QAAS;IAAAF,QAAA,EACvCA;EAAQ,CACe,CAAC;AAE/B,CAAC;AAEDD,gBAAgB,CAACM,WAAW,GAAG,kBAAkB;;AAEjD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAA,EAAsB;EACtD,MAAMC,OAAO,GAAGb,UAAU,CAACI,eAAe,CAAC;EAC3C,IAAI,CAACS,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,+DAA+D,GAC7D,oEACJ,CAAC;EACH;EACA,OAAOD,OAAO;AAChB","ignoreList":[]}

package/lib/module/hooks/useFormatting.d.js

@@ -0,0 +1,11 @@
+"use strict";
+
+/**
+ * Hook that provides formatting commands for the rich text editor.
+ *
+ * Handles both selection-based formatting (when text is selected)
+ * and active-style updates (when no text is selected — affects next typed text).
+ */
+
+export {};
+//# sourceMappingURL=useFormatting.d.js.map

package/lib/module/hooks/useFormatting.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useFormatting.d.ts"],"mappings":";;AAQA;AACA;AACA;AACA;AACA;AACA;;AAWA","ignoreList":[]}

package/lib/module/hooks/useFormatting.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import { useCallback } from 'react';
+import { toggleFormatOnSelection, setStyleOnSelection, setHeadingOnLine, isFormatActiveInSelection, getSelectionStyle } from '@/utils/formatter';
+/**
+ * Hook that provides formatting commands for the rich text editor.
+ *
+ * Handles both selection-based formatting (when text is selected)
+ * and active-style updates (when no text is selected — affects next typed text).
+ */
+export function useFormatting({
+  segments,
+  selection,
+  activeStyles,
+  onSegmentsChange,
+  onActiveStylesChange
+}) {
+  const toggleFormat = useCallback(format => {
+    if (selection.start === selection.end) {
+      // No selection — toggle active style for next typed text
+      onActiveStylesChange({
+        ...activeStyles,
+        [format]: !activeStyles[format]
+      });
+    } else {
+      // Has selection — toggle format on selected text
+      const newSegments = toggleFormatOnSelection(segments, selection, format);
+      onSegmentsChange(newSegments);
+    }
+  }, [segments, selection, activeStyles, onSegmentsChange, onActiveStylesChange]);
+  const setStyleProperty = useCallback((key, value) => {
+    if (selection.start === selection.end) {
+      onActiveStylesChange({
+        ...activeStyles,
+        [key]: value
+      });
+    } else {
+      const newSegments = setStyleOnSelection(segments, selection, key, value);
+      onSegmentsChange(newSegments);
+    }
+  }, [segments, selection, activeStyles, onSegmentsChange, onActiveStylesChange]);
+  const setHeading = useCallback(level => {
+    const newSegments = setHeadingOnLine(segments, selection, level);
+    onSegmentsChange(newSegments);
+  }, [segments, selection, onSegmentsChange]);
+  const setColor = useCallback(color => {
+    setStyleProperty('color', color);
+  }, [setStyleProperty]);
+  const setBackgroundColor = useCallback(color => {
+    setStyleProperty('backgroundColor', color);
+  }, [setStyleProperty]);
+  const setFontSize = useCallback(size => {
+    setStyleProperty('fontSize', size);
+  }, [setStyleProperty]);
+  const isFormatActive = useCallback(format => {
+    if (selection.start === selection.end) {
+      return !!activeStyles[format];
+    }
+    return isFormatActiveInSelection(segments, selection, format);
+  }, [segments, selection, activeStyles]);
+  const currentSelectionStyle = useCallback(() => {
+    if (selection.start === selection.end) {
+      return activeStyles;
+    }
+    return getSelectionStyle(segments, selection);
+  }, [segments, selection, activeStyles]);
+  return {
+    toggleFormat,
+    setStyleProperty,
+    setHeading,
+    setColor,
+    setBackgroundColor,
+    setFontSize,
+    isFormatActive,
+    currentSelectionStyle
+  };
+}
+//# sourceMappingURL=useFormatting.js.map

package/lib/module/hooks/useFormatting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","toggleFormatOnSelection","setStyleOnSelection","setHeadingOnLine","isFormatActiveInSelection","getSelectionStyle","useFormatting","segments","selection","activeStyles","onSegmentsChange","onActiveStylesChange","toggleFormat","format","start","end","newSegments","setStyleProperty","key","value","setHeading","level","setColor","color","setBackgroundColor","setFontSize","size","isFormatActive","currentSelectionStyle"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useFormatting.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/hooks/useRichText.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=useRichText.d.js.map

package/lib/module/hooks/useRichText.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useRichText.d.ts"],"mappings":"","ignoreList":[]}