react-native-richify 1.0.1 → 1.0.3

package/lib/commonjs/components/OverlayText.d.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=OverlayText.d.js.map

package/lib/commonjs/components/OverlayText.d.js.map

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

package/lib/commonjs/components/OverlayText.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OverlayText = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _styleMapper = require("../utils/styleMapper");
+var _defaultStyles = require("../constants/defaultStyles");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * OverlayText renders the styled text segments as a `<Text>` component tree.
+ *
+ * This component is positioned behind the transparent TextInput to create
+ * the overlay effect — the user types into the TextInput while seeing
+ * the formatted rendering from this component.
+ */
+const OverlayText = exports.OverlayText = /*#__PURE__*/_react.default.memo(({
+  segments,
+  baseTextStyle,
+  theme
+}) => {
+  const resolvedTheme = theme ?? _defaultStyles.DEFAULT_THEME;
+  const overlayStyle = resolvedTheme.overlayContainerStyle ?? _defaultStyles.DEFAULT_THEME.overlayContainerStyle;
+  const resolvedBaseTextStyle = baseTextStyle ?? resolvedTheme.baseTextStyle ?? _defaultStyles.DEFAULT_THEME.baseTextStyle;
+  const overlayTheme = {
+    ...resolvedTheme,
+    baseTextStyle: resolvedBaseTextStyle
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: overlayStyle,
+    pointerEvents: "none",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: resolvedBaseTextStyle,
+      children: segments.map((segment, index) => {
+        if (segment.text.length === 0 && segments.length > 1) {
+          return null;
+        }
+        const textStyle = (0, _styleMapper.segmentToTextStyle)(segment, overlayTheme);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: textStyle,
+          children: segment.text
+        }, `${index}-${segment.text.slice(0, 8)}`);
+      })
+    })
+  });
+});
+OverlayText.displayName = 'OverlayText';
+//# sourceMappingURL=OverlayText.js.map

package/lib/commonjs/components/OverlayText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styleMapper","_defaultStyles","_jsxRuntime","e","__esModule","default","OverlayText","exports","React","memo","segments","baseTextStyle","theme","resolvedTheme","DEFAULT_THEME","overlayStyle","overlayContainerStyle","resolvedBaseTextStyle","overlayTheme","jsx","View","style","pointerEvents","children","Text","map","segment","index","text","length","textStyle","segmentToTextStyle","slice","displayName"],"sourceRoot":"../../../src","sources":["components/OverlayText.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,WAAuC,GAAAC,OAAA,CAAAD,WAAA,gBAAGE,cAAK,CAACC,IAAI,CAC/D,CAAC;EAAEC,QAAQ;EAAEC,aAAa;EAAEC;AAAM,CAAC,KAAK;EACtC,MAAMC,aAAa,GAAGD,KAAK,IAAIE,4BAAa;EAC5C,MAAMC,YAAY,GAChBF,aAAa,CAACG,qBAAqB,IACnCF,4BAAa,CAACE,qBAAqB;EACrC,MAAMC,qBAAqB,GACzBN,aAAa,IACbE,aAAa,CAACF,aAAa,IAC3BG,4BAAa,CAACH,aAAa;EAC7B,MAAMO,YAAY,GAAG;IACnB,GAAGL,aAAa;IAChBF,aAAa,EAAEM;EACjB,CAAC;EAED,oBACE,IAAAf,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAqB,IAAI;IAACC,KAAK,EAAEN,YAAa;IAACO,aAAa,EAAC,MAAM;IAAAC,QAAA,eAC7C,IAAArB,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAyB,IAAI;MAACH,KAAK,EAAEJ,qBAAsB;MAAAM,QAAA,EAChCb,QAAQ,CAACe,GAAG,CAAC,CAACC,OAAO,EAAEC,KAAK,KAAK;QAChC,IAAID,OAAO,CAACE,IAAI,CAACC,MAAM,KAAK,CAAC,IAAInB,QAAQ,CAACmB,MAAM,GAAG,CAAC,EAAE;UACpD,OAAO,IAAI;QACb;QAEA,MAAMC,SAAS,GAAG,IAAAC,+BAAkB,EAACL,OAAO,EAAER,YAAY,CAAC;QAE3D,oBACE,IAAAhB,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAyB,IAAI;UAEHH,KAAK,EAAES,SAAU;UAAAP,QAAA,EAEhBG,OAAO,CAACE;QAAI,GAHR,GAAGD,KAAK,IAAID,OAAO,CAACE,IAAI,CAACI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAIrC,CAAC;MAEX,CAAC;IAAC,CACE;EAAC,CACH,CAAC;AAEX,CACF,CAAC;AAED1B,WAAW,CAAC2B,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/commonjs/components/RichTextInput.d.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=RichTextInput.d.js.map

