@dxos/react-ui-thread 0.8.3 → 0.8.4-main.1068cf700f

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 = {
     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 }: StoryProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
-    render: (args: StoryProps) => React.JSX.Element;
     parameters: {
-        translations: {
-            'en-US': {
-                thread: {
-                    'plugin name': string;
-                    'thread title placeholder': string;
-                    'thread title label': string;
-                    'delete thread label': string;
-                    'create thread label': string;
-                    'message placeholder': string;
-                    'comment placeholder': string;
-                    'settings standalone label': string;
-                    'anonymous label': string;
-                    'enter to send message': 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 ⏎";
                 };
             };
-        }[];
+        }];
         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;AAGrB,OAAO,KAAwD,MAAM,OAAO,CAAC;AAS7E,OAAO,EAGL,KAAK,KAAK,EASX,MAAM,uBAAuB,CAAC;AAM/B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAqEhD,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;AAWF,eAAO,MAAM,OAAO;;;;CAInB,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;AAyP7E,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAuHF,QAAA,MAAM,IAAI;;eAEkB,GAAG;mCAvHa,UAAU;;;;;;;;;;;;;;;;;;;;;CA8HjB,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,17 +1,20 @@
 import React, { type ComponentPropsWithRef } from 'react';
 import { type ThemedClassName } from '@dxos/react-ui';
 import type { ThreadEntity } from '../types';
-export type ThreadProps = ThemedClassName<ComponentPropsWithRef<'div'>> & ThreadEntity & {
+export declare const threadLayout = "is-full place-self-start grid grid-cols-[var(--rail-size)_1fr]";
+type ThreadRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & ThreadEntity & {
     current?: boolean;
 };
-export declare const threadLayout = "is-full place-self-start grid grid-cols-[var(--rail-size)_1fr]";
-export declare const Thread: React.ForwardRefExoticComponent<Omit<ThreadProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type ThreadHeadingProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {
+type ThreadHeaderProps = ComponentPropsWithRef<'div'> & {
     detached?: boolean;
 };
-export declare const ThreadHeading: React.ForwardRefExoticComponent<Omit<ThreadHeadingProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export type ThreadFooterProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {
+type ThreadStatusProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {
     activity?: boolean;
 };
-export declare const ThreadFooter: React.ForwardRefExoticComponent<Omit<ThreadFooterProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+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>>;
+};
+export type { ThreadRootProps, ThreadHeaderProps as ThreadHeadingProps, 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":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAItE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG,YAAY,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE/G,eAAO,MAAM,YAAY,mEAAmE,CAAC;AAE7F,eAAO,MAAM,MAAM,iGAqBlB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAExG,eAAO,MAAM,aAAa,8GAwBzB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY,uGAwBxB,CAAC"}
+{"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,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAgC/E,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"}

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

@@ -1,29 +1,31 @@
-import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-declare const _default: {
+declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<Omit<import("./Thread").ThreadProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    component: React.ForwardRefExoticComponent<Omit<import("./Thread").ThreadRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     render: () => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
-        translations: {
-            'en-US': {
-                thread: {
-                    'plugin name': string;
-                    'thread title placeholder': string;
-                    'thread title label': string;
-                    'delete thread label': string;
-                    'create thread label': string;
-                    'message placeholder': string;
-                    'comment placeholder': string;
-                    'settings standalone label': string;
-                    'anonymous label': string;
-                    'enter to send message': string;
+        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 _default;
-export declare const Default: {};
+export default meta;
+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;AAErB,OAAO,KAAoC,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AA2EzD,wBAME;AAEF,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;AA8EzD,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/index.d.ts

@@ -1,6 +1,6 @@
-import translations from './translations';
+import { translations } from './translations';
 export * from './Thread';
 export * from './Message';
-export * from './types';
+export type * from './types';
 export { translations };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,mBAAmB,SAAS,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import React, { type PropsWithChildren } from 'react';
+import React from 'react';
 import { type MessageMetadata } from './types';
 export type MessageEntity<PartValue = any> = MessageMetadata & {
     text: string;
@@ -13,5 +13,4 @@ export type MessagePartProps<PartValue> = {
     part: PartValue;
 };
 export declare const MessageStoryBlock: <PartValue>({ part }: MessagePartProps<PartValue>) => React.JSX.Element;
-export declare const ThreadStoryContainer: ({ children }: PropsWithChildren) => React.JSX.Element;
 //# sourceMappingURL=testing.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../src/testing.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMtD,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;AAEF,eAAO,MAAM,oBAAoB,GAAI,cAAc,iBAAiB,sBAEnE,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,19 +1,18 @@
-export declare const translationKey = "thread";
-declare const _default: {
-    'en-US': {
-        thread: {
-            'plugin name': string;
-            'thread title placeholder': string;
-            'thread title label': string;
-            'delete thread label': string;
-            'create thread label': string;
-            'message placeholder': string;
-            'comment placeholder': string;
-            'settings standalone label': string;
-            'anonymous label': string;
-            'enter to send message': string;
+export declare const translationKey = "@dxos/react-ui-thread";
+export declare const 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 _default;
+}];
 //# sourceMappingURL=translations.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,WAAW,CAAC;;;;;;;;;;;;;;;;;AAEvC,wBAiBE"}
+{"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"}