@box/threaded-annotations 1.97.14 → 1.97.16
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/delete-confirmation-popover.js +7 -7
- package/dist/chunks/mention-component.js +1 -1
- package/dist/chunks/message-editor.module.js +9 -9
- package/dist/chunks/message-editor2.module.js +26 -26
- package/dist/chunks/message-header.js +5 -5
- package/dist/chunks/messages-view.js +7 -7
- package/dist/chunks/resolved-state.js +6 -6
- package/dist/chunks/text-message.module.js +11 -11
- package/dist/chunks/virtualized-messages.js +7 -7
- package/dist/styles/delete-confirmation-popover.css +1 -1
- package/dist/styles/mention-component.css +1 -1
- package/dist/styles/message-editor.css +1 -1
- package/dist/styles/message-editor2.css +1 -1
- package/dist/styles/message-header.css +1 -1
- package/dist/styles/messages-view.css +1 -1
- package/dist/styles/resolved-state.css +1 -1
- package/dist/styles/text-message2.css +1 -1
- package/dist/styles/virtualized-messages.css +1 -1
- package/package.json +11 -11
|
@@ -7,13 +7,13 @@ import '../styles/delete-confirmation-popover.css';var c = {
|
|
|
7
7
|
deletePopover: "_deletePopover_1c8ll_2",
|
|
8
8
|
footer: "_footer_1c8ll_6"
|
|
9
9
|
}, l = {
|
|
10
|
-
headerContainer: "
|
|
11
|
-
information: "
|
|
12
|
-
textContainer: "
|
|
13
|
-
author: "
|
|
14
|
-
optionsMenu: "
|
|
15
|
-
deletePopoverAnchorWrapper: "
|
|
16
|
-
deletePopoverAnchor: "
|
|
10
|
+
headerContainer: "_headerContainer_hkxx4_7",
|
|
11
|
+
information: "_information_hkxx4_15",
|
|
12
|
+
textContainer: "_textContainer_hkxx4_22",
|
|
13
|
+
author: "_author_hkxx4_30",
|
|
14
|
+
optionsMenu: "_optionsMenu_hkxx4_37",
|
|
15
|
+
deletePopoverAnchorWrapper: "_deletePopoverAnchorWrapper_hkxx4_56",
|
|
16
|
+
deletePopoverAnchor: "_deletePopoverAnchor_hkxx4_56"
|
|
17
17
|
}, u = ({ hasReplies: u = !1, isAnnotation: d = !1, open: f, onOpenChange: p, onConfirm: m, onCancel: h }) => {
|
|
18
18
|
let g = a();
|
|
19
19
|
return /* @__PURE__ */ o("div", {
|
|
@@ -6,7 +6,7 @@ import { useCallback as i, useEffect as a, useRef as o, useState as s } from "re
|
|
|
6
6
|
import { useIntl as c } from "react-intl";
|
|
7
7
|
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
8
8
|
import { CollaborationPopover as d } from "@box/collaboration-popover";
|
|
9
|
-
import '../styles/mention-component.css';var f = { mention: "
|
|
9
|
+
import '../styles/mention-component.css';var f = { mention: "_mention_1cdf1_5" }, p = ({ mentionedUserName: p, mentionedUserId: m, mentionedUserEmail: h, authorId: g, mentionId: _ }) => {
|
|
10
10
|
let v = c(), y = o(!1), { collaborationPopoverProps: b, getAvatarUrl: x, fetchCollaboratorState: S, fetchEmail: C, openPopoverMentionId: w, openPopoverForMentionId: T, closeAllPopovers: E } = n(), [D, O] = s(!1), [k, A] = s(!1), [j, M] = s(h);
|
|
11
11
|
a(() => {
|
|
12
12
|
M(h);
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import '../styles/message-editor.css';var e = {
|
|
2
|
-
editorDisabled: "
|
|
3
|
-
editor: "
|
|
4
|
-
messageEditor: "
|
|
5
|
-
errorMessage: "
|
|
6
|
-
errorText: "
|
|
7
|
-
actionsContainer: "
|
|
8
|
-
editorContainer: "
|
|
9
|
-
editorError: "
|
|
10
|
-
anchorElement: "
|
|
2
|
+
editorDisabled: "_editorDisabled_1nmfa_7",
|
|
3
|
+
editor: "_editor_1nmfa_7",
|
|
4
|
+
messageEditor: "_messageEditor_1nmfa_14",
|
|
5
|
+
errorMessage: "_errorMessage_1nmfa_17",
|
|
6
|
+
errorText: "_errorText_1nmfa_23",
|
|
7
|
+
actionsContainer: "_actionsContainer_1nmfa_26",
|
|
8
|
+
editorContainer: "_editorContainer_1nmfa_34",
|
|
9
|
+
editorError: "_editorError_1nmfa_73",
|
|
10
|
+
anchorElement: "_anchorElement_1nmfa_82"
|
|
11
11
|
};
|
|
12
12
|
export { e as t };
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import '../styles/message-editor2.css';var e = {
|
|
2
|
-
messageEditorWrapper: "
|
|
3
|
-
editActionsColumn: "
|
|
4
|
-
editActionsRow: "
|
|
5
|
-
characterLimitCounter: "
|
|
6
|
-
characterLimitCounterExceeded: "
|
|
7
|
-
messageEditor: "
|
|
8
|
-
editorEditMode: "
|
|
9
|
-
editorFirstAnnotation: "
|
|
10
|
-
editorError: "
|
|
11
|
-
editorViewport: "
|
|
12
|
-
editorContainer: "
|
|
13
|
-
editor: "
|
|
14
|
-
editorFade: "
|
|
15
|
-
editorFadeHidden: "
|
|
16
|
-
editorFullWidth: "
|
|
17
|
-
actionsWrapper: "
|
|
18
|
-
actionsWrapperInner: "
|
|
19
|
-
timestampToggle: "
|
|
20
|
-
errorMessage: "
|
|
21
|
-
errorText: "
|
|
22
|
-
editorHasScroll: "
|
|
23
|
-
editorCharacterLimitExceeded: "
|
|
24
|
-
characterLimitExceeded: "
|
|
25
|
-
scrolledToBottom: "
|
|
26
|
-
anchorElement: "
|
|
27
|
-
withTimestampToggle: "
|
|
2
|
+
messageEditorWrapper: "_messageEditorWrapper_12g8n_7",
|
|
3
|
+
editActionsColumn: "_editActionsColumn_12g8n_12",
|
|
4
|
+
editActionsRow: "_editActionsRow_12g8n_19",
|
|
5
|
+
characterLimitCounter: "_characterLimitCounter_12g8n_25",
|
|
6
|
+
characterLimitCounterExceeded: "_characterLimitCounterExceeded_12g8n_28",
|
|
7
|
+
messageEditor: "_messageEditor_12g8n_7",
|
|
8
|
+
editorEditMode: "_editorEditMode_12g8n_46",
|
|
9
|
+
editorFirstAnnotation: "_editorFirstAnnotation_12g8n_53",
|
|
10
|
+
editorError: "_editorError_12g8n_53",
|
|
11
|
+
editorViewport: "_editorViewport_12g8n_61",
|
|
12
|
+
editorContainer: "_editorContainer_12g8n_67",
|
|
13
|
+
editor: "_editor_12g8n_46",
|
|
14
|
+
editorFade: "_editorFade_12g8n_113",
|
|
15
|
+
editorFadeHidden: "_editorFadeHidden_12g8n_124",
|
|
16
|
+
editorFullWidth: "_editorFullWidth_12g8n_127",
|
|
17
|
+
actionsWrapper: "_actionsWrapper_12g8n_131",
|
|
18
|
+
actionsWrapperInner: "_actionsWrapperInner_12g8n_141",
|
|
19
|
+
timestampToggle: "_timestampToggle_12g8n_148",
|
|
20
|
+
errorMessage: "_errorMessage_12g8n_151",
|
|
21
|
+
errorText: "_errorText_12g8n_160",
|
|
22
|
+
editorHasScroll: "_editorHasScroll_12g8n_169",
|
|
23
|
+
editorCharacterLimitExceeded: "_editorCharacterLimitExceeded_12g8n_180",
|
|
24
|
+
characterLimitExceeded: "_characterLimitExceeded_12g8n_202",
|
|
25
|
+
scrolledToBottom: "_scrolledToBottom_12g8n_205",
|
|
26
|
+
anchorElement: "_anchorElement_12g8n_209",
|
|
27
|
+
withTimestampToggle: "_withTimestampToggle_12g8n_218"
|
|
28
28
|
};
|
|
29
29
|
export { e as t };
|
|
@@ -5,11 +5,11 @@ import { useState as r } from "react";
|
|
|
5
5
|
import { ReadableTime as i } from "@box/readable-time";
|
|
6
6
|
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
7
7
|
import '../styles/message-header.css';var s = {
|
|
8
|
-
headerContainer: "
|
|
9
|
-
information: "
|
|
10
|
-
textContainer: "
|
|
11
|
-
author: "
|
|
12
|
-
deleteAction: "
|
|
8
|
+
headerContainer: "_headerContainer_1jcw4_7",
|
|
9
|
+
information: "_information_1jcw4_15",
|
|
10
|
+
textContainer: "_textContainer_1jcw4_22",
|
|
11
|
+
author: "_author_1jcw4_30",
|
|
12
|
+
deleteAction: "_deleteAction_1jcw4_36"
|
|
13
13
|
}, c = ({ author: c, createdAt: l, isDeleteAllowed: u = !0, onAvatarClick: d, onDelete: f }) => {
|
|
14
14
|
let [p, m] = r(!1);
|
|
15
15
|
return /* @__PURE__ */ o("div", {
|
|
@@ -7,13 +7,13 @@ import o from "clsx";
|
|
|
7
7
|
import { useRef as s } from "react";
|
|
8
8
|
import { jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
9
9
|
import '../styles/messages-view.css';var u = {
|
|
10
|
-
messagesViewWrapper: "
|
|
11
|
-
overflowing: "
|
|
12
|
-
scrollable: "
|
|
13
|
-
withEditorBelow: "
|
|
14
|
-
messagesView: "
|
|
15
|
-
repliesContainer: "
|
|
16
|
-
messagesFade: "
|
|
10
|
+
messagesViewWrapper: "_messagesViewWrapper_gor1q_7",
|
|
11
|
+
overflowing: "_overflowing_gor1q_12",
|
|
12
|
+
scrollable: "_scrollable_gor1q_12",
|
|
13
|
+
withEditorBelow: "_withEditorBelow_gor1q_15",
|
|
14
|
+
messagesView: "_messagesView_gor1q_7",
|
|
15
|
+
repliesContainer: "_repliesContainer_gor1q_56",
|
|
16
|
+
messagesFade: "_messagesFade_gor1q_62"
|
|
17
17
|
}, d = ({ messages: d, isResolved: f = !1, resolvedBy: p, resolvedAt: m, maxCharacterCount: h, onDelete: g, onThreadDelete: _, onAvatarClick: v, onCopyLink: y, onEdit: b, onEditError: x, onResolve: S, onUnresolve: C, userSelectorProps: w, annotationTarget: T, onAnnotationBadgeClick: E, originalContentDeleted: D }) => {
|
|
18
18
|
let { viewState: O, dispatch: k, isAnnotations: A } = t(), j = s(null), M = O !== e.Collapsed, N = O === e.Composing, P = d.length > 2, F = P && !M, { handleScroll: I, isOverflowing: L } = a({
|
|
19
19
|
messageCount: d.length,
|
|
@@ -6,12 +6,12 @@ import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
|
6
6
|
import { bpGreenLight125 as o } from "@box/blueprint-web-assets/tokens/tokens";
|
|
7
7
|
import { CheckmarkCircle as s } from "@box/blueprint-web-assets/icons/MediumFilled";
|
|
8
8
|
import '../styles/resolved-state.css';var c = {
|
|
9
|
-
resolvedState: "
|
|
10
|
-
leftContainer: "
|
|
11
|
-
rightContainer: "
|
|
12
|
-
statusLine: "
|
|
13
|
-
authorName: "
|
|
14
|
-
statusText: "
|
|
9
|
+
resolvedState: "_resolvedState_12vpz_7",
|
|
10
|
+
leftContainer: "_leftContainer_12vpz_15",
|
|
11
|
+
rightContainer: "_rightContainer_12vpz_19",
|
|
12
|
+
statusLine: "_statusLine_12vpz_25",
|
|
13
|
+
authorName: "_authorName_12vpz_33",
|
|
14
|
+
statusText: "_statusText_12vpz_40"
|
|
15
15
|
}, l = ({ authorName: l, createdAt: u }) => {
|
|
16
16
|
let d = n();
|
|
17
17
|
return /* @__PURE__ */ a("div", {
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import '../styles/text-message2.css';var e = {
|
|
2
|
-
textMessage: "
|
|
3
|
-
contentWrapper: "
|
|
4
|
-
threadedIndicator: "
|
|
5
|
-
threadedIndicatorHidden: "
|
|
6
|
-
messageContent: "
|
|
7
|
-
inlineEditSlot: "
|
|
8
|
-
annotationBadgeWrapper: "
|
|
9
|
-
messageFooter: "
|
|
10
|
-
readableTimeWrapper: "
|
|
11
|
-
replyButton: "
|
|
12
|
-
seeMoreButton: "
|
|
2
|
+
textMessage: "_textMessage_1nzt2_7",
|
|
3
|
+
contentWrapper: "_contentWrapper_1nzt2_16",
|
|
4
|
+
threadedIndicator: "_threadedIndicator_1nzt2_21",
|
|
5
|
+
threadedIndicatorHidden: "_threadedIndicatorHidden_1nzt2_37",
|
|
6
|
+
messageContent: "_messageContent_1nzt2_40",
|
|
7
|
+
inlineEditSlot: "_inlineEditSlot_1nzt2_47",
|
|
8
|
+
annotationBadgeWrapper: "_annotationBadgeWrapper_1nzt2_50",
|
|
9
|
+
messageFooter: "_messageFooter_1nzt2_59",
|
|
10
|
+
readableTimeWrapper: "_readableTimeWrapper_1nzt2_67",
|
|
11
|
+
replyButton: "_replyButton_1nzt2_71",
|
|
12
|
+
seeMoreButton: "_seeMoreButton_1nzt2_86"
|
|
13
13
|
};
|
|
14
14
|
export { e as t };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { t as e } from "./text-message.js";
|
|
2
2
|
import { jsx as t } from "react/jsx-runtime";
|
|
3
3
|
import '../styles/virtualized-messages.css';var n = {
|
|
4
|
-
messagesView: "
|
|
5
|
-
moreRepliesButton: "
|
|
6
|
-
repliesContainer: "
|
|
7
|
-
threadIndicator: "
|
|
8
|
-
virtualizedMessages: "
|
|
9
|
-
messageWrapper: "
|
|
10
|
-
singleMessageWrapper: "
|
|
4
|
+
messagesView: "_messagesView_124mt_7",
|
|
5
|
+
moreRepliesButton: "_moreRepliesButton_124mt_17",
|
|
6
|
+
repliesContainer: "_repliesContainer_124mt_20",
|
|
7
|
+
threadIndicator: "_threadIndicator_124mt_27",
|
|
8
|
+
virtualizedMessages: "_virtualizedMessages_124mt_32",
|
|
9
|
+
messageWrapper: "_messageWrapper_124mt_37",
|
|
10
|
+
singleMessageWrapper: "_singleMessageWrapper_124mt_71"
|
|
11
11
|
}, r = ({ messages: r, totalSize: i, virtualItems: a, measureElement: o, onDelete: s, onAvatarClick: c, isDeleteAllowed: l }) => /* @__PURE__ */ t("div", {
|
|
12
12
|
className: n.virtualizedMessages,
|
|
13
13
|
style: { height: `${i}px` },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._deletePopover_1c8ll_2{width:17rem;margin:0}._deletePopover_1c8ll_2 ._footer_1c8ll_6{gap:var(--space-2);justify-content:flex-end;display:flex}.
|
|
1
|
+
._deletePopover_1c8ll_2{width:17rem;margin:0}._deletePopover_1c8ll_2 ._footer_1c8ll_6{gap:var(--space-2);justify-content:flex-end;display:flex}._headerContainer_hkxx4_7{gap:var(--space-4);justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}._headerContainer_hkxx4_7 ._information_hkxx4_15{gap:var(--space-2);justify-content:flex-start;align-items:center;width:100%;display:flex}._headerContainer_hkxx4_7 ._information_hkxx4_15 ._textContainer_hkxx4_22{word-break:break-all;overflow-wrap:break-word;width:fit-content;min-width:0;max-width:100%;overflow:hidden}._headerContainer_hkxx4_7 ._information_hkxx4_15 ._textContainer_hkxx4_22 ._author_hkxx4_30{-webkit-line-clamp:1;-webkit-box-orient:vertical;width:fit-content;display:-webkit-box;overflow:hidden}._headerContainer_hkxx4_7 ._optionsMenu_hkxx4_37{gap:var(--space-1);opacity:0;align-items:center;transition:opacity .1s;display:flex;position:relative}[data-message-wrapper]:hover ._headerContainer_hkxx4_7 ._optionsMenu_hkxx4_37,[data-message-wrapper]:focus-within ._headerContainer_hkxx4_7 ._optionsMenu_hkxx4_37{opacity:1}@media (pointer:coarse),(hover:none){._headerContainer_hkxx4_7 ._optionsMenu_hkxx4_37{opacity:1}}._headerContainer_hkxx4_7 ._optionsMenu_hkxx4_37[data-state=open]{opacity:1}._headerContainer_hkxx4_7 ._deletePopoverAnchorWrapper_hkxx4_56{width:0;height:0;position:absolute;bottom:0;right:0}._headerContainer_hkxx4_7 ._deletePopoverAnchor_hkxx4_56{pointer-events:none;width:1px;height:1px;position:absolute;top:100%;right:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._mention_1cdf1_5{vertical-align:baseline;cursor:pointer;pointer-events:auto;color:var(--box-blue-100)!important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._editorDisabled_1nmfa_7{opacity:.5}._editorDisabled_1nmfa_7 ._editor_1nmfa_7{pointer-events:none}._messageEditor_1nmfa_14{position:relative}._messageEditor_1nmfa_14 ._errorMessage_1nmfa_17{gap:var(--space-1);padding-top:var(--space-2);align-items:center;display:flex}._messageEditor_1nmfa_14 ._errorMessage_1nmfa_17 ._errorText_1nmfa_23{color:var(--text-text-destructive-on-light)}._messageEditor_1nmfa_14 ._actionsContainer_1nmfa_26{gap:var(--space-3);width:100%;margin-top:var(--space-2);justify-content:flex-end;display:flex}._editorContainer_1nmfa_34{position:relative}._editorContainer_1nmfa_34 ._editor_1nmfa_7{scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent}@supports not (scrollbar-color:gray transparent){._editorContainer_1nmfa_34 ._editor_1nmfa_7{scrollbar-width:initial}._editorContainer_1nmfa_34 ._editor_1nmfa_7::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._editorContainer_1nmfa_34 ._editor_1nmfa_7::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._editorContainer_1nmfa_34 ._editor_1nmfa_7::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._editorContainer_1nmfa_34 ._editor_1nmfa_7{box-sizing:border-box;min-height:var(--size-20);max-height:8.75rem;padding:.625rem var(--space-3);border-radius:var(--radius-2);outline:var(--border-1) solid var(--border-input-border);overflow-y:auto}._editorContainer_1nmfa_34 ._editor_1nmfa_7:focus{outline-width:var(--border-2);outline-color:var(--border-input-border-focus)}._editorContainer_1nmfa_34._editorError_1nmfa_73 ._editor_1nmfa_7,._editorContainer_1nmfa_34._editorError_1nmfa_73 ._editor_1nmfa_7:focus{outline-width:var(--border-2);outline-color:var(--border-input-border-error)}._anchorElement_1nmfa_82{width:100%;position:absolute;top:100%;left:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._messageEditorWrapper_12g8n_7{cursor:auto;width:100%}._editActionsColumn_12g8n_12{align-items:flex-end;gap:var(--bp-space-010);flex-direction:column;display:flex}._editActionsRow_12g8n_19{align-items:center;gap:var(--bp-space-020);display:flex}._characterLimitCounter_12g8n_25{white-space:nowrap}._characterLimitCounter_12g8n_25._characterLimitCounterExceeded_12g8n_28{font-weight:var(--font-weights-bold)}._messageEditor_12g8n_7{--gradient-fade-height:var(--bp-size-040);box-sizing:border-box;padding:.625rem var(--bp-space-005) .625rem var(--bp-space-040);background-color:var(--surface-surface);outline:var(--bp-border-01) solid var(--border-divider-border);border-radius:var(--bp-radius-10);gap:var(--bp-space-020) var(--bp-space-010);cursor:auto;flex-wrap:wrap;width:100%;display:flex;position:relative}._messageEditor_12g8n_7._editorEditMode_12g8n_46{--gradient-fade-height:var(--bp-size-050)}._messageEditor_12g8n_7:focus-within{outline-width:var(--bp-border-02);outline-color:var(--border-input-border-focus)}._messageEditor_12g8n_7._editorFirstAnnotation_12g8n_53:not(._editorError_12g8n_53):focus-within{outline-width:var(--bp-border-01);outline-color:var(--border-divider-border)}._messageEditor_12g8n_7._editorError_12g8n_53{outline-color:var(--bp-border-message-border-error);outline-width:var(--bp-border-02)}._messageEditor_12g8n_7 ._editorViewport_12g8n_61{width:fit-content;min-width:calc(100% - 2.875rem);margin:auto 0;position:relative}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent;position:relative;overflow-y:scroll}@supports not (scrollbar-color:gray transparent){._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67{scrollbar-width:initial}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67{max-height:10rem;padding:.375rem .625rem .375rem 0}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67 ._editor_12g8n_46{outline:none;width:100%}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67 ._editor_12g8n_46 [data-placeholder]:first-child:before{font-family:var(--font-families-sans);font-size:var(--bp-font-size-05);font-weight:var(--font-weights-regular);line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01);color:var(--text-text-on-light-tertiary);content:attr(data-placeholder);float:left;pointer-events:none;height:0}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorFade_12g8n_113{height:var(--bp-size-060);background:linear-gradient(to bottom, transparent, var(--bp-canvas-background,var(--surface-surface)));pointer-events:none;opacity:1;transition:opacity .15s ease-out;position:absolute;bottom:0;left:0;right:0}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorFade_12g8n_113._editorFadeHidden_12g8n_124{opacity:0}._messageEditor_12g8n_7 ._editorFullWidth_12g8n_127{width:100%;min-width:100%}._messageEditor_12g8n_7 ._actionsWrapper_12g8n_131{min-height:var(--bp-size-080);width:fit-content;padding-right:var(--bp-space-020);flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative}._messageEditor_12g8n_7 ._actionsWrapper_12g8n_131 ._actionsWrapperInner_12g8n_141{align-items:center;gap:var(--bp-space-020);width:fit-content;display:flex;position:relative}._messageEditor_12g8n_7 ._timestampToggle_12g8n_148{margin-right:auto}._messageEditor_12g8n_7 ._errorMessage_12g8n_151{gap:var(--bp-space-010);align-items:center;min-width:0;display:flex}._messageEditor_12g8n_7 ._errorMessage_12g8n_151>:first-child{flex-shrink:0}._messageEditor_12g8n_7 ._errorMessage_12g8n_151 ._errorText_12g8n_160{color:var(--bp-text-text-destructive-on-light);-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}._editorHasScroll_12g8n_169{gap:unset;padding-bottom:0}._editorHasScroll_12g8n_169 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67{padding-bottom:var(--bp-space-040);scroll-padding-bottom:var(--bp-space-040)}._editorHasScroll_12g8n_169 ._editorViewport_12g8n_61 ._editorFade_12g8n_113{display:none}._editorHasScroll_12g8n_169._editorCharacterLimitExceeded_12g8n_180 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67{padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040));scroll-padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040))}._editorHasScroll_12g8n_169 ._actionsWrapper_12g8n_131{min-width:100%;height:1.875rem;padding-right:0}._editorHasScroll_12g8n_169 ._actionsWrapper_12g8n_131 ._actionsWrapperInner_12g8n_141{bottom:.625rem;left:0;right:var(--bp-space-020);pointer-events:none;background:linear-gradient(to bottom, #fff0 10%, #ffffffbf 18%, #fffffff7 28%, var(--bp-canvas-background,var(--surface-surface)) 71%);justify-content:flex-end;width:auto;position:absolute}._editorHasScroll_12g8n_169 ._actionsWrapper_12g8n_131 ._actionsWrapperInner_12g8n_141>*{pointer-events:auto}._editorHasScroll_12g8n_169 ._actionsWrapper_12g8n_131 ._actionsWrapperInner_12g8n_141._characterLimitExceeded_12g8n_202{padding-top:var(--gradient-fade-height,var(--bp-size-040))}._editorHasScroll_12g8n_169 ._actionsWrapper_12g8n_131 ._actionsWrapperInner_12g8n_141._scrolledToBottom_12g8n_205{background:0 0}._anchorElement_12g8n_209{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}._messageEditor_12g8n_7 ._actionsWrapper_12g8n_131._withTimestampToggle_12g8n_218,._messageEditor_12g8n_7 ._actionsWrapper_12g8n_131._withTimestampToggle_12g8n_218 ._actionsWrapperInner_12g8n_141{width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._headerContainer_1jcw4_7{gap:var(--space-4);justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}._headerContainer_1jcw4_7 ._information_1jcw4_15{gap:var(--space-4);justify-content:flex-start;align-items:center;width:100%;display:flex}._headerContainer_1jcw4_7 ._information_1jcw4_15 ._textContainer_1jcw4_22{word-break:break-all;overflow-wrap:break-word;width:100%;min-width:0;max-width:100%;overflow:hidden}._headerContainer_1jcw4_7 ._information_1jcw4_15 ._textContainer_1jcw4_22 ._author_1jcw4_30{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}._headerContainer_1jcw4_7 ._deleteAction_1jcw4_36{opacity:0;transition:opacity .1s}[data-message-wrapper]:hover ._headerContainer_1jcw4_7 ._deleteAction_1jcw4_36,[data-message-wrapper]:focus-within ._headerContainer_1jcw4_7 ._deleteAction_1jcw4_36{opacity:1}@media (pointer:coarse),(hover:none){._headerContainer_1jcw4_7 ._deleteAction_1jcw4_36{opacity:1}}._headerContainer_1jcw4_7 ._deleteAction_1jcw4_36[data-state=open]{opacity:1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._messagesViewWrapper_gor1q_7{z-index:0;width:100%;position:relative}._messagesViewWrapper_gor1q_7._overflowing_gor1q_12 ._scrollable_gor1q_12{padding-bottom:var(--space-4)}._messagesViewWrapper_gor1q_7._withEditorBelow_gor1q_15{margin-bottom:-1.125rem}._messagesView_gor1q_7{width:100%;height:100%;padding-top:var(--space-1);padding-bottom:var(--bp-border-02);padding-left:var(--space-1);flex-direction:column;display:flex}._messagesView_gor1q_7._scrollable_gor1q_12{max-height:27rem;margin-right:calc(-1 * var(--space-3) + .125rem);padding-right:calc(var(--space-3) - .125rem);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent;overflow:hidden auto}@supports not (scrollbar-color:gray transparent){._messagesView_gor1q_7._scrollable_gor1q_12{scrollbar-width:initial}._messagesView_gor1q_7._scrollable_gor1q_12::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messagesView_gor1q_7._scrollable_gor1q_12::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messagesView_gor1q_7._scrollable_gor1q_12::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messagesView_gor1q_7 ._repliesContainer_gor1q_56{flex-direction:column;width:100%;display:flex}._messagesFade_gor1q_62{z-index:1;height:var(--size-8);background:linear-gradient(to bottom, transparent, var(--fade-bg,var(--surface-surface)));pointer-events:none;position:absolute;bottom:0;left:0;right:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._resolvedState_12vpz_7{gap:var(--space-3);padding-left:var(--space-05);align-items:flex-start;width:100%;display:flex}._leftContainer_12vpz_15{flex-shrink:0}._rightContainer_12vpz_19{flex-direction:column;min-width:0;display:flex;overflow:hidden}._rightContainer_12vpz_19 ._statusLine_12vpz_25{gap:var(--space-1);text-overflow:ellipsis;white-space:nowrap;align-items:baseline;display:flex;overflow:hidden}._rightContainer_12vpz_19 ._statusLine_12vpz_25 ._authorName_12vpz_33{-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}._rightContainer_12vpz_19 ._statusLine_12vpz_25 ._statusText_12vpz_40{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._textMessage_1nzt2_7{flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative;overflow:visible}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16{gap:var(--space-2);margin-top:.125rem;display:flex}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._threadedIndicator_1nzt2_21{width:var(--space-7);flex-shrink:0;position:relative}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._threadedIndicator_1nzt2_21: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_1nzt2_7 ._contentWrapper_1nzt2_16 ._threadedIndicatorHidden_1nzt2_37:after{visibility:hidden}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._messageContent_1nzt2_40{overflow-wrap:break-word;flex-direction:column;flex:1;min-width:0;display:flex}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._messageContent_1nzt2_40 ._inlineEditSlot_1nzt2_47{margin-top:var(--space-2)}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._messageContent_1nzt2_40 ._annotationBadgeWrapper_1nzt2_50{min-width:0;max-width:100%;padding-bottom:var(--space-1);flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._messageFooter_1nzt2_59{align-items:center;gap:var(--space-1);padding-bottom:var(--space-2);margin-top:var(--space-1);flex-direction:row;display:flex}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._messageFooter_1nzt2_59 ._readableTimeWrapper_1nzt2_67{cursor:auto}._replyButton_1nzt2_71{padding-top:var(--space-05);padding-bottom:var(--space-05);opacity:0;transition:opacity .1s}[data-message-wrapper]:hover ._replyButton_1nzt2_71,[data-message-wrapper]:focus-within ._replyButton_1nzt2_71{opacity:1}@media (pointer:coarse),(hover:none){._replyButton_1nzt2_71{opacity:1}}._seeMoreButton_1nzt2_86{margin-inline-start:var(--bp-space-010)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._messagesView_124mt_7{min-height:0;padding-top:var(--size-1);padding-right:var(--size-2);contain:content;scrollbar-gutter:stable;flex:1;position:relative;overflow-y:auto}._messagesView_124mt_7 ._moreRepliesButton_124mt_17{margin-top:var(--space-4)}._messagesView_124mt_7 ._repliesContainer_124mt_20{gap:var(--space-4);width:100%;margin-top:var(--space-6);padding-bottom:var(--space-2);display:flex}._messagesView_124mt_7 ._repliesContainer_124mt_20 ._threadIndicator_124mt_27{width:var(--size-1);background-color:var(--border-divider-border);border-radius:var(--radius-1)}._messagesView_124mt_7 ._repliesContainer_124mt_20 ._virtualizedMessages_124mt_32{flex:1;display:flex;position:relative}._messagesView_124mt_7 ._repliesContainer_124mt_20 ._virtualizedMessages_124mt_32 ._messageWrapper_124mt_37{width:100%;padding-bottom:var(--space-6);position:absolute;top:0;left:0}._messagesView_124mt_7 ._repliesContainer_124mt_20 ._virtualizedMessages_124mt_32 ._messageWrapper_124mt_37:last-child{padding-bottom:0}._messagesView_124mt_7{scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent}@supports not (scrollbar-color:gray transparent){._messagesView_124mt_7{scrollbar-width:initial}._messagesView_124mt_7::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messagesView_124mt_7::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messagesView_124mt_7::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._singleMessageWrapper_124mt_71{overflow-wrap:break-word;width:100%;min-width:0;max-width:100%;overflow:hidden}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/threaded-annotations",
|
|
3
|
-
"version": "1.97.
|
|
3
|
+
"version": "1.97.16",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"@tanstack/react-virtual": "^3.10.8",
|
|
@@ -16,23 +16,23 @@
|
|
|
16
16
|
"uuid": "^9.0.1"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@box/blueprint-web": "^15.
|
|
20
|
-
"@box/blueprint-web-assets": "^4.
|
|
21
|
-
"@box/collaboration-popover": "^1.64.
|
|
22
|
-
"@box/readable-time": "^1.43.
|
|
23
|
-
"@box/user-selector": "^1.78.
|
|
19
|
+
"@box/blueprint-web": "^15.10.0",
|
|
20
|
+
"@box/blueprint-web-assets": "^4.131.1",
|
|
21
|
+
"@box/collaboration-popover": "^1.64.13",
|
|
22
|
+
"@box/readable-time": "^1.43.13",
|
|
23
|
+
"@box/user-selector": "^1.78.13",
|
|
24
24
|
"clsx": "^1.2.1",
|
|
25
25
|
"react": "^18.0.0",
|
|
26
26
|
"react-dom": "^18.0.0",
|
|
27
27
|
"react-intl": "^6.4.2"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@box/blueprint-web": "^15.
|
|
31
|
-
"@box/blueprint-web-assets": "^4.
|
|
30
|
+
"@box/blueprint-web": "^15.10.0",
|
|
31
|
+
"@box/blueprint-web-assets": "^4.131.1",
|
|
32
32
|
"@box/eslint-plugin-blueprint": "1.2.7",
|
|
33
|
-
"@box/readable-time": "^1.43.
|
|
34
|
-
"@box/storybook-utils": "^0.21.
|
|
35
|
-
"@box/user-selector": "^1.78.
|
|
33
|
+
"@box/readable-time": "^1.43.13",
|
|
34
|
+
"@box/storybook-utils": "^0.21.13",
|
|
35
|
+
"@box/user-selector": "^1.78.13",
|
|
36
36
|
"react": "^18.0.0",
|
|
37
37
|
"react-dom": "^18.0.0"
|
|
38
38
|
},
|