@instructure/canvas-rce 5.14.0 → 5.14.1

package/CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+## 5.14.1 - 2024-10-28
+
+### Changed
+
+- Forward along access token and inst_ui parameters from file URLs.
 
 ## 5.14.0 - 2024-10-18
 
@@ -19,6 +24,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Upgraded React to 18
 
+## 5.13.7 - 2024-10-28
+
+### Changed
+
+- Forward along access token and inst_ui parameters from file URLs.
+
 ## 5.13.6 - 2024-09-25
 
 ### Fixed
@@ -36,6 +47,23 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Added IDs to multiple objects missing IDs
 - Add loading spinners to image uploads
 
+## 5.13.5 - 2024-09-25
+
+### Fixed
+
+- File links with data-canvas-previewable='false' will no longer try to preview
+- Change backgroundless buttons to "primary" theme color to be more visible
+- Fix LTI tool scrolling issue on small iOS devices
+- Adding missing translation strings
+- Fixed some types of non-Canvas files from trying to preview like Canvas files
+
+### Changed
+
+- Allow links with data-old-link to replace the existing src or href with the contents
+  of the data-old-link attribute
+- Added IDs to multiple objects missing IDs
+- Add loading spinners to image uploads
+
 ## 5.13.5 - 2024-08-12
 
 ### Fixed

package/build.sh

@@ -1,23 +1,23 @@
 #!/bin/bash
 export COMPOSE_FILE=./docker-compose.yml
 
-docker-compose build
-docker-compose up -d
+docker compose build
+docker compose up -d
 
 # run unit tests
-docker-compose exec -T module npm run test-cov
+docker compose exec -T module npm run test-cov
 unit_status=$?
-docker cp $(docker-compose ps -q module):/usr/src/app/coverage coverage
+docker cp $(docker compose ps -q module):/usr/src/app/coverage coverage
 
 # check code formatting
-docker-compose exec -T module npm run fmt:check
+docker compose exec -T module npm run fmt:check
 fmt_status=$?
 
 # lint all the things
-docker-compose exec -T module npm run lint
+docker compose exec -T module npm run lint
 lint_status=$?
 
-docker-compose stop
+docker compose stop
 
 # jenkins uses the exit code to decide whether you passed or not
 ((unit_status)) && exit $unit_status

package/es/enhance-user-content/instructure_helper.js

