@toptal/picasso-rich-text-editor 17.2.5-alpha-FF-NULL-update-engine-c9c850bfe.0 → 17.2.5-alpha-MP-669-remove-more-default-props-446d06dc3.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/dist-package/src/RichTextEditor/RichTextEditor.d.ts.map +1 -1
- package/dist-package/src/RichTextEditor/RichTextEditor.js +14 -10
- package/dist-package/src/RichTextEditor/RichTextEditor.js.map +1 -1
- package/dist-package/src/RichTextEditorButton/RichTextEditorButton.d.ts +4 -9
- package/dist-package/src/RichTextEditorButton/RichTextEditorButton.d.ts.map +1 -1
- package/dist-package/src/RichTextEditorButton/RichTextEditorButton.js +3 -8
- package/dist-package/src/RichTextEditorButton/RichTextEditorButton.js.map +1 -1
- package/dist-package/src/RichTextEditorEmojiPicker/RichTextEditorEmojiPicker.js +2 -2
- package/dist-package/src/RichTextEditorEmojiPicker/RichTextEditorEmojiPicker.js.map +1 -1
- package/dist-package/src/RichTextEditorToolbar/RichTextEditorToolbar.d.ts.map +1 -1
- package/dist-package/src/RichTextEditorToolbar/RichTextEditorToolbar.js +16 -16
- package/dist-package/src/RichTextEditorToolbar/RichTextEditorToolbar.js.map +1 -1
- package/package.json +21 -21
- package/src/RichTextEditor/RichTextEditor.tsx +12 -16
- package/src/RichTextEditorButton/RichTextEditorButton.tsx +22 -28
- package/src/RichTextEditorEmojiPicker/RichTextEditorEmojiPicker.tsx +2 -2
- package/src/RichTextEditorToolbar/RichTextEditorToolbar.tsx +25 -24
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AAEnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAIvD,OAAO,KAAoD,MAAM,OAAO,CAAA;AAExE,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACZ,kBAAkB,EACnB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAG1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA;IACtE,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,2GAA2G;IAC3G,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,sBAAsB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IACpE,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;KAC3B,CAAA;IACD,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAA;CAClD;AAMD,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AAEnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAIvD,OAAO,KAAoD,MAAM,OAAO,CAAA;AAExE,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACZ,kBAAkB,EACnB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAG1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA;IACtE,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,2GAA2G;IAC3G,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,sBAAsB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IACpE,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;KAC3B,CAAA;IACD,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAA;CAClD;AAMD,eAAO,MAAM,cAAc,8EA2G1B,CAAA;AAID,eAAe,cAAc,CAAA"}
|
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
1
12
|
import { makeStyles } from '@material-ui/core/styles';
|
|
2
13
|
import { InputMultilineAdornment } from '@toptal/picasso-input-adornment';
|
|
3
14
|
import { useHasMultilineCounter } from '@toptal/picasso-shared';
|
|
@@ -10,8 +21,9 @@ import styles from './styles';
|
|
|
10
21
|
const useStyles = makeStyles(styles, {
|
|
11
22
|
name: 'RichTextEditor',
|
|
12
23
|
});
|
|
13
|
-
export const RichTextEditor = forwardRef(function RichTextEditor(
|
|
14
|
-
|
|
24
|
+
export const RichTextEditor = forwardRef(function RichTextEditor(_a, ref) {
|
|
25
|
+
var { autoFocus = false, onChange = noop, onFocus = noop, onBlur = noop, disabled = false, status = 'default' } = _a, props = __rest(_a, ["autoFocus", "onChange", "onFocus", "onBlur", "disabled", "status"]);
|
|
26
|
+
const { 'data-testid': dataTestId, plugins, className, defaultValue, id, placeholder, minLength, maxLength, minLengthMessage, maxLengthMessage, style, testIds, hiddenInputId, setHasMultilineCounter, name, highlight, customEmojis, } = props;
|
|
15
27
|
const classes = useStyles();
|
|
16
28
|
const wrapperRef = useRef(null);
|
|
17
29
|
// Possibly use useRef for synchronous updates but no re-rendering effect
|
|
@@ -50,14 +62,6 @@ export const RichTextEditor = forwardRef(function RichTextEditor(props, ref) {
|
|
|
50
62
|
React.createElement(LexicalEditor, { id: id, onChange: onChange, onFocus: handleFocus, onBlur: handleBlur, placeholder: placeholder, onTextLengthChange: handleCounterMessage, testIds: testIds, disabled: disabled, autoFocus: autoFocus, defaultValue: defaultValue, plugins: plugins, customEmojis: customEmojis, hiddenInputId: hiddenInputId })),
|
|
51
63
|
counterMessage && (React.createElement(InputMultilineAdornment, { error: counterError }, counterMessage))));
|
|
52
64
|
});
|
|
53
|
-
RichTextEditor.defaultProps = {
|
|
54
|
-
autoFocus: false,
|
|
55
|
-
onChange: noop,
|
|
56
|
-
onFocus: noop,
|
|
57
|
-
onBlur: noop,
|
|
58
|
-
disabled: false,
|
|
59
|
-
status: 'default',
|
|
60
|
-
};
|
|
61
65
|
RichTextEditor.displayName = 'RichTextEditor';
|
|
62
66
|
export default RichTextEditor;
|
|
63
67
|
//# sourceMappingURL=RichTextEditor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAA;AAEzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAOxE,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,MAAM,MAAM,UAAU,CAAA;AAoE7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,gBAAgB;CACvB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,
|
|
1
|
+
{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,19 +2,14 @@ import type { ReactElement } from 'react';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import type { BaseProps } from '@toptal/picasso-shared';
|
|
4
4
|
declare type Props = BaseProps & {
|
|
5
|
-
active
|
|
6
|
-
disabled
|
|
5
|
+
active?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
7
|
icon: ReactElement;
|
|
8
|
-
onClick
|
|
8
|
+
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
9
9
|
id?: string;
|
|
10
10
|
};
|
|
11
11
|
declare const RichTextEditorButton: {
|
|
12
|
-
(
|
|
13
|
-
defaultProps: {
|
|
14
|
-
active: boolean;
|
|
15
|
-
disabled: boolean;
|
|
16
|
-
onClick: () => void;
|
|
17
|
-
};
|
|
12
|
+
({ active, disabled, onClick, className, ...rest }: Props): JSX.Element;
|
|
18
13
|
displayName: string;
|
|
19
14
|
};
|
|
20
15
|
export default RichTextEditorButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditorButton.d.ts","sourceRoot":"","sources":["../../../src/RichTextEditorButton/RichTextEditorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAGvD,aAAK,KAAK,GAAG,SAAS,GAAG;IACvB,MAAM,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"RichTextEditorButton.d.ts","sourceRoot":"","sources":["../../../src/RichTextEditorButton/RichTextEditorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAGvD,aAAK,KAAK,GAAG,SAAS,GAAG;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,YAAY,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC1D,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,QAAA,MAAM,oBAAoB;wDAMvB,KAAK;;CAYP,CAAA;AAID,eAAe,oBAAoB,CAAA"}
|
|
@@ -12,14 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
14
|
import { ButtonCircular } from '@toptal/picasso-button';
|
|
15
|
-
const RichTextEditorButton = (
|
|
16
|
-
|
|
17
|
-
return (React.createElement(ButtonCircular, Object.assign({ variant: 'flat', onClick: onClick,
|
|
18
|
-
};
|
|
19
|
-
RichTextEditorButton.defaultProps = {
|
|
20
|
-
active: false,
|
|
21
|
-
disabled: false,
|
|
22
|
-
onClick: () => { },
|
|
15
|
+
const RichTextEditorButton = (_a) => {
|
|
16
|
+
var { active = false, disabled = false, onClick = () => { }, className } = _a, rest = __rest(_a, ["active", "disabled", "onClick", "className"]);
|
|
17
|
+
return (React.createElement(ButtonCircular, Object.assign({ variant: 'flat', onClick: onClick, className: twMerge('rounded-sm [&+&]:!ml-2', active && 'bg-graphite-700 [&:not(:hover)_svg]:fill-white', className), disabled: disabled }, rest)));
|
|
23
18
|
};
|
|
24
19
|
RichTextEditorButton.displayName = 'RichTextEditorButton';
|
|
25
20
|
export default RichTextEditorButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditorButton.js","sourceRoot":"","sources":["../../../src/RichTextEditorButton/RichTextEditorButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAUvD,MAAM,oBAAoB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"RichTextEditorButton.js","sourceRoot":"","sources":["../../../src/RichTextEditorButton/RichTextEditorButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAUvD,MAAM,oBAAoB,GAAG,CAAC,EAMtB,EAAE,EAAE;QANkB,EAC5B,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,SAAS,OAEH,EADH,IAAI,cALqB,8CAM7B,CADQ;IACI,OAAA,CACX,oBAAC,cAAc,kBACb,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,OAAO,CAChB,wBAAwB,EACxB,MAAM,IAAI,gDAAgD,EAC1D,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACH,CAAA;CAAA,CAAA;AAED,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAEzD,eAAe,oBAAoB,CAAA"}
|
|
@@ -5,7 +5,7 @@ import Picker from '@emoji-mart/react';
|
|
|
5
5
|
import { makeStyles } from '@material-ui/core';
|
|
6
6
|
import cx from 'classnames';
|
|
7
7
|
import { Container } from '@toptal/picasso-container';
|
|
8
|
-
import
|
|
8
|
+
import RichTextEditorButton from '../RichTextEditorButton';
|
|
9
9
|
const TRIGGER_EMOJI_PICKER_ID = 'trigger-emoji-picker';
|
|
10
10
|
const useStyles = makeStyles({
|
|
11
11
|
emojiPicker: {
|
|
@@ -51,7 +51,7 @@ export const RichTextEditorEmojiPicker = ({ customEmojis, onInsertEmoji, disable
|
|
|
51
51
|
};
|
|
52
52
|
}, [showEmojiPicker, setShowEmojiPicker]);
|
|
53
53
|
return (React.createElement(Container, { style: { position: 'relative' } },
|
|
54
|
-
React.createElement(
|
|
54
|
+
React.createElement(RichTextEditorButton, { onClick: handleEmojiPickerClick, icon: React.createElement(Container, { style: { pointerEvents: 'none' } }, "\uD83D\uDE42"), id: TRIGGER_EMOJI_PICKER_ID, disabled: disabled }),
|
|
55
55
|
React.createElement(Container, { className: cx(classes.emojiPicker, showEmojiPicker && classes.activeOpacity, showEmojiPicker && classes.activePointers) },
|
|
56
56
|
React.createElement(Picker, { data: data, custom: customEmojis, onEmojiSelect: handleEmojiInsert, onClickOutside: showEmojiPicker && closePicker }))));
|
|
57
57
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditorEmojiPicker.js","sourceRoot":"","sources":["../../../src/RichTextEditorEmojiPicker/RichTextEditorEmojiPicker.tsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,
|
|
1
|
+
{"version":3,"file":"RichTextEditorEmojiPicker.js","sourceRoot":"","sources":["../../../src/RichTextEditorEmojiPicker/RichTextEditorEmojiPicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditorToolbar.d.ts","sourceRoot":"","sources":["../../../src/RichTextEditorToolbar/RichTextEditorToolbar.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,OAAO,KAAK,EACV,iBAAiB,EACjB,UAAU,EACV,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAEhB,aAAK,KAAK,GAAG;IACX,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,UAAU,CAAA;IAClB,OAAO,CAAC,EAAE;QACR,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;QAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,WAAW,EAAE,iBAAiB,CAAA;IAC9B,aAAa,EAAE,iBAAiB,CAAA;IAChC,cAAc,EAAE,qBAAqB,CAAA;IACrC,gBAAgB,EAAE,iBAAiB,CAAA;IACnC,cAAc,EAAE,iBAAiB,CAAA;CAClC,CAAA;AAMD,eAAO,MAAM,mBAAmB,MAAM,CAAA;AAEtC,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"RichTextEditorToolbar.d.ts","sourceRoot":"","sources":["../../../src/RichTextEditorToolbar/RichTextEditorToolbar.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,OAAO,KAAK,EACV,iBAAiB,EACjB,UAAU,EACV,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAEhB,aAAK,KAAK,GAAG;IACX,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,UAAU,CAAA;IAClB,OAAO,CAAC,EAAE;QACR,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;QAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,WAAW,EAAE,iBAAiB,CAAA;IAC9B,aAAa,EAAE,iBAAiB,CAAA;IAChC,cAAc,EAAE,qBAAqB,CAAA;IACrC,gBAAgB,EAAE,iBAAiB,CAAA;IACnC,cAAc,EAAE,iBAAiB,CAAA;CAClC,CAAA;AAMD,eAAO,MAAM,mBAAmB,MAAM,CAAA;AAEtC,eAAO,MAAM,qBAAqB,8EAmGjC,CAAA;AAID,eAAe,qBAAqB,CAAA"}
|
|
@@ -12,12 +12,25 @@ const useStyles = makeStyles(styles, {
|
|
|
12
12
|
name: 'RichTextEditorToolbar',
|
|
13
13
|
});
|
|
14
14
|
export const ALLOWED_HEADER_TYPE = '3';
|
|
15
|
-
export const RichTextEditorToolbar = forwardRef(function RichTextEditorToolbar(
|
|
16
|
-
|
|
15
|
+
export const RichTextEditorToolbar = forwardRef(function RichTextEditorToolbar({ format = {
|
|
16
|
+
bold: false,
|
|
17
|
+
italic: false,
|
|
18
|
+
list: false,
|
|
19
|
+
header: '',
|
|
20
|
+
}, onBoldClick = () => { }, onItalicClick = () => { }, onHeaderChange = () => { }, onUnorderedClick = () => { }, onOrderedClick = () => { }, testIds, id, }, ref) {
|
|
17
21
|
const { setToolbarPortalEl } = useToolbarPortalRegister();
|
|
18
22
|
const { disabledFormatting, disabled, focused } = useRTEPluginContext();
|
|
19
23
|
const toolbarRef = useMultipleForwardRefs([ref, setToolbarPortalEl]);
|
|
20
|
-
const classes = useStyles(
|
|
24
|
+
const classes = useStyles({
|
|
25
|
+
format,
|
|
26
|
+
onBoldClick,
|
|
27
|
+
onItalicClick,
|
|
28
|
+
onHeaderChange,
|
|
29
|
+
onUnorderedClick,
|
|
30
|
+
onOrderedClick,
|
|
31
|
+
testIds,
|
|
32
|
+
id,
|
|
33
|
+
});
|
|
21
34
|
const isInlineFormattingDisabled = disabled || disabledFormatting || !focused;
|
|
22
35
|
const isBlockFormattingDisabled = disabled || !focused;
|
|
23
36
|
return (React.createElement(Container, { ref: toolbarRef, id: `${id}toolbar`, className: classes.toolbar },
|
|
@@ -35,19 +48,6 @@ export const RichTextEditorToolbar = forwardRef(function RichTextEditorToolbar(p
|
|
|
35
48
|
React.createElement(TextEditorButton, { icon: React.createElement(ListUnordered16, null), onClick: onUnorderedClick, active: format.list === 'bullet', disabled: isBlockFormattingDisabled, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.unorderedListButton }),
|
|
36
49
|
React.createElement(TextEditorButton, { icon: React.createElement(ListOrdered16, null), onClick: onOrderedClick, active: format.list === 'ordered', disabled: isBlockFormattingDisabled, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.orderedListButton }))));
|
|
37
50
|
});
|
|
38
|
-
RichTextEditorToolbar.defaultProps = {
|
|
39
|
-
format: {
|
|
40
|
-
bold: false,
|
|
41
|
-
italic: false,
|
|
42
|
-
list: false,
|
|
43
|
-
header: '',
|
|
44
|
-
},
|
|
45
|
-
onBoldClick: () => { },
|
|
46
|
-
onItalicClick: () => { },
|
|
47
|
-
onHeaderChange: () => { },
|
|
48
|
-
onUnorderedClick: () => { },
|
|
49
|
-
onOrderedClick: () => { },
|
|
50
|
-
};
|
|
51
51
|
RichTextEditorToolbar.displayName = 'RichTextEditorToolbar';
|
|
52
52
|
export default RichTextEditorToolbar;
|
|
53
53
|
//# sourceMappingURL=RichTextEditorToolbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditorToolbar.js","sourceRoot":"","sources":["../../../src/RichTextEditorToolbar/RichTextEditorToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EACL,MAAM,EACN,QAAQ,EACR,aAAa,EACb,eAAe,GAChB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AAC9D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAC9E,OAAO,gBAAgB,MAAM,yBAAyB,CAAA;AACtD,OAAO,MAAM,MAAM,UAAU,CAAA;AA0B7B,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,uBAAuB;CAC9B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;AAEtC,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAC7C,SAAS,qBAAqB,
|
|
1
|
+
{"version":3,"file":"RichTextEditorToolbar.js","sourceRoot":"","sources":["../../../src/RichTextEditorToolbar/RichTextEditorToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EACL,MAAM,EACN,QAAQ,EACR,aAAa,EACb,eAAe,GAChB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AAC9D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAC9E,OAAO,gBAAgB,MAAM,yBAAyB,CAAA;AACtD,OAAO,MAAM,MAAM,UAAU,CAAA;AA0B7B,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,uBAAuB;CAC9B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;AAEtC,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAC7C,SAAS,qBAAqB,CAC5B,EACE,MAAM,GAAG;IACP,IAAI,EAAE,KAAK;IACX,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,KAAK;IACX,MAAM,EAAE,EAAE;CACX,EACD,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,EACtB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,EACzB,gBAAgB,GAAG,GAAG,EAAE,GAAE,CAAC,EAC3B,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,EACzB,OAAO,EACP,EAAE,GACI,EACR,GAAG;IAEH,MAAM,EAAE,kBAAkB,EAAE,GAAG,wBAAwB,EAAE,CAAA;IACzD,MAAM,EAAE,kBAAkB,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAEvE,MAAM,UAAU,GAAG,sBAAsB,CAAC,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEpE,MAAM,OAAO,GAAG,SAAS,CAAC;QACxB,MAAM;QACN,WAAW;QACX,aAAa;QACb,cAAc;QACd,gBAAgB;QAChB,cAAc;QACd,OAAO;QACP,EAAE;KACH,CAAC,CAAA;IAEF,MAAM,0BAA0B,GAC9B,QAAQ,IAAI,kBAAkB,IAAI,CAAC,OAAO,CAAA;IAC5C,MAAM,yBAAyB,GAAG,QAAQ,IAAI,CAAC,OAAO,CAAA;IAEtD,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,UAAU,EACf,EAAE,EAAE,GAAG,EAAE,SAAS,EAClB,SAAS,EAAE,OAAO,CAAC,OAAO;QAE1B,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE;gBAC3B,aAAa,EAAE,yBAAyB;aACzC,CAAC;YAEF,oBAAC,MAAM,IACL,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EACpC,OAAO,EAAE;oBACP,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE;oBAC/B,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;iBAC9B,EACD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,QAAQ,EAAE,yBAAyB,iBACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,GAClC,CACQ;QACZ,oBAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK;YACjC,oBAAC,gBAAgB,IACf,IAAI,EAAE,oBAAC,MAAM,OAAG,EAChB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EACxD,QAAQ,EAAE,0BAA0B,iBACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,GAChC;YACF,oBAAC,gBAAgB,IACf,IAAI,EAAE,oBAAC,QAAQ,OAAG,EAClB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAC1D,QAAQ,EAAE,0BAA0B,iBACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,GAClC,CACQ;QACZ,oBAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK;YACjC,oBAAC,gBAAgB,IACf,IAAI,EAAE,oBAAC,eAAe,OAAG,EACzB,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,MAAM,CAAC,IAAI,KAAK,QAAQ,EAChC,QAAQ,EAAE,yBAAyB,iBACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,GACzC;YACF,oBAAC,gBAAgB,IACf,IAAI,EAAE,oBAAC,aAAa,OAAG,EACvB,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,MAAM,CAAC,IAAI,KAAK,SAAS,EACjC,QAAQ,EAAE,yBAAyB,iBACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,GACvC,CACQ,CACF,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAE3D,eAAe,qBAAqB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-rich-text-editor",
|
|
3
|
-
"version": "17.2.5-alpha-
|
|
3
|
+
"version": "17.2.5-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
4
4
|
"description": "Picasso rich text editor",
|
|
5
5
|
"author": "Toptal",
|
|
6
6
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-rich-text-editor#readme",
|
|
@@ -29,33 +29,33 @@
|
|
|
29
29
|
"@lexical/text": "0.11.2",
|
|
30
30
|
"@lexical/utils": "0.11.2",
|
|
31
31
|
"@material-ui/core": "4.12.4",
|
|
32
|
-
"@toptal/picasso-shared": "^15.0.1-alpha-
|
|
32
|
+
"@toptal/picasso-shared": "^15.0.1-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
33
33
|
"react": ">=16.12.0 < 19.0.0",
|
|
34
34
|
"react-dom": ">=16.12.0 < 19.0.0",
|
|
35
35
|
"typescript": "~4.7.0",
|
|
36
|
-
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-
|
|
37
|
-
"@toptal/picasso-tailwind": "3.0.1-alpha-
|
|
36
|
+
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
37
|
+
"@toptal/picasso-tailwind": "3.0.1-alpha-MP-669-remove-more-default-props-446d06dc3.0"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@emoji-mart/data": "^1.2.1",
|
|
41
41
|
"@emoji-mart/react": "^1.1.1",
|
|
42
42
|
"@lexical/html": "0.11.2",
|
|
43
43
|
"@lexical/react": "0.11.2",
|
|
44
|
-
"@toptal/picasso-container": "3.1.3-alpha-
|
|
45
|
-
"@toptal/picasso-button": "4.0.25-alpha-
|
|
46
|
-
"@toptal/picasso-icons": "1.13.1-alpha-
|
|
47
|
-
"@toptal/picasso-file-input": "4.0.24-alpha-
|
|
48
|
-
"@toptal/picasso-image": "3.0.4-alpha-
|
|
49
|
-
"@toptal/picasso-outlined-input": "4.1.4-alpha-
|
|
50
|
-
"@toptal/picasso-list": "5.0.13-alpha-
|
|
51
|
-
"@toptal/picasso-link": "3.0.7-alpha-
|
|
52
|
-
"@toptal/picasso-select": "4.1.4-alpha-
|
|
53
|
-
"@toptal/picasso-input-adornment": "3.0.12-alpha-
|
|
54
|
-
"@toptal/picasso-typography": "4.0.5-alpha-
|
|
55
|
-
"@toptal/picasso-modal": "3.2.4-alpha-
|
|
56
|
-
"@toptal/picasso-form": "6.3.4-alpha-
|
|
57
|
-
"@toptal/picasso-input": "4.1.4-alpha-
|
|
58
|
-
"@toptal/picasso-utils": "3.1.1-alpha-
|
|
44
|
+
"@toptal/picasso-container": "3.1.3-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
45
|
+
"@toptal/picasso-button": "4.0.25-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
46
|
+
"@toptal/picasso-icons": "1.13.1-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
47
|
+
"@toptal/picasso-file-input": "4.0.24-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
48
|
+
"@toptal/picasso-image": "3.0.4-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
49
|
+
"@toptal/picasso-outlined-input": "4.1.4-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
50
|
+
"@toptal/picasso-list": "5.0.13-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
51
|
+
"@toptal/picasso-link": "3.0.7-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
52
|
+
"@toptal/picasso-select": "4.1.4-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
53
|
+
"@toptal/picasso-input-adornment": "3.0.12-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
54
|
+
"@toptal/picasso-typography": "4.0.5-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
55
|
+
"@toptal/picasso-modal": "3.2.4-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
56
|
+
"@toptal/picasso-form": "6.3.4-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
57
|
+
"@toptal/picasso-input": "4.1.4-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
58
|
+
"@toptal/picasso-utils": "3.1.1-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
59
59
|
"classnames": "^2.5.1",
|
|
60
60
|
"emoji-mart": "^5.5.2",
|
|
61
61
|
"hast-to-hyperscript": "^9.0.1",
|
|
@@ -68,8 +68,8 @@
|
|
|
68
68
|
"devDependencies": {
|
|
69
69
|
"@material-ui/core": "4.12.4",
|
|
70
70
|
"@testing-library/react-hooks": "^8.0.1",
|
|
71
|
-
"@toptal/picasso-test-utils": "1.1.2-alpha-
|
|
72
|
-
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-
|
|
71
|
+
"@toptal/picasso-test-utils": "1.1.2-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
72
|
+
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
73
73
|
"@types/classnames": "^2.3.1"
|
|
74
74
|
},
|
|
75
75
|
"sideEffects": false,
|
|
@@ -89,25 +89,30 @@ const useStyles = makeStyles<Theme>(styles, {
|
|
|
89
89
|
})
|
|
90
90
|
|
|
91
91
|
export const RichTextEditor = forwardRef<HTMLDivElement, Props>(
|
|
92
|
-
function RichTextEditor(
|
|
92
|
+
function RichTextEditor(
|
|
93
|
+
{
|
|
94
|
+
autoFocus = false,
|
|
95
|
+
onChange = noop,
|
|
96
|
+
onFocus = noop,
|
|
97
|
+
onBlur = noop,
|
|
98
|
+
disabled = false,
|
|
99
|
+
status = 'default',
|
|
100
|
+
...props
|
|
101
|
+
},
|
|
102
|
+
ref
|
|
103
|
+
) {
|
|
93
104
|
const {
|
|
94
105
|
'data-testid': dataTestId,
|
|
95
106
|
plugins,
|
|
96
|
-
autoFocus = false,
|
|
97
107
|
className,
|
|
98
108
|
defaultValue,
|
|
99
|
-
disabled,
|
|
100
109
|
id,
|
|
101
|
-
onChange = noop,
|
|
102
|
-
onFocus = noop,
|
|
103
|
-
onBlur = noop,
|
|
104
110
|
placeholder,
|
|
105
111
|
minLength,
|
|
106
112
|
maxLength,
|
|
107
113
|
minLengthMessage,
|
|
108
114
|
maxLengthMessage,
|
|
109
115
|
style,
|
|
110
|
-
status,
|
|
111
116
|
testIds,
|
|
112
117
|
hiddenInputId,
|
|
113
118
|
setHasMultilineCounter,
|
|
@@ -192,15 +197,6 @@ export const RichTextEditor = forwardRef<HTMLDivElement, Props>(
|
|
|
192
197
|
}
|
|
193
198
|
)
|
|
194
199
|
|
|
195
|
-
RichTextEditor.defaultProps = {
|
|
196
|
-
autoFocus: false,
|
|
197
|
-
onChange: noop,
|
|
198
|
-
onFocus: noop,
|
|
199
|
-
onBlur: noop,
|
|
200
|
-
disabled: false,
|
|
201
|
-
status: 'default',
|
|
202
|
-
}
|
|
203
|
-
|
|
204
200
|
RichTextEditor.displayName = 'RichTextEditor'
|
|
205
201
|
|
|
206
202
|
export default RichTextEditor
|
|
@@ -5,38 +5,32 @@ import type { BaseProps } from '@toptal/picasso-shared'
|
|
|
5
5
|
import { ButtonCircular } from '@toptal/picasso-button'
|
|
6
6
|
|
|
7
7
|
type Props = BaseProps & {
|
|
8
|
-
active
|
|
9
|
-
disabled
|
|
8
|
+
active?: boolean
|
|
9
|
+
disabled?: boolean
|
|
10
10
|
icon: ReactElement
|
|
11
|
-
onClick
|
|
11
|
+
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void
|
|
12
12
|
id?: string
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
const RichTextEditorButton = (
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
RichTextEditorButton.defaultProps = {
|
|
36
|
-
active: false,
|
|
37
|
-
disabled: false,
|
|
38
|
-
onClick: () => {},
|
|
39
|
-
}
|
|
15
|
+
const RichTextEditorButton = ({
|
|
16
|
+
active = false,
|
|
17
|
+
disabled = false,
|
|
18
|
+
onClick = () => {},
|
|
19
|
+
className,
|
|
20
|
+
...rest
|
|
21
|
+
}: Props) => (
|
|
22
|
+
<ButtonCircular
|
|
23
|
+
variant='flat'
|
|
24
|
+
onClick={onClick}
|
|
25
|
+
className={twMerge(
|
|
26
|
+
'rounded-sm [&+&]:!ml-2',
|
|
27
|
+
active && 'bg-graphite-700 [&:not(:hover)_svg]:fill-white',
|
|
28
|
+
className
|
|
29
|
+
)}
|
|
30
|
+
disabled={disabled}
|
|
31
|
+
{...rest}
|
|
32
|
+
/>
|
|
33
|
+
)
|
|
40
34
|
|
|
41
35
|
RichTextEditorButton.displayName = 'RichTextEditorButton'
|
|
42
36
|
|
|
@@ -7,7 +7,7 @@ import { makeStyles } from '@material-ui/core'
|
|
|
7
7
|
import cx from 'classnames'
|
|
8
8
|
import { Container } from '@toptal/picasso-container'
|
|
9
9
|
|
|
10
|
-
import
|
|
10
|
+
import RichTextEditorButton from '../RichTextEditorButton'
|
|
11
11
|
import type { CustomEmojiGroup, Emoji } from '../plugins/EmojiPlugin'
|
|
12
12
|
|
|
13
13
|
interface Props {
|
|
@@ -84,7 +84,7 @@ export const RichTextEditorEmojiPicker = ({
|
|
|
84
84
|
|
|
85
85
|
return (
|
|
86
86
|
<Container style={{ position: 'relative' }}>
|
|
87
|
-
<
|
|
87
|
+
<RichTextEditorButton
|
|
88
88
|
onClick={handleEmojiPickerClick}
|
|
89
89
|
icon={<Container style={{ pointerEvents: 'none' }}>🙂</Container>}
|
|
90
90
|
id={TRIGGER_EMOJI_PICKER_ID}
|
|
@@ -47,8 +47,30 @@ const useStyles = makeStyles<Theme, Props>(styles, {
|
|
|
47
47
|
export const ALLOWED_HEADER_TYPE = '3'
|
|
48
48
|
|
|
49
49
|
export const RichTextEditorToolbar = forwardRef<HTMLDivElement, Props>(
|
|
50
|
-
function RichTextEditorToolbar(
|
|
51
|
-
|
|
50
|
+
function RichTextEditorToolbar(
|
|
51
|
+
{
|
|
52
|
+
format = {
|
|
53
|
+
bold: false,
|
|
54
|
+
italic: false,
|
|
55
|
+
list: false,
|
|
56
|
+
header: '',
|
|
57
|
+
},
|
|
58
|
+
onBoldClick = () => {},
|
|
59
|
+
onItalicClick = () => {},
|
|
60
|
+
onHeaderChange = () => {},
|
|
61
|
+
onUnorderedClick = () => {},
|
|
62
|
+
onOrderedClick = () => {},
|
|
63
|
+
testIds,
|
|
64
|
+
id,
|
|
65
|
+
}: Props,
|
|
66
|
+
ref
|
|
67
|
+
) {
|
|
68
|
+
const { setToolbarPortalEl } = useToolbarPortalRegister()
|
|
69
|
+
const { disabledFormatting, disabled, focused } = useRTEPluginContext()
|
|
70
|
+
|
|
71
|
+
const toolbarRef = useMultipleForwardRefs([ref, setToolbarPortalEl])
|
|
72
|
+
|
|
73
|
+
const classes = useStyles({
|
|
52
74
|
format,
|
|
53
75
|
onBoldClick,
|
|
54
76
|
onItalicClick,
|
|
@@ -57,14 +79,7 @@ export const RichTextEditorToolbar = forwardRef<HTMLDivElement, Props>(
|
|
|
57
79
|
onOrderedClick,
|
|
58
80
|
testIds,
|
|
59
81
|
id,
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
const { setToolbarPortalEl } = useToolbarPortalRegister()
|
|
63
|
-
const { disabledFormatting, disabled, focused } = useRTEPluginContext()
|
|
64
|
-
|
|
65
|
-
const toolbarRef = useMultipleForwardRefs([ref, setToolbarPortalEl])
|
|
66
|
-
|
|
67
|
-
const classes = useStyles(props)
|
|
82
|
+
})
|
|
68
83
|
|
|
69
84
|
const isInlineFormattingDisabled =
|
|
70
85
|
disabled || disabledFormatting || !focused
|
|
@@ -132,20 +147,6 @@ export const RichTextEditorToolbar = forwardRef<HTMLDivElement, Props>(
|
|
|
132
147
|
}
|
|
133
148
|
)
|
|
134
149
|
|
|
135
|
-
RichTextEditorToolbar.defaultProps = {
|
|
136
|
-
format: {
|
|
137
|
-
bold: false,
|
|
138
|
-
italic: false,
|
|
139
|
-
list: false,
|
|
140
|
-
header: '',
|
|
141
|
-
},
|
|
142
|
-
onBoldClick: () => {},
|
|
143
|
-
onItalicClick: () => {},
|
|
144
|
-
onHeaderChange: () => {},
|
|
145
|
-
onUnorderedClick: () => {},
|
|
146
|
-
onOrderedClick: () => {},
|
|
147
|
-
}
|
|
148
|
-
|
|
149
150
|
RichTextEditorToolbar.displayName = 'RichTextEditorToolbar'
|
|
150
151
|
|
|
151
152
|
export default RichTextEditorToolbar
|