@box/threaded-annotations 4.11.28 → 4.11.29
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/chunks/text-message.module.js +1 -1
- package/dist/styles/text-message2.css +1 -1
- package/dist/types/lib/components/v2/message-editor/stories/shared.d.ts +2 -3
- package/dist/types/lib/v2/stories/shared.d.ts +4 -0
- package/dist/types/lib/v2/test-utils/index.d.ts +1 -0
- package/dist/types/lib/v2/test-utils/interaction-utils.d.ts +2 -0
- package/dist/types/lib/v2/test-utils/rich-text-initial-content.d.ts +3 -0
- package/package.json +12 -12
|
@@ -1 +1 @@
|
|
|
1
|
-
import '../styles/text-message2.css';var text_message_module_default={textMessage:`
|
|
1
|
+
import '../styles/text-message2.css';var text_message_module_default={textMessage:`_textMessage_qsyra_29`,contentWrapper:`_contentWrapper_qsyra_38`,threadedIndicator:`_threadedIndicator_qsyra_43`,threadedIndicatorHidden:`_threadedIndicatorHidden_qsyra_59`,messageContent:`_messageContent_qsyra_62`,inlineEditSlot:`_inlineEditSlot_qsyra_100`,annotationBadgeWrapper:`_annotationBadgeWrapper_qsyra_103`,messageFooter:`_messageFooter_qsyra_111`,readableTimeWrapper:`_readableTimeWrapper_qsyra_117`,replyButton:`_replyButton_qsyra_121`,seeMoreButton:`_seeMoreButton_qsyra_136`,richTextList:`_richTextList_qsyra_140`};export{text_message_module_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._textMessage_qsyra_29{flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative;overflow:visible}._textMessage_qsyra_29 ._contentWrapper_qsyra_38{gap:var(--space-2);margin-top:.125rem;display:flex}._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._threadedIndicator_qsyra_43{width:var(--space-7);flex-shrink:0;position:relative}._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._threadedIndicator_qsyra_43:after{content:"";left:50%;top:var(--space-05);bottom:var(--space-05);width:var(--border-2);background-color:var(--border-divider-border);border-radius:var(--radius-1);position:absolute;transform:translate(-50%)}._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._threadedIndicatorHidden_qsyra_59:after{visibility:hidden}._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62{overflow-wrap:break-word;row-gap:var(--bp-space-010);flex-direction:column;flex:1;min-width:0;display:flex}._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62 strong{font-weight:var(--bp-font-weight-bold);font-style:inherit}._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62 em{font-style:italic;font-weight:inherit}._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62 ul,._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62 ol{margin:0;padding-inline-start:var(--bp-space-060)}._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62 ul,._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62 ul>li{list-style-type:disc}._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62 ol,._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62 ol>li{list-style-type:decimal}._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62 ul ul,._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62 ul ol,._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62 ol ul,._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62 ol ol{margin-block-start:var(--bp-space-005)}._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62 li p{margin:0}._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62 ._inlineEditSlot_qsyra_100{margin-top:var(--space-2)}._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageContent_qsyra_62 ._annotationBadgeWrapper_qsyra_103{flex-direction:column;align-items:flex-start;min-width:0;max-width:100%;display:flex;overflow:hidden}._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageFooter_qsyra_111{align-items:center;gap:var(--space-1);flex-direction:row;display:flex}._textMessage_qsyra_29 ._contentWrapper_qsyra_38 ._messageFooter_qsyra_111 ._readableTimeWrapper_qsyra_117{cursor:auto}._replyButton_qsyra_121{padding-top:var(--space-05);padding-bottom:var(--space-05);opacity:0;transition:opacity .1s}[data-message-wrapper]:hover ._replyButton_qsyra_121,[data-message-wrapper]:focus-within ._replyButton_qsyra_121{opacity:1}@media (pointer:coarse),(hover:none){._replyButton_qsyra_121{opacity:1}}._seeMoreButton_qsyra_136{margin-inline-start:var(--bp-space-010)}._richTextList_qsyra_140 li{margin:0;padding:0}._richTextList_qsyra_140 li+li{margin-block-start:var(--bp-space-005)}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { UserContactType } from '@box/user-selector';
|
|
2
2
|
import { JSONContent } from '@tiptap/react';
|
|
3
|
+
import { RICH_TEXT_INITIAL_CONTENT } from '../../../../v2/test-utils';
|
|
3
4
|
import { MessageEditorProps } from '../message-editor';
|
|
5
|
+
export { RICH_TEXT_INITIAL_CONTENT };
|
|
4
6
|
export declare const defaultUserSelectorProps: Omit<import('@box/user-selector').HeadlessUserSelectorProps, "open" | "value" | "rootElement" | "onSelectedUserChange" | "inputElementRef">;
|
|
5
7
|
/** Long enough to scroll inside the 10rem editor. */
|
|
6
8
|
export declare const LONG_MULTI_PARAGRAPH_COMMENT: JSONContent;
|
|
7
|
-
/** Document exercising every rich text format: the three marks plus both list types. */
|
|
8
|
-
export declare const RICH_TEXT_INITIAL_CONTENT: JSONContent;
|
|
9
9
|
type DefaultMessageEditorProps = MessageEditorProps & {
|
|
10
10
|
fetchCollaboratorState?: (user: UserContactType) => Promise<boolean>;
|
|
11
11
|
};
|
|
12
12
|
export declare const DefaultMessageEditor: ({ fetchCollaboratorState, videoTimestamp, ...props }: DefaultMessageEditorProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export {};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { JSONContent } from '@tiptap/core';
|
|
1
2
|
import { CollaborationPopoverProps } from '@box/collaboration-popover';
|
|
2
3
|
import { MentionContextData } from '../../components/mention-component/mention-context';
|
|
3
4
|
import { ThreadedAnnotationsProps } from '../threaded-annotations';
|
|
@@ -11,8 +12,11 @@ interface InteractiveModuleBaseProps {
|
|
|
11
12
|
isEditDisabled?: boolean;
|
|
12
13
|
isHighlighted?: boolean;
|
|
13
14
|
isReplyDisabled?: boolean;
|
|
15
|
+
isRichTextEnabled?: boolean;
|
|
14
16
|
maxCharacterCount?: number;
|
|
15
17
|
onCopyLink?: (id: string) => void;
|
|
18
|
+
onEditSpy?: (id: string, content: JSONContent | null) => void;
|
|
19
|
+
onPostSpy?: (content: JSONContent | null) => void;
|
|
16
20
|
}
|
|
17
21
|
type InteractiveModuleProps = (InteractiveModuleBaseProps & {
|
|
18
22
|
isAnnotations: true;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export * from './button-utils';
|
|
2
2
|
export * from './default-user-selector-props';
|
|
3
3
|
export * from './interaction-utils';
|
|
4
|
+
export * from './rich-text-initial-content';
|
|
4
5
|
export * from './test-selectors';
|
|
5
6
|
export * from './text-utils';
|
|
6
7
|
export * from './verify-mention-elements';
|
|
@@ -8,4 +8,6 @@ export declare const clickReplyOnMessage: (user: ReturnType<typeof userEvent.set
|
|
|
8
8
|
export declare const clickThreadBackground: (canvas: ReturnType<typeof within>) => void;
|
|
9
9
|
export declare const clickMessageText: (canvas: ReturnType<typeof within>) => void;
|
|
10
10
|
export declare const clickAuthorName: (canvas: ReturnType<typeof within>, authorName: string) => void;
|
|
11
|
+
export declare const waitForContentEditable: (canvasElement: HTMLElement, timeout?: number) => Promise<HTMLElement>;
|
|
12
|
+
export declare const expandThreadAndWaitForEditor: (canvas: ReturnType<typeof within>, canvasElement: HTMLElement) => Promise<void>;
|
|
11
13
|
export declare const selectUserByEmail: (user: ReturnType<typeof userEvent.setup>, identifier: string) => Promise<void>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/threaded-annotations",
|
|
3
|
-
"version": "4.11.
|
|
3
|
+
"version": "4.11.29",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"@floating-ui/dom": "^1.6.0",
|
|
@@ -22,23 +22,23 @@
|
|
|
22
22
|
"uuid": "^9.0.1"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"@box/blueprint-web": "^17.15.
|
|
26
|
-
"@box/blueprint-web-assets": "^5.10.
|
|
27
|
-
"@box/collaboration-popover": "^2.2.
|
|
28
|
-
"@box/readable-time": "^2.2.
|
|
29
|
-
"@box/user-selector": "^3.0.
|
|
25
|
+
"@box/blueprint-web": "^17.15.4",
|
|
26
|
+
"@box/blueprint-web-assets": "^5.10.26",
|
|
27
|
+
"@box/collaboration-popover": "^2.2.70",
|
|
28
|
+
"@box/readable-time": "^2.2.70",
|
|
29
|
+
"@box/user-selector": "^3.0.50",
|
|
30
30
|
"clsx": "^1.2.1",
|
|
31
31
|
"react": "^18.0.0",
|
|
32
32
|
"react-dom": "^18.0.0",
|
|
33
33
|
"react-intl": "^6.4.2"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@box/blueprint-web": "^17.15.
|
|
37
|
-
"@box/blueprint-web-assets": "^5.10.
|
|
38
|
-
"@box/eslint-plugin-blueprint": "2.2.
|
|
39
|
-
"@box/readable-time": "^2.2.
|
|
40
|
-
"@box/storybook-utils": "^1.2.
|
|
41
|
-
"@box/user-selector": "^3.0.
|
|
36
|
+
"@box/blueprint-web": "^17.15.4",
|
|
37
|
+
"@box/blueprint-web-assets": "^5.10.26",
|
|
38
|
+
"@box/eslint-plugin-blueprint": "2.2.24",
|
|
39
|
+
"@box/readable-time": "^2.2.70",
|
|
40
|
+
"@box/storybook-utils": "^1.2.70",
|
|
41
|
+
"@box/user-selector": "^3.0.50",
|
|
42
42
|
"@types/markdown-it": "^14.1.2",
|
|
43
43
|
"react": "^18.0.0",
|
|
44
44
|
"react-dom": "^18.0.0"
|