@instructure/canvas-rce 5.14.0 → 5.14.2

package/es/sidebar/actions/upload.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 { saveMediaRecording } from '@instructure/canvas-media';
 import { headerFor, originFromHost } from '../../rcs/api';
 import * as files from './files';
@@ -154,19 +155,15 @@ export function allUploadCompleteActions(results, fileMetaProps, contextType) {
   };
   actions.push(files.createAddFile(fileProps));
   actions.push(files.createInsertFile(fileMetaProps.parentFolderId, results.id));
-
   if (/^image\//.test(results['content-type'])) {
     actions.push(images.createAddImage(results, contextType));
   }
-
   return actions;
 }
 export function embedUploadResult(results, selectedTabType) {
   const embedData = fileEmbed(results);
-
   if (selectedTabType === 'images' && isImage(embedData.type) && results.displayAs !== 'link') {
     var _bridge$activeEditor, _bridge$activeEditor$;
-
     // embed the image after any current selection rather than link to it or replace it
     (_bridge$activeEditor = bridge.activeEditor()) === null || _bridge$activeEditor === void 0 ? void 0 : (_bridge$activeEditor$ = _bridge$activeEditor.mceInstance()) === null || _bridge$activeEditor$ === void 0 ? void 0 : _bridge$activeEditor$.selection.collapse();
     const file_props = {
@@ -183,11 +180,11 @@ export function embedUploadResult(results, selectedTabType) {
     return bridge.insertImage(file_props);
   } else if (selectedTabType === 'media' && isAudioOrVideo(embedData.type)) {
     var _bridge$activeEditor2, _bridge$activeEditor3;
-
     // embed media after any current selection rather than link to it or replace it
-    (_bridge$activeEditor2 = bridge.activeEditor()) === null || _bridge$activeEditor2 === void 0 ? void 0 : (_bridge$activeEditor3 = _bridge$activeEditor2.mceInstance()) === null || _bridge$activeEditor3 === void 0 ? void 0 : _bridge$activeEditor3.selection.collapse(); // when we record audio, notorious thinks it's a video. use the content type we got
-    // from the recorded file, not the returned media object.
+    (_bridge$activeEditor2 = bridge.activeEditor()) === null || _bridge$activeEditor2 === void 0 ? void 0 : (_bridge$activeEditor3 = _bridge$activeEditor2.mceInstance()) === null || _bridge$activeEditor3 === void 0 ? void 0 : _bridge$activeEditor3.selection.collapse();
 
+    // when we record audio, notorious thinks it's a video. use the content type we got
+    // from the recorded file, not the returned media object.
     return bridge.embedMedia({
       id: results.id,
       embedded_iframe_url: results.embedded_iframe_url,
@@ -205,7 +202,8 @@ export function embedUploadResult(results, selectedTabType) {
       href: results.href || results.url,
       title: results.alt_text || results.display_name || results.name || results.title || results.filename,
       content_type: results['content-type'],
-      embed: { ...embedData,
+      embed: {
+        ...embedData,
         disableInlinePreview: true
       },
       target: '_blank',
@@ -214,8 +212,9 @@ export function embedUploadResult(results, selectedTabType) {
       uuid: results.uuid
     }, false);
   }
-} // fetches the list of folders to select from when uploading a file
+}
 
+// fetches the list of folders to select from when uploading a file
 export function fetchFolders(bookmark) {
   return (dispatch, getState) => {
     dispatch(startLoading());
@@ -227,7 +226,6 @@ export function fetchFolders(bookmark) {
       contextId,
       contextType
     } = getState();
-
     if (bookmark || upload.folders && Object.keys(upload.folders).length === 0) {
       return source.fetchFolders({
         jwt,
@@ -244,7 +242,6 @@ export function fetchFolders(bookmark) {
           upload
         } = getState();
         dispatch(processedFolderBatch(upload));
-
         if (bookmark) {
           dispatch(fetchFolders(bookmark));
         } else {
@@ -255,8 +252,9 @@ export function fetchFolders(bookmark) {
       });
     }
   };
-} // uploads handled via canvas-media
+}
 
+// uploads handled via canvas-media
 export function mediaUploadComplete(error, uploadData) {
   const {
     mediaObject,
@@ -287,7 +285,6 @@ export function createMediaServerSession() {
     const {
       source
     } = getState();
-
     if (!bridge.mediaServerSession) {
       return source.mediaServerSession().then(data => {
         bridge.setMediaServerSession(data);
@@ -343,7 +340,6 @@ export function uploadToIconMakerFolder(svg) {
 export function uploadToMediaFolder(tabContext, fileMetaProps) {
   return (dispatch, getState) => {
     var _editorComponent$edit;
-
     const editorComponent = bridge.activeEditor();
     const bookmark = editorComponent === null || editorComponent === void 0 ? void 0 : (_editorComponent$edit = editorComponent.editor) === null || _editorComponent$edit === void 0 ? void 0 : _editorComponent$edit.selection.getBookmark(undefined, true);
     dispatch(activateMediaUpload(fileMetaProps));
@@ -354,7 +350,6 @@ export function uploadToMediaFolder(tabContext, fileMetaProps) {
       contextId,
       contextType
     } = getState();
-
     if (tabContext === 'media' && fileMetaProps.domObject) {
       return saveMediaRecording(fileMetaProps.domObject, {
         contextId,
@@ -365,7 +360,6 @@ export function uploadToMediaFolder(tabContext, fileMetaProps) {
         dispatch(mediaUploadComplete(err, uploadData));
       });
     }
-
     return source.fetchMediaFolder({
       jwt,
       host,
@@ -376,20 +370,19 @@ export function uploadToMediaFolder(tabContext, fileMetaProps) {
         folders
       } = _ref5;
       fileMetaProps.parentFolderId = folders[0].id;
-
       if (fileMetaProps.domObject) {
         delete fileMetaProps.domObject.preview; // don't need this anymore
       }
-
-      return dispatch(uploadPreflight(tabContext, { ...fileMetaProps,
+      return dispatch(uploadPreflight(tabContext, {
+        ...fileMetaProps,
         bookmark
       })).then(results => {
         return results;
       });
     }).catch(e => {
       // Get rid of any placeholder that might be there.
-      dispatch(removePlaceholdersFor(fileMetaProps.name)); // eslint-disable-next-line no-console
-
+      dispatch(removePlaceholdersFor(fileMetaProps.name));
+      // eslint-disable-next-line no-console
       console.error('Fetching the media folder failed.', e);
     });
   };
@@ -398,24 +391,20 @@ export function setUsageRights(source, fileMetaProps, results) {
   const {
     usageRights
   } = fileMetaProps;
-
   if (usageRights) {
     source.setUsageRights(results.id, usageRights);
   }
-
   return results;
 }
 export function getFileUrlIfMissing(source, results) {
   if (results.href || results.url) {
     return Promise.resolve(results);
   }
-
   return source.getFile(results.id).then(file => {
     results.url = file.url;
     return results;
   });
 }
-
 function readUploadedFileAsDataURL(file) {
   let reader = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new FileReader();
   return new Promise((resolve, reject) => {
@@ -423,15 +412,12 @@ function readUploadedFileAsDataURL(file) {
       reader.abort();
       reject(new DOMException('Unable to parse file'));
     };
-
     reader.onload = () => {
       resolve(reader.result);
     };
-
     reader.readAsDataURL(file);
   });
 }
-
 export function generateThumbnailUrl(results, fileDOMObject, reader) {
   if (/^image\//.test(results['content-type'])) {
     return readUploadedFileAsDataURL(fileDOMObject, reader).then(result => {
@@ -446,7 +432,6 @@ export function setAltText(altText, results) {
   if (altText) {
     results.alt_text = altText;
   }
-
   return results;
 }
 export function handleFailures(error, dispatch) {
@@ -459,7 +444,6 @@ export function handleFailures(error, dispatch) {
       }
     }).catch(error => dispatch(failUpload(error)));
   }
-
   if (error) {
     return Promise.resolve().then(() => dispatch(failUpload(error)));
   }
@@ -476,12 +460,10 @@ export function uploadPreflight(tabContext, fileMetaProps) {
     const {
       fileReader
     } = fileMetaProps;
-
     const getCategory = async fileProps => {
       const categoryObject = await CategoryProcessor.process(fileProps.domObject);
       return categoryObject === null || categoryObject === void 0 ? void 0 : categoryObject.category;
     };
-
     dispatch(startUpload(fileMetaProps));
     return getCategory(fileMetaProps).then(category => {
       return source.preflightUpload(fileMetaProps, {
@@ -506,39 +488,32 @@ export function uploadPreflight(tabContext, fileMetaProps) {
         if (fileMetaProps.isDecorativeImage) {
           results.isDecorativeImage = fileMetaProps.isDecorativeImage;
         }
-
         if (fileMetaProps.displayAs) {
           results.displayAs = fileMetaProps.displayAs;
         }
-
         return results;
       }).then(async results => {
         let newBookmark;
         const editorComponent = bridge.activeEditor();
-
         if (fileMetaProps.bookmark) {
           newBookmark = editorComponent.editor.selection.getBookmark(undefined, true);
           editorComponent.editor.selection.moveToBookmark(fileMetaProps.bookmark);
         }
-
         const uploadResult = {
           contextType,
           contextId,
           ...results
         };
         const embedResult = embedUploadResult(uploadResult, tabContext);
-
         if (fileMetaProps.bookmark) {
           editorComponent.editor.selection.moveToBookmark(newBookmark);
         }
-
         if (embedResult !== null && embedResult !== void 0 && embedResult.loadingPromise) {
           // Wait until the image loads to remove the placeholder
           await embedResult.loadingPromise.finally(() => dispatch(removePlaceholdersFor(fileMetaProps.name)));
         } else {
           dispatch(removePlaceholdersFor(fileMetaProps.name));
         }
-
         return uploadResult;
       }).then(results => {
         dispatch(allUploadCompleteActions(results, fileMetaProps, contextType));

package/es/sidebar/containers/Sidebar.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 propsFromState(state) {
   const {
     ui,
@@ -37,12 +38,10 @@ export function propsFromState(state) {
     source
   } = state;
   const collections = {};
-
   for (const key in state.collections) {
     const collection = state.collections[key];
     collections[key] = collection;
   }
-
   return {
     containingContext,
     contextType,

package/es/sidebar/containers/sidebarHandlers.js

@@ -15,10 +15,12 @@
  * 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 { changeTab, changeAccordion } from '../actions/ui';
 import { fetchInitialPage, fetchNextPage } from '../actions/data';
 import { fetchInitialImages, fetchNextImages } from '../actions/images';
-import { createMediaServerSession, fetchFolders, openOrCloseUploadForm, // saveMediaRecording,
+import { createMediaServerSession, fetchFolders, openOrCloseUploadForm,
+// saveMediaRecording,
 mediaUploadComplete, uploadPreflight, uploadToIconMakerFolder, uploadToMediaFolder } from '../actions/upload';
 import { searchFlickr, openOrCloseFlickrForm } from '../actions/flickr';
 import { toggle as toggleFolder } from '../actions/files';

package/es/sidebar/dragHtml.js

@@ -15,12 +15,14 @@
  * 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 * as browser from '../common/browser';
 export default function (ev, html) {
   // default data to store
   let format = 'text/html';
-  let data = html; // special handling for IE and Edge
+  let data = html;
 
+  // special handling for IE and Edge
   if (browser.edge()) {
     // MS Edge can do text/html, but may have stuff in ev.dataTransfer.files
     // (e.g. when dragging an image) that confuses tinymce's onDrop handler
@@ -42,8 +44,8 @@ export default function (ev, html) {
     //
     format = 'Text';
     data = `data:text/mce-internal,rcs-sidebar,${escape(html)}`;
-  } // place the data into the dataTransfer so it's available for the drop event
-
+  }
 
+  // place the data into the dataTransfer so it's available for the drop event
   ev.dataTransfer.setData(format, data);
 }

package/es/sidebar/reducers/all_files.js

@@ -15,21 +15,22 @@
  * 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/>.
  */
+
 // This is a temporary patch until the All Files panel
 // is rewritten to use the files actions that query
 // data from the RCS, but still the CanvasContentTray
 // know when the FileBrowser is actively querying
 // so we can disable the search box in the Filter
+
 import { ALL_FILES_LOADING } from '../actions/all_files';
 export function allFilesLoading() {
   let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let action = arguments.length > 1 ? arguments[1] : undefined;
-
   if (action.type === ALL_FILES_LOADING) {
-    return { ...state,
+    return {
+      ...state,
       isLoading: action.payload
     };
   }
-
   return state;
 }

package/es/sidebar/reducers/collection.js

@@ -15,16 +15,18 @@
  * 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 { REQUEST_INITIAL_PAGE, REQUEST_PAGE, RECEIVE_PAGE, FAIL_PAGE } from '../actions/data'; // manages the state for a specific collection. assumes the action is intended
-// for this collection (see collections.js)
 
+import { REQUEST_INITIAL_PAGE, REQUEST_PAGE, RECEIVE_PAGE, FAIL_PAGE } from '../actions/data';
+
+// manages the state for a specific collection. assumes the action is intended
+// for this collection (see collections.js)
 export default function () {
   let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case REQUEST_INITIAL_PAGE:
-      return { ...state,
+      return {
+        ...state,
         links: [],
         bookmark: null,
         isLoading: true,
@@ -32,23 +34,22 @@ export default function () {
         hasMore: true,
         searchString: action.searchString
       };
-
     case REQUEST_PAGE:
-      return { ...state,
+      return {
+        ...state,
         isLoading: true,
         cancel: action.cancel
       };
-
     case RECEIVE_PAGE:
       // add links to collection, store bookmark if more, resolve loading
-      return { ...state,
+      return {
+        ...state,
         links: state.links.concat(action.links),
         bookmark: action.bookmark,
         isLoading: false,
         cancel: null,
         hasMore: !!action.bookmark
       };
-
     case FAIL_PAGE:
       {
         const overrides = {
@@ -56,16 +57,14 @@ export default function () {
           cancel: null,
           error: action.error
         };
-
         if (state.links.length === 0) {
           overrides.bookmark = null;
         }
-
-        return { ...state,
+        return {
+          ...state,
           ...overrides
         };
       }
-
     default:
       return state;
   }

package/es/sidebar/reducers/collections.js

@@ -15,15 +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 { REQUEST_INITIAL_PAGE, REQUEST_PAGE, RECEIVE_PAGE, FAIL_PAGE } from '../actions/data';
 import collectionReducer from './collection';
-import { combineReducers } from 'redux'; // binds a collection reducer to listen only to actions directed at it
+import { combineReducers } from 'redux';
 
+// binds a collection reducer to listen only to actions directed at it
 function boundCollectionReducer(key) {
   return function () {
     let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     let action = arguments.length > 1 ? arguments[1] : undefined;
-
     switch (action.type) {
       case REQUEST_INITIAL_PAGE:
       case REQUEST_PAGE:
@@ -34,14 +35,13 @@ function boundCollectionReducer(key) {
         } else {
           return state;
         }
-
       default:
         return state;
     }
   };
-} // combine a collection reducer for each collection we care about
-
+}
 
+// combine a collection reducer for each collection we care about
 export default combineReducers({
   announcements: boundCollectionReducer('announcements'),
   assignments: boundCollectionReducer('assignments'),

package/es/sidebar/reducers/documents.js

@@ -15,17 +15,19 @@
  * 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 { REQUEST_INITIAL_DOCS, REQUEST_DOCS, RECEIVE_DOCS, FAIL_DOCS } from '../actions/documents';
-import { CHANGE_CONTEXT, CHANGE_SEARCH_STRING } from '../actions/filter'; // manages the state for a specific collection. assumes the action is intended
-// for this collection (see collections.js)
+import { CHANGE_CONTEXT, CHANGE_SEARCH_STRING } from '../actions/filter';
 
+// manages the state for a specific collection. assumes the action is intended
+// for this collection (see collections.js)
 export default function documentsReducer() {
   let prevState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let action = arguments.length > 1 ? arguments[1] : undefined;
   const ctxt = action.payload && action.payload.contextType;
-  const state = { ...prevState
+  const state = {
+    ...prevState
   };
-
   if (ctxt && !state[ctxt]) {
     state[ctxt] = {
       files: [],
@@ -34,7 +36,6 @@ export default function documentsReducer() {
       hasMore: true
     };
   }
-
   switch (action.type) {
     case REQUEST_INITIAL_DOCS:
       state[ctxt] = {
@@ -44,11 +45,9 @@ export default function documentsReducer() {
         hasMore: true
       };
       return state;
-
     case REQUEST_DOCS:
       state[ctxt].isLoading = true;
       return state;
-
     case RECEIVE_DOCS:
       // add to collection, store bookmark if more, resolve loading
       state[ctxt] = {
@@ -58,31 +57,25 @@ export default function documentsReducer() {
         hasMore: !!action.payload.bookmark
       };
       return state;
-
     case FAIL_DOCS:
       {
         state[ctxt] = {
           isLoading: false,
           error: action.payload.error
         };
-
         if (action.payload.files && action.payload.files.length === 0) {
           state[ctxt].bookmark = null;
         }
-
         return state;
       }
-
     case CHANGE_CONTEXT:
       {
         return state;
       }
-
     case CHANGE_SEARCH_STRING:
       {
         return state;
       }
-
     default:
       return prevState;
   }

package/es/sidebar/reducers/files.js

@@ -15,14 +15,15 @@
  * 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 { ADD_FILE } from '../actions/files';
 export default function filesReducer() {
   let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case ADD_FILE:
-      return { ...state,
+      return {
+        ...state,
         [action.id]: {
           id: action.id,
           name: action.name,
@@ -31,7 +32,6 @@ export default function filesReducer() {
           embed: action.embed
         }
       };
-
     default:
       return state;
   }

package/es/sidebar/reducers/filter.js

@@ -15,35 +15,30 @@
  * 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 { CHANGE_CONTEXT_TYPE, CHANGE_CONTEXT_ID, CHANGE_SEARCH_STRING, CHANGE_SORT_BY } from '../actions/filter';
 export function changeContextType() {
   let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let action = arguments.length > 1 ? arguments[1] : undefined;
-
   if (action.type === CHANGE_CONTEXT_TYPE) {
     return action.payload;
   }
-
   return state;
 }
 export function changeContextId() {
   let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let action = arguments.length > 1 ? arguments[1] : undefined;
-
   if (action.type === CHANGE_CONTEXT_ID) {
     return action.payload;
   }
-
   return state;
 }
 export function changeSearchString() {
   let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let action = arguments.length > 1 ? arguments[1] : undefined;
-
   if (action.type === CHANGE_SEARCH_STRING) {
     return action.payload;
   }
-
   return state;
 }
 export function changeSortBy() {
@@ -52,10 +47,8 @@ export function changeSortBy() {
     sort: 'date_added'
   };
   let action = arguments.length > 1 ? arguments[1] : undefined;
-
   if (action.type === CHANGE_SORT_BY) {
     return action.payload;
   }
-
   return state;
 }

package/es/sidebar/reducers/flickr.js

@@ -15,36 +15,36 @@
  * 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 { START_FLICKR_SEARCH, RECEIVE_FLICKR_RESULTS, FAIL_FLICKR_SEARCH, TOGGLE_FLICKR_FORM } from '../actions/flickr';
 export default function () {
   let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case START_FLICKR_SEARCH:
-      return { ...state,
+      return {
+        ...state,
         searching: true,
         searchTerm: action.term
       };
-
     case RECEIVE_FLICKR_RESULTS:
-      return { ...state,
+      return {
+        ...state,
         searching: false,
         searchResults: action.results
       };
-
     case FAIL_FLICKR_SEARCH:
-      return { ...state,
+      return {
+        ...state,
         searching: false,
         searchTerm: '',
         searchResults: []
       };
-
     case TOGGLE_FLICKR_FORM:
-      return { ...state,
+      return {
+        ...state,
         formExpanded: !state.formExpanded
       };
-
     default:
       return state;
   }