@atlaskit/media-viewer 52.4.37 → 52.5.0

package/dist/es2019/viewers/doc/pdfPasswordInput-compiled.compiled.css

@@ -1,11 +0,0 @@
-._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._12nx2smr h1{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._125x1366 p{color:#fd9891}
-._18u01b66{margin-left:var(--ds-space-050,4px)}
-._19pk1b66{margin-top:var(--ds-space-050,4px)}
-._19pkidpf{margin-top:0}
-._1e0c1txw{display:flex}
-._1nda9txx h1{color:#b6c2cf}
-._1twlmoej h1{font-weight:var(--ds-font-weight-bold,700)}
-._4cvr1h6o{align-items:center}
-._syaz1366{color:#fd9891}

package/dist/es2019/viewers/doc/pdfPasswordInput-compiled.js

@@ -1,112 +0,0 @@
-/* pdfPasswordInput-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import "./pdfPasswordInput-compiled.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { useEffect, useRef, useState } from 'react';
-import Button from '@atlaskit/button/new';
-import TextField from '@atlaskit/textfield';
-import LockIcon from '@atlaskit/icon/core/migration/lock-locked--lock';
-import Form, { Field } from '@atlaskit/form';
-import { FormattedMessage, useIntl } from 'react-intl-next';
-import { messages } from '@atlaskit/media-ui';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { xcss, Box, Flex, Text } from '@atlaskit/primitives';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
-import Heading from '@atlaskit/heading';
-const COLOR_SHADE = '#b6c2cf';
-const ERROR_COLOR = '#FD9891';
-const headingStyle = null;
-const errorMessageWrapperStyle = null;
-const errorMessageStyle = null;
-const headerStyles = xcss({
-  textAlign: 'center',
-  marginTop: 'space.200',
-  marginBottom: 'space.200'
-});
-const inputStyle = xcss({
-  width: '330px'
-});
-const footerStyles = xcss({
-  marginTop: 'space.200',
-  display: 'flex',
-  justifyContent: 'center'
-});
-export const PDFPasswordInput = ({
-  onSubmit,
-  hasPasswordError,
-  onRender
-}) => {
-  const passwordInputRef = useRef(null);
-  const onRenderRef = useRef(onRender);
-  const [formError, setFormError] = useState(hasPasswordError);
-  const intl = useIntl();
-  useEffect(() => {
-    var _onRenderRef$current;
-    (_onRenderRef$current = onRenderRef.current) === null || _onRenderRef$current === void 0 ? void 0 : _onRenderRef$current.call(onRenderRef);
-  }, []);
-  useEffect(() => {
-    if (hasPasswordError) {
-      var _passwordInputRef$cur;
-      setFormError(true);
-      (_passwordInputRef$cur = passwordInputRef.current) === null || _passwordInputRef$cur === void 0 ? void 0 : _passwordInputRef$cur.focus();
-    }
-  }, [hasPasswordError]);
-  return /*#__PURE__*/React.createElement(Form, {
-    onSubmit: onSubmit
-  }, ({
-    formProps,
-    submitting
-  }) => /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(Flex, {
-    justifyContent: "center"
-  }, /*#__PURE__*/React.createElement(LockIcon, {
-    label: "",
-    LEGACY_size: "xlarge",
-    color: COLOR_SHADE
-  })), /*#__PURE__*/React.createElement(Box, {
-    xcss: headerStyles
-  }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_12nx2smr _1twlmoej _1nda9txx"])
-  }, /*#__PURE__*/React.createElement(Heading, {
-    as: "h1",
-    size: "medium"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.password_protected_pdf)))), /*#__PURE__*/React.createElement(Field, {
-    name: "password",
-    defaultValue: "",
-    isRequired: true
-  }, ({
-    fieldProps
-  }) => /*#__PURE__*/React.createElement(Box, {
-    xcss: inputStyle
-  }, /*#__PURE__*/React.createElement(TextField, _extends({}, fieldProps, {
-    type: "password",
-    "aria-label": intl.formatMessage(messages.password),
-    placeholder: intl.formatMessage(messages.enter_password),
-    ref: passwordInputRef,
-    "aria-describedby": formError ? `${fieldProps.id}-error` : undefined,
-    onChange: value => {
-      fieldProps.onChange(value);
-      setFormError(false);
-    }
-  })), formError && /*#__PURE__*/React.createElement("div", {
-    id: `${fieldProps.id}-error`,
-    className: ax(["_11c8dcr7 _19pk1b66 _1e0c1txw _4cvr1h6o _syaz1366 _125x1366"])
-  }, /*#__PURE__*/React.createElement(ErrorIcon, {
-    color: "currentColor",
-    LEGACY_size: "small",
-    label: "",
-    size: "small"
-  }), /*#__PURE__*/React.createElement("div", {
-    id: `${fieldProps.id}-errorMessage`,
-    className: ax(["_19pkidpf _18u01b66"])
-  }, /*#__PURE__*/React.createElement(Text, {
-    as: "p"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.incorrect_password)))))), /*#__PURE__*/React.createElement(Box, {
-    xcss: footerStyles
-  }, /*#__PURE__*/React.createElement(Button, {
-    appearance: "primary",
-    type: "submit",
-    isLoading: submitting
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.submit)))));
-};