package/lib/commonjs/components/RichTextInput.d.js.map

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

package/lib/commonjs/components/RichTextInput.js

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RichTextInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _defaultStyles = require("../constants/defaultStyles");
+var _parser = require("../utils/parser");
+var _useRichText = require("../hooks/useRichText");
+var _OverlayText = require("./OverlayText");
+var _Toolbar = require("./Toolbar");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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)}
+ * />
+ * ```
+ */
+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 ?? _defaultStyles.DEFAULT_THEME;
+  const {
+    state,
+    actions
+  } = (0, _useRichText.useRichText)({
+    initialSegments,
+    onChangeSegments,
+    onChangeText
+  });
+
+  // Expose actions via onReady callback
+  (0, _react.useEffect)(() => {
+    onReady?.(actions);
+  }, [onReady, actions]);
+
+  // Build plain text for the TextInput value
+  const plainText = (0, _parser.segmentsToPlainText)(state.segments);
+
+  // Handle selection change from TextInput
+  const onSelectionChange = (0, _react.useCallback)(e => {
+    const {
+      start,
+      end
+    } = e.nativeEvent.selection;
+    actions.handleSelectionChange({
+      start,
+      end
+    });
+  }, [actions]);
+
+  // Container style
+  const containerStyle = [resolvedTheme.containerStyle ?? _defaultStyles.DEFAULT_THEME.containerStyle];
+
+  // Input area style
+  const inputAreaStyle = [styles.inputArea, {
+    minHeight
+  }, maxHeight ? {
+    maxHeight
+  } : undefined];
+
+  // Input style
+  const inputStyle = [styles.textInput, resolvedTheme.baseTextStyle ?? _defaultStyles.DEFAULT_THEME.baseTextStyle, resolvedTheme.inputStyle ?? _defaultStyles.DEFAULT_THEME.inputStyle, textInputProps?.style, styles.hiddenInputText];
+
+  // Toolbar component
+  const toolbarComponent = showToolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbar.Toolbar, {
+    actions: actions,
+    state: state,
+    items: toolbarItems,
+    theme: resolvedTheme,
+    renderToolbar: renderToolbar
+  }) : null;
+
+  // Toolbar border
+  const toolbarBorderStyle = toolbarPosition === 'top' ? {
+    borderBottomWidth: 1,
+    borderBottomColor: resolvedTheme.colors?.toolbarBorder ?? _defaultStyles.DEFAULT_THEME.colors?.toolbarBorder
+  } : {
+    borderTopWidth: 1,
+    borderTopColor: resolvedTheme.colors?.toolbarBorder ?? _defaultStyles.DEFAULT_THEME.colors?.toolbarBorder
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: containerStyle,
+    children: [toolbarPosition === 'top' && toolbarComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: toolbarBorderStyle,
+      children: toolbarComponent
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: inputAreaStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OverlayText.OverlayText, {
+        segments: state.segments,
+        baseTextStyle: resolvedTheme.baseTextStyle,
+        theme: resolvedTheme
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+        ...textInputProps,
+        style: inputStyle,
+        value: plainText,
+        onChangeText: actions.handleTextChange,
+        onSelectionChange: onSelectionChange,
+        multiline: multiline,
+        placeholder: placeholder,
+        placeholderTextColor: resolvedTheme.colors?.placeholder ?? _defaultStyles.DEFAULT_THEME.colors?.placeholder,
+        editable: editable,
+        maxLength: maxLength,
+        autoFocus: autoFocus,
+        underlineColorAndroid: "transparent",
+        selectionColor: resolvedTheme.colors?.cursor ?? _defaultStyles.DEFAULT_THEME.colors?.cursor,
+        textAlignVertical: "top",
+        scrollEnabled: typeof maxHeight === 'number'
+      })]
+    }), toolbarPosition === 'bottom' && toolbarComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: toolbarBorderStyle,
+      children: toolbarComponent
+    })]
+  });
+};
+exports.RichTextInput = RichTextInput;
+RichTextInput.displayName = 'RichTextInput';
+const styles = _reactNative.StyleSheet.create({
+  inputArea: {
+    position: 'relative'
+  },
+  textInput: {
+    position: 'relative',
+    zIndex: 1
+  },
+  hiddenInputText: {
+    // Keep the editable layer invisible while preserving the caret.
+    color: 'transparent',
+    backgroundColor: 'transparent',
+    textShadowColor: 'transparent'
+  }
+});
+//# sourceMappingURL=RichTextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_defaultStyles","_parser","_useRichText","_OverlayText","_Toolbar","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RichTextInput","initialSegments","onChangeSegments","onChangeText","placeholder","editable","maxLength","showToolbar","toolbarPosition","toolbarItems","theme","multiline","minHeight","maxHeight","autoFocus","textInputProps","renderToolbar","onReady","resolvedTheme","DEFAULT_THEME","state","actions","useRichText","useEffect","plainText","segmentsToPlainText","segments","onSelectionChange","useCallback","start","end","nativeEvent","selection","handleSelectionChange","containerStyle","inputAreaStyle","styles","inputArea","undefined","inputStyle","textInput","baseTextStyle","style","hiddenInputText","toolbarComponent","jsx","Toolbar","items","toolbarBorderStyle","borderBottomWidth","borderBottomColor","colors","toolbarBorder","borderTopWidth","borderTopColor","jsxs","View","children","OverlayText","TextInput","value","handleTextChange","placeholderTextColor","underlineColorAndroid","selectionColor","cursor","textAlignVertical","scrollEnabled","exports","displayName","StyleSheet","create","position","zIndex","color","backgroundColor","textShadowColor"],"sourceRoot":"../../../src","sources":["components/RichTextInput.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=Toolbar.d.js.map

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

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

package/lib/commonjs/components/Toolbar.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toolbar = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _defaultStyles = require("../constants/defaultStyles");
+var _ToolbarButton = require("./ToolbarButton");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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
+ */
+const Toolbar = exports.Toolbar = /*#__PURE__*/_react.default.memo(({
+  actions,
+  state,
+  items,
+  theme,
+  visible = true,
+  renderToolbar
+}) => {
+  const resolvedTheme = theme ?? _defaultStyles.DEFAULT_THEME;
+  const toolbarItems = items ?? _defaultStyles.DEFAULT_TOOLBAR_ITEMS;
+
+  // Compute active state for each item
+  const enrichedItems = (0, _react.useMemo)(() => {
+    const selectionStyle = actions.getSelectionStyle();
+    return toolbarItems.map(item => {
+      let isActive = false;
+      if (item.format) {
+        isActive = actions.isFormatActive(item.format);
+      }
+      if (item.heading) {
+        isActive = selectionStyle.heading === item.heading;
+      }
+      return {
+        ...item,
+        active: item.active ?? isActive
+      };
+    });
+  }, [actions, toolbarItems]);
+
+  // Custom render
+  if (renderToolbar) {
+    return renderToolbar({
+      items: enrichedItems,
+      state,
+      actions
+    });
+  }
+  if (!visible) {
+    return null;
+  }
+  const toolbarStyle = [resolvedTheme.toolbarStyle ?? _defaultStyles.DEFAULT_THEME.toolbarStyle];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: toolbarStyle,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      keyboardShouldPersistTaps: "always",
+      contentContainerStyle: styles.scrollContent,
+      children: enrichedItems.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolbarButton.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 = _reactNative.StyleSheet.create({
+  scrollContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 2
+  }
+});
+//# sourceMappingURL=Toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_defaultStyles","_ToolbarButton","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Toolbar","exports","React","memo","actions","state","items","theme","visible","renderToolbar","resolvedTheme","DEFAULT_THEME","toolbarItems","DEFAULT_TOOLBAR_ITEMS","enrichedItems","useMemo","selectionStyle","getSelectionStyle","map","item","isActive","format","isFormatActive","heading","active","toolbarStyle","jsx","View","style","children","ScrollView","horizontal","showsHorizontalScrollIndicator","keyboardShouldPersistTaps","contentContainerStyle","styles","scrollContent","ToolbarButton","label","renderButton","onPress","toggleFormat","setHeading","id","displayName","StyleSheet","create","flexDirection","alignItems","gap"],"sourceRoot":"../../../src","sources":["components/Toolbar.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=ToolbarButton.d.js.map

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

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

package/lib/commonjs/components/ToolbarButton.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _defaultStyles = require("../constants/defaultStyles");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * A single toolbar button that toggles a formatting option.
+ * Supports custom rendering via the `renderButton` prop.
+ */
+const ToolbarButton = exports.ToolbarButton = /*#__PURE__*/_react.default.memo(({
+  label,
+  active,
+  onPress,
+  theme,
+  renderButton
+}) => {
+  // Custom render
+  if (renderButton) {
+    return renderButton({
+      active,
+      onPress,
+      label
+    });
+  }
+  const resolvedTheme = theme ?? _defaultStyles.DEFAULT_THEME;
+  const buttonStyle = [resolvedTheme.toolbarButtonStyle ?? _defaultStyles.DEFAULT_THEME.toolbarButtonStyle, active && (resolvedTheme.toolbarButtonActiveStyle ?? _defaultStyles.DEFAULT_THEME.toolbarButtonActiveStyle)];
+  const textStyle = [resolvedTheme.toolbarButtonTextStyle ?? _defaultStyles.DEFAULT_THEME.toolbarButtonTextStyle, active && (resolvedTheme.toolbarButtonActiveTextStyle ?? _defaultStyles.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__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    style: buttonStyle,
+    onPress: onPress,
+    activeOpacity: 0.7,
+    accessibilityRole: "button",
+    accessibilityLabel: `Format ${label}`,
+    accessibilityState: {
+      selected: active
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: textStyle,
+      children: label
+    })
+  });
+});
+ToolbarButton.displayName = 'ToolbarButton';
+const styles = _reactNative.StyleSheet.create({
+  italicLabel: {
+    fontStyle: 'italic'
+  },
+  underlineLabel: {
+    textDecorationLine: 'underline'
+  },
+  strikethroughLabel: {
+    textDecorationLine: 'line-through'
+  }
+});
+//# sourceMappingURL=ToolbarButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_defaultStyles","_jsxRuntime","e","__esModule","default","ToolbarButton","exports","React","memo","label","active","onPress","theme","renderButton","resolvedTheme","DEFAULT_THEME","buttonStyle","toolbarButtonStyle","toolbarButtonActiveStyle","textStyle","toolbarButtonTextStyle","toolbarButtonActiveTextStyle","styles","italicLabel","underlineLabel","strikethroughLabel","jsx","TouchableOpacity","style","activeOpacity","accessibilityRole","accessibilityLabel","accessibilityState","selected","children","Text","displayName","StyleSheet","create","fontStyle","textDecorationLine"],"sourceRoot":"../../../src","sources":["components/ToolbarButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AAA2D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE3D;AACA;AACA;AACA;AACO,MAAMG,aAA2C,GAAAC,OAAA,CAAAD,aAAA,gBAAGE,cAAK,CAACC,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,IAAIG,4BAAa;EAE5C,MAAMC,WAAW,GAAG,CAClBF,aAAa,CAACG,kBAAkB,IAAIF,4BAAa,CAACE,kBAAkB,EACpEP,MAAM,KACLI,aAAa,CAACI,wBAAwB,IACrCH,4BAAa,CAACG,wBAAwB,CAAC,CAC1C;EAED,MAAMC,SAAS,GAAG,CAChBL,aAAa,CAACM,sBAAsB,IACpCL,4BAAa,CAACK,sBAAsB,EACpCV,MAAM,KACLI,aAAa,CAACO,4BAA4B,IACzCN,4BAAa,CAACM,4BAA4B,CAAC;EAC7C;EACAZ,KAAK,KAAK,GAAG,IAAIa,MAAM,CAACC,WAAW,EACnCd,KAAK,KAAK,GAAG,IAAIa,MAAM,CAACE,cAAc,EACtCf,KAAK,KAAK,GAAG,IAAIa,MAAM,CAACG,kBAAkB,CAC3C;EAED,oBACE,IAAAxB,WAAA,CAAAyB,GAAA,EAAC3B,YAAA,CAAA4B,gBAAgB;IACfC,KAAK,EAAEZ,WAAY;IACnBL,OAAO,EAAEA,OAAQ;IACjBkB,aAAa,EAAE,GAAI;IACnBC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE,UAAUtB,KAAK,EAAG;IACtCuB,kBAAkB,EAAE;MAAEC,QAAQ,EAAEvB;IAAO,CAAE;IAAAwB,QAAA,eAEzC,IAAAjC,WAAA,CAAAyB,GAAA,EAAC3B,YAAA,CAAAoC,IAAI;MAACP,KAAK,EAAET,SAAU;MAAAe,QAAA,EAAEzB;IAAK,CAAO;EAAC,CACtB,CAAC;AAEvB,CACF,CAAC;AAEDJ,aAAa,CAAC+B,WAAW,GAAG,eAAe;AAE3C,MAAMd,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,WAAW,EAAE;IACXgB,SAAS,EAAE;EACb,CAAC;EACDf,cAAc,EAAE;IACdgB,kBAAkB,EAAE;EACtB,CAAC;EACDf,kBAAkB,EAAE;IAClBe,kBAAkB,EAAE;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=defaultStyles.d.js.map

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

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

package/lib/commonjs/constants/defaultStyles.js

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HEADING_FONT_SIZES = exports.EMPTY_FORMAT_STYLE = exports.DEFAULT_TOOLBAR_ITEMS = exports.DEFAULT_THEME = exports.DEFAULT_COLORS = exports.DEFAULT_BASE_TEXT_STYLE = void 0;
+/**
+ * Default color palette used throughout the editor.
+ */
+const DEFAULT_COLORS = exports.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.
+ */
+const HEADING_FONT_SIZES = exports.HEADING_FONT_SIZES = {
+  h1: 32,
+  h2: 24,
+  h3: 20,
+  none: 16
+};
+
+/**
+ * Default base text style applied to all segments.
+ */
+const DEFAULT_BASE_TEXT_STYLE = exports.DEFAULT_BASE_TEXT_STYLE = {
+  fontSize: 16,
+  lineHeight: 24,
+  color: DEFAULT_COLORS.text,
+  fontFamily: undefined // Uses system default
+};
+
+/**
+ * Empty format style — no formatting applied.
+ */
+const EMPTY_FORMAT_STYLE = exports.EMPTY_FORMAT_STYLE = {
+  bold: false,
+  italic: false,
+  underline: false,
+  strikethrough: false,
+  code: false,
+  color: undefined,
+  backgroundColor: undefined,
+  fontSize: undefined,
+  heading: undefined
+};
+
+/**
+ * Default theme configuration.
+ */
+const DEFAULT_THEME = exports.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.
+ */
+const DEFAULT_TOOLBAR_ITEMS = exports.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/commonjs/constants/defaultStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_COLORS","exports","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/commonjs/context/RichTextContext.d.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=RichTextContext.d.js.map