@instructure/canvas-rce 5.12.1 → 5.12.2

package/lib/rce/plugins/instructure_rce_external_tools/lti13-content-items/rceLti13ContentItemFromJson.js

@@ -1,48 +0,0 @@
-/*
- * Copyright (C) 2023 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * 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 HtmlFragmentContentItem from './models/HtmlFragmentContentItem';
-import ImageContentItem from './models/ImageContentItem';
-import LinkContentItem from './models/LinkContentItem';
-import ResourceLinkContentItem from './models/ResourceLinkContentItem';
-
-/**
- * Creates an RceLti13ContentItem from the given JSON, or null if the type isn't supported.
- *
- * Note: this function would ideally be a static member of RceLti13ContentItem, but that creates a circular dependency
- *       with the implementations of the base class, so it needs to be in a separate module.
- *
- * @param itemJson
- * @param context
- */
-export function rceLti13ContentItemFromJson(itemJson, context) {
-  if (!itemJson.type) return null;
-  const clazz = typeRegistry[itemJson.type]; // eslint-disable-next-line new-cap
-
-  return clazz ? new clazz(itemJson, context) : null;
-}
-/*
- * Type safe registry of implementation of RceLti13ContentItem. Adding additional types to the Lti13ContentItemJson
- * union will cause a compiler error if the implementations aren't added here as well.
- */
-
-const typeRegistry = {
-  html: HtmlFragmentContentItem,
-  image: ImageContentItem,
-  link: LinkContentItem,
-  ltiResourceLink: ResourceLinkContentItem
-};

package/lib/rce/plugins/instructure_rce_external_tools/plugin.js

@@ -1,112 +0,0 @@
-/*
- * Copyright (C) 2018 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * 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 tinymce from 'tinymce';
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { RceToolWrapper, buildToolMenuItems } from './RceToolWrapper';
-import formatMessage from '../../../format-message';
-import { ExternalToolSelectionDialog } from './components/ExternalToolSelectionDialog/ExternalToolSelectionDialog';
-import { ensureToolDialogContainerElem } from './dialog-helper';
-import { externalToolsEnvFor } from './ExternalToolsEnv'; // Register plugin
-
-tinymce.PluginManager.add('instructure_rce_external_tools', initExternalToolsLocalPlugin);
-/**
- * This plugin adds the "Apps" toolbar button and the "Apps" menu item. It is a rewrite of 'instructure_external_tools'
- * to live fully in the canvas-rce package. It supports running in an iframe as part of an LTI tool, such as
- * new quizzes.
- *
- * @param editor
- */
-
-export function initExternalToolsLocalPlugin(editor) {
-  if (RceToolWrapper.forEditorEnv(externalToolsEnvFor(editor)).length === 0) {
-    return;
-  }
-
-  registerFavoriteAppsToolbarButtons(editor);
-  registerAppsToolbarButton(editor);
-  registerAppsMenu(editor);
-}
-/**
- * Add the "Apps" toolbar button with "View all" and MRU buttons
- */
-
-function registerAppsMenu(editor) {
-  editor.ui.registry.addNestedMenuItem('lti_tools_menuitem', {
-    text: formatMessage('Apps'),
-    icon: 'lti',
-    getSubmenuItems: () => {
-      const availableTools = RceToolWrapper.forEditorEnv(externalToolsEnvFor(editor));
-      const toolMenuItems = buildToolMenuItems(availableTools, makeViewAllItem(editor));
-      return toolMenuItems;
-    }
-  });
-}
-/**
- * Registers toolbar buttons for favorite apps
- */
-
-
-function registerFavoriteAppsToolbarButtons(editor) {
-  RceToolWrapper.forEditorEnv(externalToolsEnvFor(editor)).filter(it => it.favorite).forEach(toolInfo => editor.ui.registry.addButton(`instructure_external_button_${toolInfo.id}`, toolInfo.asToolbarButton()));
-}
-
-function registerAppsToolbarButton(editor) {
-  const tooltip = formatMessage('Apps');
-  editor.ui.registry.addMenuButton('lti_mru_button', {
-    tooltip,
-    icon: 'lti',
-    fetch: callback => {
-      const availableTools = RceToolWrapper.forEditorEnv(externalToolsEnvFor(editor));
-      const toolMenuItems = buildToolMenuItems(availableTools, makeViewAllItem(editor));
-      callback(toolMenuItems);
-    },
-
-    onSetup(_api) {
-      return () => undefined;
-    }
-
-  });
-}
-
-function openToolSelectionDialog(editor) {
-  const availableTools = RceToolWrapper.forEditorEnv(externalToolsEnvFor(editor));
-  const container = ensureToolDialogContainerElem();
-
-  const handleDismiss = () => {
-    ReactDOM.unmountComponentAtNode(container);
-    editor.focus();
-  };
-
-  ReactDOM.render( /*#__PURE__*/React.createElement(ExternalToolSelectionDialog, {
-    onDismiss: handleDismiss,
-    ltiButtons: availableTools
-  }), ensureToolDialogContainerElem());
-}
-
-function makeViewAllItem(editor) {
-  return {
-    type: 'menuitem',
-    text: formatMessage('View All'),
-
-    onAction() {
-      openToolSelectionDialog(editor);
-    }
-
-  };
-}

