@linktr.ee/messaging-react 4.4.1-rc-1787616600 → 4.4.1-rc-1787616779
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@linktr.ee/messaging-react",
|
|
3
|
-
"version": "4.4.1-rc-
|
|
3
|
+
"version": "4.4.1-rc-1787616779",
|
|
4
4
|
"description": "React messaging components built on messaging-core for web applications",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -50,8 +50,8 @@
|
|
|
50
50
|
"chromatic:local": "yarn storybook:build && chromatic"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@linktr.ee/messaging-core": "2.6.0-rc-
|
|
54
|
-
"@linktr.ee/messaging-taxonomy": "0.11.0-rc-
|
|
53
|
+
"@linktr.ee/messaging-core": "2.6.0-rc-1787616779",
|
|
54
|
+
"@linktr.ee/messaging-taxonomy": "0.11.0-rc-1787616779",
|
|
55
55
|
"@phosphor-icons/react": "^2.1.10"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
@@ -45,29 +45,25 @@ const MULTILINE = 'Line one\nLine two\nLine three'
|
|
|
45
45
|
export const Gallery: StoryFn = () => (
|
|
46
46
|
<Canvas>
|
|
47
47
|
<Row label="Received — short" align="start">
|
|
48
|
-
<MessageBubble.Received text={SHORT}
|
|
48
|
+
<MessageBubble.Received text={SHORT} />
|
|
49
49
|
</Row>
|
|
50
50
|
<Row label="Received — with header (sender name)" align="start">
|
|
51
|
-
<MessageBubble.Received
|
|
52
|
-
header="Brie"
|
|
53
|
-
text={LONG}
|
|
54
|
-
className="w-fit max-w-[520px]"
|
|
55
|
-
/>
|
|
51
|
+
<MessageBubble.Received header="Brie" text={LONG} />
|
|
56
52
|
</Row>
|
|
57
53
|
<Row label="Received — no tail" align="start">
|
|
58
|
-
<MessageBubble.Received text={SHORT} tail={false}
|
|
54
|
+
<MessageBubble.Received text={SHORT} tail={false} />
|
|
59
55
|
</Row>
|
|
60
56
|
<Row label="Sent — short" align="end">
|
|
61
|
-
<MessageBubble.Sent text={SHORT}
|
|
57
|
+
<MessageBubble.Sent text={SHORT} />
|
|
62
58
|
</Row>
|
|
63
59
|
<Row label="Sent — long" align="end">
|
|
64
|
-
<MessageBubble.Sent text={LONG}
|
|
60
|
+
<MessageBubble.Sent text={LONG} />
|
|
65
61
|
</Row>
|
|
66
62
|
<Row label="Sent — multiline" align="end">
|
|
67
|
-
<MessageBubble.Sent text={MULTILINE}
|
|
63
|
+
<MessageBubble.Sent text={MULTILINE} />
|
|
68
64
|
</Row>
|
|
69
65
|
<Row label="Sent — no tail" align="end">
|
|
70
|
-
<MessageBubble.Sent text={SHORT} tail={false}
|
|
66
|
+
<MessageBubble.Sent text={SHORT} tail={false} />
|
|
71
67
|
</Row>
|
|
72
68
|
</Canvas>
|
|
73
69
|
)
|
|
@@ -80,10 +76,7 @@ export const Gallery: StoryFn = () => (
|
|
|
80
76
|
export const PreviewToRecipient: StoryFn = () => (
|
|
81
77
|
<Canvas>
|
|
82
78
|
<Row label="How your reply will look to the visitor" align="start">
|
|
83
|
-
<MessageBubble.Received
|
|
84
|
-
text="Thanks so much for the support — I just dropped a new track, hope you love it! 🎶"
|
|
85
|
-
className="w-fit max-w-[520px]"
|
|
86
|
-
/>
|
|
79
|
+
<MessageBubble.Received text="Thanks so much for the support — I just dropped a new track, hope you love it! 🎶" />
|
|
87
80
|
</Row>
|
|
88
81
|
</Canvas>
|
|
89
82
|
)
|
|
@@ -95,10 +88,7 @@ export const PreviewToRecipient: StoryFn = () => (
|
|
|
95
88
|
export const PreviewInChannel: StoryFn = () => (
|
|
96
89
|
<Canvas>
|
|
97
90
|
<Row label="How your reply looks to you in the channel" align="end">
|
|
98
|
-
<MessageBubble.Sent
|
|
99
|
-
text="Thanks so much for the support — I just dropped a new track, hope you love it! 🎶"
|
|
100
|
-
className="w-fit max-w-[520px]"
|
|
101
|
-
/>
|
|
91
|
+
<MessageBubble.Sent text="Thanks so much for the support — I just dropped a new track, hope you love it! 🎶" />
|
|
102
92
|
</Row>
|
|
103
93
|
</Canvas>
|
|
104
94
|
)
|