@instructure/canvas-rce 5.12.1 → 5.12.2

package/lib/common/components/Loading.js

@@ -1,83 +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 PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import formatMessage from '../../format-message';
-import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { StyleSheet, css } from 'aphrodite';
-
-function Loading(props) {
-  const className = (css(styles.loading) + ' ' + props.className).trim();
-  return /*#__PURE__*/React.createElement("span", {
-    className: className
-  }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, formatMessage('Loading...')), /*#__PURE__*/React.createElement("span", {
-    className: css(styles.dot, styles.dot0)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: css(styles.dot, styles.dot1)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: css(styles.dot, styles.dot2)
-  }));
-}
-
-Loading.propTypes = {
-  className: PropTypes.string
-};
-Loading.defaultProps = {
-  className: ''
-};
-const opacityKeyframes = {
-  '0%': {
-    opacity: 0
-  },
-  '50%': {
-    opacity: 1
-  },
-  '100%': {
-    opacity: 0
-  }
-};
-const styles = StyleSheet.create({
-  loading: {
-    display: 'inline-flex',
-    alignItems: 'center',
-    justifyContent: 'space-around',
-    width: '48px',
-    height: '10px'
-  },
-  dot: {
-    animationName: [opacityKeyframes],
-    animationDuration: '1.95s',
-    animationIterationCount: 'infinite',
-    animationDirection: 'linear',
-    background: '#666',
-    borderRadius: '8px',
-    width: '10px',
-    height: '10px',
-    flex: 'none'
-  },
-  dot0: {
-    animationDelay: '-1.8s'
-  },
-  dot1: {
-    animationDelay: '-1.6s'
-  },
-  dot2: {
-    animationDelay: '-1.4s'
-  }
-});
-export default Loading;

package/lib/common/fileUrl.js

@@ -1,152 +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/>.
- */
-// I really want to use the native URL api, but it's requirement of an absolute URL
-// or a base URL makes testing difficult, esp since window.location is "about:blank"
-// in mocha tests.
-import { parse, format } from 'url';
-
-function parseCanvasUrl(url) {
-  let canvasOrigin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.location.origin;
-
-  if (!url) {
-    return null;
-  }
-
-  const parsed = parse(url, true);
-  const canvasHost = parse(canvasOrigin, true).host;
-
-  if (parsed.host && canvasHost !== parsed.host) {
-    return null;
-  }
-
-  return parsed;
-}
-
-export function absoluteToRelativeUrl(url, canvasOrigin) {
-  const parsed = parseCanvasUrl(url, canvasOrigin);
-
-  if (!parsed) {
-    return url;
-  }
-
-  parsed.host = '';
-  parsed.hostname = '';
-  parsed.slashes = false;
-  parsed.protocol = '';
-  const newUrl = format(parsed);
-  return newUrl;
-}
-
-function changeDownloadToWrapParams(parsedUrl) {
-  delete parsedUrl.search;
-  delete parsedUrl.query.download_frd;
-  parsedUrl.query.wrap = '1';
-  parsedUrl.pathname = parsedUrl.pathname.replace(/\/(?:download|preview)\/?$/, '');
-  return parsedUrl;
-}
-
-function addContext(parsedUrl, contextType, contextId) {
-  // if this is a http://canvas/files... url. change it to be contextual
-  if (/^\/files/.test(parsedUrl.pathname)) {
-    const context = contextType.replace(/([^s])$/, '$1s'); // canvas contexts are plural
-
-    parsedUrl.pathname = `/${context}/${contextId}${parsedUrl.pathname}`;
-  }
-
-  return parsedUrl;
-} // simply replaces the download_frd url param with wrap
-// wrap=1 will (often) cause the resource to be loaded
-// in an iframe on canvas' files page
-
-
-export function downloadToWrap(url) {
-  const parsed = parseCanvasUrl(url);
-
-  if (!parsed) {
-    return url;
-  }
-
-  return format(changeDownloadToWrapParams(parsed));
-} // take a url to a file (e.g. /files/17), and convert it to
-// it's in-context url (e.g. /courses/2/files/17).
-// Add wrap=1 to the url so it previews, not downloads
-// If it is a user file or being referenced from a different origin, add the verifier
-// NOTE: this can be removed once canvas-rce-api is updated
-//       to normalize the file URLs it returns.
-
-export function fixupFileUrl(contextType, contextId, fileInfo, canvasOrigin) {
-  // it's annoying, but depending on how we got here
-  // the file may have an href or a url
-  const key = fileInfo.href ? 'href' : 'url';
-
-  if (fileInfo[key]) {
-    let parsed = parseCanvasUrl(fileInfo[key], canvasOrigin);
-
-    if (!parsed) {
-      return fileInfo;
-    }
-
-    parsed = changeDownloadToWrapParams(parsed);
-    parsed = addContext(parsed, contextType, contextId); // if this is a user file, add the verifier
-
-    if (fileInfo.uuid && contextType.includes('user')) {
-      delete parsed.search;
-      parsed.query.verifier = fileInfo.uuid;
-    } else {
-      delete parsed.query.verifier;
-    }
-
-    fileInfo[key] = format(parsed);
-  }
-
-  return fileInfo;
-} // embedded resources, like an <img src=url> with /preview
-// in the url will not be logged as a view in canvas.
-// This is appropriate for images in some rce content.
-// Remove wrap=1 to indicate we want the file downloaded
-// (which is necessary to show in an <img> tag), not viewed
-
-export function prepEmbedSrc(url) {
-  let canvasOrigin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.location.origin;
-  const parsed = parseCanvasUrl(url, canvasOrigin);
-
-  if (!parsed) {
-    return url;
-  }
-
-  if (!/\/preview(?:\?|$)/.test(parsed.pathname)) {
-    parsed.pathname = parsed.pathname.replace(/(?:\/download)?\/?(\?|$)/, '/preview$1');
-  }
-
-  delete parsed.search;
-  delete parsed.query.wrap;
-  return format(parsed);
-} // when the user opens a link to a resource, we want its view
-// logged, so remove /preview
-
-export function prepLinkedSrc(url) {
-  const parsed = parseCanvasUrl(url);
-
-  if (!parsed) {
-    return url;
-  }
-
-  delete parsed.search;
-  parsed.pathname = parsed.pathname.replace(/\/preview(\?|$)/, '$1');
-  return format(parsed);
-}

