react-native-richify 1.0.0 → 1.0.1
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/package.json +11 -10
- package/src/components/OverlayText.d.ts +1 -1
- package/src/components/OverlayText.tsx +3 -3
- package/src/components/RichTextInput.d.ts +1 -1
- package/src/components/RichTextInput.tsx +6 -6
- package/src/components/Toolbar.tsx +3 -3
- package/src/components/ToolbarButton.tsx +7 -7
- package/src/constants/defaultStyles.ts +1 -1
- package/src/context/RichTextContext.d.ts +2 -2
- package/src/context/RichTextContext.tsx +3 -3
- package/src/hooks/useFormatting.d.ts +2 -2
- package/src/hooks/useFormatting.ts +2 -2
- package/src/hooks/useRichText.d.ts +1 -1
- package/src/hooks/useRichText.ts +5 -5
- package/src/hooks/useSelection.d.ts +1 -1
- package/src/hooks/useSelection.ts +1 -1
- package/src/index.d.ts +15 -15
- package/src/index.ts +15 -15
- package/lib/commonjs/components/OverlayText.d.js +0 -6
- package/lib/commonjs/components/OverlayText.d.js.map +0 -1
- package/lib/commonjs/components/OverlayText.js +0 -45
- package/lib/commonjs/components/OverlayText.js.map +0 -1
- package/lib/commonjs/components/RichTextInput.d.js +0 -6
- package/lib/commonjs/components/RichTextInput.d.js.map +0 -1
- package/lib/commonjs/components/RichTextInput.js +0 -160
- package/lib/commonjs/components/RichTextInput.js.map +0 -1
- package/lib/commonjs/components/Toolbar.d.js +0 -6
- package/lib/commonjs/components/Toolbar.d.js.map +0 -1
- package/lib/commonjs/components/Toolbar.js +0 -99
- package/lib/commonjs/components/Toolbar.js.map +0 -1
- package/lib/commonjs/components/ToolbarButton.d.js +0 -6
- package/lib/commonjs/components/ToolbarButton.d.js.map +0 -1
- package/lib/commonjs/components/ToolbarButton.js +0 -63
- package/lib/commonjs/components/ToolbarButton.js.map +0 -1
- package/lib/commonjs/constants/defaultStyles.d.js +0 -6
- package/lib/commonjs/constants/defaultStyles.d.js.map +0 -1
- package/lib/commonjs/constants/defaultStyles.js +0 -172
- package/lib/commonjs/constants/defaultStyles.js.map +0 -1
- package/lib/commonjs/context/RichTextContext.d.js +0 -6
- package/lib/commonjs/context/RichTextContext.d.js.map +0 -1
- package/lib/commonjs/context/RichTextContext.js +0 -61
- package/lib/commonjs/context/RichTextContext.js.map +0 -1
- package/lib/commonjs/hooks/useFormatting.d.js +0 -6
- package/lib/commonjs/hooks/useFormatting.d.js.map +0 -1
- package/lib/commonjs/hooks/useFormatting.js +0 -82
- package/lib/commonjs/hooks/useFormatting.js.map +0 -1
- package/lib/commonjs/hooks/useRichText.d.js +0 -6
- package/lib/commonjs/hooks/useRichText.d.js.map +0 -1
- package/lib/commonjs/hooks/useRichText.js +0 -136
- package/lib/commonjs/hooks/useRichText.js.map +0 -1
- package/lib/commonjs/hooks/useSelection.d.js +0 -6
- package/lib/commonjs/hooks/useSelection.d.js.map +0 -1
- package/lib/commonjs/hooks/useSelection.js +0 -39
- package/lib/commonjs/hooks/useSelection.js.map +0 -1
- package/lib/commonjs/index.d.js +0 -186
- package/lib/commonjs/index.d.js.map +0 -1
- package/lib/commonjs/index.js +0 -186
- package/lib/commonjs/index.js.map +0 -1
- package/lib/commonjs/package.json +0 -1
- package/lib/commonjs/types/index.d.js +0 -6
- package/lib/commonjs/types/index.d.js.map +0 -1
- package/lib/commonjs/types/index.js +0 -6
- package/lib/commonjs/types/index.js.map +0 -1
- package/lib/commonjs/utils/formatter.d.js +0 -13
- package/lib/commonjs/utils/formatter.d.js.map +0 -1
- package/lib/commonjs/utils/formatter.js +0 -229
- package/lib/commonjs/utils/formatter.js.map +0 -1
- package/lib/commonjs/utils/parser.d.js +0 -6
- package/lib/commonjs/utils/parser.d.js.map +0 -1
- package/lib/commonjs/utils/parser.js +0 -221
- package/lib/commonjs/utils/parser.js.map +0 -1
- package/lib/commonjs/utils/styleMapper.d.js +0 -6
- package/lib/commonjs/utils/styleMapper.d.js.map +0 -1
- package/lib/commonjs/utils/styleMapper.js +0 -87
- package/lib/commonjs/utils/styleMapper.js.map +0 -1
- package/lib/module/components/OverlayText.d.js +0 -4
- package/lib/module/components/OverlayText.d.js.map +0 -1
- package/lib/module/components/OverlayText.js +0 -41
- package/lib/module/components/OverlayText.js.map +0 -1
- package/lib/module/components/RichTextInput.d.js +0 -4
- package/lib/module/components/RichTextInput.d.js.map +0 -1
- package/lib/module/components/RichTextInput.js +0 -155
- package/lib/module/components/RichTextInput.js.map +0 -1
- package/lib/module/components/Toolbar.d.js +0 -4
- package/lib/module/components/Toolbar.d.js.map +0 -1
- package/lib/module/components/Toolbar.js +0 -95
- package/lib/module/components/Toolbar.js.map +0 -1
- package/lib/module/components/ToolbarButton.d.js +0 -4
- package/lib/module/components/ToolbarButton.d.js.map +0 -1
- package/lib/module/components/ToolbarButton.js +0 -59
- package/lib/module/components/ToolbarButton.js.map +0 -1
- package/lib/module/constants/defaultStyles.d.js +0 -4
- package/lib/module/constants/defaultStyles.d.js.map +0 -1
- package/lib/module/constants/defaultStyles.js +0 -168
- package/lib/module/constants/defaultStyles.js.map +0 -1
- package/lib/module/context/RichTextContext.d.js +0 -4
- package/lib/module/context/RichTextContext.d.js.map +0 -1
- package/lib/module/context/RichTextContext.js +0 -55
- package/lib/module/context/RichTextContext.js.map +0 -1
- package/lib/module/hooks/useFormatting.d.js +0 -11
- package/lib/module/hooks/useFormatting.d.js.map +0 -1
- package/lib/module/hooks/useFormatting.js +0 -78
- package/lib/module/hooks/useFormatting.js.map +0 -1
- package/lib/module/hooks/useRichText.d.js +0 -4
- package/lib/module/hooks/useRichText.d.js.map +0 -1
- package/lib/module/hooks/useRichText.js +0 -132
- package/lib/module/hooks/useRichText.js.map +0 -1
- package/lib/module/hooks/useSelection.d.js +0 -4
- package/lib/module/hooks/useSelection.d.js.map +0 -1
- package/lib/module/hooks/useSelection.js +0 -35
- package/lib/module/hooks/useSelection.js.map +0 -1
- package/lib/module/index.d.js +0 -15
- package/lib/module/index.d.js.map +0 -1
- package/lib/module/index.js +0 -25
- package/lib/module/index.js.map +0 -1
- package/lib/module/types/index.d.js +0 -4
- package/lib/module/types/index.d.js.map +0 -1
- package/lib/module/types/index.js +0 -4
- package/lib/module/types/index.js.map +0 -1
- package/lib/module/utils/formatter.d.js +0 -30
- package/lib/module/utils/formatter.d.js.map +0 -1
- package/lib/module/utils/formatter.js +0 -217
- package/lib/module/utils/formatter.js.map +0 -1
- package/lib/module/utils/parser.d.js +0 -4
- package/lib/module/utils/parser.d.js.map +0 -1
- package/lib/module/utils/parser.js +0 -211
- package/lib/module/utils/parser.js.map +0 -1
- package/lib/module/utils/styleMapper.d.js +0 -4
- package/lib/module/utils/styleMapper.d.js.map +0 -1
- package/lib/module/utils/styleMapper.js +0 -82
- package/lib/module/utils/styleMapper.js.map +0 -1
- package/lib/typescript/src/components/OverlayText.d.ts +0 -11
- package/lib/typescript/src/components/OverlayText.d.ts.map +0 -1
- package/lib/typescript/src/components/RichTextInput.d.ts +0 -21
- package/lib/typescript/src/components/RichTextInput.d.ts.map +0 -1
- package/lib/typescript/src/components/Toolbar.d.ts +0 -13
- package/lib/typescript/src/components/Toolbar.d.ts.map +0 -1
- package/lib/typescript/src/components/ToolbarButton.d.ts +0 -8
- package/lib/typescript/src/components/ToolbarButton.d.ts.map +0 -1
- package/lib/typescript/src/constants/defaultStyles.d.ts +0 -46
- package/lib/typescript/src/constants/defaultStyles.d.ts.map +0 -1
- package/lib/typescript/src/context/RichTextContext.d.ts +0 -31
- package/lib/typescript/src/context/RichTextContext.d.ts.map +0 -1
- package/lib/typescript/src/hooks/useFormatting.d.ts +0 -26
- package/lib/typescript/src/hooks/useFormatting.d.ts.map +0 -1
- package/lib/typescript/src/hooks/useRichText.d.ts +0 -17
- package/lib/typescript/src/hooks/useRichText.d.ts.map +0 -1
- package/lib/typescript/src/hooks/useSelection.d.ts +0 -14
- package/lib/typescript/src/hooks/useSelection.d.ts.map +0 -1
- package/lib/typescript/src/index.d.ts +0 -16
- package/lib/typescript/src/index.d.ts.map +0 -1
- package/lib/typescript/src/types/index.d.ts +0 -245
- package/lib/typescript/src/types/index.d.ts.map +0 -1
- package/lib/typescript/src/utils/formatter.d.ts +0 -29
- package/lib/typescript/src/utils/formatter.d.ts.map +0 -1
- package/lib/typescript/src/utils/parser.d.ts +0 -46
- package/lib/typescript/src/utils/parser.d.ts.map +0 -1
- package/lib/typescript/src/utils/styleMapper.d.ts +0 -16
- package/lib/typescript/src/utils/styleMapper.d.ts.map +0 -1
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Toolbar = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _defaultStyles = require("@/constants/defaultStyles");
|
|
10
|
-
var _ToolbarButton = require("@/components/ToolbarButton");
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
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); }
|
|
13
|
-
/**
|
|
14
|
-
* Formatting toolbar for the rich text editor.
|
|
15
|
-
*
|
|
16
|
-
* Supports:
|
|
17
|
-
* - Default toolbar items (bold, italic, underline, etc.)
|
|
18
|
-
* - Custom toolbar items via the `items` prop
|
|
19
|
-
* - Fully custom rendering via `renderToolbar`
|
|
20
|
-
* - Horizontal scrolling for overflow
|
|
21
|
-
*/
|
|
22
|
-
const Toolbar = exports.Toolbar = /*#__PURE__*/_react.default.memo(({
|
|
23
|
-
actions,
|
|
24
|
-
state,
|
|
25
|
-
items,
|
|
26
|
-
theme,
|
|
27
|
-
visible = true,
|
|
28
|
-
renderToolbar
|
|
29
|
-
}) => {
|
|
30
|
-
const resolvedTheme = theme ?? _defaultStyles.DEFAULT_THEME;
|
|
31
|
-
const toolbarItems = items ?? _defaultStyles.DEFAULT_TOOLBAR_ITEMS;
|
|
32
|
-
|
|
33
|
-
// Compute active state for each item
|
|
34
|
-
const enrichedItems = (0, _react.useMemo)(() => {
|
|
35
|
-
return toolbarItems.map(item => {
|
|
36
|
-
let isActive = false;
|
|
37
|
-
if (item.format) {
|
|
38
|
-
// Check if the format is currently active
|
|
39
|
-
const {
|
|
40
|
-
activeStyles
|
|
41
|
-
} = state;
|
|
42
|
-
isActive = !!activeStyles[item.format];
|
|
43
|
-
}
|
|
44
|
-
if (item.heading) {
|
|
45
|
-
isActive = state.activeStyles.heading === item.heading;
|
|
46
|
-
}
|
|
47
|
-
return {
|
|
48
|
-
...item,
|
|
49
|
-
active: item.active ?? isActive
|
|
50
|
-
};
|
|
51
|
-
});
|
|
52
|
-
}, [toolbarItems, state]);
|
|
53
|
-
|
|
54
|
-
// Custom render
|
|
55
|
-
if (renderToolbar) {
|
|
56
|
-
return renderToolbar({
|
|
57
|
-
items: enrichedItems,
|
|
58
|
-
state,
|
|
59
|
-
actions
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
if (!visible) {
|
|
63
|
-
return null;
|
|
64
|
-
}
|
|
65
|
-
const toolbarStyle = [resolvedTheme.toolbarStyle ?? _defaultStyles.DEFAULT_THEME.toolbarStyle];
|
|
66
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
67
|
-
style: toolbarStyle,
|
|
68
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
|
|
69
|
-
horizontal: true,
|
|
70
|
-
showsHorizontalScrollIndicator: false,
|
|
71
|
-
keyboardShouldPersistTaps: "always",
|
|
72
|
-
contentContainerStyle: styles.scrollContent,
|
|
73
|
-
children: enrichedItems.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolbarButton.ToolbarButton, {
|
|
74
|
-
label: item.label,
|
|
75
|
-
active: !!item.active,
|
|
76
|
-
theme: resolvedTheme,
|
|
77
|
-
renderButton: item.renderButton,
|
|
78
|
-
onPress: () => {
|
|
79
|
-
if (item.onPress) {
|
|
80
|
-
item.onPress();
|
|
81
|
-
} else if (item.format) {
|
|
82
|
-
actions.toggleFormat(item.format);
|
|
83
|
-
} else if (item.heading) {
|
|
84
|
-
actions.setHeading(item.heading);
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}, item.id))
|
|
88
|
-
})
|
|
89
|
-
});
|
|
90
|
-
});
|
|
91
|
-
Toolbar.displayName = 'Toolbar';
|
|
92
|
-
const styles = _reactNative.StyleSheet.create({
|
|
93
|
-
scrollContent: {
|
|
94
|
-
flexDirection: 'row',
|
|
95
|
-
alignItems: 'center',
|
|
96
|
-
gap: 2
|
|
97
|
-
}
|
|
98
|
-
});
|
|
99
|
-
//# sourceMappingURL=Toolbar.js.map
|
|
@@ -1 +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","map","item","isActive","format","activeStyles","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":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["components/ToolbarButton.d.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ToolbarButton = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _defaultStyles = require("@/constants/defaultStyles");
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
/**
|
|
13
|
-
* A single toolbar button that toggles a formatting option.
|
|
14
|
-
* Supports custom rendering via the `renderButton` prop.
|
|
15
|
-
*/
|
|
16
|
-
const ToolbarButton = exports.ToolbarButton = /*#__PURE__*/_react.default.memo(({
|
|
17
|
-
label,
|
|
18
|
-
active,
|
|
19
|
-
onPress,
|
|
20
|
-
theme,
|
|
21
|
-
renderButton
|
|
22
|
-
}) => {
|
|
23
|
-
// Custom render
|
|
24
|
-
if (renderButton) {
|
|
25
|
-
return renderButton({
|
|
26
|
-
active,
|
|
27
|
-
onPress,
|
|
28
|
-
label
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
const resolvedTheme = theme ?? _defaultStyles.DEFAULT_THEME;
|
|
32
|
-
const buttonStyle = [resolvedTheme.toolbarButtonStyle ?? _defaultStyles.DEFAULT_THEME.toolbarButtonStyle, active && (resolvedTheme.toolbarButtonActiveStyle ?? _defaultStyles.DEFAULT_THEME.toolbarButtonActiveStyle)];
|
|
33
|
-
const textStyle = [resolvedTheme.toolbarButtonTextStyle ?? _defaultStyles.DEFAULT_THEME.toolbarButtonTextStyle, active && (resolvedTheme.toolbarButtonActiveTextStyle ?? _defaultStyles.DEFAULT_THEME.toolbarButtonActiveTextStyle),
|
|
34
|
-
// Make italic button actually italic, bold button actually bold, etc.
|
|
35
|
-
label === 'I' && styles.italicLabel, label === 'U' && styles.underlineLabel, label === 'S' && styles.strikethroughLabel];
|
|
36
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
37
|
-
style: buttonStyle,
|
|
38
|
-
onPress: onPress,
|
|
39
|
-
activeOpacity: 0.7,
|
|
40
|
-
accessibilityRole: "button",
|
|
41
|
-
accessibilityLabel: `Format ${label}`,
|
|
42
|
-
accessibilityState: {
|
|
43
|
-
selected: active
|
|
44
|
-
},
|
|
45
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
46
|
-
style: textStyle,
|
|
47
|
-
children: label
|
|
48
|
-
})
|
|
49
|
-
});
|
|
50
|
-
});
|
|
51
|
-
ToolbarButton.displayName = 'ToolbarButton';
|
|
52
|
-
const styles = _reactNative.StyleSheet.create({
|
|
53
|
-
italicLabel: {
|
|
54
|
-
fontStyle: 'italic'
|
|
55
|
-
},
|
|
56
|
-
underlineLabel: {
|
|
57
|
-
textDecorationLine: 'underline'
|
|
58
|
-
},
|
|
59
|
-
strikethroughLabel: {
|
|
60
|
-
textDecorationLine: 'line-through'
|
|
61
|
-
}
|
|
62
|
-
});
|
|
63
|
-
//# sourceMappingURL=ToolbarButton.js.map
|
|
@@ -1 +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;AAA0D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1D;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,KACHI,aAAa,CAACI,wBAAwB,IACrCH,4BAAa,CAACG,wBAAwB,CAAC,CAC5C;EAED,MAAMC,SAAS,GAAG,CAChBL,aAAa,CAACM,sBAAsB,IAClCL,4BAAa,CAACK,sBAAsB,EACtCV,MAAM,KACHI,aAAa,CAACO,4BAA4B,IACzCN,4BAAa,CAACM,4BAA4B,CAAC;EAC/C;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":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["constants/defaultStyles.d.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1,172 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
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;
|
|
7
|
-
/**
|
|
8
|
-
* Default color palette used throughout the editor.
|
|
9
|
-
*/
|
|
10
|
-
const DEFAULT_COLORS = exports.DEFAULT_COLORS = {
|
|
11
|
-
primary: '#6366F1',
|
|
12
|
-
background: '#FFFFFF',
|
|
13
|
-
text: '#1F2937',
|
|
14
|
-
placeholder: '#9CA3AF',
|
|
15
|
-
toolbarBackground: '#F9FAFB',
|
|
16
|
-
toolbarBorder: '#E5E7EB',
|
|
17
|
-
cursor: '#6366F1',
|
|
18
|
-
activeButtonBg: '#EEF2FF',
|
|
19
|
-
codeBackground: '#F3F4F6'
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Font size presets for heading levels.
|
|
24
|
-
*/
|
|
25
|
-
const HEADING_FONT_SIZES = exports.HEADING_FONT_SIZES = {
|
|
26
|
-
h1: 32,
|
|
27
|
-
h2: 24,
|
|
28
|
-
h3: 20,
|
|
29
|
-
none: 16
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* Default base text style applied to all segments.
|
|
34
|
-
*/
|
|
35
|
-
const DEFAULT_BASE_TEXT_STYLE = exports.DEFAULT_BASE_TEXT_STYLE = {
|
|
36
|
-
fontSize: 16,
|
|
37
|
-
lineHeight: 24,
|
|
38
|
-
color: DEFAULT_COLORS.text,
|
|
39
|
-
fontFamily: undefined // Uses system default
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
/**
|
|
43
|
-
* Empty format style — no formatting applied.
|
|
44
|
-
*/
|
|
45
|
-
const EMPTY_FORMAT_STYLE = exports.EMPTY_FORMAT_STYLE = {
|
|
46
|
-
bold: false,
|
|
47
|
-
italic: false,
|
|
48
|
-
underline: false,
|
|
49
|
-
strikethrough: false,
|
|
50
|
-
code: false,
|
|
51
|
-
color: undefined,
|
|
52
|
-
backgroundColor: undefined,
|
|
53
|
-
fontSize: undefined,
|
|
54
|
-
heading: undefined
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
/**
|
|
58
|
-
* Default theme configuration.
|
|
59
|
-
*/
|
|
60
|
-
const DEFAULT_THEME = exports.DEFAULT_THEME = {
|
|
61
|
-
containerStyle: {
|
|
62
|
-
borderWidth: 1,
|
|
63
|
-
borderColor: DEFAULT_COLORS.toolbarBorder,
|
|
64
|
-
borderRadius: 12,
|
|
65
|
-
backgroundColor: DEFAULT_COLORS.background,
|
|
66
|
-
overflow: 'hidden'
|
|
67
|
-
},
|
|
68
|
-
inputStyle: {
|
|
69
|
-
fontSize: DEFAULT_BASE_TEXT_STYLE.fontSize,
|
|
70
|
-
lineHeight: DEFAULT_BASE_TEXT_STYLE.lineHeight,
|
|
71
|
-
color: 'transparent',
|
|
72
|
-
paddingHorizontal: 16,
|
|
73
|
-
paddingVertical: 12,
|
|
74
|
-
textAlignVertical: 'top'
|
|
75
|
-
},
|
|
76
|
-
overlayContainerStyle: {
|
|
77
|
-
position: 'absolute',
|
|
78
|
-
top: 0,
|
|
79
|
-
left: 0,
|
|
80
|
-
right: 0,
|
|
81
|
-
bottom: 0,
|
|
82
|
-
paddingHorizontal: 16,
|
|
83
|
-
paddingVertical: 12
|
|
84
|
-
},
|
|
85
|
-
baseTextStyle: {
|
|
86
|
-
fontSize: DEFAULT_BASE_TEXT_STYLE.fontSize,
|
|
87
|
-
lineHeight: DEFAULT_BASE_TEXT_STYLE.lineHeight,
|
|
88
|
-
color: DEFAULT_COLORS.text
|
|
89
|
-
},
|
|
90
|
-
toolbarStyle: {
|
|
91
|
-
flexDirection: 'row',
|
|
92
|
-
alignItems: 'center',
|
|
93
|
-
paddingHorizontal: 8,
|
|
94
|
-
paddingVertical: 6,
|
|
95
|
-
backgroundColor: DEFAULT_COLORS.toolbarBackground,
|
|
96
|
-
borderColor: DEFAULT_COLORS.toolbarBorder,
|
|
97
|
-
gap: 2
|
|
98
|
-
},
|
|
99
|
-
toolbarButtonStyle: {
|
|
100
|
-
paddingHorizontal: 10,
|
|
101
|
-
paddingVertical: 6,
|
|
102
|
-
borderRadius: 6,
|
|
103
|
-
minWidth: 36,
|
|
104
|
-
alignItems: 'center',
|
|
105
|
-
justifyContent: 'center'
|
|
106
|
-
},
|
|
107
|
-
toolbarButtonActiveStyle: {
|
|
108
|
-
backgroundColor: DEFAULT_COLORS.activeButtonBg
|
|
109
|
-
},
|
|
110
|
-
toolbarButtonTextStyle: {
|
|
111
|
-
fontSize: 15,
|
|
112
|
-
fontWeight: '600',
|
|
113
|
-
color: DEFAULT_COLORS.text
|
|
114
|
-
},
|
|
115
|
-
toolbarButtonActiveTextStyle: {
|
|
116
|
-
color: DEFAULT_COLORS.primary
|
|
117
|
-
},
|
|
118
|
-
codeStyle: {
|
|
119
|
-
fontFamily: 'monospace',
|
|
120
|
-
backgroundColor: DEFAULT_COLORS.codeBackground,
|
|
121
|
-
paddingHorizontal: 4,
|
|
122
|
-
borderRadius: 4,
|
|
123
|
-
fontSize: 14
|
|
124
|
-
},
|
|
125
|
-
colors: {
|
|
126
|
-
primary: DEFAULT_COLORS.primary,
|
|
127
|
-
background: DEFAULT_COLORS.background,
|
|
128
|
-
text: DEFAULT_COLORS.text,
|
|
129
|
-
placeholder: DEFAULT_COLORS.placeholder,
|
|
130
|
-
toolbarBackground: DEFAULT_COLORS.toolbarBackground,
|
|
131
|
-
toolbarBorder: DEFAULT_COLORS.toolbarBorder,
|
|
132
|
-
cursor: DEFAULT_COLORS.cursor
|
|
133
|
-
}
|
|
134
|
-
};
|
|
135
|
-
|
|
136
|
-
/**
|
|
137
|
-
* Default toolbar items for the built-in toolbar.
|
|
138
|
-
*/
|
|
139
|
-
const DEFAULT_TOOLBAR_ITEMS = exports.DEFAULT_TOOLBAR_ITEMS = [{
|
|
140
|
-
id: 'bold',
|
|
141
|
-
label: 'B',
|
|
142
|
-
format: 'bold'
|
|
143
|
-
}, {
|
|
144
|
-
id: 'italic',
|
|
145
|
-
label: 'I',
|
|
146
|
-
format: 'italic'
|
|
147
|
-
}, {
|
|
148
|
-
id: 'underline',
|
|
149
|
-
label: 'U',
|
|
150
|
-
format: 'underline'
|
|
151
|
-
}, {
|
|
152
|
-
id: 'strikethrough',
|
|
153
|
-
label: 'S',
|
|
154
|
-
format: 'strikethrough'
|
|
155
|
-
}, {
|
|
156
|
-
id: 'code',
|
|
157
|
-
label: '<>',
|
|
158
|
-
format: 'code'
|
|
159
|
-
}, {
|
|
160
|
-
id: 'h1',
|
|
161
|
-
label: 'H1',
|
|
162
|
-
heading: 'h1'
|
|
163
|
-
}, {
|
|
164
|
-
id: 'h2',
|
|
165
|
-
label: 'H2',
|
|
166
|
-
heading: 'h2'
|
|
167
|
-
}, {
|
|
168
|
-
id: 'h3',
|
|
169
|
-
label: 'H3',
|
|
170
|
-
heading: 'h3'
|
|
171
|
-
}];
|
|
172
|
-
//# sourceMappingURL=defaultStyles.js.map
|
|
@@ -1 +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":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["context/RichTextContext.d.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.RichTextProvider = void 0;
|
|
7
|
-
exports.useRichTextContext = useRichTextContext;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _useRichText = require("@/hooks/useRichText");
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
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); }
|
|
12
|
-
// ─── Context ─────────────────────────────────────────────────────────────────
|
|
13
|
-
const RichTextContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
14
|
-
|
|
15
|
-
// ─── Provider ────────────────────────────────────────────────────────────────
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* RichTextProvider wraps children with rich text state via React Context.
|
|
19
|
-
*
|
|
20
|
-
* Use this when you need to access the rich text state/actions from
|
|
21
|
-
* deeply nested components (e.g., a custom toolbar in a different part
|
|
22
|
-
* of the component tree).
|
|
23
|
-
*
|
|
24
|
-
* @example
|
|
25
|
-
* ```tsx
|
|
26
|
-
* <RichTextProvider onChangeSegments={handleChange}>
|
|
27
|
-
* <MyCustomToolbar />
|
|
28
|
-
* <RichTextInput showToolbar={false} />
|
|
29
|
-
* </RichTextProvider>
|
|
30
|
-
* ```
|
|
31
|
-
*/
|
|
32
|
-
const RichTextProvider = ({
|
|
33
|
-
children,
|
|
34
|
-
...options
|
|
35
|
-
}) => {
|
|
36
|
-
const richText = (0, _useRichText.useRichText)(options);
|
|
37
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(RichTextContext.Provider, {
|
|
38
|
-
value: richText,
|
|
39
|
-
children: children
|
|
40
|
-
});
|
|
41
|
-
};
|
|
42
|
-
exports.RichTextProvider = RichTextProvider;
|
|
43
|
-
RichTextProvider.displayName = 'RichTextProvider';
|
|
44
|
-
|
|
45
|
-
// ─── Consumer Hook ───────────────────────────────────────────────────────────
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
* Hook to access the RichText state and actions from context.
|
|
49
|
-
*
|
|
50
|
-
* Must be used within a `<RichTextProvider>`.
|
|
51
|
-
*
|
|
52
|
-
* @throws If used outside of a RichTextProvider
|
|
53
|
-
*/
|
|
54
|
-
function useRichTextContext() {
|
|
55
|
-
const context = (0, _react.useContext)(RichTextContext);
|
|
56
|
-
if (!context) {
|
|
57
|
-
throw new Error('useRichTextContext must be used within a <RichTextProvider>. ' + 'Wrap your component tree with <RichTextProvider> to use this hook.');
|
|
58
|
-
}
|
|
59
|
-
return context;
|
|
60
|
-
}
|
|
61
|
-
//# sourceMappingURL=RichTextContext.js.map
|
|
@@ -1 +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;AAA2E,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;AAE3E;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,GAC7D,oEACJ,CAAC;EACH;EACA,OAAOF,OAAO;AAChB","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useFormatting.d.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useFormatting = useFormatting;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _formatter = require("@/utils/formatter");
|
|
9
|
-
/**
|
|
10
|
-
* Hook that provides formatting commands for the rich text editor.
|
|
11
|
-
*
|
|
12
|
-
* Handles both selection-based formatting (when text is selected)
|
|
13
|
-
* and active-style updates (when no text is selected — affects next typed text).
|
|
14
|
-
*/
|
|
15
|
-
function useFormatting({
|
|
16
|
-
segments,
|
|
17
|
-
selection,
|
|
18
|
-
activeStyles,
|
|
19
|
-
onSegmentsChange,
|
|
20
|
-
onActiveStylesChange
|
|
21
|
-
}) {
|
|
22
|
-
const toggleFormat = (0, _react.useCallback)(format => {
|
|
23
|
-
if (selection.start === selection.end) {
|
|
24
|
-
// No selection — toggle active style for next typed text
|
|
25
|
-
onActiveStylesChange({
|
|
26
|
-
...activeStyles,
|
|
27
|
-
[format]: !activeStyles[format]
|
|
28
|
-
});
|
|
29
|
-
} else {
|
|
30
|
-
// Has selection — toggle format on selected text
|
|
31
|
-
const newSegments = (0, _formatter.toggleFormatOnSelection)(segments, selection, format);
|
|
32
|
-
onSegmentsChange(newSegments);
|
|
33
|
-
}
|
|
34
|
-
}, [segments, selection, activeStyles, onSegmentsChange, onActiveStylesChange]);
|
|
35
|
-
const setStyleProperty = (0, _react.useCallback)((key, value) => {
|
|
36
|
-
if (selection.start === selection.end) {
|
|
37
|
-
onActiveStylesChange({
|
|
38
|
-
...activeStyles,
|
|
39
|
-
[key]: value
|
|
40
|
-
});
|
|
41
|
-
} else {
|
|
42
|
-
const newSegments = (0, _formatter.setStyleOnSelection)(segments, selection, key, value);
|
|
43
|
-
onSegmentsChange(newSegments);
|
|
44
|
-
}
|
|
45
|
-
}, [segments, selection, activeStyles, onSegmentsChange, onActiveStylesChange]);
|
|
46
|
-
const setHeading = (0, _react.useCallback)(level => {
|
|
47
|
-
const newSegments = (0, _formatter.setHeadingOnLine)(segments, selection, level);
|
|
48
|
-
onSegmentsChange(newSegments);
|
|
49
|
-
}, [segments, selection, onSegmentsChange]);
|
|
50
|
-
const setColor = (0, _react.useCallback)(color => {
|
|
51
|
-
setStyleProperty('color', color);
|
|
52
|
-
}, [setStyleProperty]);
|
|
53
|
-
const setBackgroundColor = (0, _react.useCallback)(color => {
|
|
54
|
-
setStyleProperty('backgroundColor', color);
|
|
55
|
-
}, [setStyleProperty]);
|
|
56
|
-
const setFontSize = (0, _react.useCallback)(size => {
|
|
57
|
-
setStyleProperty('fontSize', size);
|
|
58
|
-
}, [setStyleProperty]);
|
|
59
|
-
const isFormatActive = (0, _react.useCallback)(format => {
|
|
60
|
-
if (selection.start === selection.end) {
|
|
61
|
-
return !!activeStyles[format];
|
|
62
|
-
}
|
|
63
|
-
return (0, _formatter.isFormatActiveInSelection)(segments, selection, format);
|
|
64
|
-
}, [segments, selection, activeStyles]);
|
|
65
|
-
const currentSelectionStyle = (0, _react.useCallback)(() => {
|
|
66
|
-
if (selection.start === selection.end) {
|
|
67
|
-
return activeStyles;
|
|
68
|
-
}
|
|
69
|
-
return (0, _formatter.getSelectionStyle)(segments, selection);
|
|
70
|
-
}, [segments, selection, activeStyles]);
|
|
71
|
-
return {
|
|
72
|
-
toggleFormat,
|
|
73
|
-
setStyleProperty,
|
|
74
|
-
setHeading,
|
|
75
|
-
setColor,
|
|
76
|
-
setBackgroundColor,
|
|
77
|
-
setFontSize,
|
|
78
|
-
isFormatActive,
|
|
79
|
-
currentSelectionStyle
|
|
80
|
-
};
|
|
81
|
-
}
|
|
82
|
-
//# sourceMappingURL=useFormatting.js.map
|
|
@@ -1 +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":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useRichText.d.ts"],"mappings":"","ignoreList":[]}
|