box-content-preview 3.125.0 → 3.126.0

package/README.md

@@ -2,7 +2,7 @@
 [![Mergify Status](https://img.shields.io/endpoint.svg?url=https://gh.mergify.io/badges/box/box-content-preview&style=flat)](https://mergify.io)
 [![Styled With Prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
 [![build status](https://img.shields.io/travis/box/box-content-preview/master.svg?style=flat-square)](https://travis-ci.org/box/box-content-preview)
-[![version](https://img.shields.io/badge/version-v3.125.0-blue.svg?style=flat-square)](https://github.com/box/box-content-preview)
+[![version](https://img.shields.io/badge/version-v3.126.0-blue.svg?style=flat-square)](https://github.com/box/box-content-preview)
 [![npm version](https://img.shields.io/npm/v/box-ui-elements.svg?style=flat-square)](https://www.npmjs.com/package/box-ui-elements)
 
 # [Box Content Preview](https://developer.box.com/docs/box-content-preview)
@@ -22,11 +22,11 @@ We encourage all users to update their applications to utilize modern browsers f
 
 ## Current Version
 
-- Version: v3.125.0
+- Version: v3.126.0
 - Locale: en-US
 
-https://cdn01.boxcdn.net/platform/preview/3.125.0/en-US/preview.js
-https://cdn01.boxcdn.net/platform/preview/3.125.0/en-US/preview.css
+https://cdn01.boxcdn.net/platform/preview/3.126.0/en-US/preview.js
+https://cdn01.boxcdn.net/platform/preview/3.126.0/en-US/preview.css
 
 ## Supported Locales
 
@@ -52,10 +52,10 @@ You can self-host the Box Content Preview library or reference the versions avai
     <title>Box Content Preview Demo</title>
 
     <!-- Latest version of Preview SDK for your locale -->
-    <script src="https://cdn01.boxcdn.net/platform/preview/3.125.0/en-US/preview.js"></script>
+    <script src="https://cdn01.boxcdn.net/platform/preview/3.126.0/en-US/preview.js"></script>
     <link
       rel="stylesheet"
-      href="https://cdn01.boxcdn.net/platform/preview/3.125.0/en-US/preview.css"
+      href="https://cdn01.boxcdn.net/platform/preview/3.126.0/en-US/preview.css"
     />
   </head>
   <body>
@@ -76,7 +76,7 @@ To self-host the Box Content Preview library, follow these steps:
 
 1. Either fork the repo and check out the version you want to host or download the specific version as a zip:
 
-- Check out a specific version with `git checkout v3.125.0`
+- Check out a specific version with `git checkout v3.126.0`
 - Download a specific version as a zip from https://github.com/box/box-content-preview/releases
 
 2. Install dependencies and build the library with `yarn install && yarn build:i18n && yarn build:prod`

package/dist/lib/index.js

@@ -1328,7 +1328,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 const CLIENT_NAME = "box-content-preview"; // eslint-disable-line no-undef
 const CLIENT_NAME_KEY = 'box_client_name';
 const CLIENT_VERSION_KEY = 'box_client_version';
-const CLIENT_VERSION = "3.125.0"; // eslint-disable-line no-undef
+const CLIENT_VERSION = "3.126.0"; // eslint-disable-line no-undef
 const HEADER_CLIENT_NAME = 'X-Box-Client-Name';
 const HEADER_CLIENT_VERSION = 'X-Box-Client-Version';
 const PROMISE_MAP = {};
@@ -37304,7 +37304,7 @@ var isNpmBuild = __webpack_require__(8080);
 ;// ./src/lib/Logger.js
 /* eslint-disable no-undef */
 const CLIENT_NAME = "box-content-preview";
-const CLIENT_VERSION = "3.125.0";
+const CLIENT_VERSION = "3.126.0";
 /* eslint-enable no-undef */
 
 class Logger {
@@ -41662,6 +41662,8 @@ const ANNOTATION_MODE_ICONS = {
   [AnnotationMode.REGION]: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_SquarePlus_c11758f1_default__
 };
 /* harmony default export */ const annotationModeIcons = (ANNOTATION_MODE_ICONS);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/media/utils.ts
+var utils = __webpack_require__(5346);
 ;// ./src/lib/viewers/controls/controls-bar/ControlsBarV2.scss
 // extracted by mini-css-extract-plugin
 
@@ -41673,6 +41675,7 @@ function ControlsBarV2_objectWithoutPropertiesLoose(r, e) { if (null == r) retur
 
 
 
+
 function ControlsBarV2(_ref, ref) {
   let {
       children,
@@ -41687,7 +41690,9 @@ function ControlsBarV2(_ref, ref) {
     className: `bp-ControlsBarV2 bp-ControlsBarV2--${size}`,
     colorScheme: "dark",
     "data-testid": "bp-ControlsBar"
-  }, rest), children);
+  }, rest, {
+    onKeyDown: utils/* stopToolbarKeyPropagation */.B9
+  }), children);
 }
 /* harmony default export */ const controls_bar_ControlsBarV2 = (/*#__PURE__*/external_react_["default"].forwardRef(ControlsBarV2));
 ;// ./src/lib/viewers/controls/annotations/AnnotationsPaletteV2.scss
@@ -45850,8 +45855,6 @@ function Image360Controls({
 }
 ;// external "@box/blueprint-web-assets/icons/Medium/VrGoggles"
 
-// EXTERNAL MODULE: ./src/lib/viewers/controls/media/utils.ts
-var utils = __webpack_require__(5346);
 ;// ./src/lib/viewers/controls/box3d/VrToggleControlV2.tsx
 /* provided dependency */ var VrToggleControlV2_ = __webpack_require__(441)["Tl"];
 const VrToggleControlV2_excluded = ["buttonType", "isVrShown", "onVrToggle"];
@@ -47458,6 +47461,68 @@ class PrintModalRoot {
 }
 ;// ./src/lib/icons/print_checkmark.svg
 const print_checkmark_namespaceObject = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" focusable=\"false\">\n  <path d=\"M4.187 6.48L3.067 7.6l3.6 3.6 8-8-1.12-1.12-6.88 6.88-2.48-2.48zM14.4 8c0 3.52-2.88 6.4-6.4 6.4-3.52 0-6.4-2.88-6.4-6.4 0-3.52 2.88-6.4 6.4-6.4.64 0 1.2.08 1.76.24L11.04.56C10.08.24 9.04 0 8 0 3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8h-1.6z\" fill=\"#22A7F0\" fill-rule=\"evenodd\"/>\n</svg>\n";
+;// ./src/lib/viewers/text/printStyles.ts
+// The PlainText.scss and Markdown.scss rules that can match inside the print iframe, which holds only
+// the text element. Keep them in sync with those files; printStyles-test.ts fails when they drift.
+const PLAIN_TEXT_PRINT_STYLES = `
+.bp-text-plain {
+    position: absolute;
+    inset: 0;
+    overflow: auto;
+    margin: 0;
+    line-height: 1.5;
+    text-align: left;
+    word-wrap: break-word;
+    white-space: pre-wrap;
+    background-color: #fff;
+}
+
+.bp-text-plain ul {
+    list-style: disc;
+}
+
+.bp-text-plain ol {
+    list-style: decimal;
+}
+
+.bp-text-plain ol ul,
+.bp-text-plain ul ul {
+    list-style: circle;
+}
+
+.bp-text-truncated {
+    padding-bottom: 75px;
+    font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
+    text-align: center;
+}
+
+.bp-text-truncated p {
+    margin: 10px 0;
+}
+
+@media print {
+    .bp-text-plain {
+        position: static;
+        overflow: visible;
+        margin: 0;
+        padding: 0;
+        word-wrap: break-word;
+    }
+
+    .bp-text-truncated .bp-btn-download {
+        display: none;
+    }
+}
+`;
+const MARKDOWN_PRINT_STYLES = `${PLAIN_TEXT_PRINT_STYLES}
+.markdown-body {
+    white-space: normal;
+}
+
+.markdown-body ul li {
+    list-style: disc;
+}
+`;
 ;// ./src/lib/viewers/text/PlainText.scss
 // extracted by mini-css-extract-plugin
 
@@ -47478,6 +47543,8 @@ function PlainTextViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) ret
 
 
 
+
+
 // Inline web worker JS
 const HIGHLIGHT_WORKER_JS = 'onmessage=function(e){importScripts(e.data.highlightSrc);postMessage(self.hljs.highlightAuto(e.data.text).value)};';
 
@@ -47606,7 +47673,7 @@ class PlainTextViewer extends text_TextBaseViewer {
    */
   print() {
     if (!this.printReady) {
-      this.preparePrint(this.getCSS().concat('preview.css'));
+      this.preparePrint(this.getCSS());
       this.printPopup.show(PlainTextViewer_('print_loading'), PlainTextViewer_('print'), () => {
         this.printPopup.hide();
         this.printIframe();
@@ -47663,6 +47730,15 @@ class PlainTextViewer extends text_TextBaseViewer {
     return src_CSS;
   }
 
+  /**
+   * Returns the viewer styles that npm builds inject into the print iframe
+   *
+   * @return {string} CSS text
+   */
+  getPrintStyles() {
+    return PLAIN_TEXT_PRINT_STYLES;
+  }
+
   /**
    * Finishes loading after text is highlighted.
    *
@@ -47751,19 +47827,30 @@ class PlainTextViewer extends text_TextBaseViewer {
   }
 
   /**
-   * Sets up the print iframe - uses a web worker to insert text content and
-   * styles into an iframe that can be printed.
+   * Writes the text element into a printable iframe and attaches its print styles.
    *
    * @private
-   * @param {string[]} stylesheets - Stylesheets needed for print
+   * @param {string[]} stylesheets - Third-party stylesheets needed for print, before the viewer's own styles
    * @return {void}
    */
   preparePrint(stylesheets) {
     const assetUrlCreator = (0,util/* createAssetUrlCreator */.my)(this.options.location);
     this.printframe = (0,util/* openContentInsideIframe */.G9)(this.textEl.outerHTML);
+    const {
+      head
+    } = this.printframe.contentDocument;
     stylesheets.forEach(stylesheet => {
-      this.printframe.contentDocument.head.appendChild((0,util/* createStylesheet */.fX)(assetUrlCreator(stylesheet)));
+      head.appendChild((0,util/* createStylesheet */.fX)(assetUrlCreator(stylesheet)));
     });
+
+    // npm consumers bundle the viewer CSS themselves and host no preview.css to link to.
+    if ((0,isNpmBuild/* isNpmBuild */.w)()) {
+      const printStyleEl = document.createElement('style');
+      printStyleEl.textContent = this.getPrintStyles();
+      head.appendChild(printStyleEl);
+    } else {
+      head.appendChild((0,util/* createStylesheet */.fX)(assetUrlCreator('preview.css')));
+    }
     setTimeout(() => {
       if (this.printPopup instanceof PrintModalRoot) {
         this.printPopup.showReady(PlainTextViewer_('print_ready'));
@@ -47858,6 +47945,7 @@ function MarkdownControlsV2({
 
 
 
+
 const MarkdownViewer_STATIC_URI = `third-party/text/${constants/* TEXT_STATIC_ASSETS_VERSION */.cR}/`;
 class MarkdownViewer extends text_PlainTextViewer {
   /**
@@ -47896,6 +47984,13 @@ class MarkdownViewer extends text_PlainTextViewer {
     return super.getCSS().concat(`${MarkdownViewer_STATIC_URI}github-markdown.min.css`);
   }
 
+  /**
+   * @inheritdoc
+   */
+  getPrintStyles() {
+    return MARKDOWN_PRINT_STYLES;
+  }
+
   /**
    * Prints text using an an iframe. Adds Github Markdown CSS to print styles.
    *
@@ -47904,7 +47999,7 @@ class MarkdownViewer extends text_PlainTextViewer {
    */
   print() {
     if (!this.printReady) {
-      this.preparePrint(this.getCSS().concat('preview.css'));
+      this.preparePrint(this.getCSS());
       this.printPopup.show(MarkdownViewer_('print_loading'), MarkdownViewer_('print'), () => {
         this.printPopup.hide();
         this.printIframe();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "box-content-preview",
-    "version": "3.125.0",
+    "version": "3.126.0",
     "description": "Box Content Preview UI Element",
     "author": "Box (https://www.box.com/)",
     "license": "SEE LICENSE IN LICENSE",