package/lib/common/getCookie.js

@@ -1,32 +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/>.
- */
-
-/*
- * This file is copied from canvas-lms/packages/get-cookie/index.js
- */
-
-/**
- * A faster alternative to $.cookie for getting a cookie from document.cookie by name
- * see: https://stackoverflow.com/a/25490531/7159335
- * @param {string} cookieName
- * @returns {string} cookie value
- */
-export default function getCookie(cookieName) {
-  const match = document.cookie.match('(^|[^;]+)\\s*' + cookieName + '\\s*=\\s*([^;]+)');
-  return match ? decodeURIComponent(match.pop()) : undefined;
-}

package/lib/common/incremental-loading/LoadMoreButton.js

@@ -1,40 +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 from 'react';
-import { func, shape } from 'prop-types';
-import { Button } from '@instructure/ui-buttons';
-import { View } from '@instructure/ui-view';
-import formatMessage from '../../format-message';
-export default function LoadMoreButton(_ref) {
-  let {
-    loader
-  } = _ref;
-  return /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    padding: "small",
-    textAlign: "center"
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: loader.onLoadMore,
-    variant: "default"
-  }, formatMessage('Load More')));
-}
-LoadMoreButton.propTypes = {
-  loader: shape({
-    onLoadMore: func.isRequired
-  }).isRequired
-};

package/lib/common/incremental-loading/LoadingIndicator.js

@@ -1,36 +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 from 'react';
-import { Spinner } from '@instructure/ui-spinner';
-import { View } from '@instructure/ui-view';
-import formatMessage from '../../format-message';
-
-function renderLoading() {
-  return formatMessage('Loading');
-}
-
-export default function LoadingIndicator() {
-  return /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    margin: "medium none",
-    textAlign: "center"
-  }, /*#__PURE__*/React.createElement(Spinner, {
-    size: "small",
-    renderTitle: renderLoading
-  }));
-}