package/dist/es2019/viewers/doc/pdfPasswordInput.js

@@ -1,3 +0,0 @@
-import React from 'react';
-import { PDFPasswordInput as CompiledPDFPasswordInput } from './pdfPasswordInput-compiled';
-export const PDFPasswordInput = props => /*#__PURE__*/React.createElement(CompiledPDFPasswordInput, props);

package/dist/es2019/viewers/doc/pdfRenderer.js

@@ -1,186 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { PDFViewer, EventBus, PDFLinkService, NullL10n } from 'pdfjs-dist/legacy/web/pdf_viewer';
-import { getDocument, GlobalWorkerOptions, CMapCompressionType, PasswordResponses } from 'pdfjs-dist/legacy/build/pdf';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { cmap } from './cmaps';
-import { ZoomControls } from '../../zoomControls';
-import { PDFWrapper } from '../../styleWrappers';
-import { closeOnDirectClick } from '../../utils/closeOnDirectClick';
-import { Outcome } from '../../domain';
-import { Spinner } from '../../loading';
-import ErrorMessage from '../../errorMessage';
-import { ZoomLevel } from '../../domain/zoomLevel';
-import { processError } from './processError';
-import { pdfJs } from './pdfJs';
-import { extractCompressedBase64 } from './extractCompressedBase64';
-import { PDFPasswordInput } from './pdfPasswordInput';
-import { fireAnalytics } from '../../analytics';
-import { createPdfPasswordInputScreenEvent } from '../../analytics/events/screen/pdfPasswordInput';
-import { createPasswordPdfScreenEvent } from '../../analytics/events/screen/passwordPdf';
-import { PDFRendererWrapper } from './pdfRendererWrapper';
-export const pdfViewerClassName = 'pdfViewer';
-class CmapFactory {
-  constructor() {}
-  async fetch({
-    name
-  }) {
-    const module = await cmap[name]();
-    const data = await extractCompressedBase64(module.default);
-    return {
-      cMapData: data,
-      compressionType: CMapCompressionType.BINARY
-    };
-  }
-}
-let defaultWorkerUrl = '';
-const PDFRendererBase = ({
-  src,
-  onClose,
-  onSuccess,
-  onError,
-  workerUrl,
-  item,
-  createAnalyticsEvent
-}) => {
-  const [zoomLevel, setZoomLevel] = useState(new ZoomLevel(1));
-  const [docOutcome, setDocOutcome] = useState(Outcome.pending());
-  const isPasswordPdfRef = useRef(false);
-  const [passwordProtected, setPasswordProtected] = useState(false);
-  const [hasPasswordError, setHasPasswordError] = useState(false);
-  const pdfWrapperRef = useRef();
-  const docRef = useRef();
-  const pdfViewerRef = useRef();
-  const onSuccessRef = useRef(onSuccess);
-  onSuccessRef.current = onSuccess;
-  const updatePasswordRef = useRef(undefined);
-  const onErrorRef = useRef(onError);
-  onErrorRef.current = onError;
-  const existingGlobalWorkerRef = useRef(undefined);
-  useEffect(() => {
-    /**
-     * CXP-4622: Fixes issue of PDF.js reusing the global worker registered by embeded PDF macro in confluence
-     * The global worker will likely be a different version and thus throw an error.
-     * This will remove the worker on mount and will re-register it on unmount
-     */
-    const {
-      pdfjsWorker
-    } = window;
-    if (pdfjsWorker) {
-      existingGlobalWorkerRef.current = pdfjsWorker;
-      window.pdfjsWorker = undefined;
-    }
-    let isSubscribed = true;
-    const fetchDoc = async () => {
-      try {
-        if (!workerUrl && !defaultWorkerUrl) {
-          const blob = await extractCompressedBase64(pdfJs, 'blob');
-          defaultWorkerUrl = URL.createObjectURL(blob);
-        }
-        GlobalWorkerOptions.workerSrc = workerUrl !== null && workerUrl !== void 0 ? workerUrl : defaultWorkerUrl;
-        const getDocumentTask = getDocument({
-          url: src,
-          CMapReaderFactory: CmapFactory,
-          isEvalSupported: false
-        });
-        getDocumentTask.onPassword = (updatePassword, e) => {
-          updatePasswordRef.current = updatePassword;
-          if (e === PasswordResponses.NEED_PASSWORD) {
-            isPasswordPdfRef.current = true;
-            setPasswordProtected(true);
-          } else {
-            setHasPasswordError(true);
-          }
-        };
-        docRef.current = await getDocumentTask.promise;
-        isSubscribed && setDocOutcome(Outcome.successful(docRef.current));
-      } catch (error) {
-        const pdfError = processError(error);
-        isSubscribed && setDocOutcome(Outcome.failed(pdfError));
-        if (onErrorRef.current) {
-          onErrorRef.current(pdfError);
-        }
-      }
-    };
-    fetchDoc();
-    return () => {
-      isSubscribed = false;
-      if (docRef.current) {
-        docRef.current.destroy();
-      }
-      window.pdfjsWorker = existingGlobalWorkerRef.current;
-    };
-  }, [src, workerUrl]);
-  useEffect(() => {
-    if (docOutcome.status !== 'SUCCESSFUL' || !pdfWrapperRef.current) {
-      return;
-    }
-    const eventBus = new EventBus();
-    const pdfLinkService = new PDFLinkService({
-      eventBus
-    });
-    pdfViewerRef.current = new PDFViewer({
-      container: pdfWrapperRef.current,
-      eventBus,
-      linkService: pdfLinkService,
-      l10n: NullL10n
-    });
-    pdfLinkService.setViewer(pdfViewerRef.current);
-    pdfViewerRef.current.setDocument(docRef.current);
-    pdfLinkService.setDocument(docRef.current, null);
-    pdfViewerRef.current.firstPagePromise.then(scaleToFit);
-    if (isPasswordPdfRef.current) {
-      fireAnalytics(createPasswordPdfScreenEvent(), createAnalyticsEvent);
-    }
-    if (onSuccessRef.current) {
-      onSuccessRef.current();
-    }
-  }, [createAnalyticsEvent, docOutcome.status]);
-  const savePdfElement = el => {
-    pdfWrapperRef.current = el;
-  };
-  const handleZoom = zoomLevel => {
-    pdfViewerRef.current.currentScale = zoomLevel.value;
-    setZoomLevel(zoomLevel);
-  };
-  const scaleToFit = () => {
-    if (pdfViewerRef.current) {
-      pdfViewerRef.current.currentScaleValue = 'page-width';
-      setZoomLevel(new ZoomLevel(pdfViewerRef.current.currentScale));
-    }
-  };
-  return docOutcome.match({
-    pending: () => passwordProtected ? /*#__PURE__*/React.createElement(PDFPasswordInput, {
-      onRender: () => fireAnalytics(createPdfPasswordInputScreenEvent(), createAnalyticsEvent),
-      onSubmit: data => {
-        var _updatePasswordRef$cu;
-        // Reset hasPasswordError on each submission
-        hasPasswordError && setHasPasswordError(false);
-        (_updatePasswordRef$cu = updatePasswordRef.current) === null || _updatePasswordRef$cu === void 0 ? void 0 : _updatePasswordRef$cu.call(updatePasswordRef, data.password);
-      },
-      hasPasswordError: hasPasswordError
-    }) : /*#__PURE__*/React.createElement(Spinner, null),
-    successful: () => /*#__PURE__*/React.createElement(PDFRendererWrapper, null, /*#__PURE__*/React.createElement(PDFWrapper, {
-      "data-testid": "media-viewer-pdf-content",
-      ref: savePdfElement
-    },
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/design-system/prefer-primitives, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-    React.createElement("div", {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      className: pdfViewerClassName,
-      onClick: closeOnDirectClick(onClose)
-    }), /*#__PURE__*/React.createElement(ZoomControls, {
-      zoomLevel: zoomLevel,
-      onChange: handleZoom
-    }))),
-    failed: error => {
-      return /*#__PURE__*/React.createElement(ErrorMessage, {
-        fileId: item.id,
-        fileState: item,
-        error: error,
-        supressAnalytics: true // item-viewer.tsx will send
-      });
-    }
-  });
-};
-export const PDFRenderer = withAnalyticsEvents()(PDFRendererBase);

