@instructure/canvas-rce 5.14.0 → 5.14.2

package/.eslintrc

@@ -1,45 +0,0 @@
-/*
- * Copyright (C) 2020 - 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/>.
- */
-
-{
-  "extends": ["plugin:testcafe/recommended"],
-  "plugins": ["testcafe"],
-  "rules": {
-    "import/order": "off",
-    "promise/catch-or-return": ["error", { "allowThen": true }]
-  },
-  "ignorePatterns": ["scripts/installTranslations.js", "**/translations/**/*.js"],
-  "overrides": [
-    {
-      "files": ["*.ts*"],
-      "rules": {
-        // no-undef is not useful for typescript.
-        // See discussion: https://stackoverflow.com/questions/60743389/eslint-defined-global-extensions-still-not-defined-no-undef
-        "no-undef": "off",
-
-        // Prefer @typescript-eslint/no-useless-constructor over no-useless-constructor
-        "no-useless-constructor": "off",
-        "@typescript-eslint/no-useless-constructor": "error",
-
-        // Prefer @typescript-eslint/no-empty-function over no-empty-function
-        "no-empty-function": "off",
-        "@typescript-eslint/no-empty-function": "warn"
-      }
-    }
-  ]
-}

package/.prettierignore

@@ -1,6 +0,0 @@
-node_modules
-lib
-public
-locales
-coverage
-src/getTranslations.js

package/es/common/components/FileTree/File.js

@@ -1,64 +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 React, { Component } from 'react';
-import { number, string, shape, func } from 'prop-types';
-import { css } from 'aphrodite';
-import styles from './styles';
-import { IconDocumentLine } from '@instructure/ui-icons';
-export default class File extends Component {
-  constructor() {
-    super(...arguments);
-
-    this.handleSelect = () => {
-      const {
-        onSelect,
-        file
-      } = this.props;
-
-      if (onSelect) {
-        onSelect(file.id);
-      }
-    };
-  }
-
-  icon() {
-    switch (this.props.file.type) {
-      default:
-        return /*#__PURE__*/React.createElement(IconDocumentLine, null);
-    }
-  }
-
-  render() {
-    const {
-      name
-    } = this.props.file;
-    return /*#__PURE__*/React.createElement("button", {
-      className: css(styles.button, styles.file),
-      onClick: this.handleSelect
-    }, this.icon(), " ", name);
-  }
-
-}
-File.propTypes = {
-  file: shape({
-    id: number,
-    name: string,
-    type: string
-  }).isRequired,
-  onSelect: func
-};

package/es/common/components/FileTree/Folder.js

@@ -1,110 +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 File from './File';
-import Loading from '../Loading';
-import { css } from 'aphrodite';
-import styles from './styles';
-import { IconMiniArrowDownLine, IconMiniArrowEndLine, IconFolderLine } from '@instructure/ui-icons';
-export default class Folder extends Component {
-  constructor() {
-    super(...arguments);
-
-    this.handleToggle = () => {
-      const {
-        onToggle,
-        folder
-      } = this.props;
-
-      if (onToggle) {
-        onToggle(folder.id);
-      }
-    };
-  }
-
-  files() {
-    return this.props.folder.fileIds.map(id => this.props.files[id]).filter(file => file != null);
-  }
-
-  subFolders() {
-    return this.props.folder.folderIds.map(id => this.props.folders[id]).filter(folder => folder != null);
-  }
-
-  toggleIcon() {
-    const {
-      expanded
-    } = this.props.folder;
-    return expanded ? /*#__PURE__*/React.createElement(IconMiniArrowDownLine, null) : /*#__PURE__*/React.createElement(IconMiniArrowEndLine, null);
-  }
-
-  render() {
-    const {
-      folders,
-      folder,
-      files,
-      onSelect,
-      onToggle
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      className: css(styles.node)
-    }, /*#__PURE__*/React.createElement("button", {
-      className: css(styles.button),
-      onClick: this.handleToggle,
-      "aria-expanded": !!folder.expanded
-    }, this.toggleIcon(), " ", /*#__PURE__*/React.createElement(IconFolderLine, null), " ", folder.name), folder.expanded && /*#__PURE__*/React.createElement("ul", {
-      className: css(styles.list)
-    }, this.subFolders().map(folder => /*#__PURE__*/React.createElement("li", {
-      key: `folder-${folder.id}`,
-      className: css(styles.node)
-    }, /*#__PURE__*/React.createElement(Folder, {
-      folders: folders,
-      files: files,
-      folder: folder,
-      onToggle: onToggle,
-      onSelect: onSelect
-    }))), this.files().map(file => /*#__PURE__*/React.createElement("li", {
-      key: `file-${file.id}`,
-      className: css(styles.node)
-    }, /*#__PURE__*/React.createElement(File, {
-      onSelect: onSelect,
-      file: file
-    })))), folder.expanded && folder.loading && /*#__PURE__*/React.createElement(Loading, {
-      className: css(styles.loading)
-    }));
-  }
-
-}
-const folderPropType = PropTypes.shape({
-  id: PropTypes.number,
-  name: PropTypes.string,
-  loading: PropTypes.bool,
-  fileIds: PropTypes.arrayOf(PropTypes.number),
-  folderIds: PropTypes.arrayOf(PropTypes.number)
-});
-Folder.propTypes = {
-  folders: PropTypes.objectOf(folderPropType),
-  files: PropTypes.objectOf(File.propTypes.file),
-  folder: folderPropType.isRequired,
-  onToggle: PropTypes.func,
-  onSelect: File.propTypes.onSelect
-};
-Folder.defaultProps = {
-  files: [],
-  folders: []
-};

