box-content-preview 3.101.0 → 3.103.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.101.0-blue.svg?style=flat-square)](https://github.com/box/box-content-preview)
+[![version](https://img.shields.io/badge/version-v3.103.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.101.0
+- Version: v3.103.0
 - Locale: en-US
 
-https://cdn01.boxcdn.net/platform/preview/3.101.0/en-US/preview.js
-https://cdn01.boxcdn.net/platform/preview/3.101.0/en-US/preview.css
+https://cdn01.boxcdn.net/platform/preview/3.103.0/en-US/preview.js
+https://cdn01.boxcdn.net/platform/preview/3.103.0/en-US/preview.css
 
 ## Supported Locales
 
@@ -45,17 +45,17 @@ Box Content Preview supports 100+ file types, including most document and image
 You can self-host the Box Content Preview library or reference the versions available on Box's CDN.
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en-US">
   <head>
     <meta charset="utf-8" />
     <title>Box Content Preview Demo</title>
 
     <!-- Latest version of Preview SDK for your locale -->
-    <script src="https://cdn01.boxcdn.net/platform/preview/3.101.0/en-US/preview.js"></script>
+    <script src="https://cdn01.boxcdn.net/platform/preview/3.103.0/en-US/preview.js"></script>
     <link
       rel="stylesheet"
-      href="https://cdn01.boxcdn.net/platform/preview/3.101.0/en-US/preview.css"
+      href="https://cdn01.boxcdn.net/platform/preview/3.103.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.101.0`
+- Check out a specific version with `git checkout v3.103.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`
@@ -221,14 +221,14 @@ The Preview library optionally takes a token generator function instead of a str
 
 ```javascript
 // Example token generator function that resolves to a single access token
-var singleTokenGenerator = function() {
-  return someApi.getToken().then(function(data) {
+var singleTokenGenerator = function () {
+  return someApi.getToken().then(function (data) {
     return data.token;
   });
 };
 
 // Example token generator function that resolves to a map of tokens
-var mapTokenGenerator = function() {
+var mapTokenGenerator = function () {
   return Promise.resolve({
     file_1234: 'some_token_abcd',
     file_2345: 'some_token_bcde',

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.101.0"; // eslint-disable-line no-undef
+const CLIENT_VERSION = "3.103.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.101.0";
+const CLIENT_VERSION = "3.103.0";
 /* eslint-enable no-undef */
 
 class Logger {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "box-content-preview",
-    "version": "3.101.0",
+    "version": "3.103.0",
     "description": "Box Content Preview UI Element",
     "author": "Box (https://www.box.com/)",
     "license": "SEE LICENSE IN LICENSE",
@@ -99,7 +99,7 @@
         "eslint-plugin-jest": "^23.1.1",
         "eslint-plugin-jsx-a11y": "^6.2.3",
         "eslint-plugin-lodash": "^6.0.0",
-        "eslint-plugin-prettier": "^3.1.2",
+        "eslint-plugin-prettier": "5.2.3",
         "eslint-plugin-react": "^7.17.0",
         "eslint-plugin-react-hooks": "^1.7.0",
         "file-loader": "^6.2.0",
@@ -117,7 +117,7 @@
         "npm-run-all": "^4.1.5",
         "postcss": "^8.5.18",
         "postcss-loader": "^8.1.1",
-        "prettier": "^1.19.1",
+        "prettier": "^3.2.5",
         "raw-loader": "^4.0.2",
         "react": "18.3.1",
         "react-dom": "18.3.1",