react-native-richify 1.0.0 → 1.0.1

package/lib/module/components/RichTextInput.js

@@ -1,155 +0,0 @@
-"use strict";
-
-import React, { useEffect, useCallback } from 'react';
-import { View, TextInput, StyleSheet } from 'react-native';
-import { DEFAULT_THEME } from '@/constants/defaultStyles';
-import { segmentsToPlainText } from '@/utils/parser';
-import { useRichText } from '@/hooks/useRichText';
-import { OverlayText } from '@/components/OverlayText';
-import { Toolbar } from '@/components/Toolbar';
-
-/**
- * RichTextInput — The main rich text editor component.
- *
- * Uses the Overlay Technique:
- * - A transparent `TextInput` on top captures user input and selection
- * - A styled `<Text>` layer behind it renders the formatted content
- * - Both share identical font metrics for pixel-perfect alignment
- *
- * @example
- * ```tsx
- * <RichTextInput
- *   placeholder="Start typing..."
- *   showToolbar
- *   onChangeSegments={(segments) => console.log(segments)}
- * />
- * ```
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const RichTextInput = ({
-  initialSegments,
-  onChangeSegments,
-  onChangeText,
-  placeholder = 'Start typing...',
-  editable = true,
-  maxLength,
-  showToolbar = true,
-  toolbarPosition = 'top',
-  toolbarItems,
-  theme,
-  multiline = true,
-  minHeight = 120,
-  maxHeight,
-  autoFocus = false,
-  textInputProps,
-  renderToolbar,
-  onReady
-}) => {
-  const resolvedTheme = theme ?? DEFAULT_THEME;
-  const {
-    state,
-    actions
-  } = useRichText({
-    initialSegments,
-    onChangeSegments,
-    onChangeText
-  });
-
-  // Expose actions via onReady callback
-  useEffect(() => {
-    onReady?.(actions);
-  }, [onReady, actions]);
-
-  // Build plain text for the TextInput value
-  const plainText = segmentsToPlainText(state.segments);
-
-  // Handle selection change from TextInput
-  const onSelectionChange = useCallback(e => {
-    const {
-      start,
-      end
-    } = e.nativeEvent.selection;
-    actions.handleSelectionChange({
-      start,
-      end
-    });
-  }, [actions]);
-
-  // Container style
-  const containerStyle = [resolvedTheme.containerStyle ?? DEFAULT_THEME.containerStyle];
-
-  // Input area style
-  const inputAreaStyle = [styles.inputArea, {
-    minHeight
-  }, maxHeight ? {
-    maxHeight
-  } : undefined];
-
-  // Input style
-  const inputStyle = [styles.textInput, resolvedTheme.inputStyle ?? DEFAULT_THEME.inputStyle];
-
-  // Toolbar component
-  const toolbarComponent = showToolbar ? /*#__PURE__*/_jsx(Toolbar, {
-    actions: actions,
-    state: state,
-    items: toolbarItems,
-    theme: resolvedTheme,
-    renderToolbar: renderToolbar
-  }) : null;
-
-  // Toolbar border
-  const toolbarBorderStyle = toolbarPosition === 'top' ? {
-    borderBottomWidth: 1,
-    borderBottomColor: resolvedTheme.colors?.toolbarBorder ?? DEFAULT_THEME.colors?.toolbarBorder
-  } : {
-    borderTopWidth: 1,
-    borderTopColor: resolvedTheme.colors?.toolbarBorder ?? DEFAULT_THEME.colors?.toolbarBorder
-  };
-  return /*#__PURE__*/_jsxs(View, {
-    style: containerStyle,
-    children: [toolbarPosition === 'top' && toolbarComponent && /*#__PURE__*/_jsx(View, {
-      style: toolbarBorderStyle,
-      children: toolbarComponent
-    }), /*#__PURE__*/_jsxs(View, {
-      style: inputAreaStyle,
-      children: [/*#__PURE__*/_jsx(OverlayText, {
-        segments: state.segments,
-        baseTextStyle: resolvedTheme.baseTextStyle,
-        theme: resolvedTheme
-      }), /*#__PURE__*/_jsx(TextInput, {
-        ...textInputProps,
-        style: inputStyle,
-        value: plainText,
-        onChangeText: actions.handleTextChange,
-        onSelectionChange: onSelectionChange,
-        multiline: multiline,
-        placeholder: placeholder,
-        placeholderTextColor: resolvedTheme.colors?.placeholder ?? DEFAULT_THEME.colors?.placeholder,
-        editable: editable,
-        maxLength: maxLength,
-        autoFocus: autoFocus,
-        selectionColor: resolvedTheme.colors?.cursor ?? DEFAULT_THEME.colors?.cursor,
-        textAlignVertical: "top",
-        scrollEnabled: true
-      })]
-    }), toolbarPosition === 'bottom' && toolbarComponent && /*#__PURE__*/_jsx(View, {
-      style: toolbarBorderStyle,
-      children: toolbarComponent
-    })]
-  });
-};
-RichTextInput.displayName = 'RichTextInput';
-const styles = StyleSheet.create({
-  inputArea: {
-    position: 'relative'
-  },
-  textInput: {
-    // The TextInput must be transparent so the overlay text shows through.
-    // Only the caret/cursor and selection highlight are visible.
-    color: 'transparent',
-    // Ensure it matches the overlay text positioning exactly.
-    position: 'relative',
-    zIndex: 1
-  }
-});
-//# sourceMappingURL=RichTextInput.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useCallback","View","TextInput","StyleSheet","DEFAULT_THEME","segmentsToPlainText","useRichText","OverlayText","Toolbar","jsx","_jsx","jsxs","_jsxs","RichTextInput","initialSegments","onChangeSegments","onChangeText","placeholder","editable","maxLength","showToolbar","toolbarPosition","toolbarItems","theme","multiline","minHeight","maxHeight","autoFocus","textInputProps","renderToolbar","onReady","resolvedTheme","state","actions","plainText","segments","onSelectionChange","e","start","end","nativeEvent","selection","handleSelectionChange","containerStyle","inputAreaStyle","styles","inputArea","undefined","inputStyle","textInput","toolbarComponent","items","toolbarBorderStyle","borderBottomWidth","borderBottomColor","colors","toolbarBorder","borderTopWidth","borderTopColor","style","children","baseTextStyle","value","handleTextChange","placeholderTextColor","selectionColor","cursor","textAlignVertical","scrollEnabled","displayName","create","position","color","zIndex"],"sourceRoot":"..\\..\\..\\src","sources":["components/RichTextInput.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/module/components/Toolbar.js

@@ -1,95 +0,0 @@
-"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

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

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

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

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

package/lib/module/components/ToolbarButton.js

@@ -1,59 +0,0 @@
-"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

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

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

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

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

package/lib/module/constants/defaultStyles.js

@@ -1,168 +0,0 @@
-"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

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

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

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

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

package/lib/module/context/RichTextContext.js

@@ -1,55 +0,0 @@
-"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

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

@@ -1,11 +0,0 @@
-"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

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