package/es/common/components/FileTree/index.js

@@ -1,84 +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 Folder from './Folder';
-import { css } from 'aphrodite';
-import styles from './styles';
-const DOWN_KEY = 40;
-const UP_KEY = 38;
-const J_KEY = 74;
-const K_KEY = 75;
-export default class FileTree extends Component {
-  constructor() {
-    super(...arguments);
-
-    this.handleKeyDown = event => {
-      switch (event.keyCode) {
-        case DOWN_KEY:
-        case J_KEY:
-          this.moveFocus(1);
-          break;
-
-        case UP_KEY:
-        case K_KEY:
-          this.moveFocus(-1);
-          break;
-
-        default:
-          return;
-      }
-
-      event.stopPropagation();
-    };
-  }
-
-  navigableNodes() {
-    return Array.from(this.containerNode.querySelectorAll('button'));
-  }
-
-  moveFocus(delta) {
-    const nodes = this.navigableNodes();
-    const active = nodes.indexOf(window.document.activeElement);
-    let next = active + delta;
-
-    if (next < 0) {
-      next = 0;
-    } else if (next >= nodes.length) {
-      next = nodes.length - 1;
-    }
-
-    nodes[next].focus();
-  }
-
-  render() {
-    const inlineStyles = {
-      maxHeight: this.props.maxHeight
-    };
-    return /*#__PURE__*/React.createElement("div", {
-      className: css(styles.container),
-      ref: c => this.containerNode = c,
-      onKeyDown: this.handleKeyDown,
-      style: inlineStyles
-    }, /*#__PURE__*/React.createElement(Folder, this.props));
-  }
-
-}
-FileTree.propTypes = { ...Folder.propTypes,
-  maxHeight: PropTypes.string
-};

package/es/common/components/FileTree/styles.js

@@ -1,72 +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 } from 'aphrodite';
-export default StyleSheet.create({
-  container: {
-    marginBottom: '1em',
-    overflow: 'auto'
-  },
-  list: {
-    margin: '0 0 0 .8em',
-    padding: '0 0 0 .2em',
-    borderLeft: '1px dotted #ccc',
-    listStyle: 'none outside',
-    flex: 1
-  },
-  node: {
-    margin: 0,
-    padding: 0,
-    display: 'block'
-  },
-  loading: {
-    marginLeft: '.8em',
-    borderLeft: '1px dotted #ccc',
-    padding: '.5em .7em'
-  },
-  button: {
-    display: 'block',
-    padding: '.3em',
-    borderRadius: '.3em',
-    backgroundColor: 'transparent',
-    textAlign: 'left',
-    margin: 0,
-    fontFamily: 'inherit',
-    fontSize: 'inherit',
-    flex: 1,
-    width: '100%',
-    boxSizing: 'border-box',
-    border: '1px solid transparent',
-    transition: 'background-color 0.3s',
-    wordBreak: 'break-all',
-    ':hover': {
-      backgroundColor: '#eee'
-    },
-    ':focus': {
-      border: '1px solid #000',
-      outline: 0
-    },
-    ':active': {
-      backgroundColor: '#ddd'
-    }
-  },
-  file: {
-    ':active': {
-      backgroundColor: '#008a14'
-    }
-  }
-});

package/es/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;