@dxos/react-ui-thread 0.8.4-main.f5c0578 → 0.8.4-main.fcfe5033a5

package/dist/types/src/Thread/Comments.stories.d.ts

@@ -1,52 +1,35 @@
-import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-import { type Range } from '@dxos/react-ui-editor';
-import { type MessageEntity } from '../testing';
-type StoryCommentThread = {
-    id: string;
-    cursor?: string;
-    range?: Range;
-    yPos?: number;
-    messages: MessageEntity[];
-};
-type StoryProps = {
+type DefaultStoryProps = {
     text?: string;
     autoCreate?: boolean;
 };
-declare const _default: {
+declare const meta: {
     title: string;
-    component: React.FC<{
-        thread: StoryCommentThread;
-        selected: boolean;
-        onSelect: () => void;
-        onResolve: () => void;
-    }>;
+    component: any;
+    render: ({ text, autoCreate }: DefaultStoryProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
-    render: (args: StoryProps) => React.JSX.Element;
     parameters: {
         translations: [{
             readonly 'en-US': {
-                readonly "react-ui-thread": {
-                    readonly 'plugin name': "Threads";
-                    readonly 'thread title placeholder': "New thread";
-                    readonly 'thread title label': "Title";
-                    readonly 'delete thread label': "Delete";
-                    readonly 'create thread label': "Create thread";
-                    readonly 'message placeholder': "Enter message...";
-                    readonly 'comment placeholder': "Enter comment...";
-                    readonly 'settings standalone label': "Enable standalone thread creation";
-                    readonly 'anonymous label': "Anonymous";
-                    readonly 'enter to send message': "Enter to add ⏎";
+                readonly "@dxos/react-ui-thread": {
+                    readonly 'plugin.name': "Threads";
+                    readonly 'thread-title.placeholder': "New thread";
+                    readonly 'thread-title.label': "Title";
+                    readonly 'delete-thread.label': "Delete";
+                    readonly 'create-thread.label': "Create thread";
+                    readonly 'message.placeholder': "Enter message...";
+                    readonly 'comment.placeholder': "Enter comment...";
+                    readonly 'settings-standalone.label': "Enable standalone thread creation";
+                    readonly 'anonymous.label': "Anonymous";
+                    readonly 'enter-to-send.message': "Enter to add ⏎";
                 };
             };
         }];
         layout: string;
     };
 };
-export default _default;
-export declare const Default: {
-    args: {
-        text: string;
-    };
-};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 //# sourceMappingURL=Comments.stories.d.ts.map

package/dist/types/src/Thread/Comments.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Comments.stories.d.ts","sourceRoot":"","sources":["../../../../src/Thread/Comments.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAwD,MAAM,OAAO,CAAC;AAS7E,OAAO,EAGL,KAAK,KAAK,EASX,MAAM,uBAAuB,CAAC;AAK/B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAuEhD,KAAK,kBAAkB,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,aAAa,EAAE,CAAC;CAC3B,CAAC;AAwHF,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;;;;gBAxHQ,kBAAkB;kBAChB,OAAO;kBACP,MAAM,IAAI;mBACT,MAAM,IAAI;;;mBAgPN,UAAU;;;;;;;;;;;;;;;;;;;;;AAJ3B,wBAME;AAIF,eAAO,MAAM,OAAO;;;;CASnB,CAAC"}
+{"version":3,"file":"Comments.stories.d.ts","sourceRoot":"","sources":["../../../../src/Thread/Comments.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAwD,MAAM,OAAO,CAAC;AAwP7E,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAuHF,QAAA,MAAM,IAAI;;eAEkB,GAAG;mCAvHa,iBAAiB;;;;;;;;;;;;;;;;;;;;;CA8HxB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC"}

package/dist/types/src/Thread/Thread.d.ts

@@ -1,20 +1,34 @@
-import React, { type ComponentPropsWithRef } from 'react';
+import React, { ComponentPropsWithRef, PropsWithChildren } from 'react';
 import { type ThemedClassName } from '@dxos/react-ui';
 import type { ThreadEntity } from '../types';
-export declare const threadLayout = "is-full place-self-start grid grid-cols-[var(--rail-size)_1fr]";
-type ThreadRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & ThreadEntity & {
+export declare const threadLayout = "w-full place-self-start grid grid-cols-[var(--dx-rail-size)_1fr]";
+type ThreadRootProps = ThemedClassName<PropsWithChildren<ThreadEntity & {
     current?: boolean;
-};
-type ThreadHeaderProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {
+} & Pick<ComponentPropsWithRef<'div'>, 'onClickCapture' | 'onFocusCapture'>>>;
+type ThreadHeaderProps = PropsWithChildren<{
     detached?: boolean;
-};
-type ThreadStatusProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {
+}>;
+type ThreadStatusProps = ThemedClassName<PropsWithChildren> & {
     activity?: boolean;
 };
 export declare const Thread: {
-    Root: React.ForwardRefExoticComponent<Omit<ThreadRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Header: React.ForwardRefExoticComponent<Omit<ThreadHeaderProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-    Status: React.ForwardRefExoticComponent<Omit<ThreadStatusProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Root: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<ThreadEntity & {
+        current?: boolean;
+    } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onClickCapture" | "onFocusCapture">>, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<{
+        detached?: boolean;
+    } & {
+        children?: React.ReactNode | undefined;
+    } & React.RefAttributes<HTMLParagraphElement>>;
+    Status: React.ForwardRefExoticComponent<Omit<{
+        children?: React.ReactNode | undefined;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        activity?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
 };
-export type { ThreadRootProps, ThreadHeaderProps as ThreadHeadingProps, ThreadStatusProps };
+export type { ThreadRootProps, ThreadHeaderProps, ThreadStatusProps };
 //# sourceMappingURL=Thread.d.ts.map

package/dist/types/src/Thread/Thread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../../../src/Thread/Thread.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAQ,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAI5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,YAAY,mEAAmE,CAAC;AAM7F,KAAK,eAAe,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG,YAAY,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA4B5G,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAgChG,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA4BF,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,iBAAiB,IAAI,kBAAkB,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../../../src/Thread/Thread.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,qBAAqB,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAQ,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAI5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,YAAY,qEAAqE,CAAC;AAM/F,KAAK,eAAe,GAAG,eAAe,CACpC,iBAAiB,CACf,YAAY,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,CAC/G,CACF,CAAC;AA4BF,KAAK,iBAAiB,GAAG,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AA6BnE,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC,GAAG;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA4BF,eAAO,MAAM,MAAM;;kBAzFY,OAAO;;;;;mBA8BkB,OAAO;;;;;;;;;mBA8BlD,OAAO;;CAiCnB,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/types/src/Thread/Thread.stories.d.ts

@@ -1,7 +1,35 @@
-import '@dxos-theme';
-import { type Meta } from '@dxos/storybook-utils';
-import { Thread } from './Thread';
-declare const meta: Meta<typeof Thread.Root>;
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<import("..").ThreadEntity & {
+        current?: boolean;
+    } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onClickCapture" | "onFocusCapture">>, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    render: () => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+        translations: [{
+            readonly 'en-US': {
+                readonly "@dxos/react-ui-thread": {
+                    readonly 'plugin.name': "Threads";
+                    readonly 'thread-title.placeholder': "New thread";
+                    readonly 'thread-title.label': "Title";
+                    readonly 'delete-thread.label': "Delete";
+                    readonly 'create-thread.label': "Create thread";
+                    readonly 'message.placeholder': "Enter message...";
+                    readonly 'comment.placeholder': "Enter comment...";
+                    readonly 'settings-standalone.label': "Enable standalone thread creation";
+                    readonly 'anonymous.label': "Anonymous";
+                    readonly 'enter-to-send.message': "Enter to add ⏎";
+                };
+            };
+        }];
+    };
+};
 export default meta;
-export declare const Default: {};
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 //# sourceMappingURL=Thread.stories.d.ts.map

package/dist/types/src/Thread/Thread.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thread.stories.d.ts","sourceRoot":"","sources":["../../../../src/Thread/Thread.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAQrB,OAAO,EAAE,KAAK,IAAI,EAAyB,MAAM,uBAAuB,CAAC;AAMzE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAkElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAAC,IAAI,CAMlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,IAAK,CAAC"}
+{"version":3,"file":"Thread.stories.d.ts","sourceRoot":"","sources":["../../../../src/Thread/Thread.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAoC,MAAM,OAAO,CAAC;AA6EzD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/testing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../src/testing.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,aAAa,CAAC,SAAS,GAAG,GAAG,IAAI,eAAe,GAAG;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,2CAA2C,gBAAgB,sBAiB3F,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,SAAS,IAAI;IACxC,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,SAAS,EAAG,UAAU,gBAAgB,CAAC,SAAS,CAAC,sBAWlF,CAAC"}
+{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../src/testing.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,aAAa,CAAC,SAAS,GAAG,GAAG,IAAI,eAAe,GAAG;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,2CAA2C,gBAAgB,sBAkB3F,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,SAAS,IAAI;IACxC,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,SAAS,EAAG,UAAU,gBAAgB,CAAC,SAAS,CAAC,sBAWlF,CAAC"}

package/dist/types/src/translations.d.ts

@@ -1,17 +1,17 @@
-export declare const translationKey = "react-ui-thread";
+export declare const translationKey = "@dxos/react-ui-thread";
 export declare const translations: [{
     readonly 'en-US': {
-        readonly "react-ui-thread": {
-            readonly 'plugin name': "Threads";
-            readonly 'thread title placeholder': "New thread";
-            readonly 'thread title label': "Title";
-            readonly 'delete thread label': "Delete";
-            readonly 'create thread label': "Create thread";
-            readonly 'message placeholder': "Enter message...";
-            readonly 'comment placeholder': "Enter comment...";
-            readonly 'settings standalone label': "Enable standalone thread creation";
-            readonly 'anonymous label': "Anonymous";
-            readonly 'enter to send message': "Enter to add ⏎";
+        readonly "@dxos/react-ui-thread": {
+            readonly 'plugin.name': "Threads";
+            readonly 'thread-title.placeholder': "New thread";
+            readonly 'thread-title.label': "Title";
+            readonly 'delete-thread.label': "Delete";
+            readonly 'create-thread.label': "Create thread";
+            readonly 'message.placeholder': "Enter message...";
+            readonly 'comment.placeholder': "Enter comment...";
+            readonly 'settings-standalone.label': "Enable standalone thread creation";
+            readonly 'anonymous.label': "Anonymous";
+            readonly 'enter-to-send.message': "Enter to add ⏎";
         };
     };
 }];

package/dist/types/src/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,oBAAoB,CAAC;AAEhD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;EAiBM,CAAC"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,0BAA0B,CAAC;AAEtD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;EAiBM,CAAC"}

package/dist/types/src/types.d.ts

@@ -8,6 +8,7 @@ export type MessageMetadata = {
     authorAvatarProps?: FallbackValue;
 };
 export type ThreadEntity = {
+    id?: string;
     topicId?: string;
     topicTitle?: string;
 };

package/dist/types/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAIhD,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,aAAa,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAIhD,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,aAAa,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}