package/lib/common/incremental-loading/LoadingStatus.js

@@ -1,47 +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 from 'react';
-import { number, shape } from 'prop-types';
-import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import formatMessage from '../../format-message';
-export default function LoadingStatus(_ref) {
-  let {
-    loader
-  } = _ref;
-  let itemsLoadedText = null;
-
-  if (loader.lastRecordsLoaded > 0) {
-    itemsLoadedText = formatMessage(`{
-         count, plural,
-           one {# item loaded}
-         other {# items loaded}
-       }`, {
-      count: loader.lastRecordsLoaded
-    });
-  }
-
-  return /*#__PURE__*/React.createElement(ScreenReaderContent, {
-    "aria-live": "polite",
-    "aria-relevant": "text additions"
-  }, itemsLoadedText);
-}
-LoadingStatus.propTypes = {
-  loader: shape({
-    lastRecordsLoaded: number.isRequired
-  }).isRequired
-};

package/lib/common/incremental-loading/index.js

@@ -1,21 +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/>.
- */
-export { default as LoadMoreButton } from './LoadMoreButton';
-export { default as LoadingIndicator } from './LoadingIndicator';
-export { default as LoadingStatus } from './LoadingStatus';
-export { default as useIncrementalLoading } from './useIncrementalLoading';

package/lib/common/incremental-loading/useIncrementalLoading.js

@@ -1,58 +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 { useEffect, useMemo, useRef } from 'react';
-export default function useIncrementalLoading(options) {
-  const {
-    contextType,
-    hasMore,
-    isLoading,
-    lastItemRef,
-    sortBy,
-    searchString,
-    onLoadInitial,
-    onLoadMore,
-    records
-  } = options;
-  const recordCountRef = useRef(records.length);
-  useEffect(() => {
-    onLoadInitial();
-  }, [sortBy.sort, sortBy.order, searchString, contextType]); // eslint-disable-line react-hooks/exhaustive-deps
-
-  return useMemo(() => {
-    const loader = {
-      hasMore,
-      isLoading,
-      lastRecordsLoaded: records.length - recordCountRef.current,
-      onLoadInitial,
-      sortBy,
-      searchString,
-      contextType,
-
-      onLoadMore() {
-        if (lastItemRef.current) {
-          lastItemRef.current.focus();
-        }
-
-        onLoadMore();
-      }
-
-    };
-    recordCountRef.current = records.length;
-    return loader;
-  }, [sortBy, searchString, contextType, hasMore, isLoading, records.length, lastItemRef, onLoadInitial, onLoadMore]);
-}

package/lib/common/indicate.js

@@ -1,75 +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 { StyleSheet, css } from 'aphrodite'; // margin can be overridden, but default is 3px
-
-const MARGIN = 3; // show the indicator over the target with specified margin
-
-export default function indicate(region) {
-  let margin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : MARGIN;
-  const el = document.createElement('div'); // add margin to region and lift it in front
-
-  Object.assign(el.style, {
-    width: region.width + 2 * margin + 'px',
-    height: region.height + 2 * margin + 'px',
-    left: region.left - margin + 'px',
-    top: region.top - margin + 'px',
-    pointerEvents: 'none' // so clicking in the indicator doesn't blur the RCE
-
-  }); // start hidden and animate a fade in
-
-  el.className = css(styles.indicator, styles.enter);
-  document.body.appendChild(el);
-  el.className = css(styles.indicator, styles.enter, styles.active); // fades out slowly after a half second
-
-  const to = setTimeout(() => {
-    el.className = css(styles.indicator, styles.leave);
-  }, 900); // when moused over dismiss with quick fade
-
-  el.addEventListener('mouseover', () => {
-    clearTimeout(to);
-    el.className = css(styles.indicator, styles.leaveFast);
-  }); // destroy element
-
-  setTimeout(() => document.body.removeChild(el), 2000);
-  return el;
-}
-const styles = StyleSheet.create({
-  indicator: {
-    border: '2px solid #870',
-    backgroundColor: '#fd0',
-    position: 'absolute',
-    display: 'block',
-    borderRadius: '5px',
-    zIndex: 999999
-  },
-  enter: {
-    opacity: 0
-  },
-  active: {
-    transition: 'opacity 0.4s',
-    opacity: 0.8
-  },
-  leave: {
-    transition: 'opacity 0.6s',
-    opacity: 0
-  },
-  leaveFast: {
-    transition: 'opacity 0.2s',
-    opacity: 0
-  }
-});