package/lib/rce/plugins/instructure_rce_external_tools/util/addParentFrameContextToUrl.js

@@ -1,27 +0,0 @@
-/*
- * Copyright (C) 2023 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * 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 { addQueryParamsToUrl } from '../../../../util/url-util';
-export function addParentFrameContextToUrl(inputUrlStr, containingCanvasLtiToolId) {
-  if (containingCanvasLtiToolId == null || containingCanvasLtiToolId.length === 0) {
-    return inputUrlStr !== null && inputUrlStr !== void 0 ? inputUrlStr : null;
-  }
-
-  return addQueryParamsToUrl(inputUrlStr, {
-    parent_frame_context: containingCanvasLtiToolId
-  });
-}

package/lib/rce/plugins/instructure_record/AudioOptionsTray/TrayController.js

@@ -1,152 +0,0 @@
-/*
- * Copyright (C) 2021 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * 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 ReactDOM from 'react-dom';
-import bridge from '../../../../bridge';
-import { asAudioElement, findMediaPlayerIframe } from '../../shared/ContentSelection';
-import AudioOptionsTray from '.';
-export const CONTAINER_ID = 'instructure-audio-options-tray-container';
-export default class TrayController {
-  constructor() {
-    this._isOpen = false;
-    this._shouldOpen = false;
-    this._editor = null;
-    this._audioContainer = null;
-  }
-
-  get container() {
-    let _container = document.getElementById(CONTAINER_ID);
-
-    if (_container == null) {
-      _container = document.createElement('div');
-      _container.id = CONTAINER_ID;
-      document.body.appendChild(_container);
-    }
-
-    return _container;
-  }
-
-  get isOpen() {
-    return this._isOpen;
-  }
-
-  showTrayForEditor(editor) {
-    this._shouldOpen = true;
-    this._editor = editor;
-    this._audioContainer = findMediaPlayerIframe(editor.selection.getNode());
-
-    if (bridge.focusedEditor) {
-      // Dismiss any content trays that may already be open
-      bridge.hideTrays();
-    }
-
-    const trayProps = bridge.trayProps.get(editor);
-
-    this._renderTray(trayProps);
-  }
-
-  hideTrayForEditor(editor) {
-    if (this._editor === editor) {
-      this._dismissTray();
-    }
-  }
-
-  _dismissTray() {
-    if (this._audioContainer) {
-      this._editor.selection.select(this._audioContainer);
-    }
-
-    this._resetController();
-  }
-
-  _resetController() {
-    this._shouldOpen = false;
-    const trayProps = bridge.trayProps.get(this._editor);
-
-    this._renderTray(trayProps);
-
-    this._editor = null;
-    this._audioContainer = null;
-    const elem = document.getElementById(CONTAINER_ID);
-    return elem.parentNode.removeChild(elem);
-  }
-
-  _applyAudioOptions(audioOptions) {
-    if (!audioOptions.media_object_id || audioOptions.media_object_id === 'undefined') {
-      return;
-    }
-
-    const container = this._audioContainer;
-    return audioOptions.updateMediaObject({
-      media_object_id: audioOptions.media_object_id,
-      subtitles: audioOptions.subtitles
-    }).then(() => container === null || container === void 0 ? void 0 : container.contentWindow.location.reload()).catch(ex => {
-      // eslint-disable-next-line no-console
-      console.error('Failed updating audio captions', ex);
-    });
-  }
-
-  requestSubtitlesFromIframe(cb) {
-    var _this$_audioContainer, _this$_audioContainer2;
-
-    if (!bridge.canvasOrigin) return;
-    this._subtitleListener = new AbortController();
-    window.addEventListener('message', event => {
-      var _event$data;
-
-      if ((event === null || event === void 0 ? void 0 : (_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.subject) === "media_tracks_response") {
-        var _event$data2;
-
-        cb(event === null || event === void 0 ? void 0 : (_event$data2 = event.data) === null || _event$data2 === void 0 ? void 0 : _event$data2.payload);
-      }
-    }, {
-      signal: this._subtitleListener.signal
-    });
-    (_this$_audioContainer = this._audioContainer) === null || _this$_audioContainer === void 0 ? void 0 : (_this$_audioContainer2 = _this$_audioContainer.contentWindow) === null || _this$_audioContainer2 === void 0 ? void 0 : _this$_audioContainer2.postMessage({
-      subject: 'media_tracks_request'
-    }, bridge.canvasOrigin);
-  }
-
-  _renderTray(trayProps) {
-    const audioOptions = asAudioElement(this._audioContainer) || {};
-    const element = /*#__PURE__*/React.createElement(AudioOptionsTray, {
-      audioOptions: audioOptions,
-      onEntered: () => {
-        this._isOpen = true;
-      },
-      onExited: () => {
-        var _this$_subtitleListen;
-
-        bridge.focusActiveEditor(false);
-        this._isOpen = false;
-        (_this$_subtitleListen = this._subtitleListener) === null || _this$_subtitleListen === void 0 ? void 0 : _this$_subtitleListen.abort();
-      },
-      onSave: options => {
-        this._applyAudioOptions(options);
-
-        this._dismissTray();
-      },
-      onDismiss: () => this._dismissTray(),
-      open: this._shouldOpen,
-      trayProps: trayProps,
-      requestSubtitlesFromIframe: cb => this.requestSubtitlesFromIframe(cb)
-    });
-    ReactDOM.render(element, this.container);
-  }
-
-}

