@dxos/react-ui-chat 0.8.4-main.21d9917 → 0.8.4-main.2244d791bb

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 (12) hide show
  1. package/dist/lib/browser/index.mjs +9 -6
  2. package/dist/lib/browser/index.mjs.map +3 -3
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/lib/node-esm/index.mjs +9 -6
  5. package/dist/lib/node-esm/index.mjs.map +3 -3
  6. package/dist/lib/node-esm/meta.json +1 -1
  7. package/dist/types/src/components/ChatDialog/ChatDialog.d.ts.map +1 -1
  8. package/dist/types/tsconfig.tsbuildinfo +1 -1
  9. package/package.json +25 -25
  10. package/src/components/ChatDialog/ChatDialog.stories.tsx +1 -1
  11. package/src/components/ChatDialog/ChatDialog.tsx +12 -6
  12. package/src/components/ChatEditor/ChatEditor.stories.tsx +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dxos/react-ui-chat",
3
- "version": "0.8.4-main.21d9917",
3
+ "version": "0.8.4-main.2244d791bb",
4
4
  "description": "Chat components.",
5
5
  "homepage": "https://dxos.org",
6
6
  "bugs": "https://github.com/dxos/dxos/issues",
@@ -36,41 +36,41 @@
36
36
  "@fluentui/react-tabster": "9.26.11",
37
37
  "@radix-ui/react-accordion": "1.2.3",
38
38
  "@radix-ui/react-context": "1.1.1",
39
- "@dxos/debug": "0.8.4-main.21d9917",
40
- "@dxos/echo": "0.8.4-main.21d9917",
41
- "@dxos/react-ui": "0.8.4-main.21d9917",
42
- "@dxos/invariant": "0.8.4-main.21d9917",
43
- "@dxos/log": "0.8.4-main.21d9917",
44
- "@dxos/async": "0.8.4-main.21d9917",
45
- "@dxos/react-ui-components": "0.8.4-main.21d9917",
46
- "@dxos/react-ui-dnd": "0.8.4-main.21d9917",
47
- "@dxos/react-ui-editor": "0.8.4-main.21d9917",
48
- "@dxos/react-ui-sfx": "0.8.4-main.21d9917",
49
- "@dxos/react-ui-syntax-highlighter": "0.8.4-main.21d9917",
50
- "@dxos/react-ui-text-tooltip": "0.8.4-main.21d9917",
51
- "@dxos/ui-theme": "0.8.4-main.21d9917",
52
- "@dxos/ui-types": "0.8.4-main.21d9917",
53
- "@dxos/ui-editor": "0.8.4-main.21d9917",
54
- "@dxos/util": "0.8.4-main.21d9917"
39
+ "@dxos/async": "0.8.4-main.2244d791bb",
40
+ "@dxos/debug": "0.8.4-main.2244d791bb",
41
+ "@dxos/echo": "0.8.4-main.2244d791bb",
42
+ "@dxos/invariant": "0.8.4-main.2244d791bb",
43
+ "@dxos/react-ui": "0.8.4-main.2244d791bb",
44
+ "@dxos/log": "0.8.4-main.2244d791bb",
45
+ "@dxos/react-ui-editor": "0.8.4-main.2244d791bb",
46
+ "@dxos/react-ui-dnd": "0.8.4-main.2244d791bb",
47
+ "@dxos/react-ui-components": "0.8.4-main.2244d791bb",
48
+ "@dxos/react-ui-sfx": "0.8.4-main.2244d791bb",
49
+ "@dxos/react-ui-syntax-highlighter": "0.8.4-main.2244d791bb",
50
+ "@dxos/ui-theme": "0.8.4-main.2244d791bb",
51
+ "@dxos/ui-types": "0.8.4-main.2244d791bb",
52
+ "@dxos/ui-editor": "0.8.4-main.2244d791bb",
53
+ "@dxos/util": "0.8.4-main.2244d791bb",
54
+ "@dxos/react-ui-text-tooltip": "0.8.4-main.2244d791bb"
55
55
  },
56
56
  "devDependencies": {
57
57
  "@types/react": "~19.2.7",
58
58
  "@types/react-dom": "~19.2.3",
59
- "effect": "3.19.11",
59
+ "effect": "3.19.16",
60
60
  "react": "~19.2.3",
61
61
  "react-dom": "~19.2.3",
62
62
  "vite": "7.1.9",
63
- "@dxos/random": "0.8.4-main.21d9917",
64
- "@dxos/react-client": "0.8.4-main.21d9917",
65
- "@dxos/storybook-utils": "0.8.4-main.21d9917",
66
- "@dxos/echo": "0.8.4-main.21d9917"
63
+ "@dxos/echo": "0.8.4-main.2244d791bb",
64
+ "@dxos/random": "0.8.4-main.2244d791bb",
65
+ "@dxos/react-client": "0.8.4-main.2244d791bb",
66
+ "@dxos/storybook-utils": "0.8.4-main.2244d791bb"
67
67
  },
