@dxos/react-ui-thread 0.8.4-main.c85a9c8dae → 0.8.4-main.cb12b3f963
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/dist/lib/browser/index.mjs +32 -55
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/translations.mjs +25 -0
- package/dist/lib/browser/translations.mjs.map +7 -0
- package/dist/types/src/Message/Message.d.ts.map +1 -1
- package/dist/types/src/Message/Message.stories.d.ts +10 -10
- package/dist/types/src/Message/Message.stories.d.ts.map +1 -1
- package/dist/types/src/Thread/Comments.stories.d.ts +12 -12
- package/dist/types/src/Thread/Comments.stories.d.ts.map +1 -1
- package/dist/types/src/Thread/Thread.d.ts +23 -9
- package/dist/types/src/Thread/Thread.d.ts.map +1 -1
- package/dist/types/src/Thread/Thread.stories.d.ts +15 -11
- package/dist/types/src/Thread/Thread.stories.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +0 -2
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/testing.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +10 -10
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/types.d.ts +1 -0
- package/dist/types/src/types.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +25 -19
- package/src/Message/Message.stories.tsx +2 -2
- package/src/Message/Message.tsx +6 -5
- package/src/Thread/Comments.stories.tsx +11 -12
- package/src/Thread/Thread.stories.tsx +5 -5
- package/src/Thread/Thread.tsx +11 -6
- package/src/index.ts +0 -3
- package/src/translations.ts +10 -10
- package/src/types.ts +1 -0
|
@@ -1,28 +1,8 @@
|
|
|
1
|
-
// src/translations.ts
|
|
2
|
-
var translationKey = "@dxos/react-ui-thread";
|
|
3
|
-
var translations = [
|
|
4
|
-
{
|
|
5
|
-
"en-US": {
|
|
6
|
-
[translationKey]: {
|
|
7
|
-
"plugin name": "Threads",
|
|
8
|
-
"thread title placeholder": "New thread",
|
|
9
|
-
"thread title label": "Title",
|
|
10
|
-
"delete thread label": "Delete",
|
|
11
|
-
"create thread label": "Create thread",
|
|
12
|
-
"message placeholder": "Enter message...",
|
|
13
|
-
"comment placeholder": "Enter comment...",
|
|
14
|
-
"settings standalone label": "Enable standalone thread creation",
|
|
15
|
-
"anonymous label": "Anonymous",
|
|
16
|
-
"enter to send message": "Enter to add \u23CE"
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
];
|
|
21
|
-
|
|
22
1
|
// src/Thread/Thread.tsx
|
|
23
2
|
import React, { forwardRef } from "react";
|
|
24
3
|
import { Icon, useTranslation } from "@dxos/react-ui";
|
|
25
4
|
import { hoverableControlItem, hoverableFocusedWithinControls, mx } from "@dxos/ui-theme";
|
|
5
|
+
import { translationKey } from "#translations";
|
|
26
6
|
var threadLayout = "w-full place-self-start grid grid-cols-[var(--dx-rail-size)_1fr]";
|
|
27
7
|
var ThreadRoot = /* @__PURE__ */ forwardRef(({ current, children, classNames, ...props }, forwardedRef) => {
|
|
28
8
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -68,7 +48,7 @@ var ThreadStatus = /* @__PURE__ */ forwardRef(({ activity, classNames, children,
|
|
|
68
48
|
"aria-live": "polite"
|
|
69
49
|
}, activity ? children : null), /* @__PURE__ */ React.createElement("span", {
|
|
70
50
|
className: mx("text-end", hoverableControlItem)
|
|
71
|
-
}, t("enter
|
|
51
|
+
}, t("enter-to-send.message")));
|
|
72
52
|
});
|
|
73
53
|
var Thread = {
|
|
74
54
|
Root: ThreadRoot,
|
|
@@ -82,36 +62,34 @@ import React2, { forwardRef as forwardRef2 } from "react";
|
|
|
82
62
|
import { Avatar, useTranslation as useTranslation2 } from "@dxos/react-ui";
|
|
83
63
|
import { useTextEditor } from "@dxos/react-ui-editor";
|
|
84
64
|
import { keymap, listener } from "@dxos/ui-editor";
|
|
85
|
-
import {
|
|
65
|
+
import { mx as mx2 } from "@dxos/ui-theme";
|
|
86
66
|
import { hexToEmoji, hexToHue, isTruthy } from "@dxos/util";
|
|
67
|
+
import { translationKey as translationKey2 } from "#translations";
|
|
87
68
|
var avatarSize = 7;
|
|
88
69
|
var MessageRoot = /* @__PURE__ */ forwardRef2(({ authorImgSrc, authorId, authorName, authorAvatarProps, continues = true, children, classNames, ...rootProps }, forwardedRef) => {
|
|
89
|
-
return (
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
className: "py-1 min-w-0"
|
|
113
|
-
}, children)))
|
|
114
|
-
);
|
|
70
|
+
return /* @__PURE__ */ React2.createElement(Avatar.Root, null, /* @__PURE__ */ React2.createElement("div", {
|
|
71
|
+
role: "none",
|
|
72
|
+
"data-testid": "thread.message",
|
|
73
|
+
...rootProps,
|
|
74
|
+
className: mx2("grid grid-cols-subgrid col-span-2", classNames),
|
|
75
|
+
ref: forwardedRef
|
|
76
|
+
}, /* @__PURE__ */ React2.createElement("div", {
|
|
77
|
+
role: "none",
|
|
78
|
+
className: "flex flex-col items-center gap-2 pt-1"
|
|
79
|
+
}, /* @__PURE__ */ React2.createElement(Avatar.Content, {
|
|
80
|
+
size: avatarSize,
|
|
81
|
+
hue: authorAvatarProps?.hue || hexToHue(authorId ?? "0"),
|
|
82
|
+
fallback: authorAvatarProps?.emoji || hexToEmoji(authorId ?? "0"),
|
|
83
|
+
...authorImgSrc && {
|
|
84
|
+
imgSrc: authorImgSrc
|
|
85
|
+
}
|
|
86
|
+
}), continues && /* @__PURE__ */ React2.createElement("div", {
|
|
87
|
+
role: "none",
|
|
88
|
+
className: "w-px grow bg-separator"
|
|
89
|
+
})), /* @__PURE__ */ React2.createElement("div", {
|
|
90
|
+
role: "none",
|
|
91
|
+
className: "py-1 min-w-0"
|
|
92
|
+
}, children)));
|
|
115
93
|
});
|
|
116
94
|
var MessageHeading = ({ children, classNames, timestamp, authorName, ...props }) => {
|
|
117
95
|
return /* @__PURE__ */ React2.createElement("div", {
|
|
@@ -127,13 +105,13 @@ var MessageHeading = ({ children, classNames, timestamp, authorName, ...props })
|
|
|
127
105
|
})), children);
|
|
128
106
|
};
|
|
129
107
|
var MessageAuthorName = ({ authorName }) => {
|
|
130
|
-
const { t } = useTranslation2(
|
|
108
|
+
const { t } = useTranslation2(translationKey2);
|
|
131
109
|
return /* @__PURE__ */ React2.createElement(Avatar.Label, {
|
|
132
110
|
classNames: "block truncate text-sm text-subdued"
|
|
133
|
-
}, authorName ?? t("anonymous
|
|
111
|
+
}, authorName ?? t("anonymous.label"));
|
|
134
112
|
};
|
|
135
113
|
var MessageTime = ({ timestamp }) => {
|
|
136
|
-
const { dtLocale } = useTranslation2(
|
|
114
|
+
const { dtLocale } = useTranslation2(translationKey2);
|
|
137
115
|
const dt = timestamp ? new Date(timestamp) : void 0;
|
|
138
116
|
return /* @__PURE__ */ React2.createElement("time", {
|
|
139
117
|
className: "block text-subdued text-xs pb-0.5",
|
|
@@ -203,7 +181,7 @@ var MessageTextbox = ({ id, authorId, authorName, authorImgSrc, authorAvatarProp
|
|
|
203
181
|
}, /* @__PURE__ */ React2.createElement("div", {
|
|
204
182
|
role: "none",
|
|
205
183
|
ref: parentRef,
|
|
206
|
-
className: mx2("py-0.5 me-1 rounded-xs",
|
|
184
|
+
className: mx2("py-0.5 me-1 rounded-xs dx-focus-ring", disabled && "opacity-50"),
|
|
207
185
|
...focusAttributes
|
|
208
186
|
}));
|
|
209
187
|
};
|
|
@@ -215,7 +193,6 @@ export {
|
|
|
215
193
|
MessageTextbox,
|
|
216
194
|
MessageTime,
|
|
217
195
|
Thread,
|
|
218
|
-
threadLayout
|
|
219
|
-
translations
|
|
196
|
+
threadLayout
|
|
220
197
|
};
|
|
221
198
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../src/
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport
|
|
5
|
-
"mappings": ";
|
|
6
|
-
"names": ["
|
|
3
|
+
"sources": ["../../../src/Thread/Thread.tsx", "../../../src/Message/Message.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { ComponentPropsWithRef, forwardRef, PropsWithChildren } from 'react';\n\nimport { Icon, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { hoverableControlItem, hoverableFocusedWithinControls, mx } from '@dxos/ui-theme';\n\nimport { translationKey } from '#translations';\n\nimport type { ThreadEntity } from '../types';\n\n// TODO(burdon): Avoid exporting fragments.\nexport const threadLayout = 'w-full place-self-start grid grid-cols-[var(--dx-rail-size)_1fr]';\n\n//\n// Root\n//\n\ntype ThreadRootProps = ThemedClassName<\n PropsWithChildren<\n ThreadEntity & { current?: boolean } & Pick<ComponentPropsWithRef<'div'>, 'onClickCapture' | 'onFocusCapture'>\n >\n>;\n\nconst ThreadRoot = forwardRef<HTMLDivElement, ThreadRootProps>(\n ({ current, children, classNames, ...props }, forwardedRef) => {\n return (\n <div\n role='group'\n data-testid='thread'\n {...(current && { 'aria-current': typeof current === 'string' ? current : 'location' })}\n {...props}\n className={mx(\n threadLayout,\n hoverableFocusedWithinControls,\n 'bg-[var(--surface-bg)] current-related dx-attention-surface [--controls-opacity:0]',\n classNames,\n )}\n ref={forwardedRef}\n >\n {children}\n </div>\n );\n },\n);\n\n//\n// Heading\n//\n\ntype ThreadHeaderProps = PropsWithChildren<{ detached?: boolean }>;\n\nconst ThreadHeader = forwardRef<HTMLParagraphElement, ThreadHeaderProps>(\n ({ children, detached, ...props }, forwardedRef) => {\n return (\n <>\n <div role='none' className='flex items-center justify-center text-description'>\n <Icon icon='ph--caret-double-right--regular' />\n </div>\n <div role='none' className='flex items-center overflow-hidden'>\n <p\n role='heading'\n data-testid='thread.heading'\n {...props}\n className={mx('me-2 text-description font-medium truncate italic', detached && 'line-through decoration-1')}\n ref={forwardedRef}\n >\n {children}\n </p>\n </div>\n </>\n );\n },\n);\n\n//\n// Status\n//\n\ntype ThreadStatusProps = ThemedClassName<PropsWithChildren> & {\n activity?: boolean;\n};\n\nconst ThreadStatus = forwardRef<HTMLDivElement, ThreadStatusProps>(\n ({ activity, classNames, children, ...props }, forwardedRef) => {\n const { t } = useTranslation(translationKey);\n return (\n <div\n {...props}\n className={mx(\n 'col-start-2 grid grid-cols-[min-content_1fr_max-content] pb-2 pe-2 text-xs text-description',\n classNames,\n )}\n ref={forwardedRef}\n >\n <Icon\n icon='ph--spinner--bold'\n classNames='w-6 h-4 invisible data-[visible=show]:visible animate-spin-slow'\n data-visible={activity ? 'show' : 'hide'}\n />\n <span className='truncate min-w-0' aria-live='polite'>\n {activity ? children : null}\n </span>\n <span className={mx('text-end', hoverableControlItem)}>{t('enter-to-send.message')}</span>\n </div>\n );\n },\n);\n\nexport const Thread = {\n Root: ThreadRoot,\n Header: ThreadHeader,\n Status: ThreadStatus,\n};\n\nexport type { ThreadRootProps, ThreadHeaderProps, ThreadStatusProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { formatDistanceToNow } from 'date-fns/formatDistanceToNow';\nimport React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, forwardRef } from 'react';\n\nimport { Avatar, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { type UseTextEditorProps, useTextEditor } from '@dxos/react-ui-editor';\nimport { keymap, listener } from '@dxos/ui-editor';\nimport { mx } from '@dxos/ui-theme';\nimport { hexToEmoji, hexToHue, isTruthy } from '@dxos/util';\n\nimport { translationKey } from '#translations';\n\nimport { type MessageMetadata } from '../types';\n\nconst avatarSize = 7;\n\nexport type MessageRootProps = ThemedClassName<\n ComponentPropsWithRef<'div'> & MessageMetadata & Partial<{ continues: boolean }>\n>;\n\n// TODO(burdon): Show authorName on tooltip.\nexport const MessageRoot = forwardRef<HTMLDivElement, MessageRootProps>(\n (\n { authorImgSrc, authorId, authorName, authorAvatarProps, continues = true, children, classNames, ...rootProps },\n forwardedRef,\n ) => {\n // Must wrap the message since Avatar.Label may be used in the content.\n return (\n <Avatar.Root>\n <div\n role='none'\n data-testid='thread.message'\n {...rootProps}\n className={mx('grid grid-cols-subgrid col-span-2', classNames)}\n ref={forwardedRef}\n >\n <div role='none' className='flex flex-col items-center gap-2 pt-1'>\n <Avatar.Content\n size={avatarSize}\n hue={authorAvatarProps?.hue || hexToHue(authorId ?? '0')}\n fallback={authorAvatarProps?.emoji || hexToEmoji(authorId ?? '0')}\n {...(authorImgSrc && { imgSrc: authorImgSrc })}\n />\n {continues && <div role='none' className='w-px grow bg-separator' />}\n </div>\n <div role='none' className='py-1 min-w-0'>\n {children}\n </div>\n </div>\n </Avatar.Root>\n );\n },\n);\n\nexport type MessageHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> &\n Pick<MessageMetadata, 'authorName' | 'timestamp'>;\n\nexport const MessageHeading = ({ children, classNames, timestamp, authorName, ...props }: MessageHeadingProps) => {\n return (\n <div role='none' {...props} className={mx('flex gap-2 items-start', classNames)}>\n <p className='grow'>\n <MessageAuthorName authorName={authorName} />\n {timestamp && <MessageTime timestamp={timestamp} />}\n </p>\n {children}\n </div>\n );\n};\n\nexport type MessageAuthorNameProps = Pick<MessageMetadata, 'authorName'>;\n\nexport const MessageAuthorName = ({ authorName }: MessageAuthorNameProps) => {\n const { t } = useTranslation(translationKey);\n return (\n <Avatar.Label classNames='block truncate text-sm text-subdued'>{authorName ?? t('anonymous.label')}</Avatar.Label>\n );\n};\n\nexport type MessageTimeProps = Pick<MessageMetadata, 'timestamp'>;\n\nexport const MessageTime = ({ timestamp }: MessageTimeProps) => {\n const { dtLocale } = useTranslation(translationKey);\n const dt = timestamp ? new Date(timestamp) : undefined;\n return (\n <time className='block text-subdued text-xs pb-0.5' dateTime={dt?.toISOString()}>\n {dt ? formatDistanceToNow(dt, { locale: dtLocale, addSuffix: true }) : ''}\n </time>\n );\n};\n\nexport type MessageBodyProps = ComponentPropsWithoutRef<'p'>;\n\nexport const MessageBody = ({ children, ...props }: MessageBodyProps) => {\n return <p {...props}>{children}</p>;\n};\n\nexport type MessageTextboxProps = {\n disabled?: boolean;\n onSend?: () => void;\n onClear?: () => void;\n onEditorFocus?: () => void;\n} & MessageMetadata &\n UseTextEditorProps;\n\nconst keyBindings = ({ onSend, onClear }: Pick<MessageTextboxProps, 'onSend' | 'onClear'>) => [\n {\n key: 'Enter',\n run: () => {\n if (onSend) {\n onSend();\n return true;\n } else {\n return false;\n }\n },\n },\n {\n // TODO(burdon): Other key bindings.\n key: 'Meta+Backspace',\n run: () => {\n if (onClear) {\n onClear();\n return true;\n } else {\n return false;\n }\n },\n },\n];\n\nexport const MessageTextbox = ({\n id,\n authorId,\n authorName,\n authorImgSrc,\n authorAvatarProps,\n disabled,\n extensions,\n onSend,\n onClear,\n onEditorFocus,\n ...editorProps\n}: MessageTextboxProps) => {\n const { parentRef, focusAttributes } = useTextEditor(\n () => ({\n id,\n extensions: [\n keymap.of(keyBindings({ onSend, onClear })),\n listener({\n onFocus: ({ focusing }) => {\n if (focusing) {\n onEditorFocus?.();\n }\n },\n }),\n extensions,\n ].filter(isTruthy),\n ...editorProps,\n }),\n [id, extensions],\n );\n\n return (\n <MessageRoot {...{ id, authorId, authorName, authorImgSrc, authorAvatarProps }} continues={false}>\n <div\n role='none'\n ref={parentRef}\n className={mx('py-0.5 me-1 rounded-xs dx-focus-ring', disabled && 'opacity-50')}\n {...focusAttributes}\n />\n </MessageRoot>\n );\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React", "forwardRef", "Icon", "useTranslation", "hoverableControlItem", "hoverableFocusedWithinControls", "mx", "translationKey", "threadLayout", "ThreadRoot", "current", "children", "classNames", "props", "forwardedRef", "div", "role", "data-testid", "className", "ref", "ThreadHeader", "detached", "icon", "p", "ThreadStatus", "activity", "t", "data-visible", "span", "aria-live", "Thread", "Root", "Header", "Status", "formatDistanceToNow", "React", "forwardRef", "Avatar", "useTranslation", "useTextEditor", "keymap", "listener", "mx", "hexToEmoji", "hexToHue", "isTruthy", "translationKey", "avatarSize", "MessageRoot", "authorImgSrc", "authorId", "authorName", "authorAvatarProps", "continues", "children", "classNames", "rootProps", "forwardedRef", "Root", "div", "role", "data-testid", "className", "ref", "Content", "size", "hue", "fallback", "emoji", "imgSrc", "MessageHeading", "timestamp", "props", "p", "MessageAuthorName", "MessageTime", "t", "Label", "dtLocale", "dt", "Date", "undefined", "time", "dateTime", "toISOString", "locale", "addSuffix", "MessageBody", "keyBindings", "onSend", "onClear", "key", "run", "MessageTextbox", "id", "disabled", "extensions", "onEditorFocus", "editorProps", "parentRef", "focusAttributes", "of", "onFocus", "focusing", "filter"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/
|
|
1
|
+
{"inputs":{"src/Thread/Thread.tsx":{"bytes":9691,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/Thread/index.ts":{"bytes":370,"imports":[{"path":"src/Thread/Thread.tsx","kind":"import-statement","original":"./Thread"}],"format":"esm"},"src/Message/Message.tsx":{"bytes":16563,"imports":[{"path":"date-fns/formatDistanceToNow","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/Message/index.ts":{"bytes":375,"imports":[{"path":"src/Message/Message.tsx","kind":"import-statement","original":"./Message"}],"format":"esm"},"src/index.ts":{"bytes":497,"imports":[{"path":"src/Thread/index.ts","kind":"import-statement","original":"./Thread"},{"path":"src/Message/index.ts","kind":"import-statement","original":"./Message"}],"format":"esm"},"src/translations.ts":{"bytes":2395,"imports":[],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":13971},"dist/lib/browser/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"date-fns/formatDistanceToNow","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"exports":["MessageAuthorName","MessageBody","MessageHeading","MessageRoot","MessageTextbox","MessageTime","Thread","threadLayout"],"entryPoint":"src/index.ts","inputs":{"src/Thread/Thread.tsx":{"bytesInOutput":2597},"src/index.ts":{"bytesInOutput":0},"src/Message/Message.tsx":{"bytesInOutput":4184}},"bytes":7008},"dist/lib/browser/translations.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1151},"dist/lib/browser/translations.mjs":{"imports":[],"exports":["translationKey","translations"],"entryPoint":"src/translations.ts","inputs":{"src/translations.ts":{"bytesInOutput":616}},"bytes":726}}}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
// src/translations.ts
|
|
2
|
+
var translationKey = "@dxos/react-ui-thread";
|
|
3
|
+
var translations = [
|
|
4
|
+
{
|
|
5
|
+
"en-US": {
|
|
6
|
+
[translationKey]: {
|
|
7
|
+
"plugin.name": "Threads",
|
|
8
|
+
"thread-title.placeholder": "New thread",
|
|
9
|
+
"thread-title.label": "Title",
|
|
10
|
+
"delete-thread.label": "Delete",
|
|
11
|
+
"create-thread.label": "Create thread",
|
|
12
|
+
"message.placeholder": "Enter message...",
|
|
13
|
+
"comment.placeholder": "Enter comment...",
|
|
14
|
+
"settings-standalone.label": "Enable standalone thread creation",
|
|
15
|
+
"anonymous.label": "Anonymous",
|
|
16
|
+
"enter-to-send.message": "Enter to add \u23CE"
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
];
|
|
21
|
+
export {
|
|
22
|
+
translationKey,
|
|
23
|
+
translations
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=translations.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/translations.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = '@dxos/react-ui-thread';\n\nexport const translations = [\n {\n 'en-US': {\n [translationKey]: {\n 'plugin.name': 'Threads',\n 'thread-title.placeholder': 'New thread',\n 'thread-title.label': 'Title',\n 'delete-thread.label': 'Delete',\n 'create-thread.label': 'Create thread',\n 'message.placeholder': 'Enter message...',\n 'comment.placeholder': 'Enter comment...',\n 'settings-standalone.label': 'Enable standalone thread creation',\n 'anonymous.label': 'Anonymous',\n 'enter-to-send.message': 'Enter to add ⏎',\n },\n },\n },\n] as const satisfies Resource[];\n"],
|
|
5
|
+
"mappings": ";AAMO,IAAMA,iBAAiB;AAEvB,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACD,cAAAA,GAAiB;QAChB,eAAe;QACf,4BAA4B;QAC5B,sBAAsB;QACtB,uBAAuB;QACvB,uBAAuB;QACvB,uBAAuB;QACvB,uBAAuB;QACvB,6BAA6B;QAC7B,mBAAmB;QACnB,yBAAyB;MAC3B;IACF;EACF;;",
|
|
6
|
+
"names": ["translationKey", "translations"]
|
|
7
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/Message/Message.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAErG,OAAO,EAAU,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,KAAK,kBAAkB,EAAiB,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/Message/Message.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAErG,OAAO,EAAU,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,KAAK,kBAAkB,EAAiB,MAAM,uBAAuB,CAAC;AAO/E,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAC5C,qBAAqB,CAAC,KAAK,CAAC,GAAG,eAAe,GAAG,OAAO,CAAC;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC,CACjF,CAAC;AAGF,eAAO,MAAM,WAAW,sGA+BvB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAChF,IAAI,CAAC,eAAe,EAAE,YAAY,GAAG,WAAW,CAAC,CAAC;AAEpD,eAAO,MAAM,cAAc,8DAA+D,mBAAmB,sBAU5G,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AAEzE,eAAO,MAAM,iBAAiB,mBAAoB,sBAAsB,sBAKvE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC;AAElE,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,sBAQ1D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAE7D,eAAO,MAAM,WAAW,2BAA4B,gBAAgB,sBAEnE,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,GAAG,eAAe,GACjB,kBAAkB,CAAC;AA4BrB,eAAO,MAAM,cAAc,wIAYxB,mBAAmB,sBA8BrB,CAAC"}
|
|
@@ -10,16 +10,16 @@ declare const meta: {
|
|
|
10
10
|
translations: [{
|
|
11
11
|
readonly 'en-US': {
|
|
12
12
|
readonly "@dxos/react-ui-thread": {
|
|
13
|
-
readonly 'plugin
|
|
14
|
-
readonly 'thread
|
|
15
|
-
readonly 'thread
|
|
16
|
-
readonly 'delete
|
|
17
|
-
readonly 'create
|
|
18
|
-
readonly 'message
|
|
19
|
-
readonly 'comment
|
|
20
|
-
readonly 'settings
|
|
21
|
-
readonly 'anonymous
|
|
22
|
-
readonly 'enter
|
|
13
|
+
readonly 'plugin.name': 'Threads';
|
|
14
|
+
readonly 'thread-title.placeholder': 'New thread';
|
|
15
|
+
readonly 'thread-title.label': 'Title';
|
|
16
|
+
readonly 'delete-thread.label': 'Delete';
|
|
17
|
+
readonly 'create-thread.label': 'Create thread';
|
|
18
|
+
readonly 'message.placeholder': 'Enter message...';
|
|
19
|
+
readonly 'comment.placeholder': 'Enter comment...';
|
|
20
|
+
readonly 'settings-standalone.label': 'Enable standalone thread creation';
|
|
21
|
+
readonly 'anonymous.label': 'Anonymous';
|
|
22
|
+
readonly 'enter-to-send.message': 'Enter to add \u23CE';
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
25
|
}];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../src/Message/Message.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgCxC,QAAA,MAAM,IAAI;;eAEkB,GAAG;;;;;;;;;;;;;;;;;;;;;;CAOM,CAAC;
|
|
1
|
+
{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../src/Message/Message.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgCxC,QAAA,MAAM,IAAI;;eAEkB,GAAG;;;;;;;;;;;;;;;;;;;;;;CAOM,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { type StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
type
|
|
3
|
+
type DefaultStoryProps = {
|
|
4
4
|
text?: string;
|
|
5
5
|
autoCreate?: boolean;
|
|
6
6
|
};
|
|
7
7
|
declare const meta: {
|
|
8
8
|
title: string;
|
|
9
9
|
component: any;
|
|
10
|
-
render: ({ text, autoCreate }:
|
|
10
|
+
render: ({ text, autoCreate }: DefaultStoryProps) => React.JSX.Element;
|
|
11
11
|
decorators: import("@storybook/react").Decorator[];
|
|
12
12
|
parameters: {
|
|
13
13
|
translations: [{
|
|
14
14
|
readonly 'en-US': {
|
|
15
15
|
readonly "@dxos/react-ui-thread": {
|
|
16
|
-
readonly 'plugin
|
|
17
|
-
readonly 'thread
|
|
18
|
-
readonly 'thread
|
|
19
|
-
readonly 'delete
|
|
20
|
-
readonly 'create
|
|
21
|
-
readonly 'message
|
|
22
|
-
readonly 'comment
|
|
23
|
-
readonly 'settings
|
|
24
|
-
readonly 'anonymous
|
|
25
|
-
readonly 'enter
|
|
16
|
+
readonly 'plugin.name': 'Threads';
|
|
17
|
+
readonly 'thread-title.placeholder': 'New thread';
|
|
18
|
+
readonly 'thread-title.label': 'Title';
|
|
19
|
+
readonly 'delete-thread.label': 'Delete';
|
|
20
|
+
readonly 'create-thread.label': 'Create thread';
|
|
21
|
+
readonly 'message.placeholder': 'Enter message...';
|
|
22
|
+
readonly 'comment.placeholder': 'Enter comment...';
|
|
23
|
+
readonly 'settings-standalone.label': 'Enable standalone thread creation';
|
|
24
|
+
readonly 'anonymous.label': 'Anonymous';
|
|
25
|
+
readonly 'enter-to-send.message': 'Enter to add \u23CE';
|
|
26
26
|
};
|
|
27
27
|
};
|
|
28
28
|
}];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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;
|
|
1
|
+
{"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;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC"}
|
|
@@ -1,20 +1,34 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { ComponentPropsWithRef, PropsWithChildren } from 'react';
|
|
2
2
|
import { type ThemedClassName } from '@dxos/react-ui';
|
|
3
3
|
import type { ThreadEntity } from '../types';
|
|
4
4
|
export declare const threadLayout = "w-full place-self-start grid grid-cols-[var(--dx-rail-size)_1fr]";
|
|
5
|
-
type ThreadRootProps = ThemedClassName<
|
|
5
|
+
type ThreadRootProps = ThemedClassName<PropsWithChildren<ThreadEntity & {
|
|
6
6
|
current?: boolean;
|
|
7
|
-
}
|
|
8
|
-
type ThreadHeaderProps =
|
|
7
|
+
} & Pick<ComponentPropsWithRef<'div'>, 'onClickCapture' | 'onFocusCapture'>>>;
|
|
8
|
+
type ThreadHeaderProps = PropsWithChildren<{
|
|
9
9
|
detached?: boolean;
|
|
10
|
-
}
|
|
11
|
-
type ThreadStatusProps = ThemedClassName<
|
|
10
|
+
}>;
|
|
11
|
+
type ThreadStatusProps = ThemedClassName<PropsWithChildren> & {
|
|
12
12
|
activity?: boolean;
|
|
13
13
|
};
|
|
14
14
|
export declare const Thread: {
|
|
15
|
-
Root: React.ForwardRefExoticComponent<Omit<
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
Root: React.ForwardRefExoticComponent<Omit<PropsWithChildren<ThreadEntity & {
|
|
16
|
+
current?: boolean;
|
|
17
|
+
} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onClickCapture" | "onFocusCapture">>, "className"> & {
|
|
18
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
19
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
Header: React.ForwardRefExoticComponent<{
|
|
21
|
+
detached?: boolean;
|
|
22
|
+
} & {
|
|
23
|
+
children?: React.ReactNode | undefined;
|
|
24
|
+
} & React.RefAttributes<HTMLParagraphElement>>;
|
|
25
|
+
Status: React.ForwardRefExoticComponent<Omit<{
|
|
26
|
+
children?: React.ReactNode | undefined;
|
|
27
|
+
}, "className"> & {
|
|
28
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
29
|
+
} & {
|
|
30
|
+
activity?: boolean;
|
|
31
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
18
32
|
};
|
|
19
33
|
export type { ThreadRootProps, ThreadHeaderProps, ThreadStatusProps };
|
|
20
34
|
//# sourceMappingURL=Thread.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../../../src/Thread/Thread.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,
|
|
1
|
+
{"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;AAK5E,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;IACjB,IAAI;kBA1FyB,OAAO;;;;IA2FpC,MAAM;mBA7DgD,OAAO;;;;IA8D7D,MAAM;;;;;mBAhCK,OAAO;;CAiCnB,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -2,7 +2,11 @@ import { type StoryObj } from '@storybook/react-vite';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: React.ForwardRefExoticComponent<Omit<import("
|
|
5
|
+
component: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<import("..").ThreadEntity & {
|
|
6
|
+
current?: boolean;
|
|
7
|
+
} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onClickCapture" | "onFocusCapture">>, "className"> & {
|
|
8
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
9
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
6
10
|
render: () => React.JSX.Element;
|
|
7
11
|
decorators: import("@storybook/react").Decorator[];
|
|
8
12
|
parameters: {
|
|
@@ -10,16 +14,16 @@ declare const meta: {
|
|
|
10
14
|
translations: [{
|
|
11
15
|
readonly 'en-US': {
|
|
12
16
|
readonly "@dxos/react-ui-thread": {
|
|
13
|
-
readonly 'plugin
|
|
14
|
-
readonly 'thread
|
|
15
|
-
readonly 'thread
|
|
16
|
-
readonly 'delete
|
|
17
|
-
readonly 'create
|
|
18
|
-
readonly 'message
|
|
19
|
-
readonly 'comment
|
|
20
|
-
readonly 'settings
|
|
21
|
-
readonly 'anonymous
|
|
22
|
-
readonly 'enter
|
|
17
|
+
readonly 'plugin.name': 'Threads';
|
|
18
|
+
readonly 'thread-title.placeholder': 'New thread';
|
|
19
|
+
readonly 'thread-title.label': 'Title';
|
|
20
|
+
readonly 'delete-thread.label': 'Delete';
|
|
21
|
+
readonly 'create-thread.label': 'Create thread';
|
|
22
|
+
readonly 'message.placeholder': 'Enter message...';
|
|
23
|
+
readonly 'comment.placeholder': 'Enter comment...';
|
|
24
|
+
readonly 'settings-standalone.label': 'Enable standalone thread creation';
|
|
25
|
+
readonly 'anonymous.label': 'Anonymous';
|
|
26
|
+
readonly 'enter-to-send.message': 'Enter to add \u23CE';
|
|
23
27
|
};
|
|
24
28
|
};
|
|
25
29
|
}];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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
|
|
1
|
+
{"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;eAEtB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,mBAAmB,SAAS,CAAC"}
|
|
@@ -1 +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,
|
|
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,8CAA+C,gBAAgB,sBAkB3F,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,SAAS,IAAI;IACxC,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,SAAS,YAAa,gBAAgB,CAAC,SAAS,CAAC,sBAWlF,CAAC"}
|
|
@@ -2,16 +2,16 @@ export declare const translationKey = "@dxos/react-ui-thread";
|
|
|
2
2
|
export declare const translations: [{
|
|
3
3
|
readonly 'en-US': {
|
|
4
4
|
readonly "@dxos/react-ui-thread": {
|
|
5
|
-
readonly 'plugin
|
|
6
|
-
readonly 'thread
|
|
7
|
-
readonly 'thread
|
|
8
|
-
readonly 'delete
|
|
9
|
-
readonly 'create
|
|
10
|
-
readonly 'message
|
|
11
|
-
readonly 'comment
|
|
12
|
-
readonly 'settings
|
|
13
|
-
readonly 'anonymous
|
|
14
|
-
readonly 'enter
|
|
5
|
+
readonly 'plugin.name': 'Threads';
|
|
6
|
+
readonly 'thread-title.placeholder': 'New thread';
|
|
7
|
+
readonly 'thread-title.label': 'Title';
|
|
8
|
+
readonly 'delete-thread.label': 'Delete';
|
|
9
|
+
readonly 'create-thread.label': 'Create thread';
|
|
10
|
+
readonly 'message.placeholder': 'Enter message...';
|
|
11
|
+
readonly 'comment.placeholder': 'Enter comment...';
|
|
12
|
+
readonly 'settings-standalone.label': 'Enable standalone thread creation';
|
|
13
|
+
readonly 'anonymous.label': 'Anonymous';
|
|
14
|
+
readonly 'enter-to-send.message': 'Enter to add \u23CE';
|
|
15
15
|
};
|
|
16
16
|
};
|
|
17
17
|
}];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,0BAA0B,CAAC;AAEtD,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,0BAA0B,CAAC;AAEtD,eAAO,MAAM,YAAY;;;qBAIjB,aAAa,EAAE,SAAS;qBACxB,0BAA0B,EAAE,YAAY;qBACxC,oBAAoB,EAAE,OAAO;qBAC7B,qBAAqB,EAAE,QAAQ;qBAC/B,qBAAqB,EAAE,eAAe;qBACtC,qBAAqB,EAAE,kBAAkB;qBACzC,qBAAqB,EAAE,kBAAkB;qBACzC,2BAA2B,EAAE,mCAAmC;qBAChE,iBAAiB,EAAE,WAAW;qBAC9B,uBAAuB,EAAE,qBAAgB;;;EAIlB,CAAC"}
|
|
@@ -1 +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"}
|
|
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,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}
|