@instructure/canvas-rce 5.14.1 → 5.14.2

package/es/rce/plugins/shared/ImageCropper/svg/shape.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import round from '../../round';
 import { SHAPE_CONTAINER_LENGTH } from '../constants';
 import { createSvgElement } from './utils';
@@ -25,37 +26,27 @@ export function buildShapeMask(_ref) {
     size
   } = _ref;
   const dimensionSize = size || SHAPE_CONTAINER_LENGTH;
-
   switch (shape) {
     case Shape.Square:
       return buildSquare(dimensionSize);
-
     case Shape.Circle:
       return buildCircle(dimensionSize);
-
     case Shape.Triangle:
       return buildTriangle(dimensionSize);
-
     case Shape.Diamond:
       return buildDiamond(dimensionSize);
-
     case Shape.Pentagon:
       return buildPentagon(dimensionSize);
-
     case Shape.Hexagon:
       return buildHexagon(dimensionSize);
-
     case Shape.Octagon:
       return buildOctagon(dimensionSize);
-
     case Shape.Star:
       return buildStar(dimensionSize);
-
     default:
       throw new Error(`Invalid shape: ${shape}`);
   }
 }
-
 function buildSquare(dimensionSize) {
   return createSvgElement('rect', {
     x: 0,
@@ -65,7 +56,6 @@ function buildSquare(dimensionSize) {
     fill: 'black'
   });
 }
-
 function buildCircle(dimensionSize) {
   return createSvgElement('circle', {
     cx: dimensionSize / 2,
@@ -74,19 +64,16 @@ function buildCircle(dimensionSize) {
     fill: 'black'
   });
 }
-
 function buildTriangle(dimensionSize) {
   return createSvgElement('path', {
     d: `M${dimensionSize / 2} 0L${dimensionSize} ${dimensionSize}H0L${dimensionSize / 2} 0Z`
   });
 }
-
 function buildDiamond(dimensionSize) {
   return createSvgElement('path', {
     d: `M${dimensionSize / 2} 0L${dimensionSize} ${dimensionSize / 2}L${dimensionSize / 2} ${dimensionSize}L0 ${dimensionSize / 2}L${dimensionSize / 2} 0Z`
   });
 }
-
 function buildPentagon(dimensionSize) {
   const half = round(dimensionSize / 2, 2);
   const alpha = round(0.3906 * dimensionSize, 2);
@@ -95,14 +82,12 @@ function buildPentagon(dimensionSize) {
     d: `M${half} 0L${dimensionSize} ${alpha}L${half + beta} ${dimensionSize}H${half - beta}L0 ${alpha}L${half} 0L${half} 0Z`
   });
 }
-
 function buildHexagon(dimensionSize) {
   const leg = round(0.2895 * dimensionSize, 2);
   return createSvgElement('path', {
     d: `M${dimensionSize - leg} 0L${dimensionSize} ${dimensionSize / 2}L${dimensionSize - leg} ${dimensionSize}H${leg}L0 ${dimensionSize / 2}L${leg} 0H${dimensionSize - leg}Z`
   });
 }
-
 function buildOctagon(dimensionSize) {
   const leg = round(0.2895 * dimensionSize, 2);
   const side = round(dimensionSize - 2 * leg, 2);
@@ -110,7 +95,6 @@ function buildOctagon(dimensionSize) {
     d: `M0 ${leg}L${leg} 0H${leg + side}L${dimensionSize} ${leg}V${leg + side}L${leg + side} ${dimensionSize}H${leg}L0 ${leg + side}V${leg}Z`
   });
 }