68
68
  "peerDependencies": {
69
- "effect": "3.19.11",
69
+ "effect": "3.19.16",
70
70
  "react": "~19.2.3",
71
71
  "react-dom": "~19.2.3",
72
- "@dxos/react-ui": "0.8.4-main.21d9917",
73
- "@dxos/ui-theme": "0.8.4-main.21d9917"
72
+ "@dxos/react-ui": "0.8.4-main.2244d791bb",
73
+ "@dxos/ui-theme": "0.8.4-main.2244d791bb"
74
74
  },
75
75
  "publishConfig": {
76
76
  "access": "public"
package/src/components/ChatDialog/ChatDialog.stories.tsx CHANGED
@@ -51,7 +51,7 @@ const meta = {
51
51
  </>
52
52
  );
53
53
  },
54
- decorators: [withTheme, withLayout({ layout: 'column' })],
54
+ decorators: [withTheme(), withLayout({ layout: 'column' })],
55
55
  parameters: {
56
56
  translations,
57
57
  },
package/src/components/ChatDialog/ChatDialog.tsx CHANGED
@@ -93,12 +93,14 @@ ChatDialogRoot.displayName = 'ChatDialog.Root';
93
93
  // Header
94
94
  //
95
95
 
96
+ const CHAT_DIALOG_HEADER_NAME = 'ChatDialog.Header';
97
+
96
98
  type ChatDialogHeaderProps = ThemedClassName<{
97
99
  title?: string;
98
100
  }>;
99
101
 
100
102
  const ChatDialogHeader = ({ classNames, title }: ChatDialogHeaderProps) => {
101
- const { expanded, setExpanded } = useChatDialogContext(ChatDialogHeader.displayName);
103
+ const { expanded, setExpanded } = useChatDialogContext(CHAT_DIALOG_HEADER_NAME);
102
104
 
103
105
  return (
104
106
  <div className={mx('grid grid-cols-[var(--rail-action)_1fr_min-content] items-center overflow-hidden', classNames)}>
@@ -127,16 +129,18 @@ const ChatDialogHeader = ({ classNames, title }: ChatDialogHeaderProps) => {
127
129
  );
128
130
  };
129
131
 
130
- ChatDialogHeader.displayName = 'ChatDialog.Header';
132
+ ChatDialogHeader.displayName = CHAT_DIALOG_HEADER_NAME;
131
133
 
132
134
  //
133
135
  // Content
134
136
  //
135
137
 
138
+ const CHAT_DIALOG_CONTENT_NAME = 'ChatDialog.Content';
139
+
136
140
  type ChatDialogContentProps = ThemedClassName<PropsWithChildren>;
137
141
 
138
142
  const ChatDialogContent = ({ children, classNames }: ChatDialogContentProps) => {
139
- const { expanded, size, setSize } = useChatDialogContext(ChatDialogContent.displayName);
143
+ const { expanded, size, setSize } = useChatDialogContext(CHAT_DIALOG_CONTENT_NAME);
140
144
  useEffect(() => {
141
145
  setSize(expanded ? 'min-content' : 0);
142
146
  }, [expanded]);
@@ -144,7 +148,7 @@ const ChatDialogContent = ({ children, classNames }: ChatDialogContentProps) =>
144
148
  return (
145
149
  <div
146
150
  className={mx(
147
- 'flex flex-col overflow-y-auto border-bs border-be border-subduedSeparator',
151
+ 'border-bs border-be border-subduedSeparator',
148
152
  'transition-[block-size] ease-in-out duration-0 [&:not([data-dx-resizing="true"])]:duration-200',
149
153
  classNames,
150
154
  )}
@@ -167,19 +171,21 @@ const ChatDialogContent = ({ children, classNames }: ChatDialogContentProps) =>
167
171
  );
168
172
  };
169
173
 
170
- ChatDialogContent.displayName = 'ChatDialog.Content';
174
+ ChatDialogContent.displayName = CHAT_DIALOG_CONTENT_NAME;
171
175
 
172
176
  //
173
177
  // Footer
174
178
  //
175
179
 
180
+ const CHAT_DIALOG_FOOTER_NAME = 'ChatDialog.Footer';
181
+
176
182
  type ChatDialogFooterProps = ThemedClassName<PropsWithChildren>;
177
183
 
178
184
  const ChatDialogFooter = ({ children, classNames }: ChatDialogFooterProps) => {
179
185
  return <div className={mx(classNames)}>{children}</div>;
180
186
  };
181
187
 
182
- ChatDialogFooter.displayName = 'ChatDialog.Footer';
188
+ ChatDialogFooter.displayName = CHAT_DIALOG_FOOTER_NAME;
183
189
 
184
190
  //
185
191
  // ChatDialog
package/src/components/ChatEditor/ChatEditor.stories.tsx CHANGED
@@ -15,7 +15,7 @@ import { type ReferenceData } from './references';
15
15
  const meta = {
16
16
  title: 'ui/react-ui-chat/ChatEditor',
17
17
  component: ChatEditor,
18
- decorators: [withTheme],
18
+ decorators: [withTheme()],
19
19
  parameters: {
20
20
  layout: 'centered',
21
21
  translations,