@box/threaded-annotations 4.1.8 → 4.1.10

package/dist/chunks/annotation-badge.js

@@ -1,64 +1 @@
-import { AnnotationBadgeType as e } from "../esm/lib/v2/types/annotation-badge-types.js";
-import t from "../esm/lib/components/v2/annotation-badge/messages.js";
-import { ButtonWrapper as n, Focusable as r, Text as i, Tooltip as a } from "@box/blueprint-web";
-import o from "clsx";
-import { useIntl as s } from "react-intl";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { DashedSquareBubble as u, PencilScribble as d, TextHighlight as f } from "@box/blueprint-web-assets/icons/Medium";
-import { Play as p } from "@box/blueprint-web-assets/icons/MediumFilled";
-import '../styles/annotation-badge.css';var m = {
-	annotationBadge: "_annotationBadge_wsfss_1",
-	annotationIcon: "_annotationIcon_wsfss_16",
-	highlightText: "_highlightText_wsfss_22",
-	annotationLabel: "_annotationLabel_wsfss_34",
-	disabled: "_disabled_wsfss_42",
-	focusableWrapper: "_focusableWrapper_wsfss_47",
-	tooltipContent: "_tooltipContent_wsfss_53"
-}, h = {
-	[e.Drawing]: d,
-	[e.Frame]: p,
-	[e.Highlight]: f,
-	[e.Point]: d,
-	[e.Region]: u
-}, g = ({ annotationTarget: u, onClick: d, originalContentDeleted: f }) => {
-	let { formatMessage: p } = s(), g = h[u.type], _ = f ? "textOnLightSecondary" : "textOnLightLink", v = /* @__PURE__ */ l(n, {
-		className: o(m.annotationBadge, f && m.disabled),
-		"data-testid": "annotation-badge",
-		"data-no-expand": !0,
-		disabled: f,
-		onClick: f ? void 0 : d,
-		children: [g && /* @__PURE__ */ c(i, {
-			as: "span",
-			className: m.annotationIcon,
-			color: _,
-			children: /* @__PURE__ */ c(g, {
-				color: "currentColor",
-				height: 16,
-				width: 16
-			})
-		}), u.type === e.Highlight && u.highlightedText ? /* @__PURE__ */ c(i, {
-			as: "span",
-			className: m.highlightText,
-			color: _,
-			variant: "bodySmallSemibold",
-			children: u.highlightedText
-		}) : /* @__PURE__ */ c(i, {
-			as: "span",
-			className: m.annotationLabel,
-			color: _,
-			variant: "bodyDefaultSemibold",
-			children: u.type === e.Frame ? u.timestamp : p(t.annotationPage, { number: u.page })
-		})]
-	});
-	return f ? /* @__PURE__ */ c(a, {
-		className: m.tooltipContent,
-		content: p(t.originalContentDeleted),
-		side: "top",
-		children: /* @__PURE__ */ c(r, {
-			className: m.focusableWrapper,
-			"data-no-expand": !0,
-			children: v
-		})
-	}) : v;
-};
-export { g as t };
+import{AnnotationBadgeType}from"../esm/lib/v2/types/annotation-badge-types.js";import messages from"../esm/lib/components/v2/annotation-badge/messages.js";import{ButtonWrapper,Focusable,Text,Tooltip}from"@box/blueprint-web";import clsx from"clsx";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{DashedSquareBubble,PencilScribble,TextHighlight}from"@box/blueprint-web-assets/icons/Medium";import{Play}from"@box/blueprint-web-assets/icons/MediumFilled";import '../styles/annotation-badge.css';var annotation_badge_module_default={annotationBadge:`_annotationBadge_wsfss_1`,annotationIcon:`_annotationIcon_wsfss_16`,highlightText:`_highlightText_wsfss_22`,annotationLabel:`_annotationLabel_wsfss_34`,disabled:`_disabled_wsfss_42`,focusableWrapper:`_focusableWrapper_wsfss_47`,tooltipContent:`_tooltipContent_wsfss_53`},ANNOTATION_BADGE_TYPE_ICON_MAP={[AnnotationBadgeType.Drawing]:PencilScribble,[AnnotationBadgeType.Frame]:Play,[AnnotationBadgeType.Highlight]:TextHighlight,[AnnotationBadgeType.Point]:PencilScribble,[AnnotationBadgeType.Region]:DashedSquareBubble},AnnotationBadge=({annotationTarget,onClick,originalContentDeleted})=>{let{formatMessage}=useIntl(),Icon=ANNOTATION_BADGE_TYPE_ICON_MAP[annotationTarget.type],textColor=originalContentDeleted?`textOnLightSecondary`:`textOnLightLink`,badge=jsxs(ButtonWrapper,{className:clsx(annotation_badge_module_default.annotationBadge,originalContentDeleted&&annotation_badge_module_default.disabled),"data-testid":`annotation-badge`,"data-no-expand":!0,disabled:originalContentDeleted,onClick:originalContentDeleted?void 0:onClick,children:[Icon&&jsx(Text,{as:`span`,className:annotation_badge_module_default.annotationIcon,color:textColor,children:jsx(Icon,{color:`currentColor`,height:16,width:16})}),annotationTarget.type===AnnotationBadgeType.Highlight&&annotationTarget.highlightedText?jsx(Text,{as:`span`,className:annotation_badge_module_default.highlightText,color:textColor,variant:`bodySmallSemibold`,children:annotationTarget.highlightedText}):jsx(Text,{as:`span`,className:annotation_badge_module_default.annotationLabel,color:textColor,variant:`bodyDefaultSemibold`,children:annotationTarget.type===AnnotationBadgeType.Frame?annotationTarget.timestamp:formatMessage(messages.annotationPage,{number:annotationTarget.page})})]});return originalContentDeleted?jsx(Tooltip,{className:annotation_badge_module_default.tooltipContent,content:formatMessage(messages.originalContentDeleted),side:`top`,children:jsx(Focusable,{className:annotation_badge_module_default.focusableWrapper,"data-no-expand":!0,children:badge})}):badge};export{AnnotationBadge as t};

