@haklex/rich-renderer-mention 0.0.19 → 0.0.21
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MentionEditRenderer.d.ts","sourceRoot":"","sources":["../src/MentionEditRenderer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MentionEditRenderer.d.ts","sourceRoot":"","sources":["../src/MentionEditRenderer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAQ7D,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,oBAAoB,2CAQ9D"}
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useRendererMode } from "@haklex/rich-editor";
|
|
3
3
|
import { Popover, PopoverTrigger, PopoverPanel } from "@haklex/rich-editor-ui";
|
|
4
|
+
import { vars } from "@haklex/rich-style-token";
|
|
4
5
|
import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
|
|
5
6
|
import { $getNearestNodeFromDOMNode } from "lexical";
|
|
6
7
|
import { AtSign, User, ExternalLink, Trash2 } from "lucide-react";
|
|
@@ -241,7 +242,7 @@ function MentionEditRendererInner({
|
|
|
241
242
|
"span",
|
|
242
243
|
{
|
|
243
244
|
className: `${editFieldIcon} ${semanticClassNames.editFieldIcon}`,
|
|
244
|
-
style: { fontSize:
|
|
245
|
+
style: { fontSize: vars.typography.fontSizeMd },
|
|
245
246
|
"aria-hidden": true,
|
|
246
247
|
children: platformMetaMap[editPlatform]?.icon ?? /* @__PURE__ */ jsx(AtSign, { size: 14 })
|
|
247
248
|
}
|
|
@@ -1,113 +1 @@
|
|
|
1
|
-
.b6sgtu0 {
|
|
2
|
-
display: inline;
|
|
3
|
-
margin: 0 0.25em;
|
|
4
|
-
vertical-align: text-bottom;
|
|
5
|
-
white-space: nowrap;
|
|
6
|
-
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
7
|
-
}
|
|
8
|
-
.b6sgtu1 {
|
|
9
|
-
color: var(--rc-text-secondary);
|
|
10
|
-
}
|
|
11
|
-
.b6sgtu2 {
|
|
12
|
-
display: inline-flex;
|
|
13
|
-
align-items: center;
|
|
14
|
-
margin-right: 0.25em;
|
|
15
|
-
vertical-align: middle;
|
|
16
|
-
}
|
|
17
|
-
.b6sgtu2 svg {
|
|
18
|
-
display: inline;
|
|
19
|
-
height: 0.8em;
|
|
20
|
-
width: 0.8em;
|
|
21
|
-
}
|
|
22
|
-
.b6sgtu3 {
|
|
23
|
-
fill: currentColor;
|
|
24
|
-
}
|
|
25
|
-
.b6sgtu4 {
|
|
26
|
-
text-decoration-line: underline;
|
|
27
|
-
text-underline-offset: 2px;
|
|
28
|
-
color: inherit;
|
|
29
|
-
}
|
|
30
|
-
.b6sgtu4:hover {
|
|
31
|
-
color: var(--rc-accent);
|
|
32
|
-
}
|
|
33
|
-
.b6sgtu5 {
|
|
34
|
-
display: flex;
|
|
35
|
-
flex-direction: column;
|
|
36
|
-
gap: 8px;
|
|
37
|
-
width: 300px;
|
|
38
|
-
padding: 12px;
|
|
39
|
-
font-size: 13px;
|
|
40
|
-
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
41
|
-
}
|
|
42
|
-
.b6sgtu6 {
|
|
43
|
-
display: flex;
|
|
44
|
-
align-items: center;
|
|
45
|
-
gap: 8px;
|
|
46
|
-
padding: 6px 10px;
|
|
47
|
-
background-color: var(--rc-bg-secondary);
|
|
48
|
-
border-radius: 6px;
|
|
49
|
-
min-width: 0;
|
|
50
|
-
}
|
|
51
|
-
.b6sgtu7 {
|
|
52
|
-
display: inline-flex;
|
|
53
|
-
align-items: center;
|
|
54
|
-
justify-content: center;
|
|
55
|
-
}
|
|
56
|
-
.b6sgtu8 {
|
|
57
|
-
display: inline-flex;
|
|
58
|
-
align-items: center;
|
|
59
|
-
justify-content: center;
|
|
60
|
-
}
|
|
61
|
-
.b6sgtu9 {
|
|
62
|
-
flex: 1;
|
|
63
|
-
appearance: none;
|
|
64
|
-
border: none;
|
|
65
|
-
background-color: transparent;
|
|
66
|
-
color: inherit;
|
|
67
|
-
font-size: 13px;
|
|
68
|
-
padding: 0;
|
|
69
|
-
outline: none;
|
|
70
|
-
min-width: 0;
|
|
71
|
-
}
|
|
72
|
-
.b6sgtu9::placeholder {
|
|
73
|
-
color: var(--rc-text-secondary);
|
|
74
|
-
}
|
|
75
|
-
.b6sgtua {
|
|
76
|
-
flex: 1;
|
|
77
|
-
appearance: none;
|
|
78
|
-
border: none;
|
|
79
|
-
background-color: transparent;
|
|
80
|
-
color: inherit;
|
|
81
|
-
font-size: 13px;
|
|
82
|
-
padding: 0;
|
|
83
|
-
outline: none;
|
|
84
|
-
cursor: pointer;
|
|
85
|
-
min-width: 0;
|
|
86
|
-
}
|
|
87
|
-
.b6sgtub {
|
|
88
|
-
display: flex;
|
|
89
|
-
align-items: center;
|
|
90
|
-
gap: 4px;
|
|
91
|
-
}
|
|
92
|
-
.b6sgtuc {
|
|
93
|
-
display: inline-flex;
|
|
94
|
-
align-items: center;
|
|
95
|
-
gap: 6px;
|
|
96
|
-
appearance: none;
|
|
97
|
-
border: none;
|
|
98
|
-
background: none;
|
|
99
|
-
color: inherit;
|
|
100
|
-
font-size: 13px;
|
|
101
|
-
font-weight: 500;
|
|
102
|
-
cursor: pointer;
|
|
103
|
-
padding: 4px 8px;
|
|
104
|
-
border-radius: 4px;
|
|
105
|
-
transition: color 0.15s ease, background-color 0.15s ease;
|
|
106
|
-
white-space: nowrap;
|
|
107
|
-
}
|
|
108
|
-
.b6sgtuc:hover {
|
|
109
|
-
background-color: var(--rc-bg-secondary);
|
|
110
|
-
}
|
|
111
|
-
.b6sgtud {
|
|
112
|
-
margin-left: auto;
|
|
113
|
-
}
|
|
1
|
+
.b6sgtu0{display:inline;margin:0 .25em;vertical-align:text-bottom;white-space:nowrap;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.b6sgtu1{color:var(--rc-text-secondary)}.b6sgtu2{display:inline-flex;align-items:center;margin-right:.25em;vertical-align:middle}.b6sgtu2 svg{display:inline;height:.8em;width:.8em}.b6sgtu3{fill:currentColor}.b6sgtu4{text-decoration-line:underline;text-underline-offset:2px;color:inherit}.b6sgtu4:hover{color:var(--rc-accent)}.b6sgtu5{display:flex;flex-direction:column;gap:8px;width:300px;padding:12px;font-size:var(--rc-font-size-sm);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.b6sgtu6{display:flex;align-items:center;gap:8px;padding:6px 10px;background-color:var(--rc-bg-secondary);border-radius:6px;min-width:0}.b6sgtu7,.b6sgtu8{display:inline-flex;align-items:center;justify-content:center}.b6sgtu9{flex:1;appearance:none;border:none;background-color:transparent;color:inherit;font-size:var(--rc-font-size-sm);padding:0;outline:none;min-width:0}.b6sgtu9::placeholder{color:var(--rc-text-secondary)}.b6sgtua{flex:1;appearance:none;border:none;background-color:transparent;color:inherit;font-size:var(--rc-font-size-sm);padding:0;outline:none;cursor:pointer;min-width:0}.b6sgtub{display:flex;align-items:center;gap:4px}.b6sgtuc{display:inline-flex;align-items:center;gap:6px;appearance:none;border:none;background:none;color:inherit;font-size:var(--rc-font-size-sm);font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s ease,background-color .15s ease;white-space:nowrap}.b6sgtuc:hover{background-color:var(--rc-bg-secondary)}.b6sgtud{margin-left:auto}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@haklex/rich-renderer-mention",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.21",
|
|
4
4
|
"description": "Social mention renderer with platform badges",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -18,9 +18,9 @@
|
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@icons-pack/react-simple-icons": "^13.11.2",
|
|
20
20
|
"lucide-react": "^0.574.0",
|
|
21
|
-
"@haklex/rich-editor": "0.0.
|
|
22
|
-
"@haklex/rich-style-token": "0.0.
|
|
23
|
-
"@haklex/rich-editor-ui": "0.0.
|
|
21
|
+
"@haklex/rich-editor": "0.0.21",
|
|
22
|
+
"@haklex/rich-style-token": "0.0.21",
|
|
23
|
+
"@haklex/rich-editor-ui": "0.0.21"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@lexical/react": "^0.40.0",
|