package/lib/rce/plugins/instructure_record/AudioOptionsTray/index.js

@@ -1,154 +0,0 @@
-/*
- * Copyright (C) 2021 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * 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, { useState, useEffect } from 'react';
-import { arrayOf, bool, func, shape, string } from 'prop-types';
-import { Flex } from '@instructure/ui-flex';
-import { Tray } from '@instructure/ui-tray';
-import { FormFieldGroup } from '@instructure/ui-form-field';
-import { ClosedCaptionPanel } from '@instructure/canvas-media';
-import { Button, CloseButton } from '@instructure/ui-buttons';
-import { StoreProvider } from '../../shared/StoreContext';
-import Bridge from '../../../../bridge';
-import formatMessage from '../../../../format-message';
-import { getTrayHeight } from '../../shared/trayUtils';
-import { instuiPopupMountNode } from '../../../../util/fullscreenHelpers';
-import { Heading } from '@instructure/ui-heading';
-
-const getLiveRegion = () => document.getElementById('flash_screenreader_holder');
-
-export default function AudioOptionsTray(_ref) {
-  let {
-    open,
-    onEntered,
-    onExited,
-    onDismiss,
-    onSave,
-    trayProps,
-    audioOptions,
-    requestSubtitlesFromIframe
-  } = _ref;
-  const [subtitles, setSubtitles] = useState(audioOptions.tracks || []);
-  useEffect(() => {
-    if (subtitles.length === 0) requestSubtitlesFromIframe(setSubtitles);
-  }, []);
-
-  const handleSave = (e, contentProps) => {
-    onSave({
-      media_object_id: audioOptions.id,
-      subtitles,
-      updateMediaObject: contentProps.updateMediaObject
-    });
-  };
-
-  return /*#__PURE__*/React.createElement(StoreProvider, trayProps, contentProps => /*#__PURE__*/React.createElement(Tray, {
-    key: "audio-options-tray",
-    "data-mce-component": true,
-    label: formatMessage('Audio Options Tray'),
-    mountNode: instuiPopupMountNode,
-    onDismiss: onDismiss,
-    onEntered: onEntered,
-    onExited: onExited,
-    open: open,
-    placement: "end",
-    shouldCloseOnDocumentClick: true,
-    shouldContainFocus: true,
-    shouldReturnFocus: true
-  }, /*#__PURE__*/React.createElement(Flex, {
-    direction: "column",
-    height: getTrayHeight()
-  }, /*#__PURE__*/React.createElement(Flex.Item, {
-    as: "header",
-    padding: "medium"
-  }, /*#__PURE__*/React.createElement(Flex, {
-    direction: "row"
-  }, /*#__PURE__*/React.createElement(Flex.Item, {
-    shouldGrow: true,
-    shouldShrink: true
-  }, /*#__PURE__*/React.createElement(Heading, {
-    as: "h2"
-  }, formatMessage('Audio Options'))), /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(CloseButton, {
-    placement: "static",
-    color: "primary",
-    onClick: onDismiss,
-    screenReaderLabel: formatMessage('Close')
-  })))), /*#__PURE__*/React.createElement(Flex.Item, {
-    as: "form",
-    shouldGrow: true,
-    margin: "none",
-    shouldShrink: true
-  }, /*#__PURE__*/React.createElement(Flex, {
-    justifyItems: "space-between",
-    direction: "column",
-    height: "100%"
-  }, /*#__PURE__*/React.createElement(Flex.Item, {
-    shouldGrow: true,
-    padding: "small",
-    shouldShrink: true
-  }, /*#__PURE__*/React.createElement(Flex, {
-    direction: "column"
-  }, /*#__PURE__*/React.createElement(Flex.Item, {
-    padding: "small"
-  }, /*#__PURE__*/React.createElement(FormFieldGroup, {
-    description: formatMessage('Closed Captions/Subtitles')
-  }, /*#__PURE__*/React.createElement(ClosedCaptionPanel, {
-    subtitles: subtitles.map(st => ({
-      locale: st.locale,
-      file: {
-        name: st.language || st.locale
-      }
-    })),
-    uploadMediaTranslations: Bridge.uploadMediaTranslations,
-    languages: Bridge.languages,
-    updateSubtitles: newSubtitles => setSubtitles(newSubtitles),
-    liveRegion: getLiveRegion
-  }))))), /*#__PURE__*/React.createElement(Flex.Item, {
-    background: "secondary",
-    borderWidth: "small none none none",
-    padding: "small medium",
-    textAlign: "end"
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: e => handleSave(e, contentProps),
-    color: "primary"
-  }, formatMessage('Done'))))))));
-}
-AudioOptionsTray.propTypes = {
-  onEntered: func,
-  onExited: func,
-  onDismiss: func,
-  onSave: func,
-  open: bool.isRequired,
-  requestSubtitlesFromIframe: func,
-  trayProps: shape({
-    host: string.isRequired,
-    jwt: string.isRequired
-  }).isRequired,
-  audioOptions: shape({
-    id: string.isRequired,
-    titleText: string.isRequired,
-    tracks: arrayOf(shape({
-      locale: string.isRequired
-    }))
-  }).isRequired
-};
-AudioOptionsTray.defaultProps = {
-  onEntered: null,
-  onExited: null,
-  onDismiss: null,
-  onSave: null,
-  requestSubtitlesFromIframe: () => {}
-};