package/dist/chunks/custom-placeholder.js

@@ -1,72 +1 @@
-import { useMessageEditorContext as e } from "../esm/lib/components/message-editor/message-editor-context.js";
-import t from "../esm/lib/components/message-editor/messages.js";
-import { EditorContentType as n, addPlaceholderToContent as r, deleteNode as i, getEditorContent as a } from "../esm/lib/components/message-editor/editor-extensions/custom-placeholder/custom-placeholder-utils.js";
-import { Text as o } from "@box/blueprint-web";
-import { useIntl as s } from "react-intl";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { NodeViewWrapper as u, ReactNodeViewRenderer as d } from "@tiptap/react";
-import { Node as f, mergeAttributes as p } from "@tiptap/core";
-import '../styles/custom-placeholder.css';var m = {
-	wrapper: "_wrapper_1gep2_1",
-	nodeWrapper: "_nodeWrapper_1gep2_5",
-	placeholderMention: "_placeholderMention_1gep2_8"
-}, h = "placeholder", g = () => {
-	let { formatMessage: n } = s(), { messageCount: r } = e(), i = r === 0 ? t.placeholderPrefix : t.placeholderPrefixReply;
-	return /* @__PURE__ */ l(o, {
-		"aria-label": n(t.placeholderAriaLabel),
-		as: "span",
-		color: "textOnLightSecondary",
-		variant: "bodyDefault",
-		children: [
-			n(i),
-			" ",
-			/* @__PURE__ */ c(o, {
-				as: "span",
-				className: m.placeholderMention,
-				variant: "bodyDefaultBold",
-				children: "@"
-			}),
-			" ",
-			n(t.placeholderSuffix)
-		]
-	});
-}, _ = f.create({
-	name: n.Placeholder,
-	group: "inline",
-	inline: !0,
-	selectable: !1,
-	atom: !0,
-	parseHTML() {
-		return [{ tag: h }];
-	},
-	renderHTML({ HTMLAttributes: e }) {
-		return [h, p(e)];
-	},
-	addNodeView() {
-		return d(() => /* @__PURE__ */ c(u, {
-			as: "span",
-			className: m.nodeWrapper,
-			onClick: () => {
-				this.editor.commands.focus("start");
-			},
-			children: /* @__PURE__ */ c(g, {})
-		}), { className: m.wrapper });
-	},
-	onCreate() {
-		r(this.editor);
-	},
-	onUpdate() {
-		let { content: e, paragraphNumber: t } = a(this.editor), o = !!e.find((e) => e.type === n.Placeholder);
-		if (e.length === 0 && !o && t === 1) {
-			r(this.editor), this.editor.commands.focus("start");
-			return;
-		}
-		e.length > 0 && o && i(this.editor, n.Placeholder);
-	},
-	onTransaction({ transaction: e }) {
-		if (e.getMeta("paste") === !0) return;
-		let { content: t } = a(this.editor), r = t.find((e) => e.type === n.Placeholder), i = e.selection.$anchor.pos === 1;
-		this.editor.isFocused && r && !i && this.editor.commands.focus("start");
-	}
-});
-export { _ as t };
+import{useMessageEditorContext}from"../esm/lib/components/message-editor/message-editor-context.js";import messages from"../esm/lib/components/message-editor/messages.js";import{EditorContentType,addPlaceholderToContent,deleteNode,getEditorContent}from"../esm/lib/components/message-editor/editor-extensions/custom-placeholder/custom-placeholder-utils.js";import{Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{NodeViewWrapper,ReactNodeViewRenderer}from"@tiptap/react";import{Node,mergeAttributes}from"@tiptap/core";import '../styles/custom-placeholder.css';var custom_placeholder_module_default={wrapper:`_wrapper_1gep2_1`,nodeWrapper:`_nodeWrapper_1gep2_5`,placeholderMention:`_placeholderMention_1gep2_8`},PLACEHOLDER_HTML_TAG=`placeholder`,PlaceholderContent=()=>{let{formatMessage}=useIntl(),{messageCount}=useMessageEditorContext(),placeholderPrefix=messageCount===0?messages.placeholderPrefix:messages.placeholderPrefixReply;return jsxs(Text,{"aria-label":formatMessage(messages.placeholderAriaLabel),as:`span`,color:`textOnLightSecondary`,variant:`bodyDefault`,children:[formatMessage(placeholderPrefix),` `,jsx(Text,{as:`span`,className:custom_placeholder_module_default.placeholderMention,variant:`bodyDefaultBold`,children:`@`}),` `,formatMessage(messages.placeholderSuffix)]})},CustomPlaceholder=Node.create({name:EditorContentType.Placeholder,group:`inline`,inline:!0,selectable:!1,atom:!0,parseHTML(){return[{tag:PLACEHOLDER_HTML_TAG}]},renderHTML({HTMLAttributes}){return[PLACEHOLDER_HTML_TAG,mergeAttributes(HTMLAttributes)]},addNodeView(){return ReactNodeViewRenderer(()=>jsx(NodeViewWrapper,{as:`span`,className:custom_placeholder_module_default.nodeWrapper,onClick:()=>{this.editor.commands.focus(`start`)},children:jsx(PlaceholderContent,{})}),{className:custom_placeholder_module_default.wrapper})},onCreate(){addPlaceholderToContent(this.editor)},onUpdate(){let{content,paragraphNumber}=getEditorContent(this.editor),placeholderIsShown=!!content.find(_content=>_content.type===EditorContentType.Placeholder);if(content.length===0&&!placeholderIsShown&&paragraphNumber===1){addPlaceholderToContent(this.editor),this.editor.commands.focus(`start`);return}content.length>0&&placeholderIsShown&&deleteNode(this.editor,EditorContentType.Placeholder)},onTransaction({transaction}){if(transaction.getMeta(`paste`)===!0)return;let{content}=getEditorContent(this.editor),placeholderIsShown=content.find(_content=>_content.type===EditorContentType.Placeholder),caretIsAtStart=transaction.selection.$anchor.pos===1;this.editor.isFocused&&placeholderIsShown&&!caretIsAtStart&&this.editor.commands.focus(`start`)}});export{CustomPlaceholder as t};

package/dist/chunks/delete-annotations-message-popover.js

@@ -1,46 +1 @@
-import e from "../esm/lib/components/message-header/messages.js";
-import { Button as t, IconButton as n, Popover as r, Text as i } from "@box/blueprint-web";
-import { useIntl as a } from "react-intl";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Trash as c } from "@box/blueprint-web-assets/icons/Medium";
-import '../styles/delete-annotations-message-popover.css';var l = {
-	deletePopover: "_deletePopover_1euiz_1",
-	footer: "_footer_1euiz_5"
-}, u = ({ onDelete: u, onOpenChange: d }) => {
-	let { formatMessage: f } = a();
-	return /* @__PURE__ */ s(r.Root, {
-		modal: !1,
-		onOpenChange: d,
-		children: [/* @__PURE__ */ o(r.Trigger, { children: /* @__PURE__ */ o(n, {
-			"aria-label": f(e.moreOptionsAriaLabel),
-			icon: c,
-			size: "x-small"
-		}) }), /* @__PURE__ */ s(r.ContentContainer, {
-			align: "end",
-			"aria-label": f(e.deleteConfirmation),
-			className: l.deletePopover,
-			side: "bottom",
-			children: [/* @__PURE__ */ o(r.MainContent, { children: /* @__PURE__ */ o(i, {
-				as: "p",
-				color: "textOnLightDefault",
-				variant: "bodyDefault",
-				children: f(e.deleteCommentQuestion)
-			}) }), /* @__PURE__ */ s(r.Footer, {
-				className: l.footer,
-				children: [/* @__PURE__ */ o(r.Close, { children: /* @__PURE__ */ o(t, {
-					"aria-label": f(e.cancelDeleteButtonAriaLabel),
-					size: "small",
-					variant: "secondary",
-					children: f(e.deleteCancel)
-				}) }), /* @__PURE__ */ o(r.Close, { children: /* @__PURE__ */ o(t, {
-					"aria-label": f(e.deleteButtonAriaLabel),
-					onClick: u,
-					size: "small",
-					variant: "primary",
-					children: f(e.delete)
-				}) })]
-			})]
-		})]
-	});
-};
-export { u as t };
+import messages from"../esm/lib/components/message-header/messages.js";import{Button,IconButton,Popover,Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{Trash}from"@box/blueprint-web-assets/icons/Medium";import '../styles/delete-annotations-message-popover.css';var delete_annotations_message_popover_module_default={deletePopover:`_deletePopover_1euiz_1`,footer:`_footer_1euiz_5`},DeleteAnnotationMessagePopover=({onDelete,onOpenChange})=>{let{formatMessage}=useIntl();return jsxs(Popover.Root,{modal:!1,onOpenChange,children:[jsx(Popover.Trigger,{children:jsx(IconButton,{"aria-label":formatMessage(messages.moreOptionsAriaLabel),icon:Trash,size:`x-small`})}),jsxs(Popover.ContentContainer,{align:`end`,"aria-label":formatMessage(messages.deleteConfirmation),className:delete_annotations_message_popover_module_default.deletePopover,side:`bottom`,children:[jsx(Popover.MainContent,{children:jsx(Text,{as:`p`,color:`textOnLightDefault`,variant:`bodyDefault`,children:formatMessage(messages.deleteCommentQuestion)})}),jsxs(Popover.Footer,{className:delete_annotations_message_popover_module_default.footer,children:[jsx(Popover.Close,{children:jsx(Button,{"aria-label":formatMessage(messages.cancelDeleteButtonAriaLabel),size:`small`,variant:`secondary`,children:formatMessage(messages.deleteCancel)})}),jsx(Popover.Close,{children:jsx(Button,{"aria-label":formatMessage(messages.deleteButtonAriaLabel),onClick:onDelete,size:`small`,variant:`primary`,children:formatMessage(messages.delete)})})]})]})]})};export{DeleteAnnotationMessagePopover as t};

package/dist/chunks/delete-confirmation-popover.js

@@ -1,67 +1 @@
-import { THREADED_ANNOTATIONS_PORTAL as e } from "../esm/lib/v2/constants.js";
-import { THREADED_ANNOTATIONS_RESIN_COMPONENTS as t, THREADED_ANNOTATIONS_RESIN_FEATURE as n, THREADED_ANNOTATIONS_RESIN_TARGETS as r } from "../esm/lib/v2/resin-targets.js";
-import i from "../esm/lib/components/v2/message-header/messages.js";
-import { Button as a, Popover as o, Text as s } from "@box/blueprint-web";
-import { useIntl as c } from "react-intl";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import '../styles/delete-confirmation-popover.css';var d = {
-	deletePopover: "_deletePopover_1c8ll_2",
-	footer: "_footer_1c8ll_6"
-}, f = {
-	headerContainer: "_headerContainer_1kmrp_29",
-	information: "_information_1kmrp_37",
-	textContainer: "_textContainer_1kmrp_44",
-	author: "_author_1kmrp_52",
-	optionsMenu: "_optionsMenu_1kmrp_59",
-	deletePopoverAnchorWrapper: "_deletePopoverAnchorWrapper_1kmrp_78",
-	deletePopoverAnchor: "_deletePopoverAnchor_1kmrp_78"
-}, p = ({ hasReplies: p = !1, isAnnotation: m = !1, open: h, onOpenChange: g, onConfirm: _, onCancel: v }) => {
-	let y = c();
-	return /* @__PURE__ */ l("div", {
-		className: f.deletePopoverAnchorWrapper,
-		children: /* @__PURE__ */ u(o.Root, {
-			modal: !1,
-			onOpenChange: g,
-			open: h,
-			children: [/* @__PURE__ */ l(o.Anchor, { children: /* @__PURE__ */ l(s, {
-				as: "span",
-				className: f.deletePopoverAnchor
-			}) }), /* @__PURE__ */ u(o.ContentContainer, {
-				...e,
-				align: "end",
-				"aria-label": y.formatMessage(i.deleteConfirmation),
-				className: d.deletePopover,
-				"data-resin-component": m ? t.ANNOTATION_MENU : t.COMMENT_MENU,
-				"data-resin-feature": n,
-				side: "bottom",
-				children: [/* @__PURE__ */ l(o.MainContent, { children: /* @__PURE__ */ l(s, {
-					as: "p",
-					color: "textOnLightDefault",
-					variant: "bodyDefault",
-					children: y.formatMessage(i.deleteQuestion, {
-						hasReplies: p ? "true" : "false",
-						type: m ? "annotation" : "comment"
-					})
-				}) }), /* @__PURE__ */ u(o.Footer, {
-					className: d.footer,
-					children: [/* @__PURE__ */ l(a, {
-						"aria-label": y.formatMessage(i.cancelDeleteButtonAriaLabel),
-						"data-resin-target": r.DELETE_CANCEL,
-						onClick: v,
-						size: "small",
-						variant: "secondary",
-						children: y.formatMessage(i.deleteCancel)
-					}), /* @__PURE__ */ l(a, {
-						"aria-label": y.formatMessage(i.deleteButtonAriaLabel),
-						"data-resin-target": r.DELETE_CONFIRM,
-						onClick: _,
-						size: "small",
-						variant: "destructive",
-						children: y.formatMessage(i.delete)
-					})]
-				})]
-			})]
-		})
-	});
-};
-export { f as n, p as t };
+import{THREADED_ANNOTATIONS_PORTAL}from"../esm/lib/v2/constants.js";import{THREADED_ANNOTATIONS_RESIN_COMPONENTS,THREADED_ANNOTATIONS_RESIN_FEATURE,THREADED_ANNOTATIONS_RESIN_TARGETS}from"../esm/lib/v2/resin-targets.js";import messages from"../esm/lib/components/v2/message-header/messages.js";import{Button,Popover,Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/delete-confirmation-popover.css';var delete_confirmation_popover_module_default={deletePopover:`_deletePopover_1c8ll_2`,footer:`_footer_1c8ll_6`},message_header_module_default={headerContainer:`_headerContainer_1kmrp_29`,information:`_information_1kmrp_37`,textContainer:`_textContainer_1kmrp_44`,author:`_author_1kmrp_52`,optionsMenu:`_optionsMenu_1kmrp_59`,deletePopoverAnchorWrapper:`_deletePopoverAnchorWrapper_1kmrp_78`,deletePopoverAnchor:`_deletePopoverAnchor_1kmrp_78`},DeleteConfirmationPopover=({hasReplies=!1,isAnnotation=!1,open,onOpenChange,onConfirm,onCancel})=>{let intl=useIntl();return jsx(`div`,{className:message_header_module_default.deletePopoverAnchorWrapper,children:jsxs(Popover.Root,{modal:!1,onOpenChange,open,children:[jsx(Popover.Anchor,{children:jsx(Text,{as:`span`,className:message_header_module_default.deletePopoverAnchor})}),jsxs(Popover.ContentContainer,{...THREADED_ANNOTATIONS_PORTAL,align:`end`,"aria-label":intl.formatMessage(messages.deleteConfirmation),className:delete_confirmation_popover_module_default.deletePopover,"data-resin-component":isAnnotation?THREADED_ANNOTATIONS_RESIN_COMPONENTS.ANNOTATION_MENU:THREADED_ANNOTATIONS_RESIN_COMPONENTS.COMMENT_MENU,"data-resin-feature":THREADED_ANNOTATIONS_RESIN_FEATURE,side:`bottom`,children:[jsx(Popover.MainContent,{children:jsx(Text,{as:`p`,color:`textOnLightDefault`,variant:`bodyDefault`,children:intl.formatMessage(messages.deleteQuestion,{hasReplies:hasReplies?`true`:`false`,type:isAnnotation?`annotation`:`comment`})})}),jsxs(Popover.Footer,{className:delete_confirmation_popover_module_default.footer,children:[jsx(Button,{"aria-label":intl.formatMessage(messages.cancelDeleteButtonAriaLabel),"data-resin-target":THREADED_ANNOTATIONS_RESIN_TARGETS.DELETE_CANCEL,onClick:onCancel,size:`small`,variant:`secondary`,children:intl.formatMessage(messages.deleteCancel)}),jsx(Button,{"aria-label":intl.formatMessage(messages.deleteButtonAriaLabel),"data-resin-target":THREADED_ANNOTATIONS_RESIN_TARGETS.DELETE_CONFIRM,onClick:onConfirm,size:`small`,variant:`destructive`,children:intl.formatMessage(messages.delete)})]})]})]})})};export{message_header_module_default as n,DeleteConfirmationPopover as t};