package/lib/common/mimeClass.js

@@ -1,120 +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/>.
- */
-export function fileEmbed(file) {
-  const fileMimeClass = mimeClass(file);
-
-  if (fileMimeClass === 'image') {
-    return {
-      type: 'image'
-    };
-  } else if (fileMimeClass === 'video' || fileMimeClass === 'audio') {
-    return {
-      type: fileMimeClass
-    };
-  } else if (file.preview_url) {
-    return {
-      type: 'scribd'
-    };
-  } else {
-    return {
-      type: 'file'
-    };
-  }
-}
-export function mimeClass(file) {
-  if (file.mime_class) {
-    return file.mime_class;
-  } else {
-    const contentType = getContentType(file); // NOTE: Keep this list in sync with what's in canvas-lms/app/models/attachment.rb
-
-    return contentMapping(contentType) || file.mime_class || 'file';
-  }
-}
-export function contentMapping(contentType) {
-  return {
-    'text/html': 'html',
-    'text/x-csharp': 'code',
-    'text/xml': 'code',
-    'text/css': 'code',
-    text: 'text',
-    'text/plain': 'text',
-    'application/rtf': 'doc',
-    'text/rtf': 'doc',
-    'application/vnd.oasis.opendocument.text': 'doc',
-    'application/pdf': 'pdf',
-    'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'doc',
-    'application/vnd.apple.pages': 'doc',
-    'application/x-docx': 'doc',
-    'application/msword': 'doc',
-    'application/vnd.ms-powerpoint': 'ppt',
-    'application/vnd.openxmlformats-officedocument.presentationml.presentation': 'ppt',
-    'applicatoin/vnd.apple.key': 'ppt',
-    'application/vnd.ms-excel': 'xls',
-    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 'xls',
-    'application/vnd.apple.numbers': 'xls',
-    'application/vnd.oasis.opendocument.spreadsheet': 'xls',
-    'image/jpeg': 'image',
-    'image/pjpeg': 'image',
-    'image/png': 'image',
-    'image/gif': 'image',
-    'image/bmp': 'image',
-    'image/svg+xml': 'image',
-    'image/webp': 'image',
-    'application/x-rar': 'zip',
-    'application/x-rar-compressed': 'zip',
-    'application/x-zip': 'zip',
-    'application/x-zip-compressed': 'zip',
-    'application/xml': 'code',
-    'application/zip': 'zip',
-    'audio/mp3': 'audio',
-    'audio/mpeg': 'audio',
-    'audio/basic': 'audio',
-    'audio/mid': 'audio',
-    'audio/3gpp': 'audio',
-    'audio/x-aiff': 'audio',
-    'audio/x-m4a': 'audio',
-    'audio/x-mpegurl': 'audio',
-    'audio/x-ms-wma': 'audio',
-    'audio/x-pn-realaudio': 'audio',
-    'audio/x-wav': 'audio',
-    'audio/mp4': 'audio',
-    'audio/wav': 'audio',
-    'audio/webm': 'audio',
-    'audio/*': 'audio',
-    audio: 'audio',
-    'video/mpeg': 'video',
-    'video/quicktime': 'video',
-    'video/x-la-asf': 'video',
-    'video/x-ms-asf': 'video',
-    'video/x-ms-wma': 'audio',
-    'video/x-ms-wmv': 'video',
-    'video/x-msvideo': 'video',
-    'video/x-sgi-movie': 'video',
-    'video/3gpp': 'video',
-    'video/mp4': 'video',
-    'video/webm': 'video',
-    'video/avi': 'video',
-    'video/*': 'video',
-    video: 'video',
-    'application/x-shockwave-flash': 'flash'
-  }[contentType];
-}
-
-function getContentType(file) {
-  return file['content-type'] || file.content_type || file.type;
-}