@x15ventures/x15-ui-library 3.19.0 → 3.20.0

package/dist/esm/widgets/documentComments/DocumentComments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentComments.js","names":["React","useEffect","useMemo","useRef","useState","useForm","HeaderBar","SimpleButton","Textarea","dateToShortReadableDate","getPreferredScrollBehavior","ToggleGroup","defaultDocumentCommentsLabels","heading","filter","open","count","resolved","newPinnedComment","newGeneralComment","post","cancel","reply","replyTo","authorName","sendReply","resolve","reopen","showInDocument","detached","generalComment","noOpenComments","noResolvedComments","quoteLabel","CommentHeader","createdAt","formatDate","createElement","className","dateTime","DocumentComments","id","comments","headingLevel","selectedCommentId","pendingAnchor","detachedCommentIds","canComment","canCommentRequested","canReply","canReplyRequested","canResolve","canResolveRequested","allowGeneralComments","initialFilter","onAddComment","onReply","onToggleResolved","onSelectComment","onCancelPending","headerActions","labels","customLabels","customCssClasses","Boolean","formMethods","defaultValues","newComment","setFilter","replyingToId","setReplyingToId","isSubmitting","setIsSubmitting","cardRefs","Map","String","watch","openComments","comment","resolvedComments","displayedComments","showNewCommentForm","commentsRef","current","selected","find","get","scrollIntoView","block","behavior","submit","action","field","setValue","handlePost","content","trim","posted","anchor","handleCancelPending","handleReply","commentId","openReply","renderThread","isSelected","isDetached","includes","cardClasses","card","join","key","ref","element","set","delete","undefined","author","name","exact","replies","length","map","replyItem","formContext","label","text","cssClass","onClickHandler","disabled","ariaPressed","wrapper","legend","value","onChange","options","form","list"],"sources":["../../../../src/widgets/documentComments/DocumentComments.tsx"],"sourcesContent":["'use client';\n\nimport React, { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { FieldValues, useForm } from 'react-hook-form';\n\nimport { HeaderBar, SimpleButton, Textarea } from '../../components';\nimport { dateToShortReadableDate } from '../../helpers/dateHelpers';\nimport { getPreferredScrollBehavior } from '../../helpers/interactionsHelper';\nimport { DocumentComment } from '../shared/documents/annotations/annotations.interfaces';\nimport { ToggleGroup } from '../shared/documents/ToggleGroup';\nimport {\n  DocumentCommentsFilter,\n  DocumentCommentsLabels,\n  DocumentCommentsProps\n} from './documentComments.interfaces';\n\nimport './documentComments.scss';\n\nexport const defaultDocumentCommentsLabels: DocumentCommentsLabels = {\n  heading: 'Comments',\n  filter: 'Show comments',\n  open: (count) => `Open (${ count })`,\n  resolved: (count) => `Resolved (${ count })`,\n  newPinnedComment: 'Comment on the selected text',\n  newGeneralComment: 'Comment on the document',\n  post: 'Post comment',\n  cancel: 'Cancel',\n  reply: 'Reply',\n  replyTo: (authorName) => `Reply to ${ authorName }`,\n  sendReply: 'Send reply',\n  resolve: 'Resolve',\n  reopen: 'Reopen',\n  showInDocument: 'Show in document',\n  detached: 'The text this comment was on has changed or been removed.',\n  generalComment: 'General comment',\n  noOpenComments: 'There are no open comments.',\n  noResolvedComments: 'There are no resolved comments.',\n  quoteLabel: 'Commented text'\n};\n\ntype FormValues = { newComment: string; reply: string };\n\ntype CommentHeaderProps = {\n  authorName: string;\n  createdAt: string;\n  formatDate: NonNullable<DocumentCommentsProps['formatDate']>;\n};\n\nconst CommentHeader: FC<CommentHeaderProps> = ({ authorName, createdAt, formatDate }) => (\n  <div className=\"documentComments__cardHeader\">\n    <span className=\"documentComments__author\">{ authorName }</span>\n    <time className=\"documentComments__date\" dateTime={ createdAt }>{ formatDate(createdAt) ?? createdAt }</time>\n  </div>\n);\n\n/*\n  DocumentComments lists a document's comment threads and lets people add comments (on selected\n  text or the whole document), reply, and resolve or reopen them. The host application owns the\n  comment data and persistence; this widget renders it and reports actions through callbacks.\n */\nexport const DocumentComments: FC<DocumentCommentsProps> = (\n  {\n    id,\n    comments,\n    headingLevel = 3,\n    selectedCommentId,\n    pendingAnchor = null,\n    detachedCommentIds = [],\n    canComment: canCommentRequested = true,\n    canReply: canReplyRequested = canCommentRequested,\n    canResolve: canResolveRequested = canCommentRequested,\n    allowGeneralComments = true,\n    initialFilter = 'open',\n    formatDate = dateToShortReadableDate,\n    onAddComment,\n    onReply,\n    onToggleResolved,\n    onSelectComment,\n    onCancelPending,\n    headerActions,\n    labels: customLabels,\n    customCssClasses = {}\n  }\n) => {\n  const labels = useMemo(() => ({ ...defaultDocumentCommentsLabels, ...customLabels }), [customLabels]);\n  // An action is only offered when the host can act on it; otherwise a submitted draft would be lost.\n  const canComment = canCommentRequested && Boolean(onAddComment);\n  const canReply = canReplyRequested && Boolean(onReply);\n  const canResolve = canResolveRequested && Boolean(onToggleResolved);\n  // Untyped because the library's form fields accept a generic form context.\n  const formMethods = useForm<FieldValues>({ defaultValues: { newComment: '', reply: '' } satisfies FormValues });\n  const [filter, setFilter] = useState<DocumentCommentsFilter>(initialFilter);\n  const [replyingToId, setReplyingToId] = useState<string | null>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const cardRefs = useRef(new Map<string, HTMLLIElement>());\n\n  const newComment = String(formMethods.watch('newComment') ?? '');\n  const reply = String(formMethods.watch('reply') ?? '');\n  const openComments = comments.filter((comment) => !comment.resolved);\n  const resolvedComments = comments.filter((comment) => comment.resolved);\n  const displayedComments = filter === 'open' ? openComments : resolvedComments;\n  const showNewCommentForm = canComment && filter === 'open' && (pendingAnchor !== null || allowGeneralComments);\n\n  // A new selection is commented on in the open list, so switch to it.\n  useEffect(() => {\n    if (pendingAnchor) {\n      setFilter('open');\n    }\n  }, [pendingAnchor]);\n\n  // Read through a ref so only a change of selection scrolls the list, not new comments or replies.\n  const commentsRef = useRef(comments);\n  commentsRef.current = comments;\n\n  // Bring the selected thread into view, e.g. after its bubble is chosen in the document.\n  useEffect(() => {\n    const selected = commentsRef.current.find((comment) => comment.id === selectedCommentId);\n    if (!selected) {\n      return;\n    }\n    setFilter(selected.resolved ? 'resolved' : 'open');\n    cardRefs.current.get(selected.id)?.scrollIntoView?.({ block: 'nearest', behavior: getPreferredScrollBehavior() });\n  }, [selectedCommentId]);\n\n  const submit = async (action: () => void | Promise<void>, field: keyof FormValues) => {\n    setIsSubmitting(true);\n    try {\n      await action();\n      formMethods.setValue(field, '');\n      return true;\n    } catch {\n      // The host's callback reports the failure; the draft is kept so it can be retried.\n      return false;\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  const handlePost = async () => {\n    const content = newComment.trim();\n    if (!content || !onAddComment) {\n      return;\n    }\n    const posted = await submit(() => onAddComment({ content, ...(pendingAnchor ? { anchor: pendingAnchor } : {}) }), 'newComment');\n    if (posted && pendingAnchor) {\n      onCancelPending?.();\n    }\n  };\n\n  const handleCancelPending = () => {\n    formMethods.setValue('newComment', '');\n    onCancelPending?.();\n  };\n\n  const handleReply = async (commentId: string) => {\n    const content = reply.trim();\n    if (content && onReply && await submit(() => onReply(commentId, content), 'reply')) {\n      setReplyingToId(null);\n    }\n  };\n\n  const openReply = (commentId: string) => {\n    formMethods.setValue('reply', '');\n    setReplyingToId(commentId);\n  };\n\n  const renderThread = (comment: DocumentComment) => {\n    const isSelected = comment.id === selectedCommentId;\n    const isDetached = Boolean(comment.anchor) && detachedCommentIds.includes(comment.id);\n    const cardClasses = [\n      'documentComments__card',\n      isSelected ? 'documentComments__card--selected' : '',\n      comment.resolved ? 'documentComments__card--resolved' : '',\n      isDetached ? 'documentComments__card--detached' : '',\n      customCssClasses.card || ''\n    ].filter(Boolean).join(' ');\n\n    return (\n      <li\n        key={ comment.id }\n        ref={ (element) => {\n          if (element) {\n            cardRefs.current.set(comment.id, element);\n          } else {\n            cardRefs.current.delete(comment.id);\n          }\n        } }\n        className={ cardClasses }\n        aria-current={ isSelected ? 'true' : undefined }\n      >\n        <CommentHeader authorName={ comment.author.name } createdAt={ comment.createdAt } formatDate={ formatDate } />\n\n        { comment.anchor ? (\n          <blockquote className=\"documentComments__quote\" aria-label={ labels.quoteLabel }>{ comment.anchor.exact }</blockquote>\n        ) : (\n          <p className=\"documentComments__general\">{ labels.generalComment }</p>\n        ) }\n        { isDetached && <p className=\"documentComments__detached\">{ labels.detached }</p> }\n\n        <p className=\"documentComments__content\">{ comment.content }</p>\n\n        { comment.replies?.length ? (\n          <ul className=\"documentComments__replies\">\n            { comment.replies.map((replyItem) => (\n              <li key={ replyItem.id } className=\"documentComments__reply\">\n                <CommentHeader authorName={ replyItem.author.name } createdAt={ replyItem.createdAt } formatDate={ formatDate } />\n                <p className=\"documentComments__content\">{ replyItem.content }</p>\n              </li>\n            )) }\n          </ul>\n        ) : null }\n\n        { replyingToId === comment.id ? (\n          <div className=\"documentComments__replyForm\">\n            <Textarea\n              formContext={ formMethods }\n              label={ { text: labels.replyTo(comment.author.name) } }\n              field={ { id: `${ id }_reply_${ comment.id }`, name: 'reply' } }\n            />\n            <div className=\"documentComments__actions\">\n              <SimpleButton\n                id={ `${ id }_cancelReply_${ comment.id }` }\n                label={ labels.cancel }\n                cssClass=\"button secondary outline compact\"\n                onClickHandler={ () => setReplyingToId(null) }\n              />\n              <SimpleButton\n                id={ `${ id }_sendReply_${ comment.id }` }\n                label={ labels.sendReply }\n                cssClass=\"button primary compact\"\n                disabled={ !reply.trim() || isSubmitting }\n                onClickHandler={ () => handleReply(comment.id) }\n              />\n            </div>\n          </div>\n        ) : (\n          <div className=\"documentComments__actions\">\n            { comment.anchor && !isDetached && onSelectComment && (\n              <SimpleButton\n                id={ `${ id }_show_${ comment.id }` }\n                label={ labels.showInDocument }\n                cssClass=\"button secondary text-only compact\"\n                ariaPressed={ isSelected }\n                onClickHandler={ () => onSelectComment?.(comment.id) }\n              />\n            ) }\n            { canReply && !comment.resolved && (\n              <SimpleButton\n                id={ `${ id }_reply_${ comment.id }` }\n                label={ labels.reply }\n                cssClass=\"button secondary outline compact\"\n                onClickHandler={ () => openReply(comment.id) }\n              />\n            ) }\n            { canResolve && (\n              <SimpleButton\n                id={ `${ id }_resolve_${ comment.id }` }\n                label={ comment.resolved ? labels.reopen : labels.resolve }\n                cssClass=\"button secondary outline compact\"\n                onClickHandler={ () => onToggleResolved?.(comment.id, !comment.resolved) }\n              />\n            ) }\n          </div>\n        ) }\n      </li>\n    );\n  };\n\n  return (\n    <section id={ id } className={ `documentComments ${ customCssClasses.wrapper || '' }`.trim() } aria-label={ labels.heading }>\n      <HeaderBar text={ labels.heading } headingLevel={ headingLevel }>\n        { headerActions }\n      </HeaderBar>\n\n      <ToggleGroup\n        id={ `${ id }_filter` }\n        legend={ labels.filter }\n        value={ filter }\n        onChange={ setFilter }\n        options={ [\n          { value: 'open', label: labels.open(openComments.length) },\n          { value: 'resolved', label: labels.resolved(resolvedComments.length) }\n        ] }\n      />\n\n      { showNewCommentForm && (\n        <div className={ `documentComments__form ${ customCssClasses.form || '' }`.trim() }>\n          { pendingAnchor && (\n            <blockquote className=\"documentComments__quote\" aria-label={ labels.quoteLabel }>{ pendingAnchor.exact }</blockquote>\n          ) }\n          <Textarea\n            formContext={ formMethods }\n            label={ { text: pendingAnchor ? labels.newPinnedComment : labels.newGeneralComment } }\n            field={ { id: `${ id }_newComment`, name: 'newComment' } }\n          />\n          <div className=\"documentComments__actions\">\n            { pendingAnchor && (\n              <SimpleButton\n                id={ `${ id }_cancelPending` }\n                label={ labels.cancel }\n                cssClass=\"button secondary outline compact\"\n                onClickHandler={ handleCancelPending }\n              />\n            ) }\n            <SimpleButton\n              id={ `${ id }_post` }\n              label={ labels.post }\n              cssClass=\"button primary compact\"\n              disabled={ !newComment.trim() || isSubmitting }\n              onClickHandler={ handlePost }\n            />\n          </div>\n        </div>\n      ) }\n\n      { displayedComments.length ? (\n        <ul className={ `documentComments__list ${ customCssClasses.list || '' }`.trim() }>\n          { displayedComments.map(renderThread) }\n        </ul>\n      ) : (\n        <p className=\"documentComments__empty\">{ filter === 'open' ? labels.noOpenComments : labels.noResolvedComments }</p>\n      ) }\n    </section>\n  );\n};\n\nexport default DocumentComments;\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/widgets/documentComments/documentComments.css

@@ -0,0 +1,107 @@
+.documentComments {
+  display: flex;
+  flex-direction: column;
+  gap: var(--documentCommentsGap, var(--documentGap, 10px));
+  min-width: 0;
+  font-size: var(--documentCommentsFontSize, 0.875rem);
+}
+.documentComments .headerBar {
+  margin-bottom: 0;
+}
+
+.documentComments__form,
+.documentComments__replyForm {
+  display: flex;
+  flex-direction: column;
+  gap: var(--documentCommentsGap, var(--documentGap, 10px));
+}
+
+.documentComments__list,
+.documentComments__replies {
+  display: flex;
+  flex-direction: column;
+  gap: var(--documentCommentsGap, var(--documentGap, 10px));
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.documentComments__card {
+  display: flex;
+  flex-direction: column;
+  gap: var(--documentCommentsGap, var(--documentGap, 10px));
+  padding: var(--documentCommentsCardPadding, 15px);
+  border: var(--documentCommentsCardBorder, var(--documentBorder));
+  border-radius: var(--documentCommentsCardBorderRadius, var(--documentBorderRadius, 5px));
+  background: var(--documentCommentsCardBg, var(--documentBg, #fff));
+}
+
+.documentComments__card--selected {
+  border-color: var(--documentCommentsSelectedBorderColor, var(--primaryButtonBg, currentColor));
+  box-shadow: 0 0 0 var(--documentCommentsSelectedBorderWidth, 2px) var(--documentCommentsSelectedBorderColor, var(--primaryButtonBg, currentColor));
+}
+
+.documentComments__card--resolved {
+  opacity: var(--documentCommentsResolvedOpacity, 0.75);
+}
+
+.documentComments__cardHeader {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  gap: 5px;
+}
+
+.documentComments__author {
+  font-weight: 600;
+}
+
+.documentComments__date,
+.documentComments__general,
+.documentComments__empty {
+  color: var(--documentCommentsMutedColor, var(--documentMutedFgColor));
+}
+
+.documentComments__quote {
+  margin: 0;
+  padding: 5px 10px;
+  border-left: var(--documentCommentsQuoteBorder, 3px solid var(--statusWarnColor, #fc0));
+  background: var(--documentCommentsQuoteBg, var(--documentSubtleBg));
+  font-style: italic;
+  overflow-wrap: anywhere;
+  white-space: pre-line;
+}
+
+.documentComments__general,
+.documentComments__content,
+.documentComments__empty {
+  margin: 0;
+}
+
+.documentComments__content {
+  overflow-wrap: anywhere;
+  white-space: pre-line;
+}
+
+.documentComments__detached {
+  margin: 0;
+  color: var(--documentCommentsDetachedColor, var(--documentErrorColor, #f00));
+}
+
+.documentComments__replies {
+  padding-left: var(--documentCommentsReplyIndent, 15px);
+  border-left: var(--documentCommentsCardBorder, var(--documentBorder));
+}
+
+.documentComments__reply {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+
+.documentComments__actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 5px;
+}

package/dist/esm/widgets/documentComments/documentComments.interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=documentComments.interfaces.js.map

package/dist/esm/widgets/documentComments/documentComments.interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"documentComments.interfaces.js","names":[],"sources":["../../../../src/widgets/documentComments/documentComments.interfaces.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { DocumentComment, TextQuoteAnchor } from '../shared/documents/annotations/annotations.interfaces';\n\nexport type DocumentCommentsFilter = 'open' | 'resolved';\n\nexport type NewDocumentComment = {\n  content: string;\n  // Absent for a general comment about the whole document.\n  anchor?: TextQuoteAnchor;\n};\n\nexport type DocumentCommentsLabels = {\n  heading: string;\n  filter: string;\n  /* eslint-disable-next-line no-unused-vars */\n  open: (count: number) => string;\n  /* eslint-disable-next-line no-unused-vars */\n  resolved: (count: number) => string;\n  newPinnedComment: string;\n  newGeneralComment: string;\n  post: string;\n  cancel: string;\n  reply: string;\n  /* eslint-disable-next-line no-unused-vars */\n  replyTo: (authorName: string) => string;\n  sendReply: string;\n  resolve: string;\n  reopen: string;\n  showInDocument: string;\n  detached: string;\n  generalComment: string;\n  noOpenComments: string;\n  noResolvedComments: string;\n  quoteLabel: string;\n};\n\nexport type DocumentCommentsCssClasses = {\n  wrapper?: string;\n  form?: string;\n  list?: string;\n  card?: string;\n};\n\nexport type DocumentCommentsProps = {\n  id: string;\n  comments: DocumentComment[];\n  headingLevel?: 2 | 3 | 4 | 5;\n  selectedCommentId?: string;\n  // Text the reader has just selected to comment on; shows a pinned new-comment form.\n  pendingAnchor?: TextQuoteAnchor | null;\n  // Pinned comments whose quoted text can no longer be found, e.g. from DocumentViewer's onAnchorStatusChange.\n  detachedCommentIds?: string[];\n  canComment?: boolean;\n  canReply?: boolean;\n  canResolve?: boolean;\n  // Allow comments about the whole document as well as on selected text.\n  allowGeneralComments?: boolean;\n  initialFilter?: DocumentCommentsFilter;\n  // Defaults to the library's dateToShortReadableDate; return null to show the value as given.\n  /* eslint-disable-next-line no-unused-vars */\n  formatDate?: (value: string) => string | null;\n  // Return a promise to keep the form disabled until it settles; the draft is kept if it rejects.\n  /* eslint-disable-next-line no-unused-vars */\n  onAddComment?: (comment: NewDocumentComment) => void | Promise<void>;\n  /* eslint-disable-next-line no-unused-vars */\n  onReply?: (commentId: string, content: string) => void | Promise<void>;\n  /* eslint-disable-next-line no-unused-vars */\n  onToggleResolved?: (commentId: string, resolved: boolean) => void;\n  /* eslint-disable-next-line no-unused-vars */\n  onSelectComment?: (commentId: string) => void;\n  onCancelPending?: () => void;\n  // Rendered in the panel header, e.g. a close button.\n  headerActions?: ReactNode;\n  labels?: Partial<DocumentCommentsLabels>;\n  customCssClasses?: DocumentCommentsCssClasses;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/esm/widgets/documentComments/index.js

@@ -0,0 +1,2 @@
+export { DocumentComments, defaultDocumentCommentsLabels } from './DocumentComments';
+//# sourceMappingURL=index.js.map

package/dist/esm/widgets/documentComments/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DocumentComments","defaultDocumentCommentsLabels"],"sources":["../../../../src/widgets/documentComments/index.ts"],"sourcesContent":["export { DocumentComments, defaultDocumentCommentsLabels } from './DocumentComments';\n\nexport type {\n  DocumentCommentsCssClasses,\n  DocumentCommentsFilter,\n  DocumentCommentsLabels,\n  DocumentCommentsProps,\n  NewDocumentComment\n} from './documentComments.interfaces';\n"],"mappings":"AAAA,SAASA,gBAAgB,EAAEC,6BAA6B,QAAQ,oBAAoB","ignoreList":[]}

package/dist/esm/widgets/documentComparer/DocumentComparer.js

@@ -0,0 +1,301 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/extends";
+import React, { Suspense, useEffect, useMemo, useState } from 'react';
+import { HeaderBar, PageBanner, SimpleButton } from '../../components';
+import { LoadingMessage } from '../../components/design/loadingMessage/LoadingMessage';
+import { DocumentEditor } from '../documentEditor/DocumentEditor';
+import { DocumentViewer } from '../documentViewer/DocumentViewer';
+import { AnnotationLayer } from '../shared/documents/annotations/AnnotationLayer';
+import { dateToShortReadableDate } from '../../helpers/dateHelpers';
+import { resolveDocumentResourceWithFallback } from '../shared/documents/documentHelpers';
+import { LazyDocumentDiff, LazyMarkdownRenderer } from '../shared/documents/engines/lazyEngines';
+import { ToggleGroup } from '../shared/documents/ToggleGroup';
+import { useDocumentContent } from '../shared/documents/useDocumentContent';
+import './documentComparer.css';
+export const defaultDocumentComparerLabels = {
+  originalHeading: 'Original',
+  revisedHeading: 'Revised',
+  viewSelector: 'Comparison view',
+  sideBySide: 'Side by side',
+  differences: 'Differences',
+  diffSelector: 'Difference format',
+  formatted: 'Formatted',
+  source: 'Markdown source',
+  edit: 'Edit',
+  save: 'Save changes',
+  cancel: 'Cancel',
+  version: 'Version',
+  lastModified: 'Last modified',
+  notRecorded: 'Not recorded',
+  loadingHeading: 'Loading',
+  loadingMessage: 'Loading document',
+  loadError: 'The revised document could not be loaded.',
+  noSourcePreview: 'No preview of the original document is available.',
+  added: 'Added',
+  removed: 'Removed',
+  noChanges: 'There are no differences between the documents.',
+  diffSummary: (added, removed) => `${added} added, ${removed} removed`,
+  pageImageAlt: (page, total, title) => `Page ${page} of ${total} of ${title}`
+};
+
+/*
+  DocumentComparer shows an original document beside a revised markdown version, or the
+  differences between the revised version and a baseline, and optionally lets the revised version
+  be edited. Review and lifecycle workflow belongs to the host application, which supplies it
+  through the action slots.
+ */
+export const DocumentComparer = ({
+  id,
+  title,
+  headingLevel = 2,
+  originalDocument,
+  revisedDocument,
+  baselineMarkdown,
+  initialView = 'sideBySide',
+  initialDiffView = 'rendered',
+  revisedPosition = 'start',
+  enableEditing = false,
+  onChange,
+  onSave,
+  editorProps = {},
+  originalRenderers,
+  resolveResourceUrl,
+  trustedPdfOrigins,
+  formatDate = dateToShortReadableDate,
+  headerActions,
+  originalPanelActions,
+  revisedPanelActions,
+  footerActions,
+  annotations,
+  labels: customLabels,
+  customCssClasses = {}
+}) => {
+  const labels = useMemo(() => ({
+    ...defaultDocumentComparerLabels,
+    ...customLabels
+  }), [customLabels]);
+  const revisedContent = useDocumentContent(revisedDocument, 'markdown');
+  const loadedMarkdown = revisedContent.loaded?.content;
+  const [savedMarkdown, setSavedMarkdown] = useState(undefined);
+  const [draftMarkdown, setDraftMarkdown] = useState(undefined);
+  const [isEditing, setIsEditing] = useState(false);
+  const [isSaving, setIsSaving] = useState(false);
+  const [view, setView] = useState(initialView);
+  const [diffView, setDiffView] = useState(initialDiffView);
+
+  // A newly loaded revised document replaces any local edits made to the previous one.
+  useEffect(() => {
+    setSavedMarkdown(loadedMarkdown);
+    setDraftMarkdown(loadedMarkdown);
+    setIsEditing(false);
+  }, [loadedMarkdown]);
+  const currentMarkdown = (isEditing ? draftMarkdown : savedMarkdown) ?? '';
+  const baseline = baselineMarkdown ?? loadedMarkdown ?? '';
+  const isDirty = draftMarkdown !== savedMarkdown;
+  const panelHeadingLevel = Math.min(headingLevel + 1, 6);
+  const resolveRevisedResource = resource => resolveDocumentResourceWithFallback(resource, revisedDocument.url, resolveResourceUrl);
+  const handleDraftChange = markdown => {
+    setDraftMarkdown(markdown);
+    onChange?.(markdown);
+  };
+  const handleCancel = () => {
+    setDraftMarkdown(savedMarkdown);
+    setIsEditing(false);
+  };
+  const handleSave = async () => {
+    const markdown = draftMarkdown ?? '';
+    setIsSaving(true);
+    try {
+      await onSave?.({
+        markdown,
+        baselineMarkdown: baseline
+      });
+      setSavedMarkdown(markdown);
+      setIsEditing(false);
+    } catch {
+      // The host's onSave reports the failure; staying in edit mode keeps the draft so it can be retried.
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const loadingIndicator = /*#__PURE__*/React.createElement(LoadingMessage, {
+    heading: labels.loadingHeading,
+    loadingMessage: labels.loadingMessage,
+    isInline: true
+  });
+  const renderMetadata = document => /*#__PURE__*/React.createElement("dl", {
+    className: "documentComparer__metadata"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("dt", null, labels.version), /*#__PURE__*/React.createElement("dd", null, document.version || labels.notRecorded)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("dt", null, labels.lastModified), /*#__PURE__*/React.createElement("dd", null, document.lastModified ? formatDate(document.lastModified) ?? document.lastModified : labels.notRecorded)));
+  const renderPanel = (panel, document, heading, body, actions) => {
+    const cssClass = panel === 'original' ? customCssClasses.originalPanel : customCssClasses.revisedPanel;
+    return /*#__PURE__*/React.createElement("article", {
+      className: `documentComparer__panel documentComparer__panel--${panel} ${cssClass || ''}`.trim(),
+      "aria-label": heading
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "documentComparer__panelHeader"
+    }, /*#__PURE__*/React.createElement(HeaderBar, {
+      text: heading,
+      headingLevel: panelHeadingLevel
+    }), /*#__PURE__*/React.createElement("p", {
+      className: "documentComparer__documentTitle"
+    }, document.title), renderMetadata(document)), /*#__PURE__*/React.createElement("div", {
+      className: "documentComparer__panelBody"
+    }, body), actions && /*#__PURE__*/React.createElement("div", {
+      className: "documentComparer__panelActions"
+    }, actions));
+  };
+  const renderOriginalBody = () => {
+    const {
+      pageImages = []
+    } = originalDocument;
+    if (pageImages.length) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "documentComparer__pages"
+      }, pageImages.map((pageUrl, pageIndex) => /*#__PURE__*/React.createElement("img", {
+        key: pageUrl,
+        src: pageUrl,
+        alt: labels.pageImageAlt(pageIndex + 1, pageImages.length, originalDocument.title),
+        loading: "lazy"
+      })));
+    }
+    if (!originalDocument.file && !originalDocument.url && originalDocument.text === undefined) {
+      return /*#__PURE__*/React.createElement("p", {
+        className: "documentComparer__message"
+      }, labels.noSourcePreview);
+    }
+    return /*#__PURE__*/React.createElement(DocumentViewer, {
+      id: `${id}_originalViewer`,
+      document: originalDocument,
+      showHeader: false,
+      showMetadata: false,
+      contentHeadingOffset: panelHeadingLevel,
+      renderers: originalRenderers,
+      resolveResourceUrl: resolveResourceUrl,
+      trustedPdfOrigins: trustedPdfOrigins,
+      customCssClasses: {
+        wrapper: 'documentComparer__viewer'
+      }
+    });
+  };
+  const renderRevisedBody = () => {
+    if (revisedContent.status === 'error') {
+      return /*#__PURE__*/React.createElement(PageBanner, {
+        id: `${id}_revisedError`,
+        type: "error",
+        icon: "warning",
+        displayMode: "inline",
+        animation: "none",
+        disableClose: true
+      }, /*#__PURE__*/React.createElement("span", {
+        role: "alert"
+      }, labels.loadError));
+    }
+    if (revisedContent.status !== 'ready') {
+      return loadingIndicator;
+    }
+    if (isEditing) {
+      return /*#__PURE__*/React.createElement(DocumentEditor, _extends({
+        id: `${id}_editor`,
+        label: `${labels.edit}: ${revisedDocument.title}`,
+        hideLabel: true,
+        markdown: currentMarkdown,
+        baselineMarkdown: baseline,
+        onChange: handleDraftChange,
+        resolveResourceUrl: resolveRevisedResource,
+        annotations: annotations
+      }, editorProps));
+    }
+    const renderer = /*#__PURE__*/React.createElement(Suspense, {
+      fallback: loadingIndicator
+    }, /*#__PURE__*/React.createElement(LazyMarkdownRenderer, {
+      markdown: currentMarkdown,
+      headingOffset: panelHeadingLevel,
+      resolveResourceUrl: resolveRevisedResource
+    }));
+    return annotations ? /*#__PURE__*/React.createElement(AnnotationLayer, _extends({}, annotations, {
+      id: `${id}_annotations`
+    }), renderer) : renderer;
+  };
+  const editingActions = enableEditing && revisedContent.status === 'ready' && (isEditing ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SimpleButton, {
+    id: `${id}_cancel`,
+    label: labels.cancel,
+    cssClass: "button secondary outline compact",
+    onClickHandler: handleCancel
+  }), /*#__PURE__*/React.createElement(SimpleButton, {
+    id: `${id}_save`,
+    label: labels.save,
+    cssClass: "button primary compact",
+    disabled: !isDirty || isSaving,
+    onClickHandler: handleSave
+  })) : /*#__PURE__*/React.createElement(SimpleButton, {
+    id: `${id}_edit`,
+    label: labels.edit,
+    cssClass: "button secondary compact",
+    onClickHandler: () => setIsEditing(true)
+  }));
+  const revisedActions = (editingActions || revisedPanelActions) && /*#__PURE__*/React.createElement(React.Fragment, null, revisedPanelActions, editingActions);
+  const panels = [/*#__PURE__*/React.createElement(React.Fragment, {
+    key: "revised"
+  }, renderPanel('revised', revisedDocument, labels.revisedHeading, renderRevisedBody(), revisedActions)), /*#__PURE__*/React.createElement(React.Fragment, {
+    key: "original"
+  }, renderPanel('original', originalDocument, labels.originalHeading, renderOriginalBody(), originalPanelActions))];
+  return /*#__PURE__*/React.createElement("section", {
+    id: id,
+    className: `documentComparer ${customCssClasses.wrapper || ''}`.trim(),
+    "aria-label": title
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `documentComparer__header ${customCssClasses.header || ''}`.trim()
+  }, /*#__PURE__*/React.createElement(HeaderBar, {
+    text: title,
+    headingLevel: headingLevel
+  }, headerActions), /*#__PURE__*/React.createElement("div", {
+    className: "documentComparer__controls"
+  }, /*#__PURE__*/React.createElement(ToggleGroup, {
+    id: `${id}_view`,
+    legend: labels.viewSelector,
+    value: view,
+    onChange: setView,
+    options: [{
+      value: 'sideBySide',
+      label: labels.sideBySide
+    }, {
+      value: 'differences',
+      label: labels.differences
+    }]
+  }), view === 'differences' && /*#__PURE__*/React.createElement(ToggleGroup, {
+    id: `${id}_diffView`,
+    legend: labels.diffSelector,
+    value: diffView,
+    onChange: setDiffView,
+    options: [{
+      value: 'rendered',
+      label: labels.formatted
+    }, {
+      value: 'source',
+      label: labels.source
+    }]
+  }))), view === 'sideBySide' && /*#__PURE__*/React.createElement("div", {
+    className: `documentComparer__columns ${customCssClasses.columns || ''}`.trim()
+  }, revisedPosition === 'start' ? panels : [...panels].reverse()), view === 'differences' && /*#__PURE__*/React.createElement("div", {
+    className: `documentComparer__differences ${customCssClasses.differences || ''}`.trim()
+  }, revisedContent.status === 'ready' ? /*#__PURE__*/React.createElement(Suspense, {
+    fallback: loadingIndicator
+  }, /*#__PURE__*/React.createElement(LazyDocumentDiff, {
+    baseline: baseline,
+    revised: currentMarkdown,
+    view: diffView,
+    headingOffset: headingLevel,
+    resolveResourceUrl: resolveRevisedResource,
+    labels: {
+      added: labels.added,
+      removed: labels.removed,
+      noChanges: labels.noChanges,
+      summary: labels.diffSummary
+    }
+  })) : renderRevisedBody()), footerActions && /*#__PURE__*/React.createElement("div", {
+    className: `documentComparer__footer ${customCssClasses.footer || ''}`.trim()
+  }, footerActions));
+};
+export default DocumentComparer;
+//# sourceMappingURL=DocumentComparer.js.map

package/dist/esm/widgets/documentComparer/DocumentComparer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentComparer.js","names":["_extends","React","Suspense","useEffect","useMemo","useState","HeaderBar","PageBanner","SimpleButton","LoadingMessage","DocumentEditor","DocumentViewer","AnnotationLayer","dateToShortReadableDate","resolveDocumentResourceWithFallback","LazyDocumentDiff","LazyMarkdownRenderer","ToggleGroup","useDocumentContent","defaultDocumentComparerLabels","originalHeading","revisedHeading","viewSelector","sideBySide","differences","diffSelector","formatted","source","edit","save","cancel","version","lastModified","notRecorded","loadingHeading","loadingMessage","loadError","noSourcePreview","added","removed","noChanges","diffSummary","pageImageAlt","page","total","title","DocumentComparer","id","headingLevel","originalDocument","revisedDocument","baselineMarkdown","initialView","initialDiffView","revisedPosition","enableEditing","onChange","onSave","editorProps","originalRenderers","resolveResourceUrl","trustedPdfOrigins","formatDate","headerActions","originalPanelActions","revisedPanelActions","footerActions","annotations","labels","customLabels","customCssClasses","revisedContent","loadedMarkdown","loaded","content","savedMarkdown","setSavedMarkdown","undefined","draftMarkdown","setDraftMarkdown","isEditing","setIsEditing","isSaving","setIsSaving","view","setView","diffView","setDiffView","currentMarkdown","baseline","isDirty","panelHeadingLevel","Math","min","resolveRevisedResource","resource","url","handleDraftChange","markdown","handleCancel","handleSave","loadingIndicator","createElement","heading","isInline","renderMetadata","document","className","renderPanel","panel","body","actions","cssClass","originalPanel","revisedPanel","trim","text","renderOriginalBody","pageImages","length","map","pageUrl","pageIndex","key","src","alt","loading","file","showHeader","showMetadata","contentHeadingOffset","renderers","wrapper","renderRevisedBody","status","type","icon","displayMode","animation","disableClose","role","label","hideLabel","renderer","fallback","headingOffset","editingActions","Fragment","onClickHandler","disabled","revisedActions","panels","header","legend","value","options","columns","reverse","revised","summary","footer"],"sources":["../../../../src/widgets/documentComparer/DocumentComparer.tsx"],"sourcesContent":["'use client';\n\nimport React, { FC, ReactNode, Suspense, useEffect, useMemo, useState } from 'react';\n\nimport { HeaderBar, PageBanner, SimpleButton } from '../../components';\nimport { LoadingMessage } from '../../components/design/loadingMessage/LoadingMessage';\nimport { DocumentEditor } from '../documentEditor/DocumentEditor';\nimport { DocumentViewer } from '../documentViewer/DocumentViewer';\nimport { AnnotationLayer } from '../shared/documents/annotations/AnnotationLayer';\nimport { dateToShortReadableDate } from '../../helpers/dateHelpers';\nimport { resolveDocumentResourceWithFallback } from '../shared/documents/documentHelpers';\nimport { LazyDocumentDiff, LazyMarkdownRenderer } from '../shared/documents/engines/lazyEngines';\nimport { ToggleGroup } from '../shared/documents/ToggleGroup';\nimport { useDocumentContent } from '../shared/documents/useDocumentContent';\nimport {\n  ComparisonDocument,\n  DocumentComparerLabels,\n  DocumentComparerProps,\n  DocumentComparerView,\n  DocumentDiffView\n} from './documentComparer.interfaces';\n\nimport './documentComparer.scss';\n\n\nexport const defaultDocumentComparerLabels: DocumentComparerLabels = {\n  originalHeading: 'Original',\n  revisedHeading: 'Revised',\n  viewSelector: 'Comparison view',\n  sideBySide: 'Side by side',\n  differences: 'Differences',\n  diffSelector: 'Difference format',\n  formatted: 'Formatted',\n  source: 'Markdown source',\n  edit: 'Edit',\n  save: 'Save changes',\n  cancel: 'Cancel',\n  version: 'Version',\n  lastModified: 'Last modified',\n  notRecorded: 'Not recorded',\n  loadingHeading: 'Loading',\n  loadingMessage: 'Loading document',\n  loadError: 'The revised document could not be loaded.',\n  noSourcePreview: 'No preview of the original document is available.',\n  added: 'Added',\n  removed: 'Removed',\n  noChanges: 'There are no differences between the documents.',\n  diffSummary: (added, removed) => `${ added } added, ${ removed } removed`,\n  pageImageAlt: (page, total, title) => `Page ${ page } of ${ total } of ${ title }`\n};\n\n/*\n  DocumentComparer shows an original document beside a revised markdown version, or the\n  differences between the revised version and a baseline, and optionally lets the revised version\n  be edited. Review and lifecycle workflow belongs to the host application, which supplies it\n  through the action slots.\n */\nexport const DocumentComparer: FC<DocumentComparerProps> = (\n  {\n    id,\n    title,\n    headingLevel = 2,\n    originalDocument,\n    revisedDocument,\n    baselineMarkdown,\n    initialView = 'sideBySide',\n    initialDiffView = 'rendered',\n    revisedPosition = 'start',\n    enableEditing = false,\n    onChange,\n    onSave,\n    editorProps = {},\n    originalRenderers,\n    resolveResourceUrl,\n    trustedPdfOrigins,\n    formatDate = dateToShortReadableDate,\n    headerActions,\n    originalPanelActions,\n    revisedPanelActions,\n    footerActions,\n    annotations,\n    labels: customLabels,\n    customCssClasses = {}\n  }\n) => {\n  const labels = useMemo(() => ({ ...defaultDocumentComparerLabels, ...customLabels }), [customLabels]);\n  const revisedContent = useDocumentContent(revisedDocument, 'markdown');\n  const loadedMarkdown = revisedContent.loaded?.content;\n\n  const [savedMarkdown, setSavedMarkdown] = useState<string | undefined>(undefined);\n  const [draftMarkdown, setDraftMarkdown] = useState<string | undefined>(undefined);\n  const [isEditing, setIsEditing] = useState(false);\n  const [isSaving, setIsSaving] = useState(false);\n  const [view, setView] = useState<DocumentComparerView>(initialView);\n  const [diffView, setDiffView] = useState<DocumentDiffView>(initialDiffView);\n\n  // A newly loaded revised document replaces any local edits made to the previous one.\n  useEffect(() => {\n    setSavedMarkdown(loadedMarkdown);\n    setDraftMarkdown(loadedMarkdown);\n    setIsEditing(false);\n  }, [loadedMarkdown]);\n\n  const currentMarkdown = (isEditing ? draftMarkdown : savedMarkdown) ?? '';\n  const baseline = baselineMarkdown ?? loadedMarkdown ?? '';\n  const isDirty = draftMarkdown !== savedMarkdown;\n  const panelHeadingLevel = Math.min(headingLevel + 1, 6) as 2 | 3 | 4 | 5;\n\n  const resolveRevisedResource = (resource: string) =>\n    resolveDocumentResourceWithFallback(resource, revisedDocument.url, resolveResourceUrl);\n\n  const handleDraftChange = (markdown: string) => {\n    setDraftMarkdown(markdown);\n    onChange?.(markdown);\n  };\n\n  const handleCancel = () => {\n    setDraftMarkdown(savedMarkdown);\n    setIsEditing(false);\n  };\n\n  const handleSave = async () => {\n    const markdown = draftMarkdown ?? '';\n    setIsSaving(true);\n    try {\n      await onSave?.({ markdown, baselineMarkdown: baseline });\n      setSavedMarkdown(markdown);\n      setIsEditing(false);\n    } catch {\n      // The host's onSave reports the failure; staying in edit mode keeps the draft so it can be retried.\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  const loadingIndicator = <LoadingMessage heading={ labels.loadingHeading } loadingMessage={ labels.loadingMessage } isInline />;\n\n  const renderMetadata = (document: ComparisonDocument) => (\n    <dl className=\"documentComparer__metadata\">\n      <div>\n        <dt>{ labels.version }</dt>\n        <dd>{ document.version || labels.notRecorded }</dd>\n      </div>\n      <div>\n        <dt>{ labels.lastModified }</dt>\n        <dd>{ document.lastModified ? formatDate(document.lastModified) ?? document.lastModified : labels.notRecorded }</dd>\n      </div>\n    </dl>\n  );\n\n  const renderPanel = (\n    panel: 'original' | 'revised',\n    document: ComparisonDocument,\n    heading: string,\n    body: ReactNode,\n    actions: ReactNode\n  ) => {\n    const cssClass = panel === 'original' ? customCssClasses.originalPanel : customCssClasses.revisedPanel;\n    return (\n      <article className={ `documentComparer__panel documentComparer__panel--${ panel } ${ cssClass || '' }`.trim() } aria-label={ heading }>\n        <div className=\"documentComparer__panelHeader\">\n          <HeaderBar text={ heading } headingLevel={ panelHeadingLevel } />\n          <p className=\"documentComparer__documentTitle\">{ document.title }</p>\n          { renderMetadata(document) }\n        </div>\n        <div className=\"documentComparer__panelBody\">{ body }</div>\n        { actions && <div className=\"documentComparer__panelActions\">{ actions }</div> }\n      </article>\n    );\n  };\n\n  const renderOriginalBody = (): ReactNode => {\n    const { pageImages = [] } = originalDocument;\n    if (pageImages.length) {\n      return (\n        <div className=\"documentComparer__pages\">\n          { pageImages.map((pageUrl, pageIndex) => (\n            <img\n              key={ pageUrl }\n              src={ pageUrl }\n              alt={ labels.pageImageAlt(pageIndex + 1, pageImages.length, originalDocument.title) }\n              loading=\"lazy\"\n            />\n          )) }\n        </div>\n      );\n    }\n    if (!originalDocument.file && !originalDocument.url && originalDocument.text === undefined) {\n      return <p className=\"documentComparer__message\">{ labels.noSourcePreview }</p>;\n    }\n    return (\n      <DocumentViewer\n        id={ `${ id }_originalViewer` }\n        document={ originalDocument }\n        showHeader={ false }\n        showMetadata={ false }\n        contentHeadingOffset={ panelHeadingLevel }\n        renderers={ originalRenderers }\n        resolveResourceUrl={ resolveResourceUrl }\n        trustedPdfOrigins={ trustedPdfOrigins }\n        customCssClasses={ { wrapper: 'documentComparer__viewer' } }\n      />\n    );\n  };\n\n  const renderRevisedBody = (): ReactNode => {\n    if (revisedContent.status === 'error') {\n      return (\n        <PageBanner id={ `${ id }_revisedError` } type=\"error\" icon=\"warning\" displayMode=\"inline\" animation=\"none\" disableClose>\n          <span role=\"alert\">{ labels.loadError }</span>\n        </PageBanner>\n      );\n    }\n    if (revisedContent.status !== 'ready') {\n      return loadingIndicator;\n    }\n    if (isEditing) {\n      return (\n        <DocumentEditor\n          id={ `${ id }_editor` }\n          label={ `${ labels.edit }: ${ revisedDocument.title }` }\n          hideLabel\n          markdown={ currentMarkdown }\n          baselineMarkdown={ baseline }\n          onChange={ handleDraftChange }\n          resolveResourceUrl={ resolveRevisedResource }\n          annotations={ annotations }\n          { ...editorProps }\n        />\n      );\n    }\n    const renderer = (\n      <Suspense fallback={ loadingIndicator }>\n        <LazyMarkdownRenderer\n          markdown={ currentMarkdown }\n          headingOffset={ panelHeadingLevel }\n          resolveResourceUrl={ resolveRevisedResource }\n        />\n      </Suspense>\n    );\n    return annotations\n      ? <AnnotationLayer { ...annotations } id={ `${ id }_annotations` }>{ renderer }</AnnotationLayer>\n      : renderer;\n  };\n\n  const editingActions = enableEditing && revisedContent.status === 'ready' && (\n    isEditing ? (\n      <>\n        <SimpleButton id={ `${ id }_cancel` } label={ labels.cancel } cssClass=\"button secondary outline compact\" onClickHandler={ handleCancel } />\n        <SimpleButton\n          id={ `${ id }_save` }\n          label={ labels.save }\n          cssClass=\"button primary compact\"\n          disabled={ !isDirty || isSaving }\n          onClickHandler={ handleSave }\n        />\n      </>\n    ) : (\n      <SimpleButton id={ `${ id }_edit` } label={ labels.edit } cssClass=\"button secondary compact\" onClickHandler={ () => setIsEditing(true) } />\n    )\n  );\n\n  const revisedActions = (editingActions || revisedPanelActions) && (\n    <>\n      { revisedPanelActions }\n      { editingActions }\n    </>\n  );\n\n  const panels = [\n    <React.Fragment key=\"revised\">\n      { renderPanel('revised', revisedDocument, labels.revisedHeading, renderRevisedBody(), revisedActions) }\n    </React.Fragment>,\n    <React.Fragment key=\"original\">\n      { renderPanel('original', originalDocument, labels.originalHeading, renderOriginalBody(), originalPanelActions) }\n    </React.Fragment>\n  ];\n\n  return (\n    <section id={ id } className={ `documentComparer ${ customCssClasses.wrapper || '' }`.trim() } aria-label={ title }>\n      <div className={ `documentComparer__header ${ customCssClasses.header || '' }`.trim() }>\n        <HeaderBar text={ title } headingLevel={ headingLevel }>\n          { headerActions }\n        </HeaderBar>\n        <div className=\"documentComparer__controls\">\n          <ToggleGroup\n            id={ `${ id }_view` }\n            legend={ labels.viewSelector }\n            value={ view }\n            onChange={ setView }\n            options={ [{ value: 'sideBySide', label: labels.sideBySide }, { value: 'differences', label: labels.differences }] }\n          />\n          { view === 'differences' && (\n            <ToggleGroup\n              id={ `${ id }_diffView` }\n              legend={ labels.diffSelector }\n              value={ diffView }\n              onChange={ setDiffView }\n              options={ [{ value: 'rendered', label: labels.formatted }, { value: 'source', label: labels.source }] }\n            />\n          ) }\n        </div>\n      </div>\n\n      { view === 'sideBySide' && (\n        <div className={ `documentComparer__columns ${ customCssClasses.columns || '' }`.trim() }>\n          { revisedPosition === 'start' ? panels : [...panels].reverse() }\n        </div>\n      ) }\n\n      { view === 'differences' && (\n        <div className={ `documentComparer__differences ${ customCssClasses.differences || '' }`.trim() }>\n          { revisedContent.status === 'ready' ? (\n            <Suspense fallback={ loadingIndicator }>\n              <LazyDocumentDiff\n                baseline={ baseline }\n                revised={ currentMarkdown }\n                view={ diffView }\n                headingOffset={ headingLevel }\n                resolveResourceUrl={ resolveRevisedResource }\n                labels={ {\n                  added: labels.added,\n                  removed: labels.removed,\n                  noChanges: labels.noChanges,\n                  summary: labels.diffSummary\n                } }\n              />\n            </Suspense>\n          ) : renderRevisedBody() }\n        </div>\n      ) }\n\n      { footerActions && <div className={ `documentComparer__footer ${ customCssClasses.footer || '' }`.trim() }>{ footerActions }</div> }\n    </section>\n  );\n};\n\nexport default DocumentComparer;\n"],"mappings":"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","ignoreList":[]}