-
 function buildStar(dimensionSize) {
   const half = round(dimensionSize / 2, 2);
   const alpha = round(0.1143 * dimensionSize, 2);

package/es/rce/plugins/shared/ImageCropper/svg/utils.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 export function createSvgElement(tag) {
   let attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const element = document.createElementNS('http://www.w3.org/2000/svg', tag);

package/es/rce/plugins/shared/ImageCropper/useKeyMouseEvents.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import { useEffect, useState, useRef, useCallback } from 'react';
 import { debounce } from '@instructure/debounce';
 import { KEY_EVENT_DELAY, KEY_EVENT_ACCELERATION } from './constants';
@@ -22,25 +23,20 @@ import { actions } from './reducers/imageCropper';
 const EVENT_EXCEPTION_ELEMENT_IDS = ['imageCropperHeader', 'imageCropperFooter', 'imageCropperControls'];
 const TOUCH_EVENTS = ['ontouchmove', 'ontouchend', 'ontouchcancel'];
 const MOUSE_EVENTS = ['onmousemove', 'onmouseup', 'onmouseout'];
-
 function useKeysEvents(tempTranslateXRef, tempTranslateYRef, tempTranslateX, tempTranslateY, setTempTranslateX, setTempTranslateY, isMoving, setIsMoving, dispatch) {
   // Refs that manage the keydown acceleration
   const direction = useRef(0);
   const initialTime = useRef(null);
-
   const onKeyDown = event => {
     // 37 = Left, 38 = Up, 39 = Right, 40 = Down
     const {
       keyCode
     } = event;
-
     if (![37, 38, 39, 40].includes(keyCode)) {
       return;
     }
-
     event.preventDefault();
     let elapsedTime;
-
     if (keyCode !== direction.current) {
       elapsedTime = 0;
       initialTime.current = new Date();
@@ -55,22 +51,18 @@ function useKeysEvents(tempTranslateXRef, tempTranslateYRef, tempTranslateX, tem
       const currentTime = new Date();
       elapsedTime = (currentTime - initialTime.current) / 1000;
     }
-
     const translationDiff = Math.floor(KEY_EVENT_ACCELERATION * elapsedTime ** 2) || 1;
-
     if ([37, 39].includes(keyCode)) {
       const sign = keyCode === 37 ? -1 : 1;
       const newTranslateX = tempTranslateXRef.current + sign * translationDiff;
       setTempTranslateX(newTranslateX);
     }
-
     if ([38, 40].includes(keyCode)) {
       const sign = keyCode === 38 ? -1 : 1;
       const newTranslateY = tempTranslateYRef.current + sign * translationDiff;
       setTempTranslateY(newTranslateY);
     }
   };
-
   const stopMovement = useCallback(debounce(() => {
     direction.current = 0;
     initialTime.current = null;
@@ -83,41 +75,36 @@ function useKeysEvents(tempTranslateXRef, tempTranslateYRef, tempTranslateX, tem
       // If the active element is in the modal header, footer or controls.
       if (EVENT_EXCEPTION_ELEMENT_IDS.some(id => {
         var _document$getElementB;
-
         return (_document$getElementB = document.getElementById(id)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.contains(document.activeElement);
       })) {
         return;
       }
-
       onKeyDown(event);
-    }; // Adds the event listener when component did mount
-
-
+    };
+    // Adds the event listener when component did mount
     document.addEventListener('keydown', onKeyDownWrapper);
     return () => {
       // Removes the event listener when component will unmount
       document.removeEventListener('keydown', onKeyDownWrapper);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   useEffect(() => {
     if (isMoving && direction.current !== 0) {
       stopMovement();
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [tempTranslateX, tempTranslateY]);
 }
-
 function useMouseAndTouchEvents(tempTranslateX, tempTranslateY, setTempTranslateX, setTempTranslateY, setIsMoving) {
   const initialPageX = useRef(0);
   const initialPageY = useRef(0);
   const isDragging = useRef(false);
   const imgElement = useRef(null);
-
   const onStopMove = isMouseEvent => () => {
     isDragging.current = false;
     initialPageX.current = 0;
     initialPageY.current = 0;
-
     if (imgElement.current) {
       const [move, end, cancel] = isMouseEvent ? MOUSE_EVENTS : TOUCH_EVENTS;
       imgElement.current[move] = null;
@@ -125,15 +112,12 @@ function useMouseAndTouchEvents(tempTranslateX, tempTranslateY, setTempTranslate
       imgElement.current[cancel] = null;
       imgElement.current = null;
     }
-
     setIsMoving(false);
   };
-
   const onMove = isMouseEvent => e => {
     if (!isDragging.current) {
       return onStopMove();
     }
-
     const {
       clientX,
       clientY
@@ -141,7 +125,6 @@ function useMouseAndTouchEvents(tempTranslateX, tempTranslateY, setTempTranslate
     setTempTranslateX(tempTranslateX + clientX - initialPageX.current);
     setTempTranslateY(tempTranslateY + clientY - initialPageY.current);
   };
-
   const onStartMove = (e, isMouseEvent) => {
     isDragging.current = true;
     const {
@@ -155,79 +138,69 @@ function useMouseAndTouchEvents(tempTranslateX, tempTranslateY, setTempTranslate
     initialPageY.current = clientY;
     const [move, end, cancel] = isMouseEvent ? MOUSE_EVENTS : TOUCH_EVENTS;
     target[move] = onMove(isMouseEvent);
-    target[end] = onStopMove(isMouseEvent); // Should stop the movement when touch/mouse leaves the preview
-
+    target[end] = onStopMove(isMouseEvent);
+    // Should stop the movement when touch/mouse leaves the preview
     target[cancel] = onStopMove(isMouseEvent);
     imgElement.current = target;
     setIsMoving(true);
   };
-
   return [e => onStartMove(e, true), e => onStartMove(e, false)];
 }
-
 export function useKeyMouseTouchEvents(translateX, translateY, dispatch) {
   const [tempTranslateX, _setTempTranslateX] = useState(translateX);
   const [tempTranslateY, _setTempTranslateY] = useState(translateY);
-  const [isMoving, setIsMoving] = useState(false); // These are used to get the current values when the callback is called from outside.
+  const [isMoving, setIsMoving] = useState(false);
 
+  // These are used to get the current values when the callback is called from outside.
   const tempTranslateXRef = useRef(tempTranslateX);
   const tempTranslateYRef = useRef(tempTranslateY);
-
   const setTempTranslateX = data => {
     setIsMoving(true);
     tempTranslateXRef.current = data;
-
     _setTempTranslateX(data);
   };
-
   const setTempTranslateY = data => {
     setIsMoving(true);
     tempTranslateYRef.current = data;
-
     _setTempTranslateY(data);
   };
-
   useKeysEvents(tempTranslateXRef, tempTranslateYRef, tempTranslateX, tempTranslateY, setTempTranslateX, setTempTranslateY, isMoving, setIsMoving, dispatch);
-  const [onMouseDown, onTouchStart] = useMouseAndTouchEvents(tempTranslateX, tempTranslateY, setTempTranslateX, setTempTranslateY, setIsMoving); // Updates the reducer state when user stops moving.
+  const [onMouseDown, onTouchStart] = useMouseAndTouchEvents(tempTranslateX, tempTranslateY, setTempTranslateX, setTempTranslateY, setIsMoving);
 
+  // Updates the reducer state when user stops moving.
   useEffect(() => {
     if (isMoving) {
       return;
     }
-
     if (tempTranslateX !== translateX) {
       dispatch({
         type: actions.SET_TRANSLATE_X,
         payload: tempTranslateX
       });
     }
-
     if (tempTranslateY !== translateY) {
       dispatch({
         type: actions.SET_TRANSLATE_Y,
         payload: tempTranslateY
       });
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [isMoving]); // Updates the component state when props changed.
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isMoving]);
 
+  // Updates the component state when props changed.
   useEffect(() => {
     if (isMoving) {
       return;
     }
-
     if (translateX !== tempTranslateX) {
       tempTranslateXRef.current = translateX;
-
       _setTempTranslateX(translateX);
     }
-
     if (translateY !== tempTranslateY) {
       tempTranslateYRef.current = translateY;
-
       _setTempTranslateY(translateY);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [translateX, translateY]);
   return [tempTranslateX, tempTranslateY, onMouseDown, onTouchStart];
 }

package/es/rce/plugins/shared/ImageCropper/useMouseWheel.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import { useEffect, useState } from 'react';
 import { debounce } from '@instructure/debounce';
 import { calculateScaleRatio } from './controls/utils';
@@ -23,35 +24,32 @@ import { actions } from './reducers/imageCropper';
 export function useMouseWheel(scaleRatio, dispatch) {
   const [tempScaleRatio, setTempScaleRatio] = useState(scaleRatio);
   const [isScaling, setIsScaling] = useState(false);
-
   const onWheelCallback = event => {
     // Couldn't prevent modal body scroll when zoom, when using {passive:false}
     // the zoom event listener makes zoom look like a bouncing effect.
     // https://chromestatus.com/feature/6662647093133312
     // event.preventDefault()
-    const newScaleRatio = calculateScaleRatio(tempScaleRatio - event.deltaY * WHEEL_SCALE_STEP);
 
+    const newScaleRatio = calculateScaleRatio(tempScaleRatio - event.deltaY * WHEEL_SCALE_STEP);
     if (newScaleRatio !== tempScaleRatio) {
       setIsScaling(true);
       setTempScaleRatio(newScaleRatio);
     }
   };
-
   const setScalingRatio = () => {
     setIsScaling(false);
   };
-
   useEffect(() => {
     if (!isScaling) {
       setTempScaleRatio(scaleRatio);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [scaleRatio]);
   useEffect(() => {
     if (isScaling) {
       debounce(setScalingRatio, WHEEL_EVENT_DELAY)();
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [tempScaleRatio]);
   useEffect(() => {
     if (!isScaling) {
@@ -59,8 +57,8 @@ export function useMouseWheel(scaleRatio, dispatch) {
         type: actions.SET_SCALE_RATIO,
         payload: tempScaleRatio
       });
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isScaling]);
   return [tempScaleRatio, onWheelCallback];
 }

package/es/rce/plugins/shared/ImageOptionsForm.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import React from 'react';
 import { IconButton } from '@instructure/ui-buttons';
 import { SimpleSelect } from '@instructure/ui-simple-select';
@@ -28,7 +29,6 @@ import { Tooltip } from '@instructure/ui-tooltip';
 import { CUSTOM, MIN_HEIGHT, MIN_WIDTH, MIN_PERCENTAGE, imageSizes, labelForImageSize } from '../instructure_image/ImageEmbedOptions';
 import formatMessage from '../../../format-message';
 import DimensionsInput from './DimensionsInput';
-
 const ImageOptionsForm = _ref => {
   let {
     imageSize,
@@ -137,5 +137,4 @@ const ImageOptionsForm = _ref => {
     minPercentage: MIN_PERCENTAGE
   })))));
 };
-
 export default ImageOptionsForm;

package/es/rce/plugins/shared/LinkDisplay.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import React, { useEffect } from 'react';
 import { View } from '@instructure/ui-view';
 import { Text } from '@instructure/ui-text';
@@ -24,9 +25,7 @@ import formatMessage from '../../../format-message';
 import { showFlashAlert } from '../../../common/FlashAlert';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { getIcon, getFriendlyLinkType } from './linkUtils';
-
 const getEditMessage = () => formatMessage('If left empty, link text will display as course link name');
-
 export const LinkDisplay = _ref => {
   let {
     linkText,

package/es/rce/plugins/shared/PreviewIcon.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Spinner } from '@instructure/ui-spinner';
@@ -22,7 +23,6 @@ import { Flex } from '@instructure/ui-flex';
 import formatMessage from '../../../format-message';
 import checkerboardStyle from './CheckerboardStyling';
 const SQUARE_SIZE = 4;
-
 const PreviewIcon = _ref => {
   let {
     color,
@@ -33,10 +33,8 @@ const PreviewIcon = _ref => {
     checkered
   } = _ref;
   const variantSettings = PreviewIcon.variants[variant];
-
   const background = () => {
     if (loading) return {};
-
     if (image) {
       return {
         backgroundImage: `url(${image})`,
@@ -45,7 +43,6 @@ const PreviewIcon = _ref => {
         backgroundPosition: 'center'
       };
     }
-
     return {
       border: '1px solid #73818C',
       borderRadius: '3px',
@@ -58,7 +55,6 @@ const PreviewIcon = _ref => {
       `
     };
   };
-
   return /*#__PURE__*/React.createElement("div", {
     id: "preview-background-wrapper",
     style: checkered ? checkerboardStyle(SQUARE_SIZE) : {}
@@ -80,7 +76,6 @@ const PreviewIcon = _ref => {
     size: "small"
   })))));
 };
-
 PreviewIcon.variants = {
   small: {
     width: '25px',

package/es/rce/plugins/shared/Previewable.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 // copied from canvas-lms/ui/shared/features/doc-previews/jquery/index.js
 export const previewableMimeTypes = ['application/vnd.openxmlformats-officedocument.wordprocessingml.template', 'application/vnd.oasis.opendocument.spreadsheet', 'application/vnd.sun.xml.writer', 'application/excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'text/rtf', 'application/vnd.openxmlformats-officedocument.spreadsheetml.template', 'application/vnd.sun.xml.impress', 'application/vnd.sun.xml.calc', 'application/vnd.ms-excel', 'application/msword', 'application/mspowerpoint', 'application/rtf', 'application/vnd.oasis.opendocument.presentation', 'application/vnd.oasis.opendocument.text', 'application/vnd.openxmlformats-officedocument.presentationml.template', 'application/vnd.openxmlformats-officedocument.presentationml.slideshow', 'text/plain', 'application/vnd.openxmlformats-officedocument.presentationml.presentation', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 'application/postscript', 'application/pdf', 'application/vnd.ms-powerpoint'];
 export function isPreviewable(type) {

package/es/rce/plugins/shared/RceFileBrowser.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import React, { useMemo } from 'react';
 import { func, object, string } from 'prop-types';
 import classnames from 'classnames';
@@ -22,8 +23,9 @@ import { View } from '@instructure/ui-view';
 import { downloadToWrap } from '../../../common/fileUrl';
 import { mediaPlayerURLFromFile } from './fileTypeUtils';
 import RceApiSource from '../../../rcs/api';
-import addIconMakerAttributes from '../instructure_icon_maker/utils/addIconMakerAttributes'; // TODO: should find a better way to share this code
+import addIconMakerAttributes from '../instructure_icon_maker/utils/addIconMakerAttributes';
 
+// TODO: should find a better way to share this code
 import FileBrowser from '../../../canvasFileBrowser/FileBrowser';
 import { isPreviewable } from './Previewable';
 RceFileBrowser.propTypes = {
@@ -56,10 +58,8 @@ export default function RceFileBrowser(props) {
       canvasOrigin
     });
   }, [host, jwt, refreshToken, source, canvasOrigin]);
-
   function handleFileSelect(fileInfo) {
     var _fileInfo$api$embed, _fileInfo$api;
-
     const content_type = fileInfo.api.type;
     const canPreview = isPreviewable(content_type);
     const url = downloadToWrap(fileInfo.src);
@@ -73,7 +73,6 @@ export default function RceFileBrowser(props) {
       target: '_blank',
       content_type
     };
-
     if (((_fileInfo$api = fileInfo.api) === null || _fileInfo$api === void 0 ? void 0 : _fileInfo$api.category) === 'icon_maker_icons') {
       onFileSelectParams.src = fileInfo.api.url;
       addIconMakerAttributes(onFileSelectParams);
@@ -83,14 +82,13 @@ export default function RceFileBrowser(props) {
         instructure_scribd_file: canPreview,
         inline_disabled: true
       });
-      onFileSelectParams = { ...onFileSelectParams,
+      onFileSelectParams = {
+        ...onFileSelectParams,
         class: clazz
       };
     }
-
     onFileSelect(onFileSelectParams);
   }
-
   return /*#__PURE__*/React.createElement(View, {
     as: "div",
     margin: "medium",

package/es/rce/plugins/shared/StoreContext.js

@@ -15,13 +15,13 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import React, { createContext, useContext, useState } from 'react';
 import { connect, Provider as ReduxProvider } from 'react-redux';
 import bridge from '../../../bridge';
 import sidebarHandlers from '../../../sidebar/containers/sidebarHandlers';
 import { propsFromState } from '../../../sidebar/containers/Sidebar';
 import configureStore from '../../../sidebar/store/configureStore';
-
 function Consumer(_ref) {
   let {
     children,
@@ -35,7 +35,6 @@ function Consumer(_ref) {
     ...props
   });
 }
-
 export const StoreConsumer = connect(propsFromState, sidebarHandlers)(Consumer);
 const StoreContext = /*#__PURE__*/createContext();
 export function StoreProvider(_ref2) {

package/es/rce/plugins/shared/StudioLtiSupportUtils.js

@@ -15,7 +15,16 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import PropTypes, { bool, shape } from 'prop-types';
+
+/**
+ * Interface for content item's 'custom' field, specifically for what is expected to come from Studio
+ *
+ * Used to determine whether or not Studio embedded media should be resizable, and whether or not we
+ * present controls for the user to modify the embedded media.
+ */
+
 export const parsedStudioOptionsPropType = shape({
   resizable: bool.isRequired,
   convertibleToLink: bool.isRequired
@@ -25,7 +34,6 @@ export function isStudioContentItemCustomJson(input) {
 }
 export function studioAttributesFrom(customJson) {
   var _customJson$resizable, _customJson$enableMed;
-
   return {
     'data-studio-resizable': (_customJson$resizable = customJson.resizable) !== null && _customJson$resizable !== void 0 ? _customJson$resizable : false,
     'data-studio-tray-enabled': (_customJson$enableMed = customJson.enableMediaOptions) !== null && _customJson$enableMed !== void 0 ? _customJson$enableMed : false,
@@ -38,14 +46,11 @@ export function displayStyleFrom(studioAttributes) {
 }
 export function isStudioEmbeddedMedia(element) {
   var _tinymceIframeShim$fi;
-
   // Borrowing this structure from isMediaElement in ContentSelection.js
   const tinymceIframeShim = (element === null || element === void 0 ? void 0 : element.tagName) === 'IFRAME' ? element === null || element === void 0 ? void 0 : element.parentElement : element;
-
   if ((tinymceIframeShim === null || tinymceIframeShim === void 0 ? void 0 : (_tinymceIframeShim$fi = tinymceIframeShim.firstElementChild) === null || _tinymceIframeShim$fi === void 0 ? void 0 : _tinymceIframeShim$fi.tagName) !== 'IFRAME') {
     return false;
   }
-
   return tinymceIframeShim.getAttribute('data-mce-p-data-studio-tray-enabled') === 'true';
 }
 export function parseStudioOptions(element) {
@@ -55,16 +60,15 @@ export function parseStudioOptions(element) {
     convertibleToLink: (tinymceIframeShim === null || tinymceIframeShim === void 0 ? void 0 : tinymceIframeShim.getAttribute('data-mce-p-data-studio-convertible-to-link')) === 'true'
   };
 }
+
 /**
  * Tinymce adds an overlay when you click on an iframe inside the editor. It will by default
  * add resize handles to the corners of the overlay. The code that adds these handles won't
  * if the overlay has `data-mce-resize='false'` on it. Here, we force that behavior when the
  * underlying iframe has a `data-studio-resizable='false'`
  */
-
 export function handleBeforeObjectSelected(e) {
   const targetElement = e.target;
-
   if (targetElement.getAttribute('data-mce-p-data-studio-resizable') === 'false') {
     targetElement.setAttribute('data-mce-resize', 'false');
   }

package/es/rce/plugins/shared/UnknownFileTypePanel.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import React from 'react';
 import { View } from '@instructure/ui-view';
 import { Text } from '@instructure/ui-text';