@x15ventures/x15-ui-library 3.18.0 → 3.20.0

package/dist/cjs/widgets/documentViewer/DocumentViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentViewer.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","defaultDocumentViewerLabels","default","DocumentViewer","_extends2","_react","_interopRequireWildcard","_components","_LoadingMessage","_iconHelpers","_formatters","_documentHelpers","_AnnotationLayer","_lazyEngines","_useDocumentContent","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","loadingHeading","loadingMessage","loadError","unsupported","wordNotice","imageError","getErrorDetail","error","Error","message","ANNOTATABLE_KINDS","id","document","showHeader","showMetadata","headingLevel","headerActions","metadataIcon","contentHeadingOffset","showWordNotice","renderers","getDocumentKind","getDefaultDocumentKind","resolveResourceUrl","trustedPdfOrigins","annotations","labels","customLabels","customCssClasses","onStatusChange","useMemo","kind","detectedKind","content","useDocumentContent","renderFailure","setRenderFailure","useState","renderError","loaded","undefined","handleRenderError","useCallback","isUnsupported","status","useEffect","resolveResource","resource","resolveDocumentResourceWithFallback","url","loadingIndicator","createElement","LoadingMessage","heading","isInline","builtInRenderers","pdf","title","src","className","referrerPolicy","image","onError","alt","text","markdown","headingOffset","resolve","Suspense","fallback","LazyMarkdownRenderer","word","LazyWordRenderer","arrayBuffer","cssClass","renderContent","detail","PageBanner","type","icon","displayMode","animation","disableClose","role","renderer","rendered","includes","AnnotationLayer","bytes","fileSize","file","size","Number","isFinite","formatFileSize","wrapper","trim","HeaderBar","metadata","renderIcon","customCssClass","getDocumentFileName","frame","_default"],"sources":["../../../../src/widgets/documentViewer/DocumentViewer.tsx"],"sourcesContent":["'use client';\n\nimport React, { FC, ReactNode, Suspense, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { HeaderBar, PageBanner } from '../../components';\nimport { LoadingMessage } from '../../components/design/loadingMessage/LoadingMessage';\nimport { renderIcon } from '../../helpers/iconHelpers';\nimport { formatFileSize } from '../../helpers/formatters';\nimport {\n  getDocumentFileName,\n  getDocumentKind as getDefaultDocumentKind,\n  resolveDocumentResourceWithFallback\n} from '../shared/documents/documentHelpers';\nimport { AnnotationLayer } from '../shared/documents/annotations/AnnotationLayer';\nimport { DocumentKind, DocumentLoadStatus, LoadedDocument } from '../shared/documents/documents.interfaces';\nimport { LazyMarkdownRenderer, LazyWordRenderer } from '../shared/documents/engines/lazyEngines';\nimport { useDocumentContent } from '../shared/documents/useDocumentContent';\nimport {\n  DocumentRenderers,\n  DocumentViewerLabels,\n  DocumentViewerProps\n} from './documentViewer.interfaces';\n\nimport './documentViewer.scss';\n\nexport const defaultDocumentViewerLabels: DocumentViewerLabels = {\n  loadingHeading: 'Loading',\n  loadingMessage: 'Loading document',\n  loadError: 'The document could not be loaded.',\n  unsupported: 'A preview is not available for this file type. Download the original file to open it.',\n  wordNotice: 'This is a browser representation of the Word document. Styling and pagination may differ from the original.',\n  imageError: 'The image could not be loaded.'\n};\n\nconst getErrorDetail = (error: unknown): string => (error instanceof Error ? error.message : '');\n\n// Kinds rendered into the page's own DOM, which comments can be pinned to.\nconst ANNOTATABLE_KINDS: DocumentKind[] = ['markdown', 'text'];\n\n/*\n  DocumentViewer displays a document supplied as inline text, a File or a URL. PDFs and images\n  use the browser's native rendering; markdown and Word documents are rendered by engines that\n  are only downloaded when a document of that kind is first shown.\n */\nexport const DocumentViewer: FC<DocumentViewerProps> = (\n  {\n    id,\n    document,\n    showHeader = true,\n    showMetadata = true,\n    headingLevel = 3,\n    headerActions,\n    metadataIcon = 'file-text',\n    contentHeadingOffset = 0,\n    showWordNotice = true,\n    renderers = {},\n    getDocumentKind = getDefaultDocumentKind,\n    resolveResourceUrl,\n    trustedPdfOrigins,\n    annotations,\n    labels: customLabels,\n    customCssClasses = {},\n    onStatusChange\n  }\n) => {\n  const labels = useMemo(() => ({ ...defaultDocumentViewerLabels, ...customLabels }), [customLabels]);\n  const kind = useMemo(() => {\n    const detectedKind = getDefaultDocumentKind(document);\n    return detectedKind === 'unsupported' || getDocumentKind === getDefaultDocumentKind\n      ? detectedKind\n      : getDocumentKind(document);\n  }, [document, getDocumentKind]);\n  const content = useDocumentContent(document, kind, { trustedPdfOrigins });\n  const [renderFailure, setRenderFailure] = useState<{ loaded: LoadedDocument; error: unknown } | null>(null);\n\n  // A renderer failure belongs to the content it happened on and clears once different content loads.\n  const renderError = renderFailure && renderFailure.loaded === content.loaded ? renderFailure.error : undefined;\n  const handleRenderError = useCallback((error: unknown) => {\n    if (content.loaded) {\n      setRenderFailure({ loaded: content.loaded, error });\n    }\n  }, [content.loaded]);\n\n  const isUnsupported = content.status === 'ready' && kind === 'unsupported';\n  const status: DocumentLoadStatus = renderError !== undefined || isUnsupported ? 'error' : content.status;\n  const error = renderError ?? content.error;\n\n  useEffect(() => {\n    onStatusChange?.(status, error);\n  }, [status, error, onStatusChange]);\n\n  const resolveResource = useCallback(\n    (resource: string) => resolveDocumentResourceWithFallback(resource, document.url, resolveResourceUrl),\n    [resolveResourceUrl, document.url]\n  );\n\n  const loadingIndicator = (\n    <LoadingMessage heading={ labels.loadingHeading } loadingMessage={ labels.loadingMessage } isInline />\n  );\n\n  const builtInRenderers: DocumentRenderers = {\n    pdf: ({ loaded }) => (\n      <iframe title={ document.title } src={ loaded.url } className=\"documentViewer__pdf\" referrerPolicy=\"no-referrer\" />\n    ),\n    image: ({ loaded, onError }) => (\n      <img\n        className=\"documentViewer__image\"\n        src={ loaded.url }\n        alt={ document.title }\n        onError={ () => onError(new Error(labels.imageError)) }\n      />\n    ),\n    text: ({ loaded }) => (\n      <pre className=\"documentViewer__text\">\n        <code>{ loaded.content }</code>\n      </pre>\n    ),\n    markdown: ({ loaded, headingOffset, resolveResourceUrl: resolve }) => (\n      <Suspense fallback={ loadingIndicator }>\n        <LazyMarkdownRenderer markdown={ loaded.content ?? '' } headingOffset={ headingOffset } resolveResourceUrl={ resolve } />\n      </Suspense>\n    ),\n    word: ({ loaded, onError }) => (\n      <Suspense fallback={ loadingIndicator }>\n        <LazyWordRenderer\n          arrayBuffer={ loaded.arrayBuffer as ArrayBuffer }\n          title={ document.title }\n          cssClass=\"documentViewer__word\"\n          loadingIndicator={ loadingIndicator }\n          onError={ onError }\n        />\n      </Suspense>\n    )\n  };\n\n  const renderContent = (): ReactNode => {\n    if (status === 'idle' || status === 'loading') {\n      return loadingIndicator;\n    }\n    if (status === 'error' || !content.loaded || kind === 'unsupported') {\n      const message = isUnsupported ? labels.unsupported : labels.loadError;\n      const detail = isUnsupported ? '' : getErrorDetail(error);\n      return (\n        <PageBanner id={ `${ id }_error` } type=\"error\" icon=\"warning\" displayMode=\"inline\" animation=\"none\" disableClose>\n          <span role=\"alert\">\n            { message }\n            { detail && <span className=\"documentViewer__errorDetail\">{ detail }</span> }\n          </span>\n        </PageBanner>\n      );\n    }\n    const renderer = renderers[kind] ?? builtInRenderers[kind];\n    const rendered = renderer?.({\n      document,\n      loaded: content.loaded,\n      resolveResourceUrl: resolveResource,\n      headingOffset: contentHeadingOffset,\n      onError: handleRenderError\n    }) ?? null;\n    if (!annotations || !ANNOTATABLE_KINDS.includes(kind)) {\n      return rendered;\n    }\n    return <AnnotationLayer { ...annotations } id={ `${ id }_annotations` }>{ rendered }</AnnotationLayer>;\n  };\n\n  const bytes = document.fileSize ?? document.file?.size;\n  const fileSize = bytes !== undefined && Number.isFinite(bytes) && bytes >= 0 ? formatFileSize(bytes) : '';\n\n  return (\n    <section\n      id={ id }\n      className={ `documentViewer documentViewer--${ kind } ${ customCssClasses.wrapper || '' }`.trim() }\n      aria-busy={ status === 'loading' }\n    >\n      { showHeader && (\n        <HeaderBar text={ document.title } headingLevel={ headingLevel }>\n          { headerActions }\n        </HeaderBar>\n      ) }\n\n      { showMetadata && (\n        <div className={ `documentViewer__metadata ${ customCssClasses.metadata || '' }`.trim() }>\n          { renderIcon(metadataIcon, { customCssClass: 'documentViewer__metadataIcon' }) }\n          <span className=\"documentViewer__fileName\">{ getDocumentFileName(document) }</span>\n          { fileSize && <small className=\"documentViewer__fileSize\">{ fileSize }</small> }\n        </div>\n      ) }\n\n      { showWordNotice && kind === 'word' && status === 'ready' && (\n        <PageBanner id={ `${ id }_wordNotice` } type=\"info\" displayMode=\"inline\" animation=\"none\" disableClose>\n          { labels.wordNotice }\n        </PageBanner>\n      ) }\n\n      <div className={ `documentViewer__frame ${ customCssClasses.frame || '' }`.trim() }>\n        <div className={ `documentViewer__content ${ customCssClasses.content || '' }`.trim() }>\n          { renderContent() }\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default DocumentViewer;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/widgets/documentViewer/documentViewer.css

@@ -0,0 +1,82 @@
+.documentViewer {
+  display: flex;
+  flex-direction: column;
+  gap: var(--documentViewerGap, var(--documentGap, 10px));
+  min-width: 0;
+}
+.documentViewer .headerBar {
+  margin-bottom: 0;
+}
+
+.documentViewer__metadata {
+  display: flex;
+  align-items: center;
+  gap: var(--documentViewerGap, var(--documentGap, 10px));
+}
+
+.documentViewer__metadataIcon {
+  width: var(--documentViewerMetadataIconSize, 30px);
+  height: var(--documentViewerMetadataIconSize, 30px);
+  font-size: var(--documentViewerMetadataIconSize, 30px);
+}
+
+.documentViewer__fileName {
+  font-weight: var(--documentViewerMetadataFileNameWeight, 600);
+  overflow-wrap: anywhere;
+}
+
+.documentViewer__fileSize {
+  color: var(--documentViewerMetadataSizeColor, var(--documentMutedFgColor));
+}
+
+.documentViewer__frame {
+  display: flex;
+  flex-direction: column;
+  min-height: var(--documentViewerFrameMinHeight, var(--documentFrameMinHeight, 65vh));
+  max-height: var(--documentViewerFrameMaxHeight, none);
+  border: var(--documentViewerFrameBorder, var(--documentBorder));
+  border-radius: var(--documentViewerFrameBorderRadius, var(--documentBorderRadius, 5px));
+  background: var(--documentViewerFrameBg, var(--documentBg, #fff));
+  overflow: auto;
+}
+
+.documentViewer__content {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.documentViewer__content > .loadingMessage,
+.documentViewer__content > aside,
+.documentViewer__content > .pageBanner {
+  margin: auto;
+}
+
+.documentViewer__pdf,
+.documentViewer__word {
+  display: block;
+  flex: 1;
+  width: 100%;
+  min-height: var(--documentViewerFrameMinHeight, var(--documentFrameMinHeight, 65vh));
+  border: 0;
+}
+
+.documentViewer__text {
+  margin: 0;
+  padding: var(--documentViewerTextPadding, 20px);
+  font-size: var(--documentViewerTextFontSize, 0.8125rem);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+.documentViewer__image {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin: var(--documentViewerImageMargin, 20px auto);
+}
+
+.documentViewer__errorDetail {
+  display: block;
+  margin-top: 5px;
+  font-size: 0.875em;
+}

package/dist/cjs/widgets/documentViewer/documentViewer.interfaces.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=documentViewer.interfaces.js.map

package/dist/cjs/widgets/documentViewer/documentViewer.interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"documentViewer.interfaces.js","names":[],"sources":["../../../../src/widgets/documentViewer/documentViewer.interfaces.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { IconSource } from '../../helpers/iconHelpers';\nimport { DocumentAnnotationsProps } from '../shared/documents/annotations/annotations.interfaces';\nimport {\n  DocumentKind,\n  DocumentLoadStatus,\n  DocumentSource,\n  LoadedDocument,\n  ResolveResourceUrl\n} from '../shared/documents/documents.interfaces';\n\nexport type DocumentRendererProps = {\n  document: DocumentSource;\n  loaded: LoadedDocument;\n  resolveResourceUrl: ResolveResourceUrl;\n  headingOffset: number;\n  /* eslint-disable-next-line no-unused-vars */\n  onError: (error: unknown) => void;\n};\n\n/* eslint-disable-next-line no-unused-vars */\nexport type DocumentRenderer = (props: DocumentRendererProps) => ReactNode;\n\nexport type DocumentRenderers = Partial<Record<Exclude<DocumentKind, 'unsupported'>, DocumentRenderer>>;\n\nexport type DocumentViewerLabels = {\n  loadingHeading: string;\n  loadingMessage: string;\n  loadError: string;\n  unsupported: string;\n  wordNotice: string;\n  imageError: string;\n};\n\nexport type DocumentViewerCssClasses = {\n  wrapper?: string;\n  metadata?: string;\n  frame?: string;\n  content?: string;\n};\n\nexport type DocumentViewerProps = {\n  id: string;\n  document: DocumentSource;\n  showHeader?: boolean;\n  showMetadata?: boolean;\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  // Rendered inside the header bar, e.g. download or export actions.\n  headerActions?: ReactNode;\n  metadataIcon?: IconSource;\n  // Demote headings inside markdown documents so they nest beneath the viewer's own heading.\n  contentHeadingOffset?: number;\n  // Show the notice that Word previews are an approximation of the original layout.\n  showWordNotice?: boolean;\n  // Override renderers for supported kinds; unspecified kinds use the built-in renderers.\n  renderers?: DocumentRenderers;\n  // Refine or reject supported kinds; cannot enable files the built-in detector rejects.\n  /* eslint-disable-next-line no-unused-vars */\n  getDocumentKind?: (document: DocumentSource) => DocumentKind;\n  // Rewrite links and images inside rendered content; defaults to resolving against the document URL.\n  resolveResourceUrl?: ResolveResourceUrl;\n  // PDFs are fetched and checked before display. Origins listed here (e.g. 'https://docs.example.com')\n  // may instead be framed directly when their server does not allow cross-origin requests. Trusting an\n  // origin trusts everything it serves and redirects to.\n  trustedPdfOrigins?: string[];\n  // Pinned comments on markdown and text documents. PDF and Word previews render in isolated frames\n  // the page cannot reach into, so they cannot be annotated.\n  annotations?: DocumentAnnotationsProps;\n  labels?: Partial<DocumentViewerLabels>;\n  customCssClasses?: DocumentViewerCssClasses;\n  /* eslint-disable-next-line no-unused-vars */\n  onStatusChange?: (status: DocumentLoadStatus, error?: unknown) => void;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/widgets/documentViewer/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DocumentViewer", {
+  enumerable: true,
+  get: function () {
+    return _DocumentViewer.DocumentViewer;
+  }
+});
+Object.defineProperty(exports, "defaultDocumentViewerLabels", {
+  enumerable: true,
+  get: function () {
+    return _DocumentViewer.defaultDocumentViewerLabels;
+  }
+});
+var _DocumentViewer = require("./DocumentViewer");
+//# sourceMappingURL=index.js.map

package/dist/cjs/widgets/documentViewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_DocumentViewer","require"],"sources":["../../../../src/widgets/documentViewer/index.ts"],"sourcesContent":["export { DocumentViewer, defaultDocumentViewerLabels } from './DocumentViewer';\n\nexport type {\n  DocumentRenderer,\n  DocumentRendererProps,\n  DocumentRenderers,\n  DocumentViewerCssClasses,\n  DocumentViewerLabels,\n  DocumentViewerProps\n} from './documentViewer.interfaces';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA","ignoreList":[]}

package/dist/cjs/widgets/index.js

@@ -4,11 +4,137 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AnnotationLayer", {
+  enumerable: true,
+  get: function () {
+    return _annotations.AnnotationLayer;
+  }
+});
+Object.defineProperty(exports, "DocumentComments", {
+  enumerable: true,
+  get: function () {
+    return _documentComments.DocumentComments;
+  }
+});
+Object.defineProperty(exports, "DocumentComparer", {
+  enumerable: true,
+  get: function () {
+    return _documentComparer.DocumentComparer;
+  }
+});
+Object.defineProperty(exports, "DocumentEditor", {
+  enumerable: true,
+  get: function () {
+    return _documentEditor.DocumentEditor;
+  }
+});
+Object.defineProperty(exports, "DocumentViewer", {
+  enumerable: true,
+  get: function () {
+    return _documentViewer.DocumentViewer;
+  }
+});
 Object.defineProperty(exports, "ProcessLauncher", {
   enumerable: true,
   get: function () {
     return _processLauncher.ProcessLauncher;
   }
 });
+Object.defineProperty(exports, "createTextQuoteAnchor", {
+  enumerable: true,
+  get: function () {
+    return _annotations.createTextQuoteAnchor;
+  }
+});
+Object.defineProperty(exports, "createTextQuoteResolver", {
+  enumerable: true,
+  get: function () {
+    return _annotations.createTextQuoteResolver;
+  }
+});
+Object.defineProperty(exports, "defaultDocumentAnnotationLabels", {
+  enumerable: true,
+  get: function () {
+    return _annotations.defaultDocumentAnnotationLabels;
+  }
+});
+Object.defineProperty(exports, "defaultDocumentCommentsLabels", {
+  enumerable: true,
+  get: function () {
+    return _documentComments.defaultDocumentCommentsLabels;
+  }
+});
+Object.defineProperty(exports, "defaultDocumentComparerLabels", {
+  enumerable: true,
+  get: function () {
+    return _documentComparer.defaultDocumentComparerLabels;
+  }
+});
+Object.defineProperty(exports, "defaultDocumentEditorLabels", {
+  enumerable: true,
+  get: function () {
+    return _documentEditor.defaultDocumentEditorLabels;
+  }
+});
+Object.defineProperty(exports, "defaultDocumentViewerLabels", {
+  enumerable: true,
+  get: function () {
+    return _documentViewer.defaultDocumentViewerLabels;
+  }
+});
+Object.defineProperty(exports, "fetchDocumentAsArrayBuffer", {
+  enumerable: true,
+  get: function () {
+    return _documents.fetchDocumentAsArrayBuffer;
+  }
+});
+Object.defineProperty(exports, "fetchDocumentAsText", {
+  enumerable: true,
+  get: function () {
+    return _documents.fetchDocumentAsText;
+  }
+});
+Object.defineProperty(exports, "getDocumentExtension", {
+  enumerable: true,
+  get: function () {
+    return _documents.getDocumentExtension;
+  }
+});
+Object.defineProperty(exports, "getDocumentFileName", {
+  enumerable: true,
+  get: function () {
+    return _documents.getDocumentFileName;
+  }
+});
+Object.defineProperty(exports, "getDocumentKind", {
+  enumerable: true,
+  get: function () {
+    return _documents.getDocumentKind;
+  }
+});
+Object.defineProperty(exports, "resolveDocumentResource", {
+  enumerable: true,
+  get: function () {
+    return _documents.resolveDocumentResource;
+  }
+});
+Object.defineProperty(exports, "resolveTextQuoteAnchor", {
+  enumerable: true,
+  get: function () {
+    return _annotations.resolveTextQuoteAnchor;
+  }
+});
+Object.defineProperty(exports, "useDocumentContent", {
+  enumerable: true,
+  get: function () {
+    return _documents.useDocumentContent;
+  }
+});
 var _processLauncher = require("./processLauncher");
+var _documentViewer = require("./documentViewer");
+var _documentEditor = require("./documentEditor");
+var _documentComparer = require("./documentComparer");
+var _documentComments = require("./documentComments");
+var _annotations = require("./shared/documents/annotations");
+var _documents = require("./shared/documents");
 //# sourceMappingURL=index.js.map

package/dist/cjs/widgets/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Object","defineProperty","exports","value","enumerable","get","_processLauncher","ProcessLauncher","require"],"sources":["../../../src/widgets/index.ts"],"sourcesContent":["'use client';\n\nexport { ProcessLauncher } from './processLauncher';\n\nexport type {\n  ProcessLauncherProps,\n  ProcessDefinition,\n  ProcessLaunchButtonProps,\n  ProcessProgressIndicatorProps,\n  ProcessStatus,\n  ProcessProgressUpdateMode,\n  ProcessPushableStatus,\n  ProcessProgressUpdate,\n  ProcessProgressSubscriptionHandlers,\n  ProcessProgressUnsubscribe,\n  ProcessProgressSubscription,\n  ProcessLauncherFetchProgressProps,\n  ProcessLauncherSubscribeProgressProps,\n  ProcessLauncherProgressProps\n} from './processLauncher';\n"],"mappings":";AAAA,YAAY;;AAACA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAH,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAE,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAC,gBAAA,CAAAC,eAAA;EAAA;AAAA;AAEb,IAAAD,gBAAA,GAAAE,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Object","defineProperty","exports","value","enumerable","get","_annotations","AnnotationLayer","_documentComments","DocumentComments","_documentComparer","DocumentComparer","_documentEditor","DocumentEditor","_documentViewer","DocumentViewer","_processLauncher","ProcessLauncher","createTextQuoteAnchor","createTextQuoteResolver","defaultDocumentAnnotationLabels","defaultDocumentCommentsLabels","defaultDocumentComparerLabels","defaultDocumentEditorLabels","defaultDocumentViewerLabels","_documents","fetchDocumentAsArrayBuffer","fetchDocumentAsText","getDocumentExtension","getDocumentFileName","getDocumentKind","resolveDocumentResource","resolveTextQuoteAnchor","useDocumentContent","require"],"sources":["../../../src/widgets/index.ts"],"sourcesContent":["'use client';\n\nexport { ProcessLauncher } from './processLauncher';\n\nexport type {\n  ProcessLauncherProps,\n  ProcessDefinition,\n  ProcessLaunchButtonProps,\n  ProcessProgressIndicatorProps,\n  ProcessStatus,\n  ProcessProgressUpdateMode,\n  ProcessPushableStatus,\n  ProcessProgressUpdate,\n  ProcessProgressSubscriptionHandlers,\n  ProcessProgressUnsubscribe,\n  ProcessProgressSubscription,\n  ProcessLauncherFetchProgressProps,\n  ProcessLauncherSubscribeProgressProps,\n  ProcessLauncherProgressProps\n} from './processLauncher';\n\nexport { DocumentViewer, defaultDocumentViewerLabels } from './documentViewer';\nexport type {\n  DocumentRenderer,\n  DocumentRendererProps,\n  DocumentRenderers,\n  DocumentViewerCssClasses,\n  DocumentViewerLabels,\n  DocumentViewerProps\n} from './documentViewer';\n\nexport { DocumentEditor, defaultDocumentEditorLabels } from './documentEditor';\nexport type {\n  DocumentEditorCssClasses,\n  DocumentEditorLabels,\n  DocumentEditorProps,\n  MarkdownEditorImageUploadHandler,\n  MarkdownEditorListType,\n  MarkdownEditorToolbarItem,\n  MarkdownEditorViewMode\n} from './documentEditor';\n\nexport { DocumentComparer, defaultDocumentComparerLabels } from './documentComparer';\nexport type {\n  ComparisonDocument,\n  DocumentComparerCssClasses,\n  DocumentComparerLabels,\n  DocumentComparerProps,\n  DocumentComparerSaveUpdate,\n  DocumentComparerView,\n  DocumentDiffView\n} from './documentComparer';\n\nexport { DocumentComments, defaultDocumentCommentsLabels } from './documentComments';\nexport type {\n  DocumentCommentsCssClasses,\n  DocumentCommentsFilter,\n  DocumentCommentsLabels,\n  DocumentCommentsProps,\n  NewDocumentComment\n} from './documentComments';\n\nexport {\n  AnnotationLayer,\n  createTextQuoteAnchor,\n  createTextQuoteResolver,\n  defaultDocumentAnnotationLabels,\n  resolveTextQuoteAnchor\n} from './shared/documents/annotations';\nexport type {\n  AnnotationLayerProps,\n  DocumentAnchorStatus,\n  DocumentAnnotationLabels,\n  DocumentAnnotationsProps,\n  DocumentComment,\n  DocumentCommentAuthor,\n  DocumentCommentReply,\n  TextQuoteAnchor\n} from './shared/documents/annotations';\n\nexport {\n  fetchDocumentAsArrayBuffer,\n  fetchDocumentAsText,\n  getDocumentExtension,\n  getDocumentFileName,\n  getDocumentKind,\n  resolveDocumentResource,\n  useDocumentContent\n} from './shared/documents';\nexport type {\n  DocumentContentState,\n  DocumentKind,\n  DocumentLoadStatus,\n  DocumentSource,\n  LoadedDocument,\n  ResolveResourceUrl\n} from './shared/documents';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/widgets/shared/documents/ToggleGroup.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ToggleGroup = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _components = require("../../../components");
+require("./toggleGroup.css");
+// A set of mutually exclusive view toggles, e.g. side by side / differences, open / resolved.
+const ToggleGroup = ({
+  id,
+  legend,
+  options,
+  value,
+  onChange
+}) => /*#__PURE__*/_react.default.createElement("fieldset", {
+  className: "documentToggleGroup"
+}, /*#__PURE__*/_react.default.createElement("legend", {
+  className: "sr-only"
+}, legend), options.map(option => /*#__PURE__*/_react.default.createElement(_components.SimpleButton, {
+  key: option.value,
+  id: `${id}_${option.value}`,
+  label: option.label,
+  ariaPressed: option.value === value,
+  cssClass: option.value === value ? 'button primary compact' : 'button secondary outline compact',
+  onClickHandler: () => onChange(option.value)
+})));
+exports.ToggleGroup = ToggleGroup;
+var _default = exports.default = ToggleGroup;
+//# sourceMappingURL=ToggleGroup.js.map

package/dist/cjs/widgets/shared/documents/ToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.js","names":["_react","_interopRequireDefault","require","_components","ToggleGroup","id","legend","options","value","onChange","default","createElement","className","map","option","SimpleButton","key","label","ariaPressed","cssClass","onClickHandler","exports","_default"],"sources":["../../../../../src/widgets/shared/documents/ToggleGroup.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SimpleButton } from '../../../components';\n\nimport './toggleGroup.scss';\n\nexport type ToggleOption<T extends string> = { value: T; label: string };\n\nexport type ToggleGroupProps<T extends string> = {\n  id: string;\n  // Announced to assistive technology; the group has no visible title.\n  legend: string;\n  options: ToggleOption<T>[];\n  value: T;\n  /* eslint-disable-next-line no-unused-vars */\n  onChange: (value: T) => void;\n};\n\n// A set of mutually exclusive view toggles, e.g. side by side / differences, open / resolved.\nexport const ToggleGroup = <T extends string>({ id, legend, options, value, onChange }: ToggleGroupProps<T>) => (\n  <fieldset className=\"documentToggleGroup\">\n    <legend className=\"sr-only\">{ legend }</legend>\n    { options.map((option) => (\n      <SimpleButton\n        key={ option.value }\n        id={ `${ id }_${ option.value }` }\n        label={ option.label }\n        ariaPressed={ option.value === value }\n        cssClass={ option.value === value ? 'button primary compact' : 'button secondary outline compact' }\n        onClickHandler={ () => onChange(option.value) }\n      />\n    )) }\n  </fieldset>\n);\n\nexport default ToggleGroup;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAEAA,OAAA;AAcA;AACO,MAAME,WAAW,GAAGA,CAAmB;EAAEC,EAAE;EAAEC,MAAM;EAAEC,OAAO;EAAEC,KAAK;EAAEC;AAA8B,CAAC,kBACzGT,MAAA,CAAAU,OAAA,CAAAC,aAAA;EAAUC,SAAS,EAAC;AAAqB,gBACvCZ,MAAA,CAAAU,OAAA,CAAAC,aAAA;EAAQC,SAAS,EAAC;AAAS,GAAGN,MAAgB,CAAC,EAC7CC,OAAO,CAACM,GAAG,CAAEC,MAAM,iBACnBd,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,WAAA,CAAAY,YAAY;EACXC,GAAG,EAAGF,MAAM,CAACN,KAAO;EACpBH,EAAE,EAAG,GAAIA,EAAE,IAAMS,MAAM,CAACN,KAAK,EAAK;EAClCS,KAAK,EAAGH,MAAM,CAACG,KAAO;EACtBC,WAAW,EAAGJ,MAAM,CAACN,KAAK,KAAKA,KAAO;EACtCW,QAAQ,EAAGL,MAAM,CAACN,KAAK,KAAKA,KAAK,GAAG,wBAAwB,GAAG,kCAAoC;EACnGY,cAAc,EAAGA,CAAA,KAAMX,QAAQ,CAACK,MAAM,CAACN,KAAK;AAAG,CAChD,CACF,CACO,CACX;AAACa,OAAA,CAAAjB,WAAA,GAAAA,WAAA;AAAA,IAAAkB,QAAA,GAAAD,OAAA,CAAAX,OAAA,GAEaN,WAAW","ignoreList":[]}

package/dist/cjs/widgets/shared/documents/annotations/AnnotationLayer.js

@@ -0,0 +1,279 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AnnotationLayer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _components = require("../../../../components");
+var _interactionsHelper = require("../../../../helpers/interactionsHelper");
+var _annotations = require("./annotations.interfaces");
+var _highlightRegistry = require("./highlightRegistry");
+var _textIndex = require("./textIndex");
+var _textQuoteAnchor = require("./textQuoteAnchor");
+require("./annotationLayer.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// A selection made somewhere the layer cannot see through the DOM, e.g. the markdown source editor.
+
+const sameStatus = (first, second) => first !== null && Object.keys(first).length === Object.keys(second).length && Object.entries(second).every(([commentId, attached]) => first[commentId] === attached);
+
+// Geometry changes with every layout, so positions are passed to CSS as custom properties.
+const positionStyle = ({
+  top,
+  left
+}) => ({
+  '--documentAnnotationTop': `${top}px`,
+  '--documentAnnotationLeft': `${left}px`
+});
+
+/*
+  AnnotationLayer pins comments to the text of its children. It highlights each comment's quoted
+  text, places a bubble at the end of it, offers a "Comment" action for new selections, and reports
+  which comments could still be found. It never changes the annotated DOM, so it can wrap content
+  owned by another library such as the rich-text editor.
+ */
+const AnnotationLayer = ({
+  id,
+  children,
+  comments,
+  selectedCommentId,
+  canComment = false,
+  showResolved = false,
+  onRequestComment,
+  onSelectComment,
+  onAnchorStatusChange,
+  labels: customLabels,
+  getTextRoot,
+  externalSelection = null,
+  onExternalSelectionConsumed
+}) => {
+  const labels = (0, _react.useMemo)(() => ({
+    ..._annotations.defaultDocumentAnnotationLabels,
+    ...customLabels
+  }), [customLabels]);
+  const instanceId = (0, _react.useId)();
+  const containerRef = (0, _react.useRef)(null);
+  const contentRef = (0, _react.useRef)(null);
+  const reportedStatusRef = (0, _react.useRef)(null);
+  const frameRef = (0, _react.useRef)(null);
+  const [markers, setMarkers] = (0, _react.useState)([]);
+  const [domSelection, setDomSelection] = (0, _react.useState)(null);
+  const visibleComments = (0, _react.useMemo)(() => (0, _annotations.getVisibleComments)(comments, showResolved), [comments, showResolved]);
+  const findTextRoot = (0, _react.useCallback)(() => {
+    const content = contentRef.current;
+    if (!content) {
+      return null;
+    }
+    return getTextRoot ? getTextRoot(content) : content;
+  }, [getTextRoot]);
+
+  // Converts viewport coordinates to coordinates within the layer, where the overlay is positioned.
+  const toLayerPosition = (0, _react.useCallback)((viewportTop, viewportLeft) => {
+    const container = containerRef.current;
+    if (!container) {
+      return null;
+    }
+    const containerRect = container.getBoundingClientRect();
+    return {
+      top: viewportTop - containerRect.top,
+      left: viewportLeft - containerRect.left
+    };
+  }, []);
+  const updateAnnotations = (0, _react.useCallback)(() => {
+    const root = findTextRoot();
+    if (!root) {
+      setMarkers([]);
+      (0, _highlightRegistry.clearInstanceHighlights)(instanceId);
+      return;
+    }
+    const index = (0, _textIndex.buildTextIndex)(root);
+    const status = {};
+    const commentRanges = [];
+    const selectedRanges = [];
+    const nextMarkers = [];
+    const resolveAnchor = (0, _textQuoteAnchor.createTextQuoteResolver)(index.text);
+    visibleComments.forEach(comment => {
+      const match = comment.anchor ? resolveAnchor(comment.anchor) : null;
+      const range = match ? (0, _textIndex.rangeFromOffsets)(index, match.start, match.end) : null;
+      status[comment.id] = range !== null;
+      if (!range) {
+        return;
+      }
+      (comment.id === selectedCommentId ? selectedRanges : commentRanges).push(range);
+      // Hidden content (e.g. the rich-text view while source mode is shown) has no visible rects.
+      const lastRect = Array.from(range.getClientRects?.() ?? []).filter(rect => rect.width || rect.height).pop();
+      const position = lastRect ? toLayerPosition(lastRect.top, lastRect.right) : null;
+      if (position) {
+        nextMarkers.push({
+          ...position,
+          commentId: comment.id,
+          authorName: comment.author.name
+        });
+      }
+    });
+    (0, _highlightRegistry.setInstanceHighlights)(instanceId, {
+      comments: commentRanges,
+      selected: selectedRanges
+    });
+    setMarkers(nextMarkers);
+    if (!sameStatus(reportedStatusRef.current, status)) {
+      reportedStatusRef.current = status;
+      onAnchorStatusChange?.(status);
+    }
+  }, [findTextRoot, instanceId, visibleComments, selectedCommentId, toLayerPosition, onAnchorStatusChange]);
+  const scheduleUpdate = (0, _react.useCallback)(() => {
+    if (frameRef.current !== null) {
+      return;
+    }
+    frameRef.current = window.requestAnimationFrame(() => {
+      frameRef.current = null;
+      updateAnnotations();
+    });
+  }, [updateAnnotations]);
+  (0, _react.useLayoutEffect)(() => {
+    updateAnnotations();
+  }, [updateAnnotations]);
+
+  // Content can change without React knowing: lazy engines finish loading, the editor applies edits.
+  (0, _react.useEffect)(() => {
+    const container = containerRef.current;
+    const content = contentRef.current;
+    if (!container || !content) {
+      return undefined;
+    }
+    const mutationObserver = new MutationObserver(scheduleUpdate);
+    mutationObserver.observe(content, {
+      subtree: true,
+      childList: true,
+      characterData: true
+    });
+    const resizeObserver = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(scheduleUpdate);
+    resizeObserver?.observe(container);
+    window.addEventListener('resize', scheduleUpdate);
+    return () => {
+      mutationObserver.disconnect();
+      resizeObserver?.disconnect();
+      window.removeEventListener('resize', scheduleUpdate);
+      if (frameRef.current !== null) {
+        window.cancelAnimationFrame(frameRef.current);
+        frameRef.current = null;
+      }
+    };
+  }, [scheduleUpdate]);
+  (0, _react.useEffect)(() => () => (0, _highlightRegistry.clearInstanceHighlights)(instanceId), [instanceId]);
+  (0, _react.useEffect)(() => {
+    if (!canComment) {
+      setDomSelection(null);
+      return undefined;
+    }
+    const handleSelectionChange = () => {
+      const root = findTextRoot();
+      const selection = document.getSelection();
+      if (!root || !selection || selection.rangeCount === 0 || selection.isCollapsed) {
+        setDomSelection(null);
+        return;
+      }
+      const range = selection.getRangeAt(0);
+      if (!root.contains(range.commonAncestorContainer)) {
+        setDomSelection(null);
+        return;
+      }
+      const index = (0, _textIndex.buildTextIndex)(root);
+      const {
+        start,
+        end
+      } = (0, _textIndex.offsetsFromRange)(index, range);
+      const anchor = (0, _textQuoteAnchor.createTextQuoteAnchor)(index.text, start, end);
+      const lastRect = Array.from(range.getClientRects?.() ?? []).pop() ?? range.getBoundingClientRect?.();
+      const position = anchor && lastRect ? toLayerPosition(lastRect.bottom, lastRect.right) : null;
+      setDomSelection(anchor && position ? {
+        ...position,
+        anchor
+      } : null);
+    };
+    document.addEventListener('selectionchange', handleSelectionChange);
+    return () => document.removeEventListener('selectionchange', handleSelectionChange);
+  }, [canComment, findTextRoot, toLayerPosition]);
+
+  // Read through a ref so only a change of selected comment scrolls; comment edits must not move the reader.
+  const latestRef = (0, _react.useRef)({
+    visibleComments,
+    findTextRoot
+  });
+  latestRef.current = {
+    visibleComments,
+    findTextRoot
+  };
+
+  // Scroll a newly selected comment into view, e.g. after it is chosen in the comments panel.
+  (0, _react.useEffect)(() => {
+    const comment = latestRef.current.visibleComments.find(candidate => candidate.id === selectedCommentId);
+    const root = latestRef.current.findTextRoot();
+    if (!comment?.anchor || !root) {
+      return;
+    }
+    const index = (0, _textIndex.buildTextIndex)(root);
+    const match = (0, _textQuoteAnchor.resolveTextQuoteAnchor)(index.text, comment.anchor);
+    const range = match ? (0, _textIndex.rangeFromOffsets)(index, match.start, match.end) : null;
+    range?.startContainer.parentElement?.scrollIntoView?.({
+      block: 'center',
+      behavior: (0, _interactionsHelper.getPreferredScrollBehavior)()
+    });
+  }, [selectedCommentId]);
+  const externalPosition = externalSelection ? toLayerPosition(externalSelection.rect.bottom, externalSelection.rect.right) : null;
+  const pending = externalSelection && externalPosition ? {
+    ...externalPosition,
+    anchor: externalSelection.anchor
+  } : domSelection;
+  const handleRequestComment = () => {
+    if (!pending) {
+      return;
+    }
+    onRequestComment?.(pending.anchor);
+    if (externalSelection) {
+      onExternalSelectionConsumed?.();
+    } else {
+      document.getSelection()?.removeAllRanges();
+    }
+    setDomSelection(null);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: id,
+    className: "documentAnnotations",
+    ref: containerRef
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "documentAnnotations__content",
+    ref: contentRef
+  }, children), /*#__PURE__*/_react.default.createElement("div", {
+    className: "documentAnnotations__overlay"
+  }, markers.map(marker => /*#__PURE__*/_react.default.createElement("div", {
+    key: marker.commentId,
+    className: "documentAnnotations__bubble",
+    style: positionStyle(marker)
+  }, /*#__PURE__*/_react.default.createElement(_components.SimpleButton, {
+    id: `${id}_bubble_${marker.commentId}`,
+    label: labels.openComment(marker.authorName),
+    hideLabel: true,
+    leftIcon: "bubbles4",
+    ariaPressed: marker.commentId === selectedCommentId,
+    cssClass: `button icon-only compact documentAnnotations__bubbleButton ${marker.commentId === selectedCommentId ? 'documentAnnotations__bubbleButton--selected' : ''}`,
+    onClickHandler: () => onSelectComment?.(marker.commentId)
+  }))), canComment && pending &&
+  /*#__PURE__*/
+  // Pressing the button must not clear the text selection it acts on.
+  _react.default.createElement("div", {
+    className: "documentAnnotations__trigger",
+    style: positionStyle(pending),
+    onMouseDown: event => event.preventDefault()
+  }, /*#__PURE__*/_react.default.createElement(_components.SimpleButton, {
+    id: `${id}_addComment`,
+    label: labels.addComment,
+    leftIcon: "bubble",
+    cssClass: "button primary compact documentAnnotations__triggerButton",
+    onClickHandler: handleRequestComment
+  }))));
+};
+exports.AnnotationLayer = AnnotationLayer;
+var _default = exports.default = AnnotationLayer;
+//# sourceMappingURL=AnnotationLayer.js.map