package/lib/rce/plugins/instructure_record/MediaPanel/index.js

@@ -1,123 +0,0 @@
-/*
- * Copyright (C) 2019 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * 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, { useRef } from 'react';
-import { func, oneOf, shape, string } from 'prop-types';
-import { contentTrayDocumentShape } from '../../shared/fileShape';
-import formatMessage from '../../../../format-message';
-import { Text } from '@instructure/ui-text';
-import { View } from '@instructure/ui-view';
-import Link from '../../instructure_documents/components/Link';
-import { LoadMoreButton, LoadingIndicator, LoadingStatus, useIncrementalLoading } from '../../../../common/incremental-loading';
-const PENDING_MEDIA_ENTRY_ID = 'maybe';
-
-function hasFiles(media) {
-  return media.files.length > 0;
-}
-
-function isEmpty(media) {
-  return !hasFiles(media) && !media.hasMore && !media.isLoading;
-}
-
-function renderLinks(files, handleClick, lastItemRef) {
-  return files.map((f, index) => {
-    let focusRef = null;
-
-    if (index === files.length - 1) {
-      focusRef = lastItemRef;
-    }
-
-    return /*#__PURE__*/React.createElement(Link, Object.assign({
-      key: f.id
-    }, f, {
-      onClick: handleClick,
-      focusRef: focusRef,
-      disabled: f.media_entry_id === PENDING_MEDIA_ENTRY_ID,
-      disabledMessage: formatMessage('Media file is processing. Please try again later.')
-    }));
-  });
-}
-
-function renderLoadingError(_error) {
-  return /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    role: "alert",
-    margin: "medium"
-  }, /*#__PURE__*/React.createElement(Text, {
-    color: "danger"
-  }, formatMessage('Loading failed.')));
-}
-
-export default function MediaPanel(props) {
-  const {
-    fetchInitialMedia,
-    fetchNextMedia,
-    contextType,
-    sortBy,
-    searchString
-  } = props;
-  const media = props.media[contextType];
-  const {
-    hasMore,
-    isLoading,
-    error,
-    files
-  } = media;
-  const lastItemRef = useRef(null);
-  const loader = useIncrementalLoading({
-    hasMore,
-    isLoading,
-    lastItemRef,
-    onLoadInitial: fetchInitialMedia,
-    onLoadMore: fetchNextMedia,
-    records: files,
-    contextType,
-    sortBy,
-    searchString
-  });
-
-  const handleFileClick = file => {
-    props.onMediaEmbed(file);
-  };
-
-  return /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    "data-testid": "instructure_links-MediaPanel"
-  }, renderLinks(files, handleFileClick, lastItemRef), loader.isLoading && /*#__PURE__*/React.createElement(LoadingIndicator, {
-    loader: loader
-  }), !loader.isLoading && loader.hasMore && /*#__PURE__*/React.createElement(LoadMoreButton, {
-    loader: loader
-  }), /*#__PURE__*/React.createElement(LoadingStatus, {
-    loader: loader
-  }), error && renderLoadingError(error), isEmpty(media) && /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    role: "alert",
-    padding: "medium"
-  }, formatMessage('No results.')));
-}
-MediaPanel.propTypes = {
-  contextType: string.isRequired,
-  fetchInitialMedia: func.isRequired,
-  fetchNextMedia: func.isRequired,
-  onMediaEmbed: func.isRequired,
-  media: contentTrayDocumentShape.isRequired,
-  sortBy: shape({
-    sort: oneOf(['date_added', 'alphabetical']).isRequired,
-    order: oneOf(['asc', 'desc']).isRequired
-  }),
-  searchString: string
-};