react-native-simple-rich-text-editor 0.5.0 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/index.js +9 -5
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/internal/rendering/components/Bold.js +5 -2
- package/lib/commonjs/internal/rendering/components/Bold.js.map +1 -1
- package/lib/commonjs/internal/rendering/components/BulletPoint.js +5 -2
- package/lib/commonjs/internal/rendering/components/BulletPoint.js.map +1 -1
- package/lib/commonjs/internal/rendering/components/Headline.js +4 -1
- package/lib/commonjs/internal/rendering/components/Headline.js.map +1 -1
- package/lib/commonjs/internal/rendering/components/Italic.js +5 -2
- package/lib/commonjs/internal/rendering/components/Italic.js.map +1 -1
- package/lib/commonjs/internal/rendering/components/Render.js +12 -1
- package/lib/commonjs/internal/rendering/components/Render.js.map +1 -1
- package/lib/module/index.js +9 -5
- package/lib/module/index.js.map +1 -1
- package/lib/module/internal/rendering/components/Bold.js +5 -2
- package/lib/module/internal/rendering/components/Bold.js.map +1 -1
- package/lib/module/internal/rendering/components/BulletPoint.js +5 -2
- package/lib/module/internal/rendering/components/BulletPoint.js.map +1 -1
- package/lib/module/internal/rendering/components/Headline.js +4 -1
- package/lib/module/internal/rendering/components/Headline.js.map +1 -1
- package/lib/module/internal/rendering/components/Italic.js +5 -2
- package/lib/module/internal/rendering/components/Italic.js.map +1 -1
- package/lib/module/internal/rendering/components/Render.js +12 -1
- package/lib/module/internal/rendering/components/Render.js.map +1 -1
- package/lib/typescript/commonjs/src/index.d.ts +2 -1
- package/lib/typescript/commonjs/src/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/internal/rendering/components/Bold.d.ts +3 -1
- package/lib/typescript/commonjs/src/internal/rendering/components/Bold.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/internal/rendering/components/BulletPoint.d.ts +3 -1
- package/lib/typescript/commonjs/src/internal/rendering/components/BulletPoint.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/internal/rendering/components/Headline.d.ts +2 -1
- package/lib/typescript/commonjs/src/internal/rendering/components/Headline.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/internal/rendering/components/Italic.d.ts +3 -1
- package/lib/typescript/commonjs/src/internal/rendering/components/Italic.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/internal/rendering/components/Render.d.ts +2 -1
- package/lib/typescript/commonjs/src/internal/rendering/components/Render.d.ts.map +1 -1
- package/lib/typescript/module/src/index.d.ts +2 -1
- package/lib/typescript/module/src/index.d.ts.map +1 -1
- package/lib/typescript/module/src/internal/rendering/components/Bold.d.ts +3 -1
- package/lib/typescript/module/src/internal/rendering/components/Bold.d.ts.map +1 -1
- package/lib/typescript/module/src/internal/rendering/components/BulletPoint.d.ts +3 -1
- package/lib/typescript/module/src/internal/rendering/components/BulletPoint.d.ts.map +1 -1
- package/lib/typescript/module/src/internal/rendering/components/Headline.d.ts +2 -1
- package/lib/typescript/module/src/internal/rendering/components/Headline.d.ts.map +1 -1
- package/lib/typescript/module/src/internal/rendering/components/Italic.d.ts +3 -1
- package/lib/typescript/module/src/internal/rendering/components/Italic.d.ts.map +1 -1
- package/lib/typescript/module/src/internal/rendering/components/Render.d.ts +2 -1
- package/lib/typescript/module/src/internal/rendering/components/Render.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/index.tsx +4 -4
- package/src/internal/rendering/components/Bold.tsx +5 -2
- package/src/internal/rendering/components/BulletPoint.tsx +7 -2
- package/src/internal/rendering/components/Headline.tsx +11 -2
- package/src/internal/rendering/components/Italic.tsx +5 -2
- package/src/internal/rendering/components/Render.tsx +29 -7
package/lib/commonjs/index.js
CHANGED
|
@@ -59,7 +59,8 @@ const RichTextEditor = ({
|
|
|
59
59
|
onEmitText,
|
|
60
60
|
emitTextAfterMillisecondsOfInactivity = 500,
|
|
61
61
|
textInputStyles,
|
|
62
|
-
buttonStyles
|
|
62
|
+
buttonStyles,
|
|
63
|
+
fontSize
|
|
63
64
|
}) => {
|
|
64
65
|
// Internal state to track the current text value
|
|
65
66
|
const [internalText, setInternalText] = (0, _react.useState)(externalText);
|
|
@@ -140,14 +141,14 @@ const RichTextEditor = ({
|
|
|
140
141
|
style: [styles.button, styles.fixedWidth, buttonStyles, needsBoldEndMarker ? styles.endFontStyleButton : null],
|
|
141
142
|
onPress: handleFontStyleMarkerInsertion('bold'),
|
|
142
143
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
143
|
-
style: [styles.buttonText,
|
|
144
|
+
style: [styles.buttonText, needsBoldEndMarker ? styles.endFontStyleText : null],
|
|
144
145
|
children: "Bold"
|
|
145
146
|
})
|
|
146
147
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
147
148
|
style: [styles.button, styles.fixedWidth, buttonStyles, needsItalicEndMarker ? styles.endFontStyleButton : null],
|
|
148
149
|
onPress: handleFontStyleMarkerInsertion('italic'),
|
|
149
150
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
150
|
-
style: [styles.buttonText,
|
|
151
|
+
style: [styles.buttonText, needsItalicEndMarker ? styles.endFontStyleText : null],
|
|
151
152
|
children: "Italic"
|
|
152
153
|
})
|
|
153
154
|
})]
|
|
@@ -155,11 +156,14 @@ const RichTextEditor = ({
|
|
|
155
156
|
multiline: true,
|
|
156
157
|
autoFocus: true,
|
|
157
158
|
autoCorrect: false,
|
|
158
|
-
style: [styles.input,
|
|
159
|
+
style: [styles.input, {
|
|
160
|
+
fontSize
|
|
161
|
+
}, textInputStyles],
|
|
159
162
|
onSelectionChange: e => setSelection(e.nativeEvent.selection),
|
|
160
163
|
onChangeText: handleTextChange,
|
|
161
164
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Render.Render, {
|
|
162
|
-
encodedText: internalText
|
|
165
|
+
encodedText: internalText,
|
|
166
|
+
fontSize: fontSize
|
|
163
167
|
})
|
|
164
168
|
})]
|
|
165
169
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_Render","_textManipulation","_markers","_jsxRuntime","debounce","func","delay","timeoutId","args","clearTimeout","setTimeout","RichTextEditor","text","externalText","onEmitText","emitTextAfterMillisecondsOfInactivity","textInputStyles","buttonStyles","internalText","setInternalText","useState","selection","setSelection","start","end","needsBoldEndMarker","setNeedsBoldEndMarker","needsItalicEndMarker","setNeedsItalicEndMarker","debouncedEmitText","useRef","newText","current","useEffect","handleTextChange","useCallback","handleFontStyleMarkerInsertion","style","isBold","addFontStyleEndMarker","addFontStyleMarkers","jsxs","View","styles","container","children","toolbar","jsx","TouchableOpacity","button","onPress","addHeadlineMarker","Markers","H1","Text","buttonText","H2","H3","addBulletPointMarker","fixedWidth","endFontStyleButton","endFontStyleText","TextInput","multiline","autoFocus","autoCorrect","input","onSelectionChange","e","nativeEvent","onChangeText","Render","encodedText","exports","electricBlueHex","jasperRedHex","StyleSheet","create","flex","marginVertical","flexDirection","justifyContent","flexWrap","textAlignVertical","paddingVertical","paddingHorizontal","borderRadius","borderWidth","borderColor","backgroundColor","flexShrink","textAlign","color","width","_default","default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;AA+BA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAYA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAMA,IAAAI,QAAA,GAAAJ,OAAA;AAAoF,IAAAK,WAAA,GAAAL,OAAA;AAnDpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAwBA;AACA,MAAMM,QAAQ,GAAGA,CACfC,IAAO,EACPC,KAAa,KAC0B;EACvC,IAAIC,SAAgC,GAAG,IAAI;EAE3C,OAAO,CAAC,GAAGC,IAAmB,KAAK;IACjC,IAAID,SAAS,EAAE;MACbE,YAAY,CAACF,SAAS,CAAC;IACzB;IAEAA,SAAS,GAAGG,UAAU,CAAC,MAAM;MAC3BL,IAAI,CAAC,GAAGG,IAAI,CAAC;MACbD,SAAS,GAAG,IAAI;IAClB,CAAC,EAAED,KAAK,CAAC;EACX,CAAC;AACH,CAAC;AAED,MAAMK,cAAc,GAAGA,CAAC;EACtBC,IAAI,EAAEC,YAAY;EAClBC,UAAU;EACVC,qCAAqC,GAAG,GAAG;EAC3CC,eAAe;EACfC;
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_Render","_textManipulation","_markers","_jsxRuntime","debounce","func","delay","timeoutId","args","clearTimeout","setTimeout","RichTextEditor","text","externalText","onEmitText","emitTextAfterMillisecondsOfInactivity","textInputStyles","buttonStyles","fontSize","internalText","setInternalText","useState","selection","setSelection","start","end","needsBoldEndMarker","setNeedsBoldEndMarker","needsItalicEndMarker","setNeedsItalicEndMarker","debouncedEmitText","useRef","newText","current","useEffect","handleTextChange","useCallback","handleFontStyleMarkerInsertion","style","isBold","addFontStyleEndMarker","addFontStyleMarkers","jsxs","View","styles","container","children","toolbar","jsx","TouchableOpacity","button","onPress","addHeadlineMarker","Markers","H1","Text","buttonText","H2","H3","addBulletPointMarker","fixedWidth","endFontStyleButton","endFontStyleText","TextInput","multiline","autoFocus","autoCorrect","input","onSelectionChange","e","nativeEvent","onChangeText","Render","encodedText","exports","electricBlueHex","jasperRedHex","StyleSheet","create","flex","marginVertical","flexDirection","justifyContent","flexWrap","textAlignVertical","paddingVertical","paddingHorizontal","borderRadius","borderWidth","borderColor","backgroundColor","flexShrink","textAlign","color","width","_default","default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,10 +7,13 @@ exports.Bold = void 0;
|
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
9
|
const Bold = ({
|
|
10
|
-
children
|
|
10
|
+
children,
|
|
11
|
+
fontSize
|
|
11
12
|
}) => {
|
|
12
13
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
13
|
-
style: styles.bold,
|
|
14
|
+
style: [styles.bold, {
|
|
15
|
+
fontSize
|
|
16
|
+
}],
|
|
14
17
|
children: children
|
|
15
18
|
});
|
|
16
19
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_jsxRuntime","Bold","children","jsx","Text","style","styles","bold","exports","StyleSheet","create","fontWeight"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/Bold.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAAgD,IAAAC,WAAA,GAAAD,OAAA;AAEzC,MAAME,IAAI,GAAGA,CAAC;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_jsxRuntime","Bold","children","fontSize","jsx","Text","style","styles","bold","exports","StyleSheet","create","fontWeight"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/Bold.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAAgD,IAAAC,WAAA,GAAAD,OAAA;AAEzC,MAAME,IAAI,GAAGA,CAAC;EACnBC,QAAQ;EACRC;AACwC,CAAC,KAAK;EAC9C,oBAAO,IAAAH,WAAA,CAAAI,GAAA,EAACN,YAAA,CAAAO,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEL;IAAS,CAAC,CAAE;IAAAD,QAAA,EAAEA;EAAQ,CAAO,CAAC;AACpE,CAAC;AAACO,OAAA,CAAAR,IAAA,GAAAA,IAAA;AAEF,MAAMM,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -9,11 +9,14 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _constants = require("../../text-formats/unicode-markers-format/constants.js");
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
const BulletPoint = ({
|
|
12
|
-
children
|
|
12
|
+
children,
|
|
13
|
+
fontSize
|
|
13
14
|
}) => {
|
|
14
15
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
|
|
15
16
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
16
|
-
style: styles.bullet,
|
|
17
|
+
style: [styles.bullet, {
|
|
18
|
+
fontSize
|
|
19
|
+
}],
|
|
17
20
|
children: _constants.BULLET_POINT_STRING_REPRESENTATION
|
|
18
21
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
19
22
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_constants","_jsxRuntime","BulletPoint","children","jsxs","Fragment","jsx","Text","style","styles","bullet","BULLET_POINT_STRING_REPRESENTATION","exports","StyleSheet","create","marginRight"
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_constants","_jsxRuntime","BulletPoint","children","fontSize","jsxs","Fragment","jsx","Text","style","styles","bullet","BULLET_POINT_STRING_REPRESENTATION","exports","StyleSheet","create","marginRight"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/BulletPoint.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyG,IAAAG,WAAA,GAAAH,OAAA;AAElG,MAAMI,WAAW,GAAGA,CAAC;EAC1BC,QAAQ;EACRC;AACwC,CAAC,KAAK;EAC9C,oBACE,IAAAH,WAAA,CAAAI,IAAA,EAACR,MAAA,CAAAS,QAAQ;IAAAH,QAAA,gBACP,IAAAF,WAAA,CAAAM,GAAA,EAACR,YAAA,CAAAS,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACC,MAAM,EAAE;QAAEP;MAAS,CAAC,CAAE;MAAAD,QAAA,EACxCS;IAAkC,CAC/B,CAAC,eACP,IAAAX,WAAA,CAAAM,GAAA,EAACR,YAAA,CAAAS,IAAI;MAAAL,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAAA,CACf,CAAC;AAEf,CAAC;AAACU,OAAA,CAAAX,WAAA,GAAAA,WAAA;AAEF,MAAMQ,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,MAAM,EAAE;IACNK,WAAW,EAAE,CAAC;IACdZ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -9,10 +9,13 @@ var _markers = require("../../text-formats/unicode-markers-format/markers.js");
|
|
|
9
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
10
|
const Headline = ({
|
|
11
11
|
level,
|
|
12
|
+
fontSize = 14,
|
|
12
13
|
children
|
|
13
14
|
}) => {
|
|
14
15
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
15
|
-
style: styles[level] ?? styles[3],
|
|
16
|
+
style: [styles[level] ?? styles[3], {
|
|
17
|
+
fontSize: (styles[level]?.fontSize ?? 18) * (fontSize / 14)
|
|
18
|
+
}],
|
|
16
19
|
children: children
|
|
17
20
|
});
|
|
18
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_markers","_jsxRuntime","Headline","level","children","jsx","Text","style","styles","exports","StyleSheet","create","Markers","H1","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_markers","_jsxRuntime","Headline","level","fontSize","children","jsx","Text","style","styles","exports","StyleSheet","create","Markers","H1","fontWeight","marginVertical","H2","H3"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/Headline.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA+E,IAAAE,WAAA,GAAAF,OAAA;AAExE,MAAMG,QAAQ,GAAGA,CAAC;EACvBC,KAAK;EACLC,QAAQ,GAAG,EAAE;EACbC;AAID,CAAC,KAAK;EACL,oBACE,IAAAJ,WAAA,CAAAK,GAAA,EAACR,YAAA,CAAAS,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACN,KAAK,CAAC,IAAIM,MAAM,CAAC,CAAC,CAAC,EAC1B;MAAEL,QAAQ,EAAE,CAACK,MAAM,CAACN,KAAK,CAAC,EAAEC,QAAQ,IAAI,EAAE,KAAKA,QAAQ,GAAG,EAAE;IAAE,CAAC,CAC/D;IAAAC,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX,CAAC;AAACK,OAAA,CAAAR,QAAA,GAAAA,QAAA;AAEF,MAAMO,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/B,CAACC,gBAAO,CAACC,EAAE,GAAG;IACZV,QAAQ,EAAE,EAAE;IACZW,UAAU,EAAE,MAAM;IAClBC,cAAc,EAAE;EAClB,CAAC;EACD,CAACH,gBAAO,CAACI,EAAE,GAAG;IACZb,QAAQ,EAAE,EAAE;IACZW,UAAU,EAAE,MAAM;IAClBC,cAAc,EAAE;EAClB,CAAC;EACD,CAACH,gBAAO,CAACK,EAAE,GAAG;IACZd,QAAQ,EAAE,EAAE;IACZW,UAAU,EAAE,MAAM;IAClBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -7,10 +7,13 @@ exports.Italic = void 0;
|
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
9
|
const Italic = ({
|
|
10
|
-
children
|
|
10
|
+
children,
|
|
11
|
+
fontSize
|
|
11
12
|
}) => {
|
|
12
13
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
13
|
-
style: styles.italic,
|
|
14
|
+
style: [styles.italic, {
|
|
15
|
+
fontSize
|
|
16
|
+
}],
|
|
14
17
|
children: children
|
|
15
18
|
});
|
|
16
19
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_jsxRuntime","Italic","children","jsx","Text","style","styles","italic","exports","StyleSheet","create","fontStyle"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/Italic.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAAgD,IAAAC,WAAA,GAAAD,OAAA;AAEzC,MAAME,MAAM,GAAGA,CAAC;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_jsxRuntime","Italic","children","fontSize","jsx","Text","style","styles","italic","exports","StyleSheet","create","fontStyle"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/Italic.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAAgD,IAAAC,WAAA,GAAAD,OAAA;AAEzC,MAAME,MAAM,GAAGA,CAAC;EACrBC,QAAQ;EACRC;AACwC,CAAC,KAAK;EAC9C,oBAAO,IAAAH,WAAA,CAAAI,GAAA,EAACN,YAAA,CAAAO,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,MAAM,EAAE;MAAEL;IAAS,CAAC,CAAE;IAAAD,QAAA,EAAEA;EAAQ,CAAO,CAAC;AACtE,CAAC;AAACO,OAAA,CAAAR,MAAA,GAAAA,MAAA;AAEF,MAAMM,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,MAAM,EAAE;IACNI,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -16,7 +16,8 @@ var _utils = require("../utils.js");
|
|
|
16
16
|
const bulletPointRegex = new RegExp(_constants.BULLET_POINT_STRING_REPRESENTATION.trimEnd() + ' ?', 'g'); // matches the bullet point alone or the bullet point followed by a space
|
|
17
17
|
|
|
18
18
|
const Render = ({
|
|
19
|
-
encodedText
|
|
19
|
+
encodedText,
|
|
20
|
+
fontSize
|
|
20
21
|
}) => {
|
|
21
22
|
const lines = splitPreservingSeparator(encodedText.replaceAll(bulletPointRegex, ''), _constants.ZWS); // each BulletPoint.tsx instance adds a BULLET_POINT_STRING_REPRESENTATION, we need to remove them to avoid adding extra chars on each render
|
|
22
23
|
|
|
@@ -30,6 +31,7 @@ const Render = ({
|
|
|
30
31
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
31
32
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Headline.Headline, {
|
|
32
33
|
level: marker,
|
|
34
|
+
fontSize: fontSize,
|
|
33
35
|
children: headline
|
|
34
36
|
}), restOfLineWithoutMarkers.join('')]
|
|
35
37
|
}, i + line);
|
|
@@ -42,8 +44,12 @@ const Render = ({
|
|
|
42
44
|
// adds newlines after split() operation
|
|
43
45
|
(bulletPoints ?? '').split('\n') // erases newlines
|
|
44
46
|
.map((bulletPointLine, j) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_BulletPoint.BulletPoint, {
|
|
47
|
+
fontSize: fontSize,
|
|
45
48
|
children: bulletPointLine
|
|
46
49
|
}, j + bulletPointLine)), '\n'), paragraphs.map(p => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
50
|
+
style: {
|
|
51
|
+
fontSize
|
|
52
|
+
},
|
|
47
53
|
children: p
|
|
48
54
|
}, p))]
|
|
49
55
|
}, i + line);
|
|
@@ -52,12 +58,14 @@ const Render = ({
|
|
|
52
58
|
// but for now I opt for this simpler solution.
|
|
53
59
|
// Because of the above: There must not be any other markers between Markers.BOLD_START and Markers.BOLD_END!
|
|
54
60
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Bold.Bold, {
|
|
61
|
+
fontSize: fontSize,
|
|
55
62
|
children: line
|
|
56
63
|
}, i + line);
|
|
57
64
|
case _markers.Markers.BOLD_END:
|
|
58
65
|
break;
|
|
59
66
|
case _markers.Markers.ITALIC_START:
|
|
60
67
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Italic.Italic, {
|
|
68
|
+
fontSize: fontSize,
|
|
61
69
|
children: line
|
|
62
70
|
}, i + line);
|
|
63
71
|
case _markers.Markers.ITALIC_END:
|
|
@@ -75,6 +83,9 @@ const Render = ({
|
|
|
75
83
|
break;
|
|
76
84
|
}
|
|
77
85
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
86
|
+
style: {
|
|
87
|
+
fontSize
|
|
88
|
+
},
|
|
78
89
|
children: line
|
|
79
90
|
}, i + line);
|
|
80
91
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_constants","_Headline","_Bold","_markers","_jsxRuntime","_Italic","_BulletPoint","_utils","bulletPointRegex","RegExp","BULLET_POINT_STRING_REPRESENTATION","trimEnd","Render","encodedText","lines","splitPreservingSeparator","replaceAll","ZWS","map","line","i","marker","substring","MARKER_STRING_LENGTH","Markers","H1","H2","H3","headline","restOfLineWithoutMarkers","jsxs","Fragment","children","jsx","Headline","level","join","UL","bulletPoints","paragraphs","intersperse","split","bulletPointLine","j","BulletPoint","p","Text","BOLD_START","Bold","BOLD_END","ITALIC_START","Italic","ITALIC_END","length","exports","str","separator","s"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/Render.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAKA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAEA,MAAMS,gBAAgB,GAAG,IAAIC,MAAM,CACjCC,6CAAkC,CAACC,OAAO,CAAC,CAAC,GAAG,IAAI,EACnD,GACF,CAAC,CAAC,CAAC;;AAEI,MAAMC,MAAM,GAAGA,CAAC;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_constants","_Headline","_Bold","_markers","_jsxRuntime","_Italic","_BulletPoint","_utils","bulletPointRegex","RegExp","BULLET_POINT_STRING_REPRESENTATION","trimEnd","Render","encodedText","fontSize","lines","splitPreservingSeparator","replaceAll","ZWS","map","line","i","marker","substring","MARKER_STRING_LENGTH","Markers","H1","H2","H3","headline","restOfLineWithoutMarkers","jsxs","Fragment","children","jsx","Headline","level","join","UL","bulletPoints","paragraphs","intersperse","split","bulletPointLine","j","BulletPoint","p","Text","style","BOLD_START","Bold","BOLD_END","ITALIC_START","Italic","ITALIC_END","length","exports","str","separator","s"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/Render.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -56,7 +56,8 @@ const RichTextEditor = ({
|
|
|
56
56
|
onEmitText,
|
|
57
57
|
emitTextAfterMillisecondsOfInactivity = 500,
|
|
58
58
|
textInputStyles,
|
|
59
|
-
buttonStyles
|
|
59
|
+
buttonStyles,
|
|
60
|
+
fontSize
|
|
60
61
|
}) => {
|
|
61
62
|
// Internal state to track the current text value
|
|
62
63
|
const [internalText, setInternalText] = useState(externalText);
|
|
@@ -137,14 +138,14 @@ const RichTextEditor = ({
|
|
|
137
138
|
style: [styles.button, styles.fixedWidth, buttonStyles, needsBoldEndMarker ? styles.endFontStyleButton : null],
|
|
138
139
|
onPress: handleFontStyleMarkerInsertion('bold'),
|
|
139
140
|
children: /*#__PURE__*/_jsx(Text, {
|
|
140
|
-
style: [styles.buttonText,
|
|
141
|
+
style: [styles.buttonText, needsBoldEndMarker ? styles.endFontStyleText : null],
|
|
141
142
|
children: "Bold"
|
|
142
143
|
})
|
|
143
144
|
}), /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
144
145
|
style: [styles.button, styles.fixedWidth, buttonStyles, needsItalicEndMarker ? styles.endFontStyleButton : null],
|
|
145
146
|
onPress: handleFontStyleMarkerInsertion('italic'),
|
|
146
147
|
children: /*#__PURE__*/_jsx(Text, {
|
|
147
|
-
style: [styles.buttonText,
|
|
148
|
+
style: [styles.buttonText, needsItalicEndMarker ? styles.endFontStyleText : null],
|
|
148
149
|
children: "Italic"
|
|
149
150
|
})
|
|
150
151
|
})]
|
|
@@ -152,11 +153,14 @@ const RichTextEditor = ({
|
|
|
152
153
|
multiline: true,
|
|
153
154
|
autoFocus: true,
|
|
154
155
|
autoCorrect: false,
|
|
155
|
-
style: [styles.input,
|
|
156
|
+
style: [styles.input, {
|
|
157
|
+
fontSize
|
|
158
|
+
}, textInputStyles],
|
|
156
159
|
onSelectionChange: e => setSelection(e.nativeEvent.selection),
|
|
157
160
|
onChangeText: handleTextChange,
|
|
158
161
|
children: /*#__PURE__*/_jsx(Render, {
|
|
159
|
-
encodedText: internalText
|
|
162
|
+
encodedText: internalText,
|
|
163
|
+
fontSize: fontSize
|
|
160
164
|
})
|
|
161
165
|
})]
|
|
162
166
|
});
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","useEffect","useRef","useCallback","StyleSheet","TextInput","TouchableOpacity","View","Text","Render","addFontStyleMarkers","addFontStyleEndMarker","addHeadlineMarker","addBulletPointMarker","Markers","jsx","_jsx","jsxs","_jsxs","debounce","func","delay","timeoutId","args","clearTimeout","setTimeout","RichTextEditor","text","externalText","onEmitText","emitTextAfterMillisecondsOfInactivity","textInputStyles","buttonStyles","internalText","setInternalText","selection","setSelection","start","end","needsBoldEndMarker","setNeedsBoldEndMarker","needsItalicEndMarker","setNeedsItalicEndMarker","debouncedEmitText","newText","current","handleTextChange","handleFontStyleMarkerInsertion","style","isBold","styles","container","children","toolbar","button","onPress","H1","buttonText","H2","H3","fixedWidth","endFontStyleButton","endFontStyleText","multiline","autoFocus","autoCorrect","input","onSelectionChange","e","nativeEvent","onChangeText","encodedText","electricBlueHex","jasperRedHex","create","flex","marginVertical","flexDirection","justifyContent","flexWrap","textAlignVertical","paddingVertical","paddingHorizontal","borderRadius","borderWidth","borderColor","backgroundColor","flexShrink","textAlign","color","width"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAEC,WAAW,QAAQ,OAAO;AAChE,SACEC,UAAU,EACVC,SAAS,EACTC,gBAAgB,EAChBC,IAAI,EACJC,IAAI,QAMC,cAAc;AACrB,SAASC,MAAM,QAAQ,2CAA4C;AACnE,SACEC,mBAAmB,EACnBC,qBAAqB,EACrBC,iBAAiB,EACjBC,oBAAoB,QACf,qEAAqE;AAC5E,SAASC,OAAO,QAAQ,2DAA2D;;AAEnF;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,MAAMC,QAAQ,GAAGA,CACfC,IAAO,EACPC,KAAa,KAC0B;EACvC,IAAIC,SAAgC,GAAG,IAAI;EAE3C,OAAO,CAAC,GAAGC,IAAmB,KAAK;IACjC,IAAID,SAAS,EAAE;MACbE,YAAY,CAACF,SAAS,CAAC;IACzB;IAEAA,SAAS,GAAGG,UAAU,CAAC,MAAM;MAC3BL,IAAI,CAAC,GAAGG,IAAI,CAAC;MACbD,SAAS,GAAG,IAAI;IAClB,CAAC,EAAED,KAAK,CAAC;EACX,CAAC;AACH,CAAC;AAED,MAAMK,cAAc,GAAGA,CAAC;EACtBC,IAAI,EAAEC,YAAY;EAClBC,UAAU;EACVC,qCAAqC,GAAG,GAAG;EAC3CC,eAAe;EACfC;
|
|
1
|
+
{"version":3,"names":["useState","useEffect","useRef","useCallback","StyleSheet","TextInput","TouchableOpacity","View","Text","Render","addFontStyleMarkers","addFontStyleEndMarker","addHeadlineMarker","addBulletPointMarker","Markers","jsx","_jsx","jsxs","_jsxs","debounce","func","delay","timeoutId","args","clearTimeout","setTimeout","RichTextEditor","text","externalText","onEmitText","emitTextAfterMillisecondsOfInactivity","textInputStyles","buttonStyles","fontSize","internalText","setInternalText","selection","setSelection","start","end","needsBoldEndMarker","setNeedsBoldEndMarker","needsItalicEndMarker","setNeedsItalicEndMarker","debouncedEmitText","newText","current","handleTextChange","handleFontStyleMarkerInsertion","style","isBold","styles","container","children","toolbar","button","onPress","H1","buttonText","H2","H3","fixedWidth","endFontStyleButton","endFontStyleText","multiline","autoFocus","autoCorrect","input","onSelectionChange","e","nativeEvent","onChangeText","encodedText","electricBlueHex","jasperRedHex","create","flex","marginVertical","flexDirection","justifyContent","flexWrap","textAlignVertical","paddingVertical","paddingHorizontal","borderRadius","borderWidth","borderColor","backgroundColor","flexShrink","textAlign","color","width"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,10 +3,13 @@
|
|
|
3
3
|
import { Text, StyleSheet } from 'react-native';
|
|
4
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
5
|
export const Bold = ({
|
|
6
|
-
children
|
|
6
|
+
children,
|
|
7
|
+
fontSize
|
|
7
8
|
}) => {
|
|
8
9
|
return /*#__PURE__*/_jsx(Text, {
|
|
9
|
-
style: styles.bold,
|
|
10
|
+
style: [styles.bold, {
|
|
11
|
+
fontSize
|
|
12
|
+
}],
|
|
10
13
|
children: children
|
|
11
14
|
});
|
|
12
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","StyleSheet","jsx","_jsx","Bold","children","style","styles","bold","create","fontWeight"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/Bold.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,OAAO,MAAMC,IAAI,GAAGA,CAAC;
|
|
1
|
+
{"version":3,"names":["Text","StyleSheet","jsx","_jsx","Bold","children","fontSize","style","styles","bold","create","fontWeight"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/Bold.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,OAAO,MAAMC,IAAI,GAAGA,CAAC;EACnBC,QAAQ;EACRC;AACwC,CAAC,KAAK;EAC9C,oBAAOH,IAAA,CAACH,IAAI;IAACO,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEH;IAAS,CAAC,CAAE;IAAAD,QAAA,EAAEA;EAAQ,CAAO,CAAC;AACpE,CAAC;AAED,MAAMG,MAAM,GAAGP,UAAU,CAACS,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,11 +5,14 @@ import { Text, StyleSheet } from 'react-native';
|
|
|
5
5
|
import { BULLET_POINT_STRING_REPRESENTATION } from "../../text-formats/unicode-markers-format/constants.js";
|
|
6
6
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
7
|
export const BulletPoint = ({
|
|
8
|
-
children
|
|
8
|
+
children,
|
|
9
|
+
fontSize
|
|
9
10
|
}) => {
|
|
10
11
|
return /*#__PURE__*/_jsxs(Fragment, {
|
|
11
12
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
12
|
-
style: styles.bullet,
|
|
13
|
+
style: [styles.bullet, {
|
|
14
|
+
fontSize
|
|
15
|
+
}],
|
|
13
16
|
children: BULLET_POINT_STRING_REPRESENTATION
|
|
14
17
|
}), /*#__PURE__*/_jsx(Text, {
|
|
15
18
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Fragment","Text","StyleSheet","BULLET_POINT_STRING_REPRESENTATION","jsx","_jsx","jsxs","_jsxs","BulletPoint","children","style","styles","bullet","create","marginRight"
|
|
1
|
+
{"version":3,"names":["Fragment","Text","StyleSheet","BULLET_POINT_STRING_REPRESENTATION","jsx","_jsx","jsxs","_jsxs","BulletPoint","children","fontSize","style","styles","bullet","create","marginRight"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/BulletPoint.tsx"],"mappings":";;AAAA,SAAiCA,QAAQ,QAAQ,OAAO;AACxD,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,kCAAkC,QAAQ,wDAAqD;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEzG,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAC1BC,QAAQ;EACRC;AACwC,CAAC,KAAK;EAC9C,oBACEH,KAAA,CAACP,QAAQ;IAAAS,QAAA,gBACPJ,IAAA,CAACJ,IAAI;MAACU,KAAK,EAAE,CAACC,MAAM,CAACC,MAAM,EAAE;QAAEH;MAAS,CAAC,CAAE;MAAAD,QAAA,EACxCN;IAAkC,CAC/B,CAAC,eACPE,IAAA,CAACJ,IAAI;MAAAQ,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAAA,CACf,CAAC;AAEf,CAAC;AAED,MAAMG,MAAM,GAAGV,UAAU,CAACY,MAAM,CAAC;EAC/BD,MAAM,EAAE;IACNE,WAAW,EAAE,CAAC;IACdL,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,10 +5,13 @@ import { Markers } from "../../text-formats/unicode-markers-format/markers.js";
|
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
export const Headline = ({
|
|
7
7
|
level,
|
|
8
|
+
fontSize = 14,
|
|
8
9
|
children
|
|
9
10
|
}) => {
|
|
10
11
|
return /*#__PURE__*/_jsx(Text, {
|
|
11
|
-
style: styles[level] ?? styles[3],
|
|
12
|
+
style: [styles[level] ?? styles[3], {
|
|
13
|
+
fontSize: (styles[level]?.fontSize ?? 18) * (fontSize / 14)
|
|
14
|
+
}],
|
|
12
15
|
children: children
|
|
13
16
|
});
|
|
14
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","StyleSheet","Markers","jsx","_jsx","Headline","level","children","style","styles","create","H1","
|
|
1
|
+
{"version":3,"names":["Text","StyleSheet","Markers","jsx","_jsx","Headline","level","fontSize","children","style","styles","create","H1","fontWeight","marginVertical","H2","H3"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/Headline.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,sDAAsD;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/E,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EACvBC,KAAK;EACLC,QAAQ,GAAG,EAAE;EACbC;AAID,CAAC,KAAK;EACL,oBACEJ,IAAA,CAACJ,IAAI;IACHS,KAAK,EAAE,CACLC,MAAM,CAACJ,KAAK,CAAC,IAAII,MAAM,CAAC,CAAC,CAAC,EAC1B;MAAEH,QAAQ,EAAE,CAACG,MAAM,CAACJ,KAAK,CAAC,EAAEC,QAAQ,IAAI,EAAE,KAAKA,QAAQ,GAAG,EAAE;IAAE,CAAC,CAC/D;IAAAC,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX,CAAC;AAED,MAAME,MAAM,GAAGT,UAAU,CAACU,MAAM,CAAC;EAC/B,CAACT,OAAO,CAACU,EAAE,GAAG;IACZL,QAAQ,EAAE,EAAE;IACZM,UAAU,EAAE,MAAM;IAClBC,cAAc,EAAE;EAClB,CAAC;EACD,CAACZ,OAAO,CAACa,EAAE,GAAG;IACZR,QAAQ,EAAE,EAAE;IACZM,UAAU,EAAE,MAAM;IAClBC,cAAc,EAAE;EAClB,CAAC;EACD,CAACZ,OAAO,CAACc,EAAE,GAAG;IACZT,QAAQ,EAAE,EAAE;IACZM,UAAU,EAAE,MAAM;IAClBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -3,10 +3,13 @@
|
|
|
3
3
|
import { Text, StyleSheet } from 'react-native';
|
|
4
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
5
|
export const Italic = ({
|
|
6
|
-
children
|
|
6
|
+
children,
|
|
7
|
+
fontSize
|
|
7
8
|
}) => {
|
|
8
9
|
return /*#__PURE__*/_jsx(Text, {
|
|
9
|
-
style: styles.italic,
|
|
10
|
+
style: [styles.italic, {
|
|
11
|
+
fontSize
|
|
12
|
+
}],
|
|
10
13
|
children: children
|
|
11
14
|
});
|
|
12
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","StyleSheet","jsx","_jsx","Italic","children","style","styles","italic","create","fontStyle"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/Italic.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,OAAO,MAAMC,MAAM,GAAGA,CAAC;
|
|
1
|
+
{"version":3,"names":["Text","StyleSheet","jsx","_jsx","Italic","children","fontSize","style","styles","italic","create","fontStyle"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/Italic.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,OAAO,MAAMC,MAAM,GAAGA,CAAC;EACrBC,QAAQ;EACRC;AACwC,CAAC,KAAK;EAC9C,oBAAOH,IAAA,CAACH,IAAI;IAACO,KAAK,EAAE,CAACC,MAAM,CAACC,MAAM,EAAE;MAAEH;IAAS,CAAC,CAAE;IAAAD,QAAA,EAAEA;EAAQ,CAAO,CAAC;AACtE,CAAC;AAED,MAAMG,MAAM,GAAGP,UAAU,CAACS,MAAM,CAAC;EAC/BD,MAAM,EAAE;IACNE,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -12,7 +12,8 @@ import { intersperse } from "../utils.js";
|
|
|
12
12
|
const bulletPointRegex = new RegExp(BULLET_POINT_STRING_REPRESENTATION.trimEnd() + ' ?', 'g'); // matches the bullet point alone or the bullet point followed by a space
|
|
13
13
|
|
|
14
14
|
export const Render = ({
|
|
15
|
-
encodedText
|
|
15
|
+
encodedText,
|
|
16
|
+
fontSize
|
|
16
17
|
}) => {
|
|
17
18
|
const lines = splitPreservingSeparator(encodedText.replaceAll(bulletPointRegex, ''), ZWS); // each BulletPoint.tsx instance adds a BULLET_POINT_STRING_REPRESENTATION, we need to remove them to avoid adding extra chars on each render
|
|
18
19
|
|
|
@@ -26,6 +27,7 @@ export const Render = ({
|
|
|
26
27
|
return /*#__PURE__*/_jsxs(Fragment, {
|
|
27
28
|
children: [/*#__PURE__*/_jsx(Headline, {
|
|
28
29
|
level: marker,
|
|
30
|
+
fontSize: fontSize,
|
|
29
31
|
children: headline
|
|
30
32
|
}), restOfLineWithoutMarkers.join('')]
|
|
31
33
|
}, i + line);
|
|
@@ -38,8 +40,12 @@ export const Render = ({
|
|
|
38
40
|
// adds newlines after split() operation
|
|
39
41
|
(bulletPoints ?? '').split('\n') // erases newlines
|
|
40
42
|
.map((bulletPointLine, j) => /*#__PURE__*/_jsx(BulletPoint, {
|
|
43
|
+
fontSize: fontSize,
|
|
41
44
|
children: bulletPointLine
|
|
42
45
|
}, j + bulletPointLine)), '\n'), paragraphs.map(p => /*#__PURE__*/_jsx(Text, {
|
|
46
|
+
style: {
|
|
47
|
+
fontSize
|
|
48
|
+
},
|
|
43
49
|
children: p
|
|
44
50
|
}, p))]
|
|
45
51
|
}, i + line);
|
|
@@ -48,12 +54,14 @@ export const Render = ({
|
|
|
48
54
|
// but for now I opt for this simpler solution.
|
|
49
55
|
// Because of the above: There must not be any other markers between Markers.BOLD_START and Markers.BOLD_END!
|
|
50
56
|
return /*#__PURE__*/_jsx(Bold, {
|
|
57
|
+
fontSize: fontSize,
|
|
51
58
|
children: line
|
|
52
59
|
}, i + line);
|
|
53
60
|
case Markers.BOLD_END:
|
|
54
61
|
break;
|
|
55
62
|
case Markers.ITALIC_START:
|
|
56
63
|
return /*#__PURE__*/_jsx(Italic, {
|
|
64
|
+
fontSize: fontSize,
|
|
57
65
|
children: line
|
|
58
66
|
}, i + line);
|
|
59
67
|
case Markers.ITALIC_END:
|
|
@@ -71,6 +79,9 @@ export const Render = ({
|
|
|
71
79
|
break;
|
|
72
80
|
}
|
|
73
81
|
return /*#__PURE__*/_jsx(Text, {
|
|
82
|
+
style: {
|
|
83
|
+
fontSize
|
|
84
|
+
},
|
|
74
85
|
children: line
|
|
75
86
|
}, i + line);
|
|
76
87
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","ZWS","MARKER_STRING_LENGTH","BULLET_POINT_STRING_REPRESENTATION","Headline","Bold","Markers","Fragment","jsx","_jsx","jsxs","_jsxs","Italic","BulletPoint","intersperse","bulletPointRegex","RegExp","trimEnd","Render","encodedText","lines","splitPreservingSeparator","replaceAll","map","line","i","marker","substring","H1","H2","H3","headline","restOfLineWithoutMarkers","children","level","join","UL","bulletPoints","paragraphs","split","bulletPointLine","j","p","BOLD_START","BOLD_END","ITALIC_START","ITALIC_END","length","str","separator","s"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/Render.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SACEC,GAAG,EACHC,oBAAoB,EACpBC,kCAAkC,QAC7B,wDAAwD;AAC/D,SAASC,QAAQ,QAAQ,eAAgB;AACzC,SAASC,IAAI,QAAQ,WAAY;AACjC,SAASC,OAAO,QAAQ,sDAAsD;AAC9E,SAASC,QAAQ,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,aAAc;AACrC,SAASC,WAAW,QAAQ,kBAAmB;AAC/C,SAASC,WAAW,QAAQ,aAAa;AAEzC,MAAMC,gBAAgB,GAAG,IAAIC,MAAM,CACjCb,kCAAkC,CAACc,OAAO,CAAC,CAAC,GAAG,IAAI,EACnD,GACF,CAAC,CAAC,CAAC;;AAEH,OAAO,MAAMC,MAAM,GAAGA,CAAC;
|
|
1
|
+
{"version":3,"names":["Text","ZWS","MARKER_STRING_LENGTH","BULLET_POINT_STRING_REPRESENTATION","Headline","Bold","Markers","Fragment","jsx","_jsx","jsxs","_jsxs","Italic","BulletPoint","intersperse","bulletPointRegex","RegExp","trimEnd","Render","encodedText","fontSize","lines","splitPreservingSeparator","replaceAll","map","line","i","marker","substring","H1","H2","H3","headline","restOfLineWithoutMarkers","children","level","join","UL","bulletPoints","paragraphs","split","bulletPointLine","j","p","style","BOLD_START","BOLD_END","ITALIC_START","ITALIC_END","length","str","separator","s"],"sourceRoot":"../../../../../src","sources":["internal/rendering/components/Render.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -30,12 +30,13 @@
|
|
|
30
30
|
*/
|
|
31
31
|
import type { Dispatch, SetStateAction } from 'react';
|
|
32
32
|
import { type TextStyle, type StyleProp, type ViewStyle } from 'react-native';
|
|
33
|
-
declare const RichTextEditor: ({ text: externalText, onEmitText, emitTextAfterMillisecondsOfInactivity, textInputStyles, buttonStyles, }: {
|
|
33
|
+
declare const RichTextEditor: ({ text: externalText, onEmitText, emitTextAfterMillisecondsOfInactivity, textInputStyles, buttonStyles, fontSize, }: {
|
|
34
34
|
text: string;
|
|
35
35
|
onEmitText: Dispatch<SetStateAction<string>>;
|
|
36
36
|
emitTextAfterMillisecondsOfInactivity?: number;
|
|
37
37
|
textInputStyles?: StyleProp<TextStyle>;
|
|
38
38
|
buttonStyles?: StyleProp<ViewStyle>;
|
|
39
|
+
fontSize?: number;
|
|
39
40
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
40
41
|
export default RichTextEditor;
|
|
41
42
|
export { RichTextEditor };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AA6BtB,QAAA,MAAM,cAAc,GAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AA6BtB,QAAA,MAAM,cAAc,GAAI,qHAOrB;IACD,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7C,qCAAqC,CAAC,EAAE,MAAM,CAAC;IAC/C,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,4CAoJA,CAAC;AAuCF,eAAe,cAAc,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import type { PropsWithChildren } from 'react';
|
|
2
|
-
export declare const Bold: ({ children }: PropsWithChildren
|
|
2
|
+
export declare const Bold: ({ children, fontSize, }: PropsWithChildren<{
|
|
3
|
+
fontSize?: number;
|
|
4
|
+
}>) => import("react/jsx-runtime").JSX.Element;
|
|
3
5
|
//# sourceMappingURL=Bold.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bold.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Bold.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,eAAO,MAAM,IAAI,GAAI,
|
|
1
|
+
{"version":3,"file":"Bold.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Bold.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,eAAO,MAAM,IAAI,GAAI,yBAGlB,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,4CAE1C,CAAC"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import { type PropsWithChildren } from 'react';
|
|
2
|
-
export declare const BulletPoint: ({ children }: PropsWithChildren
|
|
2
|
+
export declare const BulletPoint: ({ children, fontSize, }: PropsWithChildren<{
|
|
3
|
+
fontSize?: number;
|
|
4
|
+
}>) => import("react/jsx-runtime").JSX.Element;
|
|
3
5
|
//# sourceMappingURL=BulletPoint.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BulletPoint.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/BulletPoint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAIzD,eAAO,MAAM,WAAW,GAAI,
|
|
1
|
+
{"version":3,"file":"BulletPoint.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/BulletPoint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAIzD,eAAO,MAAM,WAAW,GAAI,yBAGzB,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,4CAS1C,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { type PropsWithChildren } from 'react';
|
|
2
2
|
import { Markers } from '../../text-formats/unicode-markers-format/markers.ts';
|
|
3
|
-
export declare const Headline: ({ level, children, }: PropsWithChildren<{
|
|
3
|
+
export declare const Headline: ({ level, fontSize, children, }: PropsWithChildren<{
|
|
4
4
|
level: keyof typeof styles;
|
|
5
|
+
fontSize?: number;
|
|
5
6
|
}>) => import("react/jsx-runtime").JSX.Element;
|
|
6
7
|
declare const styles: {
|
|
7
8
|
[Markers.H1]: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Headline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,sDAAsD,CAAC;AAE/E,eAAO,MAAM,QAAQ,GAAI,
|
|
1
|
+
{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Headline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,sDAAsD,CAAC;AAE/E,eAAO,MAAM,QAAQ,GAAI,gCAItB,iBAAiB,CAAC;IACnB,KAAK,EAAE,MAAM,OAAO,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,4CAWD,CAAC;AAEF,QAAA,MAAM,MAAM;IACV,CAAC,OAAO,CAAC,EAAE,CAAC;;;;MAIX;IACD,CAAC,OAAO,CAAC,EAAE,CAAC;;;;MAIX;IACD,CAAC,OAAO,CAAC,EAAE,CAAC;;;;MAIX;CACD,CAAC"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import type { PropsWithChildren } from 'react';
|
|
2
|
-
export declare const Italic: ({ children }: PropsWithChildren
|
|
2
|
+
export declare const Italic: ({ children, fontSize, }: PropsWithChildren<{
|
|
3
|
+
fontSize?: number;
|
|
4
|
+
}>) => import("react/jsx-runtime").JSX.Element;
|
|
3
5
|
//# sourceMappingURL=Italic.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Italic.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Italic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,eAAO,MAAM,MAAM,GAAI,
|
|
1
|
+
{"version":3,"file":"Italic.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Italic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,eAAO,MAAM,MAAM,GAAI,yBAGpB,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,4CAE1C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Render.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Render.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,MAAM,GAAI,
|
|
1
|
+
{"version":3,"file":"Render.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Render.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,MAAM,GAAI,4BAGpB;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,qDAwFA,CAAC"}
|
|
@@ -30,12 +30,13 @@
|
|
|
30
30
|
*/
|
|
31
31
|
import type { Dispatch, SetStateAction } from 'react';
|
|
32
32
|
import { type TextStyle, type StyleProp, type ViewStyle } from 'react-native';
|
|
33
|
-
declare const RichTextEditor: ({ text: externalText, onEmitText, emitTextAfterMillisecondsOfInactivity, textInputStyles, buttonStyles, }: {
|
|
33
|
+
declare const RichTextEditor: ({ text: externalText, onEmitText, emitTextAfterMillisecondsOfInactivity, textInputStyles, buttonStyles, fontSize, }: {
|
|
34
34
|
text: string;
|
|
35
35
|
onEmitText: Dispatch<SetStateAction<string>>;
|
|
36
36
|
emitTextAfterMillisecondsOfInactivity?: number;
|
|
37
37
|
textInputStyles?: StyleProp<TextStyle>;
|
|
38
38
|
buttonStyles?: StyleProp<ViewStyle>;
|
|
39
|
+
fontSize?: number;
|
|
39
40
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
40
41
|
export default RichTextEditor;
|
|
41
42
|
export { RichTextEditor };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AA6BtB,QAAA,MAAM,cAAc,GAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AA6BtB,QAAA,MAAM,cAAc,GAAI,qHAOrB;IACD,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7C,qCAAqC,CAAC,EAAE,MAAM,CAAC;IAC/C,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,4CAoJA,CAAC;AAuCF,eAAe,cAAc,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import type { PropsWithChildren } from 'react';
|
|
2
|
-
export declare const Bold: ({ children }: PropsWithChildren
|
|
2
|
+
export declare const Bold: ({ children, fontSize, }: PropsWithChildren<{
|
|
3
|
+
fontSize?: number;
|
|
4
|
+
}>) => import("react/jsx-runtime").JSX.Element;
|
|
3
5
|
//# sourceMappingURL=Bold.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bold.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Bold.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,eAAO,MAAM,IAAI,GAAI,
|
|
1
|
+
{"version":3,"file":"Bold.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Bold.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,eAAO,MAAM,IAAI,GAAI,yBAGlB,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,4CAE1C,CAAC"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import { type PropsWithChildren } from 'react';
|
|
2
|
-
export declare const BulletPoint: ({ children }: PropsWithChildren
|
|
2
|
+
export declare const BulletPoint: ({ children, fontSize, }: PropsWithChildren<{
|
|
3
|
+
fontSize?: number;
|
|
4
|
+
}>) => import("react/jsx-runtime").JSX.Element;
|
|
3
5
|
//# sourceMappingURL=BulletPoint.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BulletPoint.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/BulletPoint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAIzD,eAAO,MAAM,WAAW,GAAI,
|
|
1
|
+
{"version":3,"file":"BulletPoint.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/BulletPoint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAIzD,eAAO,MAAM,WAAW,GAAI,yBAGzB,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,4CAS1C,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { type PropsWithChildren } from 'react';
|
|
2
2
|
import { Markers } from '../../text-formats/unicode-markers-format/markers.ts';
|
|
3
|
-
export declare const Headline: ({ level, children, }: PropsWithChildren<{
|
|
3
|
+
export declare const Headline: ({ level, fontSize, children, }: PropsWithChildren<{
|
|
4
4
|
level: keyof typeof styles;
|
|
5
|
+
fontSize?: number;
|
|
5
6
|
}>) => import("react/jsx-runtime").JSX.Element;
|
|
6
7
|
declare const styles: {
|
|
7
8
|
[Markers.H1]: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Headline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,sDAAsD,CAAC;AAE/E,eAAO,MAAM,QAAQ,GAAI,
|
|
1
|
+
{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Headline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,sDAAsD,CAAC;AAE/E,eAAO,MAAM,QAAQ,GAAI,gCAItB,iBAAiB,CAAC;IACnB,KAAK,EAAE,MAAM,OAAO,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,4CAWD,CAAC;AAEF,QAAA,MAAM,MAAM;IACV,CAAC,OAAO,CAAC,EAAE,CAAC;;;;MAIX;IACD,CAAC,OAAO,CAAC,EAAE,CAAC;;;;MAIX;IACD,CAAC,OAAO,CAAC,EAAE,CAAC;;;;MAIX;CACD,CAAC"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import type { PropsWithChildren } from 'react';
|
|
2
|
-
export declare const Italic: ({ children }: PropsWithChildren
|
|
2
|
+
export declare const Italic: ({ children, fontSize, }: PropsWithChildren<{
|
|
3
|
+
fontSize?: number;
|
|
4
|
+
}>) => import("react/jsx-runtime").JSX.Element;
|
|
3
5
|
//# sourceMappingURL=Italic.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Italic.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Italic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,eAAO,MAAM,MAAM,GAAI,
|
|
1
|
+
{"version":3,"file":"Italic.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Italic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,eAAO,MAAM,MAAM,GAAI,yBAGpB,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,4CAE1C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Render.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Render.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,MAAM,GAAI,
|
|
1
|
+
{"version":3,"file":"Render.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/rendering/components/Render.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,MAAM,GAAI,4BAGpB;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,qDAwFA,CAAC"}
|
package/package.json
CHANGED
package/src/index.tsx
CHANGED
|
@@ -76,12 +76,14 @@ const RichTextEditor = ({
|
|
|
76
76
|
emitTextAfterMillisecondsOfInactivity = 500,
|
|
77
77
|
textInputStyles,
|
|
78
78
|
buttonStyles,
|
|
79
|
+
fontSize,
|
|
79
80
|
}: {
|
|
80
81
|
text: string;
|
|
81
82
|
onEmitText: Dispatch<SetStateAction<string>>;
|
|
82
83
|
emitTextAfterMillisecondsOfInactivity?: number;
|
|
83
84
|
textInputStyles?: StyleProp<TextStyle>;
|
|
84
85
|
buttonStyles?: StyleProp<ViewStyle>;
|
|
86
|
+
fontSize?: number;
|
|
85
87
|
}) => {
|
|
86
88
|
// Internal state to track the current text value
|
|
87
89
|
const [internalText, setInternalText] = useState(externalText);
|
|
@@ -191,7 +193,6 @@ const RichTextEditor = ({
|
|
|
191
193
|
<Text
|
|
192
194
|
style={[
|
|
193
195
|
styles.buttonText,
|
|
194
|
-
buttonStyles,
|
|
195
196
|
needsBoldEndMarker ? styles.endFontStyleText : null,
|
|
196
197
|
]}
|
|
197
198
|
>
|
|
@@ -210,7 +211,6 @@ const RichTextEditor = ({
|
|
|
210
211
|
<Text
|
|
211
212
|
style={[
|
|
212
213
|
styles.buttonText,
|
|
213
|
-
buttonStyles,
|
|
214
214
|
needsItalicEndMarker ? styles.endFontStyleText : null,
|
|
215
215
|
]}
|
|
216
216
|
>
|
|
@@ -222,13 +222,13 @@ const RichTextEditor = ({
|
|
|
222
222
|
multiline
|
|
223
223
|
autoFocus
|
|
224
224
|
autoCorrect={false}
|
|
225
|
-
style={[styles.input, textInputStyles]}
|
|
225
|
+
style={[styles.input, { fontSize }, textInputStyles]}
|
|
226
226
|
onSelectionChange={(
|
|
227
227
|
e: NativeSyntheticEvent<TextInputSelectionChangeEventData>
|
|
228
228
|
) => setSelection(e.nativeEvent.selection)}
|
|
229
229
|
onChangeText={handleTextChange}
|
|
230
230
|
>
|
|
231
|
-
<Render encodedText={internalText} />
|
|
231
|
+
<Render encodedText={internalText} fontSize={fontSize} />
|
|
232
232
|
</TextInput>
|
|
233
233
|
</View>
|
|
234
234
|
);
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import type { PropsWithChildren } from 'react';
|
|
2
2
|
import { Text, StyleSheet } from 'react-native';
|
|
3
3
|
|
|
4
|
-
export const Bold = ({
|
|
5
|
-
|
|
4
|
+
export const Bold = ({
|
|
5
|
+
children,
|
|
6
|
+
fontSize,
|
|
7
|
+
}: PropsWithChildren<{ fontSize?: number }>) => {
|
|
8
|
+
return <Text style={[styles.bold, { fontSize }]}>{children}</Text>;
|
|
6
9
|
};
|
|
7
10
|
|
|
8
11
|
const styles = StyleSheet.create({
|
|
@@ -2,10 +2,15 @@ import { type PropsWithChildren, Fragment } from 'react';
|
|
|
2
2
|
import { Text, StyleSheet } from 'react-native';
|
|
3
3
|
import { BULLET_POINT_STRING_REPRESENTATION } from '../../text-formats/unicode-markers-format/constants';
|
|
4
4
|
|
|
5
|
-
export const BulletPoint = ({
|
|
5
|
+
export const BulletPoint = ({
|
|
6
|
+
children,
|
|
7
|
+
fontSize,
|
|
8
|
+
}: PropsWithChildren<{ fontSize?: number }>) => {
|
|
6
9
|
return (
|
|
7
10
|
<Fragment>
|
|
8
|
-
<Text style={styles.bullet
|
|
11
|
+
<Text style={[styles.bullet, { fontSize }]}>
|
|
12
|
+
{BULLET_POINT_STRING_REPRESENTATION}
|
|
13
|
+
</Text>
|
|
9
14
|
<Text>{children}</Text>
|
|
10
15
|
</Fragment>
|
|
11
16
|
);
|
|
@@ -1,15 +1,24 @@
|
|
|
1
1
|
import { type PropsWithChildren } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { Text, StyleSheet } from 'react-native';
|
|
3
3
|
import { Markers } from '../../text-formats/unicode-markers-format/markers.ts';
|
|
4
4
|
|
|
5
5
|
export const Headline = ({
|
|
6
6
|
level,
|
|
7
|
+
fontSize = 14,
|
|
7
8
|
children,
|
|
8
9
|
}: PropsWithChildren<{
|
|
9
10
|
level: keyof typeof styles;
|
|
11
|
+
fontSize?: number;
|
|
10
12
|
}>) => {
|
|
11
13
|
return (
|
|
12
|
-
<Text
|
|
14
|
+
<Text
|
|
15
|
+
style={[
|
|
16
|
+
styles[level] ?? styles[3],
|
|
17
|
+
{ fontSize: (styles[level]?.fontSize ?? 18) * (fontSize / 14) },
|
|
18
|
+
]}
|
|
19
|
+
>
|
|
20
|
+
{children}
|
|
21
|
+
</Text>
|
|
13
22
|
);
|
|
14
23
|
};
|
|
15
24
|
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import type { PropsWithChildren } from 'react';
|
|
2
2
|
import { Text, StyleSheet } from 'react-native';
|
|
3
3
|
|
|
4
|
-
export const Italic = ({
|
|
5
|
-
|
|
4
|
+
export const Italic = ({
|
|
5
|
+
children,
|
|
6
|
+
fontSize,
|
|
7
|
+
}: PropsWithChildren<{ fontSize?: number }>) => {
|
|
8
|
+
return <Text style={[styles.italic, { fontSize }]}>{children}</Text>;
|
|
6
9
|
};
|
|
7
10
|
|
|
8
11
|
const styles = StyleSheet.create({
|
|
@@ -17,7 +17,13 @@ const bulletPointRegex = new RegExp(
|
|
|
17
17
|
'g'
|
|
18
18
|
); // matches the bullet point alone or the bullet point followed by a space
|
|
19
19
|
|
|
20
|
-
export const Render = ({
|
|
20
|
+
export const Render = ({
|
|
21
|
+
encodedText,
|
|
22
|
+
fontSize,
|
|
23
|
+
}: {
|
|
24
|
+
encodedText: string;
|
|
25
|
+
fontSize?: number;
|
|
26
|
+
}) => {
|
|
21
27
|
const lines = splitPreservingSeparator(
|
|
22
28
|
encodedText.replaceAll(bulletPointRegex, ''),
|
|
23
29
|
ZWS
|
|
@@ -33,7 +39,9 @@ export const Render = ({ encodedText }: { encodedText: string }) => {
|
|
|
33
39
|
splitPreservingSeparator(line, '\n');
|
|
34
40
|
return (
|
|
35
41
|
<Fragment key={i + line}>
|
|
36
|
-
<Headline level={marker}
|
|
42
|
+
<Headline level={marker} fontSize={fontSize}>
|
|
43
|
+
{headline}
|
|
44
|
+
</Headline>
|
|
37
45
|
{restOfLineWithoutMarkers.join('')}
|
|
38
46
|
</Fragment>
|
|
39
47
|
);
|
|
@@ -52,14 +60,16 @@ export const Render = ({ encodedText }: { encodedText: string }) => {
|
|
|
52
60
|
(bulletPoints ?? '')
|
|
53
61
|
.split('\n') // erases newlines
|
|
54
62
|
.map((bulletPointLine, j) => (
|
|
55
|
-
<BulletPoint key={j + bulletPointLine}>
|
|
63
|
+
<BulletPoint key={j + bulletPointLine} fontSize={fontSize}>
|
|
56
64
|
{bulletPointLine}
|
|
57
65
|
</BulletPoint>
|
|
58
66
|
)),
|
|
59
67
|
'\n'
|
|
60
68
|
)}
|
|
61
69
|
{paragraphs.map((p) => (
|
|
62
|
-
<Text key={p}
|
|
70
|
+
<Text key={p} style={{ fontSize }}>
|
|
71
|
+
{p}
|
|
72
|
+
</Text>
|
|
63
73
|
))}
|
|
64
74
|
</Fragment>
|
|
65
75
|
);
|
|
@@ -67,11 +77,19 @@ export const Render = ({ encodedText }: { encodedText: string }) => {
|
|
|
67
77
|
// NOTE: We could check if lines[i+1] starts with a BOLD_END marker
|
|
68
78
|
// but for now I opt for this simpler solution.
|
|
69
79
|
// Because of the above: There must not be any other markers between Markers.BOLD_START and Markers.BOLD_END!
|
|
70
|
-
return
|
|
80
|
+
return (
|
|
81
|
+
<Bold key={i + line} fontSize={fontSize}>
|
|
82
|
+
{line}
|
|
83
|
+
</Bold>
|
|
84
|
+
);
|
|
71
85
|
case Markers.BOLD_END:
|
|
72
86
|
break;
|
|
73
87
|
case Markers.ITALIC_START:
|
|
74
|
-
return
|
|
88
|
+
return (
|
|
89
|
+
<Italic key={i + line} fontSize={fontSize}>
|
|
90
|
+
{line}
|
|
91
|
+
</Italic>
|
|
92
|
+
);
|
|
75
93
|
case Markers.ITALIC_END:
|
|
76
94
|
break;
|
|
77
95
|
default:
|
|
@@ -87,7 +105,11 @@ export const Render = ({ encodedText }: { encodedText: string }) => {
|
|
|
87
105
|
break;
|
|
88
106
|
}
|
|
89
107
|
|
|
90
|
-
return
|
|
108
|
+
return (
|
|
109
|
+
<Text key={i + line} style={{ fontSize }}>
|
|
110
|
+
{line}
|
|
111
|
+
</Text>
|
|
112
|
+
);
|
|
91
113
|
});
|
|
92
114
|
};
|
|
93
115
|
|