box-content-preview 3.100.0 → 3.102.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.100.0-blue.svg?style=flat-square)](https://github.com/box/box-content-preview)
+[![version](https://img.shields.io/badge/version-v3.102.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.100.0
+- Version: v3.102.0
 - Locale: en-US
 
-https://cdn01.boxcdn.net/platform/preview/3.100.0/en-US/preview.js
-https://cdn01.boxcdn.net/platform/preview/3.100.0/en-US/preview.css
+https://cdn01.boxcdn.net/platform/preview/3.102.0/en-US/preview.js
+https://cdn01.boxcdn.net/platform/preview/3.102.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.100.0/en-US/preview.js"></script>
+    <script src="https://cdn01.boxcdn.net/platform/preview/3.102.0/en-US/preview.js"></script>
     <link
       rel="stylesheet"
-      href="https://cdn01.boxcdn.net/platform/preview/3.100.0/en-US/preview.css"
+      href="https://cdn01.boxcdn.net/platform/preview/3.102.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.100.0`
+- Check out a specific version with `git checkout v3.102.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

@@ -1029,7 +1029,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.100.0"; // eslint-disable-line no-undef
+const CLIENT_VERSION = "3.102.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 = {};
@@ -5719,7 +5719,6 @@ function applyRegion(el, startSec, endSec, durationSec, viewport, collapsed) {
   el.style.width = `calc(${end} - ${start} + ${constants/* WAVEFORM_RANGE_HANDLE_LINE_PX */.h1}px)`;
 }
 const WaveformRangeSelection = /*#__PURE__*/(0,external_react_.forwardRef)(function WaveformRangeSelection({
-  cameraMode = 'desktop',
   currentTimeSec = 0,
   durationSec,
   getPlayheadSec,
@@ -5772,7 +5771,8 @@ const WaveformRangeSelection = /*#__PURE__*/(0,external_react_.forwardRef)(funct
   displayedRef.current = displayed;
   const isRangeOpen = displayed.startMs !== displayed.endMs && activeHandle == null;
   const showCommentButton = !readOnly && Boolean(onDragCreate) && isRangeOpen;
-  const showClearOnly = cameraMode === 'tape' && readOnly && onRangeClear != null && isRangeOpen;
+  const showClearControl = onRangeClear != null && isRangeOpen;
+  const showClearOnly = readOnly && showClearControl;
   const syncPositions = (0,external_react_.useCallback)((next, nextViewport, nextDurationSec) => {
     displayedRef.current = next;
     const collapsed = next.startMs === next.endMs;
@@ -5806,7 +5806,7 @@ const WaveformRangeSelection = /*#__PURE__*/(0,external_react_.forwardRef)(funct
   }), [refreshRangePositions]);
   (0,external_react_.useLayoutEffect)(() => {
     syncPositions(displayedRef.current, viewportRef.current, durationSec);
-  }, [activeHandle, displayed.endMs, displayed.startMs, durationSec, showClearOnly, showCommentButton, syncPositions]);
+  }, [activeHandle, displayed.endMs, displayed.startMs, durationSec, showClearControl, showCommentButton, syncPositions]);
   (0,external_react_.useLayoutEffect)(() => {
     const next = (0,waveform_viewport/* createWaveformViewport */.eq)({
       durationSec: viewport.durationSec,
@@ -5993,7 +5993,6 @@ const WaveformRangeSelection = /*#__PURE__*/(0,external_react_.forwardRef)(funct
     "aria-hidden": "true",
     className: "bp-WaveformRange-commentIcon"
   }), "Comment");
-  const isTapeClearAvailable = cameraMode === 'tape' && onRangeClear != null;
   let commentButton = null;
   if (showClearOnly && onRangeClear) {
     commentButton = /*#__PURE__*/external_react_["default"].createElement("button", {
@@ -6014,8 +6013,8 @@ const WaveformRangeSelection = /*#__PURE__*/(0,external_react_.forwardRef)(funct
     }));
   } else if (showCommentButton && onDragCreate) {
     const commentAction = /*#__PURE__*/external_react_["default"].createElement("button", {
-      ref: isTapeClearAvailable ? undefined : commentButtonRef,
-      className: isTapeClearAvailable ? 'bp-WaveformRange-commentLabel' : 'bp-WaveformRange-comment',
+      ref: showClearControl ? undefined : commentButtonRef,
+      className: showClearControl ? 'bp-WaveformRange-commentLabel' : 'bp-WaveformRange-comment',
       "data-testid": "bp-waveform-range-comment",
       onClick: event => {
         stopRangeEvent(event);
@@ -6025,7 +6024,7 @@ const WaveformRangeSelection = /*#__PURE__*/(0,external_react_.forwardRef)(funct
       onPointerUp: stopRangeEvent,
       type: "button"
     }, commentLabel);
-    commentButton = isTapeClearAvailable ? /*#__PURE__*/external_react_["default"].createElement("div", {
+    commentButton = showClearControl && onRangeClear ? /*#__PURE__*/external_react_["default"].createElement("div", {
       ref: commentPillRef,
       className: "bp-WaveformRange-comment bp-WaveformRange-comment--withClear",
       "data-testid": "bp-waveform-range-comment-pill",
@@ -7331,7 +7330,6 @@ function WaveformView({
     "data-testid": "bp-waveform-playhead"
   }), showRangeOverlay && overlayRange && /*#__PURE__*/external_react_["default"].createElement(waveform_WaveformRangeSelection, {
     ref: rangeLayerRef,
-    cameraMode: cameraMode,
     currentTimeSec: currentTime,
     durationSec: durationSec,
     getPlayheadSec: getPlayheadSec,
@@ -25100,7 +25098,7 @@ class Browser {
 ;// ./src/lib/Logger.js
 /* eslint-disable no-undef */
 const CLIENT_NAME = "box-content-preview";
-const CLIENT_VERSION = "3.100.0";
+const CLIENT_VERSION = "3.102.0";
 /* eslint-enable no-undef */
 
 class Logger {
@@ -25974,7 +25972,7 @@ class RepStatus extends (events_default()) {
 // If changes are made to this file to support more extensions that are "highlightable", then make sure to
 // check if we need to upgrade the highlightjs custom build to add language grammar for that new extension language.
 // See build/upgrade_highlightjs.sh
-const NON_CODE_EXTENSIONS = ['csv', 'log', 'md', 'tsv', 'txt'];
+const NON_CODE_EXTENSIONS = ['csv', 'log', 'md', 'tsv', 'txt', 'vtt'];
 const HTML_EXTENSIONS = ['htm', 'html', 'xhtml', 'xml', 'xsd', 'xsl']; // These types do not have an appropriate extracted text representation for preview
 
 const CODE_EXTENSIONS = ['as', 'as3', 'asm', 'bat', 'c', 'cc', 'cmake', 'cpp', 'cs', 'css', 'cxx', 'diff', 'erb', 'groovy', 'h', 'haml', 'hh', 'java', 'js', 'json', 'less', 'm', 'make', 'ml', 'mm', 'php', 'pl', 'plist', 'properties', 'py', 'rb', 'rst', 'sass', 'scala', 'script', 'scm', 'sml', 'sql', 'sh', 'vi', 'vim', 'webdoc', 'yaml'];

package/package.json

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