@linktr.ee/messaging-react 1.1.0 → 1.2.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.
Files changed (3) hide show
  1. package/package.json +2 -2
  2. package/src/index.ts +11 -11
  3. package/src/styles.css +8 -9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@linktr.ee/messaging-react",
3
- "version": "1.1.0",
3
+ "version": "1.2.0",
4
4
  "description": "React messaging components built on messaging-core for web applications",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -34,7 +34,7 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@linktr.ee/component-library": "*",
37
- "@linktr.ee/messaging-core": "^1.0.1",
37
+ "@linktr.ee/messaging-core": "^1.1.0",
38
38
  "@phosphor-icons/react": "^2.1.9",
39
39
  "stream-chat-react": "^13.9.0"
40
40
  },
package/src/index.ts CHANGED
@@ -2,18 +2,18 @@
2
2
  import './styles.css'
3
3
 
4
4
  // Components
5
- export { MessagingShell } from './components/MessagingShell';
6
- export { ChannelList } from './components/ChannelList';
7
- export { ChannelView } from './components/ChannelView';
8
- export { ParticipantPicker } from './components/ParticipantPicker';
9
- export { Avatar } from './components/Avatar';
5
+ export { MessagingShell } from './components/MessagingShell'
6
+ export { ChannelList } from './components/ChannelList'
7
+ export { ChannelView } from './components/ChannelView'
8
+ export { ParticipantPicker } from './components/ParticipantPicker'
9
+ export { Avatar } from './components/Avatar'
10
10
 
11
11
  // Providers
12
- export { MessagingProvider } from './providers/MessagingProvider';
12
+ export { MessagingProvider } from './providers/MessagingProvider'
13
13
 
14
14
  // Hooks
15
- export { useMessaging } from './hooks/useMessaging';
16
- export { useParticipants } from './hooks/useParticipants';
15
+ export { useMessaging } from './hooks/useMessaging'
16
+ export { useParticipants } from './hooks/useParticipants'
17
17
 
18
18
  // Types
19
19
  export type {
@@ -24,6 +24,6 @@ export type {
24
24
  MessagingProviderProps,
25
25
  MessagingCapabilities,
26
26
  ParticipantSource,
27
- Participant
28
- } from './types';
29
- export type { AvatarProps } from './components/Avatar';
27
+ Participant,
28
+ } from './types'
29
+ export type { AvatarProps } from './components/Avatar'
package/src/styles.css CHANGED
@@ -5,7 +5,7 @@
5
5
  /* Note: Dialogs get moved to the top layer when opened with .showModal() */
6
6
  .mes-dialog {
7
7
  --transition-duration: 0.2s;
8
-
8
+
9
9
  border: none;
10
10
  padding: 0;
11
11
  margin: 0;
@@ -18,21 +18,21 @@
18
18
  right: 0;
19
19
  bottom: 0;
20
20
  left: auto;
21
-
21
+
22
22
  /* Mobile: full width */
23
23
  max-width: 100%;
24
-
24
+
25
25
  /* Desktop (md and up): constrained width respecting sidebar */
26
26
  @media (min-width: 767px) {
27
27
  max-width: min(500px, calc(100% - var(--sidebar-width, 0px)));
28
28
  }
29
-
29
+
30
30
  /* Transitions for slide-in effect */
31
- transition:
31
+ transition:
32
32
  translate var(--transition-duration) cubic-bezier(0.4, 0, 0.2, 1),
33
33
  overlay var(--transition-duration) allow-discrete,
34
34
  display var(--transition-duration) allow-discrete;
35
-
35
+
36
36
  /* Start off-screen to the right */
37
37
  translate: 100% 0;
38
38
  }
@@ -42,7 +42,7 @@
42
42
  }
43
43
 
44
44
  .mes-dialog::backdrop {
45
- transition:
45
+ transition:
46
46
  display var(--transition-duration) allow-discrete,
47
47
  overlay var(--transition-duration) allow-discrete,
48
48
  background-color var(--transition-duration) linear;
@@ -57,7 +57,7 @@
57
57
  @starting-style {
58
58
  .mes-dialog[open] {
59
59
  translate: 100% 0;
60
-
60
+
61
61
  &::backdrop {
62
62
  background-color: rgba(0, 0, 0, 0);
63
63
  }
@@ -72,4 +72,3 @@
72
72
  outline: none;
73
73
  }
74
74
  }
75
-