@@ -102,16 +102,25 @@ export function showFilePreviewInOverlay(event, canvasOrigin) {
     event.preventDefault();
     const url = new URL(target.href);
     const verifier = url === null || url === void 0 ? void 0 : url.searchParams.get('verifier');
-    const file_id = matches[1]; // TODO:
-    // 1. what window should be be using
+    const access_token = url === null || url === void 0 ? void 0 : url.searchParams.get('access_token');
+    const instfs_id = url === null || url === void 0 ? void 0 : url.searchParams.get('instfs_id');
+    const file_id = matches[1];
+    const params = {
+      subject: 'preview_file',
+      file_id
+    };
+    if (verifier) params.verifier = verifier;
+
+    if (access_token && instfs_id) {
+      params.access_token = access_token;
+      params.instfs_id = instfs_id;
+    } // TODO:
+    // 1. what window should we be using
     // 2. is that the right origin?
     // 3. this is temporary until we can decouple the file previewer from canvas
 
-    window.top.postMessage({
-      subject: 'preview_file',
-      file_id,
-      verifier
-    }, canvasOrigin);
+
+    window.top.postMessage(params, canvasOrigin);
   }
 }
 export function showFilePreviewInline(event, canvasOrigin, disableGooglePreviews) {

package/es/rce/__mocks__/_mockCryptoEs.js

@@ -0,0 +1,124 @@
+/*
+ * 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/>.
+ */
+export default {
+  lib: {
+    Base: {},
+    WordArray: {},
+    BufferedBlockAlgorithm: {},
+    Hasher: {},
+    Cipher: {},
+    StreamCipher: {},
+    BlockCipherMode: {},
+    BlockCipher: {},
+    CipherParams: {},
+    SerializableCipher: {},
+    PasswordBasedCipher: {}
+  },
+  x64: {
+    Word: {},
+    WordArray: {}
+  },
+  enc: {
+    Hex: {},
+    Latin1: {},
+    Utf8: {
+      parse: () => {}
+    },
+    Utf16: {},
+    Utf16BE: {},
+    Utf16LE: {},
+    Base64: {},
+    Base64url: {}
+  },
+  algo: {
+    HMAC: {},
+    MD5: {},
+    SHA1: {},
+    SHA224: {},
+    SHA256: {},
+    SHA384: {},
+    SHA512: {},
+    SHA3: {},
+    RIPEMD160: {},
+    PBKDF2: {},
+    EvpKDF: {},
+    AES: {},
+    DES: {},
+    TripleDES: {},
+    Rabbit: {},
+    RabbitLegacy: {},
+    RC4: {},
+    RC4Drop: {},
+    Blowfish: {}
+  },
+  mode: {
+    CBC: {},
+    CFB: {},
+    CTR: {},
+    CTRGladman: {},
+    ECB: {},
+    OFB: {}
+  },
+  pad: {
+    Pkcs7: {},
+    AnsiX923: {},
+    Iso10126: {},
+    Iso97971: {},
+    NoPadding: {},
+    ZeroPadding: {}
+  },
+  format: {
+    OpenSSL: {},
+    Hex: {}
+  },
+  kdf: {
+    OpenSSL: {}
+  },
+  MD5: {},
+  HmacMD5: {},
+  SHA1: {},
+  HmacSHA1: {},
+  SHA224: {},
+  HmacSHA224: {},
+  SHA256: {},
+  HmacSHA256: {},
+  SHA384: {},
+  HmacSHA384: {},
+  SHA512: {},
+  HmacSHA512: {},
+  SHA3: {},
+  HmacSHA3: {},
+  RIPEMD160: {},
+  HmacRIPEMD160: {},
+  PBKDF2: {},
+  EvpKDF: {},
+  AES: {},
+  DES: {},
+  TripleDES: {},
+  Rabbit: {},
+  RabbitLegacy: {},
+  RC4: {
+    encrypt: () => {},
+    decrypt: () => {}
+  },
+  RC4Drop: {
+    encrypt: () => {},
+    decrypt: () => {}
+  },
+  Blowfish: {}
+};

package/es/rce/__mocks__/_mockStudioPlayer.js

@@ -0,0 +1,20 @@
+/*
+ * Copyright (C) 2024 - 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/>.
+ */
+module.exports = {
+  StudioPlayer: () => null
+};

package/es/rce/__mocks__/styleMock.js

@@ -0,0 +1,18 @@
+/*
+ * Copyright (C) 2022 - 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/>.
+ */
+module.export = {};

package/es/rce/__mocks__/tinymceReact.js

@@ -0,0 +1,55 @@
+/*
+ * 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 is a mock for the @tinymce/tinymce-react Editor component
+ * and the inner tinymce editor object
+ * jest.config.js moduleNameMapper has jest load this
+ * file in response to
+ * import {Editor} from '@tinymce/tinymce-react'
+ * in RCEWrapper.js
+ */
+import React, { useEffect, useRef } from 'react';
+import FakeEditor from '../__tests__/FakeEditor';
+export function Editor(props) {
+  const editorRef = useRef(null);
+  const textareaRef = useRef(null);
+  const tinymceEditor = useRef(new FakeEditor(props));
+  window.tinymce.editors[0] = tinymceEditor.current;
+  useEffect(() => {
+    tinymceEditor.current.on('change', handleChange);
+    props.onInit && props.onInit({}, tinymceEditor.current); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  function handleChange(event) {
+    var _props$onEditorChange;
+
+    (_props$onEditorChange = props.onEditorChange) === null || _props$onEditorChange === void 0 ? void 0 : _props$onEditorChange.call(props, event.target.value);
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    ref: editorRef
+  }, /*#__PURE__*/React.createElement("textarea", {
+    ref: textareaRef,
+    id: props.id,
+    name: props.textareaName,
+    value: props.initialValue,
+    onInput: handleChange,
+    onChange: handleChange
+  }));
+}

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

@@ -88,7 +88,7 @@ export default function CanvasContentTray(props) {
   const [hidingTrayOnAction, setHidingTrayOnAction] = useState(true);
   const trayRef = useRef(null);
   const scrollingAreaRef = useRef(null);
-  const closeButtonRef = useRef(null);
+  const [closeButtonRef, setCloseButtonRef] = useState(null);
   const [filterSettings, setFilterSettings] = useFilterSettings();
   const [isEditTray, setIsEditTray] = useState(false);
   const [link, setLink] = useState(null);
@@ -111,12 +111,17 @@ export default function CanvasContentTray(props) {
     onTrayClosing && onTrayClosing(CanvasContentTray.globalOpenCount); // tell RCEWrapper we're closing if we're open
 
     setIsOpen(false);
-  }, [bridge, onTrayClosing]);
+  }, [bridge, onTrayClosing]); // this shouldn't be necessary, but INSTUI isn't focusing the close button
+  // like it should.
+
+  useEffect(() => {
+    if (isOpen && closeButtonRef) {
+      closeButtonRef.focus();
+    }
+  }, [closeButtonRef, isOpen]);
   useEffect(() => {
     const controller = {
       showTrayForPlugin(plugin) {
-        var _closeButtonRef$curre;
-
         // increment a counter that's used as the key when rendering
         // this gets us a new instance everytime, which is necessary
         // to get the queries run so we have up to date data.
@@ -144,8 +149,6 @@ export default function CanvasContentTray(props) {
         } else {
           setIsEditTray(false);
         }
-
-        (_closeButtonRef$curre = closeButtonRef.current) === null || _closeButtonRef$curre === void 0 ? void 0 : _closeButtonRef$curre.focus();
       },
 
       hideTray(forceClose) {
@@ -290,6 +293,17 @@ export default function CanvasContentTray(props) {
     return isEditTray ? formatMessage('Edit Course Link') : formatMessage('Add');
   }
 
+  function renderLinkDisplay() {
+    return isEditTray && /*#__PURE__*/React.createElement(LinkDisplay, {
+      linkText: linkText,
+      placeholderText: (link === null || link === void 0 ? void 0 : link.title) || placeholderText,
+      linkFileName: (link === null || link === void 0 ? void 0 : link.title) || '',
+      published: (link === null || link === void 0 ? void 0 : link.published) || false,
+      handleTextChange: setLinkText,
+      linkType: link === null || link === void 0 ? void 0 : link.type
+    });
+  }
+
   return /*#__PURE__*/React.createElement(Tray, {
     "data-mce-component": true,
     "data-testid": "CanvasContentTray",
@@ -306,7 +320,7 @@ export default function CanvasContentTray(props) {
     onExit: handleExitTray,
     onOpen: handleOpenTray,
     contentRef: el => trayRef.current = el
-  }, isOpen && hasOpened ? /*#__PURE__*/React.createElement(Flex, {
+  }, /*#__PURE__*/React.createElement(Flex, {
     direction: "column",
     as: "div",
     height: getTrayHeight(),
@@ -327,15 +341,8 @@ export default function CanvasContentTray(props) {
     onClick: handleDismissTray,
     "data-testid": "CloseButton_ContentTray",
     screenReaderLabel: formatMessage('Close'),
-    elementRef: el => closeButtonRef.current = el
-  })), isEditTray && /*#__PURE__*/React.createElement(LinkDisplay, {
-    linkText: linkText,
-    placeholderText: (link === null || link === void 0 ? void 0 : link.title) || placeholderText,
-    linkFileName: (link === null || link === void 0 ? void 0 : link.title) || '',
-    published: (link === null || link === void 0 ? void 0 : link.published) || false,
-    handleTextChange: setLinkText,
-    linkType: link === null || link === void 0 ? void 0 : link.type
-  }), /*#__PURE__*/React.createElement(Filter, Object.assign({}, filterSettings, {
+    elementRef: el => setCloseButtonRef(el)
+  })), renderLinkDisplay(), /*#__PURE__*/React.createElement(Filter, Object.assign({}, filterSettings, {
     mountNode: props.mountNode,
     userContextType: props.contextType,
     containingContextType: props.containingContext.contextType,
@@ -344,7 +351,7 @@ export default function CanvasContentTray(props) {
     },
     isContentLoading: isLoading(storeProps),
     use_rce_icon_maker: props.use_rce_icon_maker
-  }))), /*#__PURE__*/React.createElement(Flex.Item, {
+  }))), isOpen && hasOpened ? /*#__PURE__*/React.createElement(Flex.Item, {
     shouldGrow: true,
     shouldShrink: true,
     margin: "xx-small xxx-small 0",
@@ -372,7 +379,7 @@ export default function CanvasContentTray(props) {
     editing: isEditTray,
     onEditClick: setLink,
     selectedLink: link
-  }, storeProps)))), isEditTray && renderFooter()))) : null);
+  }, storeProps)))), isEditTray && renderFooter())) : null));
 }
 CanvasContentTray.globalOpenCount = 0;
 

