react-native-richify 1.0.1 → 1.0.3

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

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

package/lib/commonjs/context/RichTextContext.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RichTextProvider = void 0;
+exports.useRichTextContext = useRichTextContext;
+var _react = _interopRequireWildcard(require("react"));
+var _useRichText = require("../hooks/useRichText");
+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); }
+// ─── Context ─────────────────────────────────────────────────────────────────
+const RichTextContext = /*#__PURE__*/(0, _react.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>
+ * ```
+ */
+const RichTextProvider = ({
+  children,
+  ...options
+}) => {
+  const richText = (0, _useRichText.useRichText)(options);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RichTextContext.Provider, {
+    value: richText,
+    children: children
+  });
+};
+exports.RichTextProvider = RichTextProvider;
+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
+ */
+function useRichTextContext() {
+  const context = (0, _react.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/commonjs/context/RichTextContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useRichText","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RichTextContext","createContext","RichTextProvider","children","options","richText","useRichText","jsx","Provider","value","exports","displayName","useRichTextContext","context","useContext","Error"],"sourceRoot":"../../../src","sources":["context/RichTextContext.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAA4E,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE5E;AAEA,MAAMkB,eAAe,gBAAG,IAAAC,oBAAa,EAA2B,IAAI,CAAC;;AAErE;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,gBAAiD,GAAGA,CAAC;EAChEC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAACF,OAAO,CAAC;EAErC,oBACE,IAAAxB,WAAA,CAAA2B,GAAA,EAACP,eAAe,CAACQ,QAAQ;IAACC,KAAK,EAAEJ,QAAS;IAAAF,QAAA,EACvCA;EAAQ,CACe,CAAC;AAE/B,CAAC;AAACO,OAAA,CAAAR,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAACS,WAAW,GAAG,kBAAkB;;AAEjD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAAA,EAAsB;EACtD,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACd,eAAe,CAAC;EAC3C,IAAI,CAACa,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,+DAA+D,GAC/D,oEACF,CAAC;EACH;EACA,OAAOF,OAAO;AAChB","ignoreList":[]}

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

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

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

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

package/lib/commonjs/hooks/useFormatting.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormatting = useFormatting;
+var _react = require("react");
+var _formatter = require("../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).
+ */
+function useFormatting({
+  segments,
+  selection,
+  activeStyles,
+  onSegmentsChange,
+  onActiveStylesChange
+}) {
+  const toggleFormat = (0, _react.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 = (0, _formatter.toggleFormatOnSelection)(segments, selection, format);
+      onSegmentsChange(newSegments);
+    }
+  }, [segments, selection, activeStyles, onSegmentsChange, onActiveStylesChange]);
+  const setStyleProperty = (0, _react.useCallback)((key, value) => {
+    if (selection.start === selection.end) {
+      onActiveStylesChange({
+        ...activeStyles,
+        [key]: value
+      });
+    } else {
+      const newSegments = (0, _formatter.setStyleOnSelection)(segments, selection, key, value);
+      onSegmentsChange(newSegments);
+    }
+  }, [segments, selection, activeStyles, onSegmentsChange, onActiveStylesChange]);
+  const setHeading = (0, _react.useCallback)(level => {
+    const newSegments = (0, _formatter.setHeadingOnLine)(segments, selection, level);
+    onSegmentsChange(newSegments);
+  }, [segments, selection, onSegmentsChange]);
+  const setColor = (0, _react.useCallback)(color => {
+    setStyleProperty('color', color);
+  }, [setStyleProperty]);
+  const setBackgroundColor = (0, _react.useCallback)(color => {
+    setStyleProperty('backgroundColor', color);
+  }, [setStyleProperty]);
+  const setFontSize = (0, _react.useCallback)(size => {
+    setStyleProperty('fontSize', size);
+  }, [setStyleProperty]);
+  const isFormatActive = (0, _react.useCallback)(format => {
+    if (selection.start === selection.end) {
+      return !!activeStyles[format];
+    }
+    return (0, _formatter.isFormatActiveInSelection)(segments, selection, format);
+  }, [segments, selection, activeStyles]);
+  const currentSelectionStyle = (0, _react.useCallback)(() => {
+    if (selection.start === selection.end) {
+      return activeStyles;
+    }
+    return (0, _formatter.getSelectionStyle)(segments, selection);
+  }, [segments, selection, activeStyles]);
+  return {
+    toggleFormat,
+    setStyleProperty,
+    setHeading,
+    setColor,
+    setBackgroundColor,
+    setFontSize,
+    isFormatActive,
+    currentSelectionStyle
+  };
+}
+//# sourceMappingURL=useFormatting.js.map

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

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

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

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

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

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

package/lib/commonjs/hooks/useRichText.js

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRichText = useRichText;
+var _react = require("react");
+var _defaultStyles = require("../constants/defaultStyles");
+var _parser = require("../utils/parser");
+var _formatter = require("../utils/formatter");
+var _useSelection = require("../hooks/useSelection");
+var _useFormatting = require("../hooks/useFormatting");
+/**
+ * Main hook for the rich text editor.
+ *
+ * Manages the complete editor state (segments, selection, active styles)
+ * and exposes all actions needed to build a rich text UI.
+ */
+function useRichText(options = {}) {
+  const {
+    initialSegments,
+    onChangeSegments,
+    onChangeText
+  } = options;
+
+  // ─── State ───────────────────────────────────────────────────────────────
+
+  const [segments, setSegments] = (0, _react.useState)(() => {
+    if (initialSegments && initialSegments.length > 0) {
+      return initialSegments;
+    }
+    return [(0, _parser.createSegment)('')];
+  });
+  const [activeStyles, setActiveStyles] = (0, _react.useState)({
+    ..._defaultStyles.EMPTY_FORMAT_STYLE
+  });
+  const {
+    selection,
+    handleSelectionChange
+  } = (0, _useSelection.useSelection)();
+
+  // Refs for stable access in callbacks
+  const segmentsRef = (0, _react.useRef)(segments);
+  segmentsRef.current = segments;
+  const selectionRef = (0, _react.useRef)(selection);
+  selectionRef.current = selection;
+  const activeStylesRef = (0, _react.useRef)(activeStyles);
+  activeStylesRef.current = activeStyles;
+
+  // ─── Segment Change Handler ──────────────────────────────────────────────
+
+  const updateSegments = (0, _react.useCallback)(newSegments => {
+    setSegments(newSegments);
+    onChangeSegments?.(newSegments);
+    onChangeText?.((0, _parser.segmentsToPlainText)(newSegments));
+  }, [onChangeSegments, onChangeText]);
+
+  // ─── Formatting ──────────────────────────────────────────────────────────
+
+  const formatting = (0, _useFormatting.useFormatting)({
+    segments,
+    selection,
+    activeStyles,
+    onSegmentsChange: updateSegments,
+    onActiveStylesChange: setActiveStyles
+  });
+
+  // ─── Text Change Handler ─────────────────────────────────────────────────
+
+  const handleTextChange = (0, _react.useCallback)(newText => {
+    const currentSegments = segmentsRef.current;
+    const currentSelection = selectionRef.current;
+    const currentActiveStyles = currentSelection.start === currentSelection.end ? activeStylesRef.current : (0, _formatter.getSelectionStyle)(currentSegments, currentSelection);
+    const newSegments = (0, _parser.reconcileTextChange)(currentSegments, newText, currentActiveStyles);
+    updateSegments(newSegments);
+  }, [updateSegments]);
+
+  // ─── Selection Change Handler ────────────────────────────────────────────
+
+  const onSelectionChange = (0, _react.useCallback)(newSelection => {
+    handleSelectionChange(newSelection);
+
+    // Update active styles based on cursor position
+    if (newSelection.start === newSelection.end) {
+      const pos = (0, _parser.findPositionInSegments)(segmentsRef.current, newSelection.start);
+      if (segmentsRef.current.length > 0) {
+        const seg = segmentsRef.current[pos.segmentIndex];
+        setActiveStyles({
+          ...seg.styles
+        });
+      }
+    }
+  }, [handleSelectionChange]);
+
+  // ─── Export / Import ─────────────────────────────────────────────────────
+
+  const getPlainText = (0, _react.useCallback)(() => {
+    return (0, _parser.segmentsToPlainText)(segmentsRef.current);
+  }, []);
+  const exportJSON = (0, _react.useCallback)(() => {
+    return JSON.parse(JSON.stringify(segmentsRef.current));
+  }, []);
+  const importJSON = (0, _react.useCallback)(newSegments => {
+    const safeSegments = newSegments.length > 0 ? newSegments : [(0, _parser.createSegment)('')];
+    updateSegments(safeSegments);
+  }, [updateSegments]);
+  const clear = (0, _react.useCallback)(() => {
+    updateSegments([(0, _parser.createSegment)('')]);
+    setActiveStyles({
+      ..._defaultStyles.EMPTY_FORMAT_STYLE
+    });
+  }, [updateSegments]);
+
+  // ─── Build Return Value ──────────────────────────────────────────────────
+
+  const state = {
+    segments,
+    selection,
+    activeStyles
+  };
+  const actions = {
+    toggleFormat: formatting.toggleFormat,
+    setStyleProperty: formatting.setStyleProperty,
+    setHeading: formatting.setHeading,
+    setColor: formatting.setColor,
+    setBackgroundColor: formatting.setBackgroundColor,
+    setFontSize: formatting.setFontSize,
+    handleTextChange,
+    handleSelectionChange: onSelectionChange,
+    isFormatActive: formatting.isFormatActive,
+    getSelectionStyle: formatting.currentSelectionStyle,
+    getPlainText,
+    exportJSON,
+    importJSON,
+    clear
+  };
+  return {
+    state,
+    actions
+  };
+}
+//# sourceMappingURL=useRichText.js.map

package/lib/commonjs/hooks/useRichText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_defaultStyles","_parser","_formatter","_useSelection","_useFormatting","useRichText","options","initialSegments","onChangeSegments","onChangeText","segments","setSegments","useState","length","createSegment","activeStyles","setActiveStyles","EMPTY_FORMAT_STYLE","selection","handleSelectionChange","useSelection","segmentsRef","useRef","current","selectionRef","activeStylesRef","updateSegments","useCallback","newSegments","segmentsToPlainText","formatting","useFormatting","onSegmentsChange","onActiveStylesChange","handleTextChange","newText","currentSegments","currentSelection","currentActiveStyles","start","end","getSelectionStyle","reconcileTextChange","onSelectionChange","newSelection","pos","findPositionInSegments","seg","segmentIndex","styles","getPlainText","exportJSON","JSON","parse","stringify","importJSON","safeSegments","clear","state","actions","toggleFormat","setStyleProperty","setHeading","setColor","setBackgroundColor","setFontSize","isFormatActive","currentSelectionStyle"],"sourceRoot":"../../../src","sources":["hooks/useRichText.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/hooks/useSelection.d.js

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

package/lib/commonjs/hooks/useSelection.d.js.map

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

package/lib/commonjs/hooks/useSelection.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelection = useSelection;
+var _react = require("react");
+/**
+ * Hook for tracking TextInput selection state.
+ *
+ * Returns the current selection and a handler to update it.
+ */
+function useSelection(initialSelection) {
+  const [selection, setSelection] = (0, _react.useState)(initialSelection ?? {
+    start: 0,
+    end: 0
+  });
+
+  // Use a ref to avoid stale closures in callbacks
+  const selectionRef = (0, _react.useRef)(selection);
+  selectionRef.current = selection;
+  const handleSelectionChange = (0, _react.useCallback)(newSelection => {
+    setSelection(newSelection);
+  }, []);
+  const getSelection = (0, _react.useCallback)(() => {
+    return selectionRef.current;
+  }, []);
+  const hasSelection = (0, _react.useCallback)(() => {
+    return selectionRef.current.start !== selectionRef.current.end;
+  }, []);
+  return {
+    selection,
+    setSelection,
+    handleSelectionChange,
+    getSelection,
+    hasSelection
+  };
+}
+//# sourceMappingURL=useSelection.js.map

package/lib/commonjs/hooks/useSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useSelection","initialSelection","selection","setSelection","useState","start","end","selectionRef","useRef","current","handleSelectionChange","useCallback","newSelection","getSelection","hasSelection"],"sourceRoot":"../../../src","sources":["hooks/useSelection.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA;AACA;AACA;AACA;AACA;AACO,SAASC,YAAYA,CAACC,gBAAiC,EAAE;EAC9D,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EACxCH,gBAAgB,IAAI;IAAEI,KAAK,EAAE,CAAC;IAAEC,GAAG,EAAE;EAAE,CACzC,CAAC;;EAED;EACA,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAACN,SAAS,CAAC;EACtCK,YAAY,CAACE,OAAO,GAAGP,SAAS;EAEhC,MAAMQ,qBAAqB,GAAG,IAAAC,kBAAW,EACtCC,YAA4B,IAAK;IAChCT,YAAY,CAACS,YAAY,CAAC;EAC5B,CAAC,EACD,EACF,CAAC;EAED,MAAMC,YAAY,GAAG,IAAAF,kBAAW,EAAC,MAAsB;IACrD,OAAOJ,YAAY,CAACE,OAAO;EAC7B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,YAAY,GAAG,IAAAH,kBAAW,EAAC,MAAe;IAC9C,OAAOJ,YAAY,CAACE,OAAO,CAACJ,KAAK,KAAKE,YAAY,CAACE,OAAO,CAACH,GAAG;EAChE,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLJ,SAAS;IACTC,YAAY;IACZO,qBAAqB;IACrBG,YAAY;IACZC;EACF,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/index.d.js

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DEFAULT_BASE_TEXT_STYLE", {
+  enumerable: true,
+  get: function () {
+    return _defaultStyles.DEFAULT_BASE_TEXT_STYLE;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_COLORS", {
+  enumerable: true,
+  get: function () {
+    return _defaultStyles.DEFAULT_COLORS;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_THEME", {
+  enumerable: true,
+  get: function () {
+    return _defaultStyles.DEFAULT_THEME;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_TOOLBAR_ITEMS", {
+  enumerable: true,
+  get: function () {
+    return _defaultStyles.DEFAULT_TOOLBAR_ITEMS;
+  }
+});
+Object.defineProperty(exports, "EMPTY_FORMAT_STYLE", {
+  enumerable: true,
+  get: function () {
+    return _defaultStyles.EMPTY_FORMAT_STYLE;
+  }
+});
+Object.defineProperty(exports, "HEADING_FONT_SIZES", {
+  enumerable: true,
+  get: function () {
+    return _defaultStyles.HEADING_FONT_SIZES;
+  }
+});
+Object.defineProperty(exports, "OverlayText", {
+  enumerable: true,
+  get: function () {
+    return _OverlayText.OverlayText;
+  }
+});
+Object.defineProperty(exports, "RichTextInput", {
+  enumerable: true,
+  get: function () {
+    return _RichTextInput.RichTextInput;
+  }
+});
+Object.defineProperty(exports, "RichTextProvider", {
+  enumerable: true,
+  get: function () {
+    return _RichTextContext.RichTextProvider;
+  }
+});
+Object.defineProperty(exports, "Toolbar", {
+  enumerable: true,
+  get: function () {
+    return _Toolbar.Toolbar;
+  }
+});
+Object.defineProperty(exports, "ToolbarButton", {
+  enumerable: true,
+  get: function () {
+    return _ToolbarButton.ToolbarButton;
+  }
+});
+Object.defineProperty(exports, "createSegment", {
+  enumerable: true,
+  get: function () {
+    return _parser.createSegment;
+  }
+});
+Object.defineProperty(exports, "formatStyleToTextStyle", {
+  enumerable: true,
+  get: function () {
+    return _styleMapper.formatStyleToTextStyle;
+  }
+});
+Object.defineProperty(exports, "getSelectionStyle", {
+  enumerable: true,
+  get: function () {
+    return _formatter.getSelectionStyle;
+  }
+});
+Object.defineProperty(exports, "getTotalLength", {
+  enumerable: true,
+  get: function () {
+    return _parser.getTotalLength;
+  }
+});
+Object.defineProperty(exports, "isFormatActiveInSelection", {
+  enumerable: true,
+  get: function () {
+    return _formatter.isFormatActiveInSelection;
+  }
+});
+Object.defineProperty(exports, "mergeAdjacentSegments", {
+  enumerable: true,
+  get: function () {
+    return _parser.mergeAdjacentSegments;
+  }
+});
+Object.defineProperty(exports, "reconcileTextChange", {
+  enumerable: true,
+  get: function () {
+    return _parser.reconcileTextChange;
+  }
+});
+Object.defineProperty(exports, "segmentToTextStyle", {
+  enumerable: true,
+  get: function () {
+    return _styleMapper.segmentToTextStyle;
+  }
+});
+Object.defineProperty(exports, "segmentsToPlainText", {
+  enumerable: true,
+  get: function () {
+    return _parser.segmentsToPlainText;
+  }
+});
+Object.defineProperty(exports, "segmentsToTextStyles", {
+  enumerable: true,
+  get: function () {
+    return _styleMapper.segmentsToTextStyles;
+  }
+});
+Object.defineProperty(exports, "setHeadingOnLine", {
+  enumerable: true,
+  get: function () {
+    return _formatter.setHeadingOnLine;
+  }
+});
+Object.defineProperty(exports, "setStyleOnSelection", {
+  enumerable: true,
+  get: function () {
+    return _formatter.setStyleOnSelection;
+  }
+});
+Object.defineProperty(exports, "toggleFormatOnSelection", {
+  enumerable: true,
+  get: function () {
+    return _formatter.toggleFormatOnSelection;
+  }
+});
+Object.defineProperty(exports, "useFormatting", {
+  enumerable: true,
+  get: function () {
+    return _useFormatting.useFormatting;
+  }
+});
+Object.defineProperty(exports, "useRichText", {
+  enumerable: true,
+  get: function () {
+    return _useRichText.useRichText;
+  }
+});
+Object.defineProperty(exports, "useRichTextContext", {
+  enumerable: true,
+  get: function () {
+    return _RichTextContext.useRichTextContext;
+  }
+});
+Object.defineProperty(exports, "useSelection", {
+  enumerable: true,
+  get: function () {
+    return _useSelection.useSelection;
+  }
+});
+var _RichTextInput = require("./components/RichTextInput");
+var _OverlayText = require("./components/OverlayText");
+var _Toolbar = require("./components/Toolbar");
+var _ToolbarButton = require("./components/ToolbarButton");
+var _useRichText = require("./hooks/useRichText");
+var _useSelection = require("./hooks/useSelection");
+var _useFormatting = require("./hooks/useFormatting");
+var _RichTextContext = require("./context/RichTextContext");
+var _parser = require("./utils/parser");
+var _formatter = require("./utils/formatter");
+var _styleMapper = require("./utils/styleMapper");
+var _defaultStyles = require("./constants/defaultStyles");
+//# sourceMappingURL=index.d.js.map

package/lib/commonjs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RichTextInput","require","_OverlayText","_Toolbar","_ToolbarButton","_useRichText","_useSelection","_useFormatting","_RichTextContext","_parser","_formatter","_styleMapper","_defaultStyles"],"sourceRoot":"../../src","sources":["index.d.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AAEA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AACA,IAAAU,YAAA,GAAAV,OAAA;AACA,IAAAW,cAAA,GAAAX,OAAA","ignoreList":[]}