@multiplatform.one/rich-text 6.4.2 → 6.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/dist/cjs/RichEditor.native.js.map +1 -1
- package/dist/cjs/editor/TiptapEditor.native.js.map +1 -1
- package/dist/cjs/toolbar/CodeBlockBubble.cjs +2 -14
- package/dist/cjs/toolbar/CodeBlockBubble.native.js +2 -14
- package/dist/cjs/toolbar/CodeBlockBubble.native.js.map +1 -1
- package/dist/cjs/toolbar/ColorPicker.cjs +3 -28
- package/dist/cjs/toolbar/FixedToolbar.native.js.map +1 -1
- package/dist/cjs/toolbar/ImageDialog.cjs +2 -14
- package/dist/cjs/toolbar/LinkDialog.cjs +2 -14
- package/dist/cjs/toolbar/TableBubble.cjs +2 -14
- package/dist/cjs/toolbar/TableBubble.native.js +2 -14
- package/dist/cjs/toolbar/TableBubble.native.js.map +1 -1
- package/dist/cjs/toolbar/useHorizontalScroll.cjs +1 -1
- package/dist/cjs/toolbar/useHorizontalScroll.native.js +3 -1
- package/dist/cjs/toolbar/useHorizontalScroll.native.js.map +1 -1
- package/dist/esm/RichEditor.native.js.map +1 -1
- package/dist/esm/editor/TiptapEditor.mjs.map +1 -1
- package/dist/esm/editor/TiptapEditor.native.js.map +1 -1
- package/dist/esm/editor/codeBlockPreview.mjs.map +1 -1
- package/dist/esm/toolbar/CodeBlockBubble.mjs +2 -14
- package/dist/esm/toolbar/CodeBlockBubble.mjs.map +1 -1
- package/dist/esm/toolbar/CodeBlockBubble.native.js +2 -14
- package/dist/esm/toolbar/CodeBlockBubble.native.js.map +1 -1
- package/dist/esm/toolbar/ColorPicker.mjs +3 -28
- package/dist/esm/toolbar/ColorPicker.mjs.map +1 -1
- package/dist/esm/toolbar/FixedToolbar.native.js.map +1 -1
- package/dist/esm/toolbar/ImageDialog.mjs +2 -14
- package/dist/esm/toolbar/ImageDialog.mjs.map +1 -1
- package/dist/esm/toolbar/LinkDialog.mjs +2 -14
- package/dist/esm/toolbar/LinkDialog.mjs.map +1 -1
- package/dist/esm/toolbar/TableBubble.mjs +2 -14
- package/dist/esm/toolbar/TableBubble.mjs.map +1 -1
- package/dist/esm/toolbar/TableBubble.native.js +2 -14
- package/dist/esm/toolbar/TableBubble.native.js.map +1 -1
- package/dist/esm/toolbar/useHorizontalScroll.mjs +1 -1
- package/dist/esm/toolbar/useHorizontalScroll.mjs.map +1 -1
- package/dist/esm/toolbar/useHorizontalScroll.native.js +3 -1
- package/dist/esm/toolbar/useHorizontalScroll.native.js.map +1 -1
- package/dist/jsx/RichEditor.native.js.map +1 -1
- package/dist/jsx/editor/TiptapEditor.mjs.map +1 -1
- package/dist/jsx/editor/TiptapEditor.native.js.map +1 -1
- package/dist/jsx/editor/codeBlockPreview.mjs.map +1 -1
- package/dist/jsx/toolbar/CodeBlockBubble.mjs +2 -14
- package/dist/jsx/toolbar/CodeBlockBubble.mjs.map +1 -1
- package/dist/jsx/toolbar/CodeBlockBubble.native.js +2 -14
- package/dist/jsx/toolbar/CodeBlockBubble.native.js.map +1 -1
- package/dist/jsx/toolbar/ColorPicker.mjs +3 -28
- package/dist/jsx/toolbar/ColorPicker.mjs.map +1 -1
- package/dist/jsx/toolbar/FixedToolbar.native.js.map +1 -1
- package/dist/jsx/toolbar/ImageDialog.mjs +2 -14
- package/dist/jsx/toolbar/ImageDialog.mjs.map +1 -1
- package/dist/jsx/toolbar/LinkDialog.mjs +2 -14
- package/dist/jsx/toolbar/LinkDialog.mjs.map +1 -1
- package/dist/jsx/toolbar/TableBubble.mjs +2 -14
- package/dist/jsx/toolbar/TableBubble.mjs.map +1 -1
- package/dist/jsx/toolbar/TableBubble.native.js +2 -14
- package/dist/jsx/toolbar/TableBubble.native.js.map +1 -1
- package/dist/jsx/toolbar/useHorizontalScroll.mjs +1 -1
- package/dist/jsx/toolbar/useHorizontalScroll.mjs.map +1 -1
- package/dist/jsx/toolbar/useHorizontalScroll.native.js +3 -1
- package/dist/jsx/toolbar/useHorizontalScroll.native.js.map +1 -1
- package/package.json +33 -33
- package/src/RichEditor.stories.tsx +7 -1
- package/src/editor/TiptapEditor.tsx +1 -4
- package/src/editor/mentions.spec.ts +10 -2
- package/src/toolbar/CodeBlockBubble.tsx +3 -9
- package/src/toolbar/ColorPicker.tsx +5 -22
- package/src/toolbar/ImageDialog.tsx +3 -11
- package/src/toolbar/LinkDialog.tsx +3 -11
- package/src/toolbar/TableBubble.tsx +3 -9
- package/src/toolbar/useHorizontalScroll.tsx +3 -1
- package/types/editor/TiptapEditor.d.ts.map +1 -1
- package/types/toolbar/CodeBlockBubble.d.ts.map +1 -1
- package/types/toolbar/ColorPicker.d.ts.map +1 -1
- package/types/toolbar/ImageDialog.d.ts.map +1 -1
- package/types/toolbar/LinkDialog.d.ts.map +1 -1
- package/types/toolbar/TableBubble.d.ts.map +1 -1
- package/types/toolbar/useHorizontalScroll.d.ts.map +1 -1
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
import { useCallback, useState } from "react";
|
|
6
|
+
import { PopoverContent } from "@multiplatform.one/components";
|
|
6
7
|
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
7
8
|
import { Input, Popover, Text, XStack, YStack } from "tamagui";
|
|
8
9
|
import { Button } from "@multiplatform.one/forms";
|
|
@@ -80,16 +81,7 @@ export function LinkDialog({
|
|
|
80
81
|
<LinkIcon />
|
|
81
82
|
</ToolbarButton>
|
|
82
83
|
</Popover.Trigger>
|
|
83
|
-
<
|
|
84
|
-
{...knobProps.panelPadding}
|
|
85
|
-
backgroundColor="$background"
|
|
86
|
-
borderWidth={1}
|
|
87
|
-
borderColor="$borderColor"
|
|
88
|
-
borderRadius={knobProps.borderRadius.borderRadius}
|
|
89
|
-
elevation={knobProps.elevation}
|
|
90
|
-
enterStyle={{ opacity: 0, y: -5 }}
|
|
91
|
-
exitStyle={{ opacity: 0, y: -5 }}
|
|
92
|
-
>
|
|
84
|
+
<PopoverContent {...knobProps.panelPadding}>
|
|
93
85
|
<Popover.Arrow borderColor="$borderColor" backgroundColor="$background" />
|
|
94
86
|
<YStack gap="$2" minWidth={250}>
|
|
95
87
|
<Text fontSize={knobProps.sizeToken} fontWeight="600">
|
|
@@ -120,7 +112,7 @@ export function LinkDialog({
|
|
|
120
112
|
</Button>
|
|
121
113
|
</XStack>
|
|
122
114
|
</YStack>
|
|
123
|
-
</
|
|
115
|
+
</PopoverContent>
|
|
124
116
|
</Popover>
|
|
125
117
|
);
|
|
126
118
|
}
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
import { useState } from "react";
|
|
7
7
|
import type { Editor } from "@tiptap/react";
|
|
8
8
|
import { BubbleMenu } from "@tiptap/react/menus";
|
|
9
|
+
import { PopoverContent } from "@multiplatform.one/components";
|
|
9
10
|
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
10
11
|
import { ColumnsPlusRightIcon, RowsPlusBottomIcon, TrashIcon } from "@phosphor-icons/react";
|
|
11
12
|
import { Popover, Text, XStack, YStack } from "tamagui";
|
|
@@ -147,17 +148,10 @@ export function TableBubble({ editor, capabilities = "full" }: TableBubbleProps)
|
|
|
147
148
|
<Text fontSize={12}>{t("Table")}</Text>
|
|
148
149
|
</ToolbarDropdownButton>
|
|
149
150
|
</Popover.Trigger>
|
|
150
|
-
<
|
|
151
|
+
<PopoverContent
|
|
151
152
|
// SP-EDGE: container owns only its border — items own all padding.
|
|
152
153
|
padding={0}
|
|
153
154
|
overflow="hidden"
|
|
154
|
-
backgroundColor="$background"
|
|
155
|
-
borderWidth={1}
|
|
156
|
-
borderColor="$borderColor"
|
|
157
|
-
borderRadius={knobProps.borderRadius.borderRadius}
|
|
158
|
-
elevation={knobProps.elevation}
|
|
159
|
-
enterStyle={{ opacity: 0, y: -5 }}
|
|
160
|
-
exitStyle={{ opacity: 0, y: -5 }}
|
|
161
155
|
>
|
|
162
156
|
<YStack gap="$0.5" minWidth={180}>
|
|
163
157
|
{ROW_ACTIONS.map((a) => {
|
|
@@ -222,7 +216,7 @@ export function TableBubble({ editor, capabilities = "full" }: TableBubbleProps)
|
|
|
222
216
|
);
|
|
223
217
|
})}
|
|
224
218
|
</YStack>
|
|
225
|
-
</
|
|
219
|
+
</PopoverContent>
|
|
226
220
|
</Popover>
|
|
227
221
|
|
|
228
222
|
<ToolbarButton
|
|
@@ -274,7 +274,9 @@ export function HorizontalScrollArrow({
|
|
|
274
274
|
zIndex={2}
|
|
275
275
|
pointerEvents={visible ? "auto" : "none"}
|
|
276
276
|
opacity={visible ? 1 : 0}
|
|
277
|
-
|
|
277
|
+
// `animation` is the tamagui 1.x prop — silently dropped on 2.x, which
|
|
278
|
+
// left this opacity fade popping.
|
|
279
|
+
{...(transition ? { transition } : undefined)}
|
|
278
280
|
onPointerEnter={visible ? handlePointerEnter : undefined}
|
|
279
281
|
onPointerLeave={handlePointerLeave}
|
|
280
282
|
data-testid={`toolbar-scroll-arrow-${direction}`}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TiptapEditor.d.ts","sourceRoot":"","sources":["../../src/editor/TiptapEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAkBH,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAiB,MAAM,UAAU,CAAC;AA2B9E,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAiBD,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"TiptapEditor.d.ts","sourceRoot":"","sources":["../../src/editor/TiptapEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAkBH,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAiB,MAAM,UAAU,CAAC;AA2B9E,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAiBD,eAAO,MAAM,YAAY,wGAkdxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlockBubble.d.ts","sourceRoot":"","sources":["../../src/toolbar/CodeBlockBubble.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"CodeBlockBubble.d.ts","sourceRoot":"","sources":["../../src/toolbar/CodeBlockBubble.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAuC5C,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAYD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,EAAE,oBAAoB,kDAiH/D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../src/toolbar/ColorPicker.tsx"],"names":[],"mappings":"AAAA;;GAEG;
|
|
1
|
+
{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../src/toolbar/ColorPicker.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAOH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAW3D,MAAM,WAAW,gBAAgB;IAC/B,8BAA8B;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACjD,2BAA2B;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAuCD,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAwC/E;AAMD,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAqCpF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageDialog.d.ts","sourceRoot":"","sources":["../../src/toolbar/ImageDialog.tsx"],"names":[],"mappings":"AAAA;;GAEG;
|
|
1
|
+
{"version":3,"file":"ImageDialog.d.ts","sourceRoot":"","sources":["../../src/toolbar/ImageDialog.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAOH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAU9C,MAAM,WAAW,gBAAgB;IAC/B,8BAA8B;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACjD,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAuDpE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkDialog.d.ts","sourceRoot":"","sources":["../../src/toolbar/LinkDialog.tsx"],"names":[],"mappings":"AAAA;;GAEG;
|
|
1
|
+
{"version":3,"file":"LinkDialog.d.ts","sourceRoot":"","sources":["../../src/toolbar/LinkDialog.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAOH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAK3D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAM7C,MAAM,WAAW,eAAe;IAC9B,8BAA8B;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACjD,2BAA2B;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAMD,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,YAAY,GACb,EAAE,eAAe,2CA0EjB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableBubble.d.ts","sourceRoot":"","sources":["../../src/toolbar/TableBubble.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"TableBubble.d.ts","sourceRoot":"","sources":["../../src/toolbar/TableBubble.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAO5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AA0EnD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,uEAAuE;IACvE,YAAY,CAAC,EAAE,kBAAkB,CAAC;CACnC;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,YAAqB,EAAE,EAAE,gBAAgB,kDA0I9E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHorizontalScroll.d.ts","sourceRoot":"","sources":["../../src/toolbar/useHorizontalScroll.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAUH;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,aAAa,GAAG,aAAa,CAAC,EACxE,SAAS,EAAE,KAAK,GAAG,KAAK,GACvB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CAOjD;AAMD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,QAsE9E;AAMD;;GAEG;AACH,wBAAgB,yBAAyB;;;;4BAO3B,WAAW;EAWxB;AAMD,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,UAAU,GACX,EAAE,0BAA0B,
|
|
1
|
+
{"version":3,"file":"useHorizontalScroll.d.ts","sourceRoot":"","sources":["../../src/toolbar/useHorizontalScroll.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAUH;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,aAAa,GAAG,aAAa,CAAC,EACxE,SAAS,EAAE,KAAK,GAAG,KAAK,GACvB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CAOjD;AAMD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,QAsE9E;AAMD;;GAEG;AACH,wBAAgB,yBAAyB;;;;4BAO3B,WAAW;EAWxB;AAMD,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,UAAU,GACX,EAAE,0BAA0B,2CAwI5B"}
|