package/es/rce/plugins/shared/__mocks__/screenfull.js

@@ -0,0 +1,24 @@
+/*
+ * 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/>.
+ */
+const screenfull = {
+  on() {},
+
+  off() {}
+
+};
+export default screenfull;

package/es/rce/plugins/tinymce-a11y-checker/rules/__mocks__/index.js

@@ -0,0 +1,53 @@
+/*
+ * 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/>.
+ */
+export default [{
+  test: jest.fn().mockReturnValue(false),
+  data: jest.fn().mockReturnValue({
+    select: 'a',
+    checkbox: true,
+    color: 'rgba(40, 100, 200, 0.6)',
+    text: 'Text'
+  }),
+  form: jest.fn().mockReturnValue([{
+    label: 'Select Field',
+    dataKey: 'select',
+    options: [['a', 'A'], ['b', 'B']]
+  }, {
+    label: 'Select Field',
+    dataKey: 'checkbox',
+    checkbox: true
+  }, {
+    label: 'Select Field',
+    dataKey: 'color',
+    color: true
+  }, {
+    label: 'Text Field',
+    dataKey: 'text',
+    disabledIf: () => true
+  }, {
+    label: 'Text Area',
+    dataKey: 'textarea',
+    textarea: true
+  }]),
+  rootNode: jest.fn(),
+  update: jest.fn(),
+  message: jest.fn().mockReturnValue('Error Message'),
+  why: jest.fn().mockReturnValue('Why Text'),
+  link: 'http://some-url',
+  linkText: jest.fn().mockReturnValue('Link for learning more')
+}];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/canvas-rce",
-  "version": "5.14.0",
+  "version": "5.14.1",
   "description": "A component wrapping Canvas's usage of Tinymce",
   "main": "es/index.js",
   "owner": "LF",
@@ -32,7 +32,7 @@
     "demo": "scripts/demo.sh",
     "demo:clean": "rm -f github-pages/dist/*",
     "demo:build": "wp -c ./webpack.demo.config.js",
-    "demo:dev": "yarn demo:clean && mkdir -p ./github-pages/dist &&  cp ./github-pages/index.html ./github-pages/dist && wp -c ./webpack.dev.config.js",
+    "demo:dev": "yarn demo:clean && mkdir -p ./github-pages/dist && cp ./github-pages/index.html ./github-pages/dist && wp -c ./webpack.dev.config.js",
     "installTranslations": "scripts/installTranslations.js",
     "commitTranslations": "scripts/commitTranslations.sh",
     "build:all": "scripts/build.js",

package/scripts/publish_to_npm.sh

@@ -34,7 +34,7 @@ if [ -z "$SKIP_ALERT" ]; then
     # runs the get-user command and throws away output
     # checks for nonzero exit code to determine if the
     # user is logged in or not
-    aws iam get-user > /dev/null 2>&1
+    aws sts get-caller-identity > /dev/null 2>&1
     if [[ ! $? -eq 0 ]]; then
         echo -e "\n⚠️  Please log into AWS and try again. ⚠️\n"
         exit 1

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;