package/dist/es2019/viewers/doc/pdfRendererWrapper-compiled.compiled.css

@@ -1,50 +0,0 @@
-
-._1iqdnqa1 .pdfViewer .page{border-style:solid}
-._1nxfrdoj .pdfViewer .page{border-width:9px}
-._6y9o1j28 .pdfViewer .page{border-color:transparent}._105d1osq .pdfViewer .annotationLayer .buttonWidgetAnnotation.pushButton>a{width:100%}
-._128lidpf .pdfViewer .annotationLayer .buttonWidgetAnnotation.pushButton>a{top:0}
-._14cix0bf .pdfViewer .page{margin-bottom:var(--ds-space-negative-100,-8px)}
-._178fuk88 .pdfViewer .textLayer ::selection{background-color:#00f}
-._17e31osq .pdfViewer .annotationLayer .linkAnnotation>a{width:100%}
-._17histnw .pdfViewer .textLayer span{position:absolute}
-._1aohidpf .pdfViewer .textLayer{left:0}
-._1chastnw .pdfViewer .annotationLayer .buttonWidgetAnnotation.pushButton>a{position:absolute}
-._1e8c1wug .pdfViewer .page{margin-right:auto}
-._1fcd1kdv .pdfViewer .textLayer br{cursor:text}
-._1ff9t94y .pdfViewer .page{margin-top:1px}
-._1fme1osq .pdfViewer .annotationLayer .linkAnnotation>a{height:100%}
-._1fvkidpf .pdfViewer .textLayer{top:0}
-._1l9j15vq .pdfViewer .textLayer{overflow-x:hidden}
-._1mgwidpf .pdfViewer .annotationLayer .buttonWidgetAnnotation.pushButton>a{left:0}
-._1o2dqvpr .pdfViewer .textLayer span{white-space:pre}
-._1pbo1osq .pdfViewer .annotationLayer .buttonWidgetAnnotation.pushButton>a{height:100%}
-._1q3qxncg .pdfViewer{margin-bottom:var(--ds-space-800,4pc)}
-._1qpwidpf .pdfViewer .textLayer{bottom:0}
-._1sbg1j28 .pdfViewer .textLayer br{color:transparent}
-._1w1dh2mm .pdfViewer .page{position:relative}
-._1wdj1wug .pdfViewer .page{margin-left:auto}
-._1wxf1nty .pdfViewer .textLayer br{transform-origin:0 0}
-._1yudstnw .pdfViewer .textLayer br{position:absolute}
-._3i5i15vq .pdfViewer .canvasWrapper{overflow-y:hidden}
-._6936stnw .pdfViewer .annotationLayer .linkAnnotation>a{position:absolute}
-._8uuw1nty .pdfViewer .textLayer span{transform-origin:0 0}
-._c3ci1j28 .pdfViewer .textLayer span{color:transparent}
-._ddxjstnw .pdfViewer .annotationLayer section{position:absolute}
-._dfxu15vq .pdfViewer .textLayer{overflow-y:hidden}
-._e38rkb7n .pdfViewer .textLayer{line-height:1}
-._eivy1kdv .pdfViewer .textLayer span{cursor:text}
-._i4luxncg .pdfViewer{margin-top:var(--ds-space-800,4pc)}
-._lgdcidpf .pdfViewer .annotationLayer .linkAnnotation>a{left:0}
-._lxz5idpf .pdfViewer .annotationLayer .linkAnnotation>a{top:0}
-._n41pidpf .pdfViewer .textLayer{right:0}
-._nvzfstnw .pdfViewer .textLayer{position:absolute}
-._ogfsqvpr .pdfViewer .textLayer br{white-space:pre}
-._qn8n15vq .pdfViewer .canvasWrapper{overflow-x:hidden}
-._rk1z18uv .pdfViewer .annotationLayer section{text-align:initial}
-._s5tpsxj9 .pdfViewer .textLayer{opacity:.2}
-._1198sxj9 .pdfViewer .annotationLayer .buttonWidgetAnnotation.pushButton>a:hover{opacity:.2}
-._16bhsxj9 .pdfViewer .annotationLayer .linkAnnotation>a:hover{opacity:.2}
-._1iy8wxnz .pdfViewer .annotationLayer .linkAnnotation>a:hover{background-color:#ff0}
-._1ulgwxnz .pdfViewer .annotationLayer .buttonWidgetAnnotation.pushButton>a:hover{background-color:#ff0}
-._otnwcsod .pdfViewer .annotationLayer .buttonWidgetAnnotation.pushButton>a:hover{box-shadow:0 2px 10px #ff0}
-._v48tcsod .pdfViewer .annotationLayer .linkAnnotation>a:hover{box-shadow:0 2px 10px #ff0}

package/dist/es2019/viewers/doc/pdfRendererWrapper-compiled.js

@@ -1,12 +0,0 @@
-/* pdfRendererWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
-// Styles are partially copied from https://github.com/mozilla/pdfjs-dist/blob/v2.9.359/web/pdf_viewer.css
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-import "./pdfRendererWrapper-compiled.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-const globalStyles = null;
-export const PDFRendererWrapper = ({
-  children
-}) => /*#__PURE__*/React.createElement("div", {
-  className: ax(["_qn8n15vq _3i5i15vq _1l9j15vq _dfxu15vq _nvzfstnw _1aohidpf _1fvkidpf _n41pidpf _1qpwidpf _s5tpsxj9 _e38rkb7n _g0ejuk88 _178fuk88 _1ulgwxnz _1iy8wxnz _1198sxj9 _16bhsxj9 _otnwcsod _v48tcsod _6y9o1j28 _1nxfrdoj _1iqdnqa1 _1ff9t94y _1e8c1wug _14cix0bf _1wdj1wug _1w1dh2mm _i4luxncg _1q3qxncg _1sbg1j28 _c3ci1j28 _1yudstnw _17histnw _ogfsqvpr _1o2dqvpr _1fcd1kdv _eivy1kdv _1wxf1nty _8uuw1nty _ddxjstnw _rk1z18uv _1chastnw _6936stnw _128lidpf _lxz5idpf _1mgwidpf _lgdcidpf _105d1osq _17e31osq _1pbo1osq _1fme1osq"])
-}, children);

package/dist/es2019/viewers/doc/pdfRendererWrapper.js

@@ -1,3 +0,0 @@
-import React from 'react';
-import { PDFRendererWrapper as CompiledPDFRendererWrapper } from './pdfRendererWrapper-compiled';
-export const PDFRendererWrapper = props => /*#__PURE__*/React.createElement(CompiledPDFRendererWrapper, props);

package/dist/es2019/viewers/doc/processError.js

@@ -1,18 +0,0 @@
-import { MediaViewerError } from '../../errors';
-import { RequestError, createRequestErrorReason } from '@atlaskit/media-client';
-
-// Declares the type of the returned error by PDFjs.
-
-const isErrorWithStatus = error => error instanceof Error && `status` in error && typeof error.status === 'number';
-export const processError = error => {
-  if (isErrorWithStatus(error)) {
-    const reason = createRequestErrorReason(error.status);
-    return new MediaViewerError('docviewer-fetch-pdf', new RequestError(reason, {
-      statusCode: error.status
-    }));
-  }
-  return new MediaViewerError('docviewer-fetch-pdf',
-  // TODO: sanitize the error message or remove it entirely
-  // https://product-fabric.atlassian.net/browse/MEX-2456
-  error instanceof Error ? error : undefined);
-};

package/dist/es2019/viewers/doc-next/index.js

@@ -1,55 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import { Outcome } from '../../domain';
-import { BaseViewer } from '../base-viewer';
-import { ZoomLevel } from '../../domain/zoomLevel';
-import { DocViewer as DocViewerComponent } from './doc-viewer';
-export class DocViewer extends BaseViewer {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "isObjectUrl", false);
-  }
-  get initialState() {
-    return {
-      content: Outcome.pending(),
-      zoomLevel: new ZoomLevel(1.75),
-      isPasswordProtected: false,
-      hasPasswordError: false
-    };
-  }
-  needsReset(propsA, propsB) {
-    if (this.state.content.status === 'SUCCESSFUL') {
-      return false;
-    }
-    return propsA.item.status !== propsB.item.status;
-  }
-  async init() {
-    const {
-      item
-    } = this.props;
-    this.setState({
-      content: Outcome.successful(item.id)
-    });
-  }
-  release() {
-    if (!this.isObjectUrl) {
-      return;
-    }
-    const {
-      content
-    } = this.state;
-    if (content.data) {
-      URL.revokeObjectURL(content.data);
-    }
-  }
-  renderSuccessful() {
-    return /*#__PURE__*/React.createElement(DocViewerComponent, {
-      mediaClient: this.props.mediaClient,
-      fileState: this.props.item,
-      collectionName: this.props.collectionName,
-      onError: this.props.onError,
-      onSuccess: this.props.onSuccess,
-      traceContext: this.props.traceContext
-    });
-  }
-}