@instructure/canvas-rce 5.6.0-beta.0 → 5.6.1

package/testcafe/build/35.js

@@ -20,7 +20,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return Link; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _shared_fileShape__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../shared/fileShape */ \"./src/rce/plugins/shared/fileShape.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"../../node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-a11y-content */ \"../../node_modules/@instructure/ui-a11y-content/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _instructure_ui_text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/es/index.js\");\n/* harmony import */ var _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-icons */ \"../../node_modules/@instructure/ui-icons/es/index.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _contentRendering__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../contentRendering */ \"./src/rce/contentRendering.js\");\n/* harmony import */ var _sidebar_dragHtml__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../sidebar/dragHtml */ \"./src/sidebar/dragHtml.js\");\n/* harmony import */ var _shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../shared/fileTypeUtils */ \"./src/rce/plugins/shared/fileTypeUtils.js\");\n/* harmony import */ var _shared_Previewable__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../shared/Previewable */ \"./src/rce/plugins/shared/Previewable.js\");\n/* harmony import */ var _shared_dateUtils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../shared/dateUtils */ \"./src/rce/plugins/shared/dateUtils.js\");\n/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction Link(props) {\n  const [isHovering, setIsHovering] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false);\n  const {\n    filename,\n    display_name,\n    title,\n    content_type,\n    published,\n    date,\n    disabled,\n    disabledMessage\n  } = props;\n  const Icon = Object(_shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_12__[\"getIconFromType\"])(content_type);\n  const color = published ? 'success' : 'primary'; // Uses user locale and timezone\n\n  const dateString = _format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"].date(Object(_shared_dateUtils__WEBPACK_IMPORTED_MODULE_14__[\"applyTimezoneOffsetToDate\"])(date, undefined.TIMEZONE), 'long');\n  const publishedMsg = published ? Object(_format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('published') : Object(_format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('unpublished');\n\n  function linkAttrsFromDoc() {\n    const canPreview = Object(_shared_Previewable__WEBPACK_IMPORTED_MODULE_13__[\"isPreviewable\"])(props.content_type);\n    const clazz = classnames__WEBPACK_IMPORTED_MODULE_3___default()('instructure_file_link', {\n      instructure_scribd_file: canPreview,\n      inline_disabled: true\n    });\n    const attrs = {\n      id: props.id,\n      href: props.href,\n      target: '_blank',\n      class: clazz,\n      text: props.display_name || props.filename,\n      // because onClick only takes a single object\n      content_type: props.content_type,\n      // files have this\n      // media_objects have these\n      title: props.title,\n      type: props.type,\n      embedded_iframe_url: props.embedded_iframe_url,\n      media_entry_id: props.media_entry_id\n    };\n\n    if (canPreview) {\n      attrs['data-canvas-previewable'] = true;\n    }\n\n    return attrs;\n  }\n\n  function handleLinkClick(e) {\n    e.preventDefault();\n    props.onClick(linkAttrsFromDoc());\n  }\n\n  function handleLinkKey(e) {\n    // press the button on enter or space\n    if (e.keyCode === 13 || e.keyCode === 32) {\n      handleLinkClick(e);\n    }\n  }\n\n  function handleDragStart(e) {\n    const linkAttrs = linkAttrsFromDoc();\n    Object(_sidebar_dragHtml__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(e, Object(_contentRendering__WEBPACK_IMPORTED_MODULE_10__[\"renderLink\"])(linkAttrs, linkAttrs.text));\n  }\n\n  function handleDragEnd(_e) {\n    document.body.click();\n  }\n\n  function handleHover(e) {\n    setIsHovering(e.type === 'mouseenter');\n  }\n\n  function buildCallback(callback) {\n    if (disabled) return;\n    return callback;\n  }\n\n  function dateOrMessage(dateString) {\n    if (disabled && disabledMessage) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n        display: \"block\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n        style: textStyles()\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_7__[\"Text\"], {\n        fontStyle: \"italic\"\n      }, disabledMessage)));\n    }\n\n    if (dateString) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n        as: \"div\"\n      }, dateString);\n    }\n  }\n\n  function textStyles() {\n    if (disabled) return {\n      color: 'gray'\n    };\n    return {};\n  }\n\n  let elementRef = null;\n\n  if (props.focusRef) {\n    elementRef = ref => props.focusRef.current = ref;\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    \"data-testid\": \"instructure_links-Link\",\n    draggable: true,\n    onDragStart: buildCallback(handleDragStart),\n    onDragEnd: buildCallback(handleDragEnd),\n    onMouseEnter: buildCallback(handleHover),\n    onMouseLeave: buildCallback(handleHover),\n    style: {\n      position: 'relative'\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    role: \"button\",\n    position: \"relative\",\n    focusPosition: \"inset\",\n    focusColor: \"info\",\n    tabIndex: \"0\",\n    \"aria-describedby\": props.describedByID,\n    elementRef: elementRef,\n    background: \"primary\",\n    borderWidth: \"0 0 small 0\",\n    padding: \"x-small\",\n    width: \"100%\",\n    onClick: buildCallback(handleLinkClick),\n    onKeyDown: buildCallback(handleLinkKey),\n    \"aria-disabled\": disabled\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    style: {\n      pointerEvents: 'none'\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__[\"Flex\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__[\"Flex\"].Item, {\n    margin: \"0 xx-small 0 0\",\n    size: \"1.125rem\"\n  }, isHovering ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__[\"IconDragHandleLine\"], {\n    size: \"x-small\",\n    inline: false\n  }) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__[\"Flex\"].Item, {\n    grow: true,\n    shrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__[\"Flex\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__[\"Flex\"].Item, {\n    padding: \"0 x-small 0 0\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_7__[\"Text\"], {\n    color: color\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Icon, {\n    size: \"x-small\"\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__[\"Flex\"].Item, {\n    padding: \"0 x-small 0 0\",\n    grow: true,\n    shrink: true,\n    textAlign: \"start\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    margin: \"0\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    style: textStyles()\n  }, display_name || title || filename)), dateOrMessage(dateString)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__[\"Flex\"].Item, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_4__[\"AccessibleContent\"], {\n    alt: publishedMsg\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_7__[\"Text\"], {\n    color: color\n  }, published ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__[\"IconPublishSolid\"], {\n    inline: false\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__[\"IconUnpublishedSolid\"], {\n    inline: false\n  }))))))))));\n}\nLink.propTypes = {\n  focusRef: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    current: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"instanceOf\"])(Element)\n  }),\n  ..._shared_fileShape__WEBPACK_IMPORTED_MODULE_2__[\"fileOrMediaObjectShape\"],\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired\n};\nLink.defaultProps = {\n  focusRef: null\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_documents/components/Link.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return Link; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _shared_fileShape__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../shared/fileShape */ \"./src/rce/plugins/shared/fileShape.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"../../node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-a11y-content */ \"../../node_modules/@instructure/ui-a11y-content/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _instructure_ui_text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/es/index.js\");\n/* harmony import */ var _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-icons */ \"../../node_modules/@instructure/ui-icons/es/index.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _contentRendering__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../contentRendering */ \"./src/rce/contentRendering.js\");\n/* harmony import */ var _sidebar_dragHtml__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../sidebar/dragHtml */ \"./src/sidebar/dragHtml.js\");\n/* harmony import */ var _shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../shared/fileTypeUtils */ \"./src/rce/plugins/shared/fileTypeUtils.js\");\n/* harmony import */ var _shared_Previewable__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../shared/Previewable */ \"./src/rce/plugins/shared/Previewable.js\");\n/* harmony import */ var _shared_dateUtils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../shared/dateUtils */ \"./src/rce/plugins/shared/dateUtils.js\");\n/* harmony import */ var _RCEGlobals__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../RCEGlobals */ \"./src/rce/RCEGlobals.js\");\n/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction Link(props) {\n  var _RCEGlobals$getConfig;\n\n  const [isHovering, setIsHovering] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false);\n  const {\n    filename,\n    display_name,\n    title,\n    content_type,\n    published,\n    date,\n    disabled,\n    disabledMessage\n  } = props;\n  const Icon = Object(_shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_12__[\"getIconFromType\"])(content_type);\n  const color = published ? 'success' : 'primary'; // Uses user locale and timezone\n\n  const configuredTimezone = (_RCEGlobals$getConfig = _RCEGlobals__WEBPACK_IMPORTED_MODULE_15__[\"default\"].getConfig()) === null || _RCEGlobals$getConfig === void 0 ? void 0 : _RCEGlobals$getConfig.timezone;\n  const dateString = _format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"].date(Object(_shared_dateUtils__WEBPACK_IMPORTED_MODULE_14__[\"applyTimezoneOffsetToDate\"])(date, configuredTimezone), 'long');\n  const publishedMsg = published ? Object(_format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('published') : Object(_format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('unpublished');\n\n  function linkAttrsFromDoc() {\n    const canPreview = Object(_shared_Previewable__WEBPACK_IMPORTED_MODULE_13__[\"isPreviewable\"])(props.content_type);\n    const clazz = classnames__WEBPACK_IMPORTED_MODULE_3___default()('instructure_file_link', {\n      instructure_scribd_file: canPreview,\n      inline_disabled: true\n    });\n    const attrs = {\n      id: props.id,\n      href: props.href,\n      target: '_blank',\n      class: clazz,\n      text: props.display_name || props.filename,\n      // because onClick only takes a single object\n      content_type: props.content_type,\n      // files have this\n      // media_objects have these\n      title: props.title,\n      type: props.type,\n      embedded_iframe_url: props.embedded_iframe_url,\n      media_entry_id: props.media_entry_id\n    };\n\n    if (canPreview) {\n      attrs['data-canvas-previewable'] = true;\n    }\n\n    return attrs;\n  }\n\n  function handleLinkClick(e) {\n    e.preventDefault();\n    props.onClick(linkAttrsFromDoc());\n  }\n\n  function handleLinkKey(e) {\n    // press the button on enter or space\n    if (e.keyCode === 13 || e.keyCode === 32) {\n      handleLinkClick(e);\n    }\n  }\n\n  function handleDragStart(e) {\n    const linkAttrs = linkAttrsFromDoc();\n    Object(_sidebar_dragHtml__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(e, Object(_contentRendering__WEBPACK_IMPORTED_MODULE_10__[\"renderLink\"])(linkAttrs, linkAttrs.text));\n  }\n\n  function handleDragEnd(_e) {\n    document.body.click();\n  }\n\n  function handleHover(e) {\n    setIsHovering(e.type === 'mouseenter');\n  }\n\n  function buildCallback(callback) {\n    if (disabled) return;\n    return callback;\n  }\n\n  function dateOrMessage(str) {\n    if (disabled && disabledMessage) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n        display: \"block\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n        style: textStyles()\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_7__[\"Text\"], {\n        fontStyle: \"italic\"\n      }, disabledMessage)));\n    }\n\n    if (str) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n        as: \"div\"\n      }, str);\n    }\n  }\n\n  function textStyles() {\n    if (disabled) return {\n      color: 'gray'\n    };\n    return {};\n  }\n\n  let elementRef = null;\n\n  if (props.focusRef) {\n    elementRef = ref => props.focusRef.current = ref;\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    \"data-testid\": \"instructure_links-Link\",\n    draggable: true,\n    onDragStart: buildCallback(handleDragStart),\n    onDragEnd: buildCallback(handleDragEnd),\n    onMouseEnter: buildCallback(handleHover),\n    onMouseLeave: buildCallback(handleHover),\n    style: {\n      position: 'relative'\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    role: \"button\",\n    position: \"relative\",\n    focusPosition: \"inset\",\n    focusColor: \"info\",\n    tabIndex: \"0\",\n    \"aria-describedby\": props.describedByID,\n    elementRef: elementRef,\n    background: \"primary\",\n    borderWidth: \"0 0 small 0\",\n    padding: \"x-small\",\n    width: \"100%\",\n    onClick: buildCallback(handleLinkClick),\n    onKeyDown: buildCallback(handleLinkKey),\n    \"aria-disabled\": disabled\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    style: {\n      pointerEvents: 'none'\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__[\"Flex\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__[\"Flex\"].Item, {\n    margin: \"0 xx-small 0 0\",\n    size: \"1.125rem\"\n  }, isHovering ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__[\"IconDragHandleLine\"], {\n    size: \"x-small\",\n    inline: false\n  }) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__[\"Flex\"].Item, {\n    shouldGrow: true,\n    shouldShrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__[\"Flex\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__[\"Flex\"].Item, {\n    padding: \"0 x-small 0 0\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_7__[\"Text\"], {\n    color: color\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Icon, {\n    size: \"x-small\"\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__[\"Flex\"].Item, {\n    padding: \"0 x-small 0 0\",\n    shouldGrow: true,\n    shouldShrink: true,\n    textAlign: \"start\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    margin: \"0\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    style: textStyles()\n  }, display_name || title || filename)), dateOrMessage(dateString)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_5__[\"Flex\"].Item, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_4__[\"AccessibleContent\"], {\n    alt: publishedMsg\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_7__[\"Text\"], {\n    color: color\n  }, published ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__[\"IconPublishSolid\"], {\n    inline: false\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__[\"IconUnpublishedSolid\"], {\n    inline: false\n  }))))))))));\n}\nLink.propTypes = {\n  focusRef: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    current: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"instanceOf\"])(Element)\n  }),\n  ..._shared_fileShape__WEBPACK_IMPORTED_MODULE_2__[\"fileOrMediaObjectShape\"],\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired\n};\nLink.defaultProps = {\n  focusRef: null\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_documents/components/Link.js?");
 
 /***/ }),
 

package/testcafe/build/36.js

@@ -1,38 +1,37 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[36],{
 
-/***/ "./src/canvasFileBrowser/FileBrowser.js":
-/*!**********************************************!*\
-  !*** ./src/canvasFileBrowser/FileBrowser.js ***!
-  \**********************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "./src/common/aphroditeExtensions.js":
+/*!*******************************************!*\
+  !*** ./src/common/aphroditeExtensions.js ***!
+  \*******************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/includes */ \"../../node_modules/@babel/runtime-corejs3/core-js-stable/instance/includes.js\");\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../format-message */ \"./src/format-message.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash */ \"../../node_modules/lodash/lodash.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var minimatch__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! minimatch */ \"../../node_modules/minimatch/minimatch.js\");\n/* harmony import */ var minimatch__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(minimatch__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _instructure_ui_tree_browser__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-tree-browser */ \"../../node_modules/@instructure/ui-tree-browser/es/index.js\");\n/* harmony import */ var _instructure_ui_text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/es/index.js\");\n/* harmony import */ var _instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-spinner */ \"../../node_modules/@instructure/ui-spinner/es/index.js\");\n/* harmony import */ var _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-icons */ \"../../node_modules/@instructure/ui-icons/es/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _rce_plugins_shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../rce/plugins/shared/fileTypeUtils */ \"./src/rce/plugins/shared/fileTypeUtils.js\");\n/* harmony import */ var _FlashAlert__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./FlashAlert */ \"./src/canvasFileBrowser/FlashAlert.js\");\n/* harmony import */ var _natcompare__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./natcompare */ \"./src/canvasFileBrowser/natcompare.js\");\n\n// Copyright (C) 2017 - present Instructure, Inc.\n//\n// This file is part of Canvas.\n//\n// Canvas is free software: you can redistribute it and/or modify it under\n// the terms of the GNU Affero General Public License as published by the Free\n// Software Foundation, version 3 of the License.\n//\n// Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n// WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n// A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n// details.\n//\n// You should have received a copy of the GNU Affero General Public License along\n// with this program. If not, see <http://www.gnu.org/licenses/>.\n\n\n\n\n\n\n\n\n\n\n\n\n\nclass FileBrowser extends react__WEBPACK_IMPORTED_MODULE_1___default.a.Component {\n  constructor(_props2) {\n    var _this;\n\n    super(_props2);\n    _this = this;\n    this.fetchSubFolders = lodash__WEBPACK_IMPORTED_MODULE_3___default.a.memoize(id => {\n      this.source.fetchBookmarkedData(this.source.fetchSubFolders.bind(this.source), {\n        folderId: id,\n        perPage: 50\n      }, result => {\n        this.populateCollectionsList(result.folders);\n      }, error => {\n        this.props.onLoading(false);\n        /* eslint-disable no-console */\n\n        console.error('Error fetching data from API');\n        console.error(error);\n      });\n    });\n\n    this.populateCollectionsList = function (folderList) {\n      let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n      _this.setState((state, props) => {\n        const newCollections = lodash__WEBPACK_IMPORTED_MODULE_3___default.a.cloneDeep(state.collections);\n\n        folderList.forEach(folder => {\n          const collection = _this.formatFolderInfo(folder, { ...opts,\n            searchString: props.searchString\n          });\n\n          newCollections[collection.id] = collection;\n          const parentId = folder.parentId || 0;\n          const collectionCollections = newCollections[parentId].collections;\n\n          if (!_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(collectionCollections).call(collectionCollections, collection.id)) {\n            collectionCollections.push(collection.id);\n            newCollections[parentId].collections = _this.orderedIdsFromList(newCollections, collectionCollections);\n          }\n        });\n        return {\n          collections: newCollections\n        };\n      });\n    };\n\n    this.populateItemsList = fileList => {\n      this.setState((state, _props) => {\n        const newItems = lodash__WEBPACK_IMPORTED_MODULE_3___default.a.cloneDeep(state.items);\n\n        const newCollections = lodash__WEBPACK_IMPORTED_MODULE_3___default.a.cloneDeep(state.collections);\n\n        fileList.forEach(file => {\n          if (this.contentTypeIsAllowed(file.type)) {\n            const item = this.formatFileInfo(file);\n            newItems[item.id] = item;\n            const folder_id = file.folderId;\n            const collectionItems = newCollections[folder_id].items;\n\n            if (!_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(collectionItems).call(collectionItems, item.id)) {\n              collectionItems.push(item.id);\n              newCollections[folder_id].items = this.orderedIdsFromList(newItems, collectionItems);\n            }\n          }\n        });\n        return {\n          items: newItems,\n          collections: newCollections\n        };\n      });\n    };\n\n    this.onFolderToggle = folder => {\n      const folderId = folder.id;\n      this.setState((state, _props) => {\n        const collection = state.collections[folderId];\n        let newFolders = [];\n        let newCollections = state.collections;\n        const {\n          openFolders\n        } = state;\n\n        if (!collection.locked && _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(openFolders).call(openFolders, folderId)) {\n          newFolders = newFolders.concat(openFolders.filter(id => id !== folderId));\n        } else if (!collection.locked) {\n          newFolders = newFolders.concat(openFolders);\n          newFolders.push(folderId);\n          newCollections = lodash__WEBPACK_IMPORTED_MODULE_3___default.a.cloneDeep(state.collections);\n          newCollections[folderId] = collection;\n        }\n\n        return {\n          openFolders: newFolders,\n          uploadFolder: folderId,\n          collections: newCollections\n        };\n      }, () => {\n        var _context;\n\n        if (_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(_context = this.state.openFolders).call(_context, folderId)) {\n          const collection = this.state.collections[folderId];\n\n          if (!collection.locked) {\n            this.getFolderData(folderId);\n          }\n        }\n      });\n    };\n\n    this.onFileClick = file => {\n      this.props.selectFile(this.state.items[file.id]);\n    };\n\n    this.setFailureMessage = message => {\n      Object(_FlashAlert__WEBPACK_IMPORTED_MODULE_11__[\"showFlashError\"])(message)();\n    };\n\n    this.state = {\n      collections: {\n        0: {\n          id: 0,\n          collections: []\n        }\n      },\n      items: {},\n      openFolders: [],\n      loadingCount: 0\n    };\n    this.source = _props2.source;\n    this.updatePropsWithThumbnailOrIcon = this.updatePropsWithThumbnailOrIcon.bind(this);\n  }\n\n  componentDidMount() {\n    this.getRootFolders();\n  }\n\n  componentDidUpdate() {\n    this.state.openFolders.forEach(fid => {\n      if (this.props.searchString !== this.state.collections[fid].searchString) {\n        this.getFolderData(fid);\n      }\n    });\n  }\n\n  getContextName(contextType) {\n    if (contextType === 'course') {\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Course files');\n    } else {\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Group files');\n    }\n  }\n\n  getRootFolders() {\n    if (this.props.useContextAssets) {\n      this.getContextFolders();\n    }\n\n    this.getUserFolders();\n  }\n\n  getUserFolders() {\n    this.getRootFolderData('user', 'self', {\n      name: Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('My files')\n    });\n  }\n\n  getContextFolders() {\n    const {\n      type,\n      id\n    } = this.props.context;\n\n    if (type && id) {\n      this.getRootFolderData(type, id, {\n        name: this.getContextName(type)\n      });\n    }\n  }\n\n  increaseLoadingCount() {\n    let {\n      loadingCount\n    } = this.state;\n    loadingCount += 1;\n    this.setState({\n      loadingCount\n    });\n  }\n\n  decreaseLoadingCount() {\n    let {\n      loadingCount\n    } = this.state;\n    loadingCount -= 1;\n    this.setState({\n      loadingCount\n    });\n  }\n\n  getRootFolderData(context, contextId) {\n    let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n    this.increaseLoadingCount();\n    this.source.fetchRootFolder({\n      contextType: context,\n      contextId\n    }).then(result => {\n      this.populateRootFolder(result.folders[0], opts);\n    }).catch(error => {\n      this.decreaseLoadingCount();\n\n      if (error.response && error.response.status !== 401) {\n        this.setFailureMessage(Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Something went wrong'));\n      }\n    });\n  }\n\n  populateRootFolder(data) {\n    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    this.decreaseLoadingCount();\n    this.populateCollectionsList([data], opts);\n    this.getFolderData(data.id);\n  } // Memoized function to fetch all subfolders\n  // of the given folder ID, handing pagination\n\n\n  fetchFiles(id) {\n    var _this$state$collectio, _this$state$collectio2;\n\n    this.source.fetchBookmarkedData(this.source.fetchFilesForFolder.bind(this.source), {\n      searchString: this.props.searchString,\n      perPage: 50,\n      filesUrl: (_this$state$collectio = this.state.collections[id]) === null || _this$state$collectio === void 0 ? void 0 : (_this$state$collectio2 = _this$state$collectio.api) === null || _this$state$collectio2 === void 0 ? void 0 : _this$state$collectio2.filesUrl\n    }, result => {\n      this.populateItemsList(result.files);\n    }, error => {\n      this.props.onLoading(false);\n      console.error(error);\n    });\n  }\n\n  getFolderData(id) {\n    if (!this.state.collections[id].locked) {\n      this.setState((state, _props) => {\n        const collections = { ...state.collections\n        };\n        const collection = { ...collections[id]\n        };\n        collection.items = [];\n        collection.searchString = this.props.searchString;\n        collections[id] = collection;\n        return {\n          collections\n        };\n      }, () => {\n        this.fetchSubFolders(id);\n        this.fetchFiles(id);\n      });\n    }\n  }\n\n  contentTypeIsAllowed(contentType) {\n    for (const pattern of this.props.contentTypes) {\n      if (minimatch__WEBPACK_IMPORTED_MODULE_4___default()(contentType, pattern)) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  formatFolderInfo(apiFolder) {\n    var _apiFolder$contextTyp;\n\n    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    const descriptor = apiFolder.lockedForUser ? Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Locked') : null;\n    const folder = {\n      api: apiFolder,\n      id: apiFolder.id,\n      collections: [],\n      items: [],\n      name: apiFolder.name,\n      context: `/${(_apiFolder$contextTyp = apiFolder.contextType) === null || _apiFolder$contextTyp === void 0 ? void 0 : _apiFolder$contextTyp.toLowerCase()}s/${apiFolder.contextId}`,\n      canUpload: apiFolder.canUpload,\n      locked: apiFolder.lockedForUser,\n      descriptor,\n      ...opts\n    };\n    const existingCollections = this.state.collections[apiFolder.id];\n    Object.assign(folder, existingCollections && {\n      collections: existingCollections.collections,\n      items: existingCollections.items\n    });\n    return folder;\n  }\n\n  updatePropsWithThumbnailOrIcon(props) {\n    const {\n      id\n    } = props;\n    const file = this.state.items[id].api;\n    let thumbnail, itemIcon;\n\n    if (Object(_rce_plugins_shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_10__[\"isImage\"])(file.type)) {\n      if (file.thumbnailUrl) {\n        thumbnail = file.thumbnailUrl;\n      } else {\n        itemIcon = _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__[\"IconImageLine\"];\n      }\n    } else {\n      itemIcon = Object(_rce_plugins_shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_10__[\"getIconFromType\"])(file.type);\n    }\n\n    return { ...props,\n      thumbnail,\n      itemIcon\n    };\n  }\n\n  formatFileInfo(apiFile) {\n    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    const {\n      collections\n    } = this.state;\n    const context = collections[apiFile.folderId].context;\n    const file = {\n      api: apiFile,\n      id: apiFile.id,\n      name: apiFile.name,\n      src: `${context}/files/${apiFile.id}/preview${_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(context).call(context, 'user') ? `?verifier=${apiFile.uuid}` : ''}`,\n      alt: apiFile.name,\n      ...opts\n    };\n\n    if (apiFile.iframeUrl) {\n      // it's a media_object\n      file.src = apiFile.iframeUrl;\n    }\n\n    return file;\n  }\n\n  orderedIdsFromList(list, ids) {\n    try {\n      const sortedIds = ids.sort((a, b) => _natcompare__WEBPACK_IMPORTED_MODULE_12__[\"default\"].strings(list[a].name, list[b].name));\n      return sortedIds;\n    } catch (error) {\n      console.error(error);\n      return ids;\n    }\n  }\n\n  findFolderForFile(file) {\n    const {\n      collections\n    } = this.state;\n    const folderKey = Object.keys(collections).find(key => {\n      const items = collections[key].items;\n      return items && _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(items).call(items, file.id);\n    });\n    return collections[folderKey];\n  }\n\n  renderLoading() {\n    if (this.state.loadingCount > 0) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_7__[\"Spinner\"], {\n        renderTitle: Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Loading folders'),\n        size: \"small\"\n      });\n    } else {\n      return null;\n    }\n  }\n\n  render() {\n    const element = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n      className: \"file-browser__container\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_6__[\"Text\"], null, Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Available folders')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n      className: \"file-browser__tree\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_tree_browser__WEBPACK_IMPORTED_MODULE_5__[\"TreeBrowser\"], {\n      collections: this.state.collections,\n      items: this.state.items,\n      size: \"medium\",\n      onCollectionToggle: this.onFolderToggle,\n      onItemClick: this.onFileClick,\n      treeLabel: Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Folder tree'),\n      rootId: 0,\n      showRootCollection: false,\n      expanded: this.state.openFolders,\n      collectionIconExpanded: _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__[\"IconOpenFolderSolid\"],\n      collectionIcon: _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__[\"IconFolderSolid\"],\n      selectionType: \"single\",\n      getItemProps: this.updatePropsWithThumbnailOrIcon\n    }), this.renderLoading()));\n    return element;\n  }\n\n}\n\nFileBrowser.propTypes = {\n  allowUpload: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.bool,\n  selectFile: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.func.isRequired,\n  contentTypes: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.string),\n  useContextAssets: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.bool,\n  searchString: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.string,\n  onLoading: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.func.isRequired,\n  context: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.shape({\n    type: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.string.isRequired,\n    id: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.string.isRequired\n  }).isRequired\n};\nFileBrowser.defaultProps = {\n  allowUpload: true,\n  contentTypes: ['*/*'],\n  useContextAssets: true\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (FileBrowser);\n\n//# sourceURL=webpack:///./src/canvasFileBrowser/FileBrowser.js?");
+eval("/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\nconst aphrodite = __webpack_require__(/*! aphrodite */ \"../../node_modules/aphrodite/es/index.js\");\n\nfunction pseudochild(selector, baseSelector, generateSubtreeStyles) {\n  const regex = /^#:(?:\\w|-)+\\s{1}\\w+$/im;\n\n  if (!selector.match(regex)) {\n    return null;\n  }\n\n  const pseudo = selector.slice(1).split(' ')[0];\n  const parentsel = '.' + selector.split(' ')[1];\n  return generateSubtreeStyles(baseSelector + pseudo + ' ' + parentsel);\n}\n\nconst myExtension = {\n  selectorHandler: pseudochild\n};\nmodule.exports = aphrodite.StyleSheet.extend([myExtension]);\n\n//# sourceURL=webpack:///./src/common/aphroditeExtensions.js?");
 
 /***/ }),
 
-/***/ "./src/canvasFileBrowser/FlashAlert.js":
-/*!*********************************************!*\
-  !*** ./src/canvasFileBrowser/FlashAlert.js ***!
-  \*********************************************/
-/*! exports provided: default, showFlashAlert, destroyContainer, showFlashError, showFlashSuccess */
+/***/ "./src/rce/plugins/shared/Upload/UnsplashPanel.js":
+/*!********************************************************!*\
+  !*** ./src/rce/plugins/shared/Upload/UnsplashPanel.js ***!
+  \********************************************************/
+/*! exports provided: default, styles, hoverStyles */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return FlashAlert; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"showFlashAlert\", function() { return showFlashAlert; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"destroyContainer\", function() { return destroyContainer; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"showFlashError\", function() { return showFlashError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"showFlashSuccess\", function() { return showFlashSuccess; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-dom */ \"../../node_modules/react-dom/index.js\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-alerts */ \"../../node_modules/@instructure/ui-alerts/es/index.js\");\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _instructure_ui_text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/es/index.js\");\n/* harmony import */ var _instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-a11y-content */ \"../../node_modules/@instructure/ui-a11y-content/es/index.js\");\n/* harmony import */ var _instructure_ui_motion__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-motion */ \"../../node_modules/@instructure/ui-motion/es/index.js\");\n/*\n * Copyright (C) 2017 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n/**\n * Flash alerts, especially for ajax error messages\n * Typical usage:\n * import {showFlashError} from './FlashAlert'\n * ...\n * axios.put(url, data).then((response) => {\n *     // do something with response\n *   }).catch(showFlashError(your_error_message))\n *\n * showFlashError() with no argument shows a generic message\n *\n * On error, will display an inst-ui Alert at the top of the page\n * with an error message and \"Details\" button. When the user clicks\n * the button, it shows error details extracted from the axios Error\n *\n * You could also import the lower level showFlashAlert function or\n * the FlashAlert component if you need more control\n *\n * showFlashAlert({ err, message, type }, onCloseCallback)\n *  err: error object\n *  message: user-facing message\n *  type: one of ['info', 'success', 'warning', 'error']\n *        default is 'info' unless an error object is passed in, else is 'error'\n */\n\n\n\n\n\n\n\n\n\nconst messageHolderId = 'flashalert_message_holder'; // specs fail if I reuse jquery's elements\n\nconst screenreaderMessageHolderId = 'flash_screenreader_holder';\nconst timeout = 10000; // An Alert with a message and \"Details\" button which surfaces\n// more info about the error when pressed.\n// Is displayed at the top of the document, and will close itself after a while\n\nclass FlashAlert extends react__WEBPACK_IMPORTED_MODULE_0___default.a.Component {\n  constructor(props) {\n    super(props);\n\n    this.showDetails = () => {\n      this.setState({\n        showDetails: true\n      });\n      clearTimeout(this.timerId);\n      this.timerId = setTimeout(() => this.closeAlert(), this.props.timeout);\n    };\n\n    this.closeAlert = () => {\n      this.setState({\n        isOpen: false\n      }, () => {\n        setTimeout(() => {\n          clearTimeout(this.timerId);\n          this.props.onClose();\n        }, 500);\n      });\n    };\n\n    this.state = {\n      showDetails: false,\n      isOpen: true\n    };\n    this.timerId = 0;\n  }\n\n  getLiveRegion() {\n    // return element where flash screenreader messages go.\n    // create if necessary\n    let liveRegion = document.getElementById(screenreaderMessageHolderId);\n\n    if (!liveRegion) {\n      liveRegion = document.createElement('div');\n      liveRegion.id = screenreaderMessageHolderId;\n      liveRegion.setAttribute('role', 'alert');\n      document.body.appendChild(liveRegion);\n    }\n\n    return liveRegion;\n  }\n\n  findDetailMessage() {\n    const err = this.props.error;\n    let a = err.message;\n    let b;\n\n    if (err.response) {\n      if (err.response.data) {\n        try {\n          if (Array.isArray(err.response.data.errors)) {\n            // probably a canvas api\n            a = err.response.data.errors[0].message;\n            b = err.message;\n          } else if (err.response.data.message) {\n            // probably a canvas api too\n            a = err.response.data.message;\n            b = err.message;\n          }\n        } catch (ignore) {\n          a = err.message;\n        }\n      }\n    }\n\n    return {\n      a,\n      b\n    };\n  }\n\n  renderDetailMessage() {\n    const {\n      a,\n      b\n    } = this.findDetailMessage();\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_6__[\"Text\"], {\n      as: \"p\",\n      fontStyle: \"italic\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_6__[\"Text\"], null, a), b ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"br\", null) : null, b ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_6__[\"Text\"], null, b) : null);\n  }\n\n  render() {\n    let details = null;\n\n    if (this.props.error) {\n      if (this.state.showDetails) {\n        details = this.renderDetailMessage();\n      } else {\n        details = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_7__[\"PresentationContent\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_5__[\"Button\"], {\n          variant: \"link\",\n          onClick: this.showDetails\n        }, Object(_format_message__WEBPACK_IMPORTED_MODULE_3__[\"default\"])('Details'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_7__[\"ScreenReaderContent\"], null, this.renderDetailMessage()));\n      }\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_motion__WEBPACK_IMPORTED_MODULE_8__[\"Transition\"], {\n      transitionOnMount: true,\n      in: this.state.isOpen,\n      type: \"fade\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_4__[\"Alert\"], {\n      variant: this.props.variant,\n      renderCloseButtonLabel: Object(_format_message__WEBPACK_IMPORTED_MODULE_3__[\"default\"])('Close'),\n      onDismiss: this.closeAlert,\n      margin: \"small auto\",\n      timeout: this.props.timeout,\n      liveRegion: this.getLiveRegion,\n      transition: \"fade\",\n      screenReaderOnly: this.props.screenReaderOnly\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", {\n      style: {\n        margin: '0 -5px'\n      }\n    }, this.props.message), details)));\n  }\n\n}\nFlashAlert.propTypes = {\n  onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n  message: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  error: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.instanceOf(Error),\n  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['info', 'success', 'warning', 'error']),\n  timeout: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,\n  screenReaderOnly: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\nFlashAlert.defaultProps = {\n  error: null,\n  variant: 'info',\n  timeout,\n  screenReaderOnly: false\n};\nfunction showFlashAlert(_ref) {\n  let {\n    message,\n    err,\n    type = err ? 'error' : 'info',\n    srOnly = false\n  } = _ref;\n\n  function closeAlert(atNode) {\n    react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.unmountComponentAtNode(atNode);\n    atNode.remove();\n  }\n\n  function getAlertContainer() {\n    let alertContainer = document.getElementById(messageHolderId);\n\n    if (!alertContainer) {\n      alertContainer = document.createElement('div');\n      alertContainer.classList.add('clickthrough-container');\n      alertContainer.id = messageHolderId;\n      alertContainer.setAttribute('style', 'position: fixed; top: 0; left: 0; width: 100%; z-index: 100000;');\n      document.body.appendChild(alertContainer);\n    }\n\n    return alertContainer;\n  }\n\n  function renderAlert(parent) {\n    react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(FlashAlert, {\n      message: message,\n      timeout: Number.isNaN(parseInt(undefined.flashAlertTimeout, 10)) ? timeout : undefined.flashAlertTimeout,\n      error: err,\n      variant: type,\n      onClose: closeAlert.bind(null, parent) // eslint-disable-line react/jsx-no-bind\n      ,\n      screenReaderOnly: srOnly\n    }), parent);\n  }\n\n  const div = document.createElement('div'); // div.setAttribute('class', styles.flashMessage)\n\n  div.setAttribute('style', 'max-width:50em;margin:1rem auto;');\n  div.setAttribute('class', 'flashalert-message');\n  getAlertContainer().appendChild(div);\n  renderAlert(div);\n}\nfunction destroyContainer() {\n  const container = document.getElementById(messageHolderId);\n  const liveRegion = document.getElementById(screenreaderMessageHolderId);\n  if (container) container.remove();\n  if (liveRegion) liveRegion.remove();\n}\nfunction showFlashError() {\n  let message = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Object(_format_message__WEBPACK_IMPORTED_MODULE_3__[\"default\"])('An error occurred making a network request');\n  return err => showFlashAlert({\n    message,\n    err,\n    type: 'error'\n  });\n}\nfunction showFlashSuccess(message) {\n  return () => showFlashAlert({\n    message,\n    type: 'success'\n  });\n}\n\n//# sourceURL=webpack:///./src/canvasFileBrowser/FlashAlert.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return UnsplashPanel; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"styles\", function() { return styles; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"hoverStyles\", function() { return hoverStyles; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _instructure_ui_text_input__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-text-input */ \"../../node_modules/@instructure/ui-text-input/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _instructure_ui_avatar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-avatar */ \"../../node_modules/@instructure/ui-avatar/es/index.js\");\n/* harmony import */ var _instructure_ui_img__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-img */ \"../../node_modules/@instructure/ui-img/es/index.js\");\n/* harmony import */ var _instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-spinner */ \"../../node_modules/@instructure/ui-spinner/es/index.js\");\n/* harmony import */ var _instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-alerts */ \"../../node_modules/@instructure/ui-alerts/es/index.js\");\n/* harmony import */ var _instructure_ui_pagination__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @instructure/ui-pagination */ \"../../node_modules/@instructure/ui-pagination/es/index.js\");\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! lodash */ \"../../node_modules/lodash/lodash.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../common/aphroditeExtensions */ \"./src/common/aphroditeExtensions.js\");\n/* harmony import */ var _common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var _UnsplashSVG__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./UnsplashSVG */ \"./src/rce/plugins/shared/Upload/UnsplashSVG.js\");\n/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst unsplashFetchReducer = (state, action) => {\n  switch (action.type) {\n    case 'FETCH':\n      return { ...state,\n        loading: true,\n        hasLoaded: false\n      };\n\n    case 'FETCH_SUCCESS':\n      return { ...state,\n        loading: false,\n        hasLoaded: true,\n        totalPages: action.payload.total_pages,\n        totalResults: action.payload.total_results,\n        results: { ...state.results,\n          ...{\n            [state.searchPage]: action.payload.results\n          }\n        }\n      };\n\n    case 'FETCH_FAILURE':\n      return { ...state,\n        loading: false,\n        error: true,\n        hasLoaded: true\n      };\n\n    case 'SET_SEARCH_DATA':\n      {\n        const newState = { ...state,\n          ...action.payload\n        };\n\n        if (state.searchTerm !== action.payload.searchTerm) {\n          newState.results = {};\n        }\n\n        return newState;\n      }\n\n    default:\n      throw new Error('Not implemented');\n    // Should never get here.\n  }\n};\n\nconst useUnsplashSearch = source => {\n  const [state, dispatch] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useReducer\"])(unsplashFetchReducer, {\n    loading: false,\n    error: false,\n    results: {},\n    totalPages: 1,\n    searchTerm: '',\n    searchPage: 1\n  });\n  const effectFirstRun = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(() => {\n    const fetchData = () => {\n      dispatch({\n        type: 'FETCH'\n      });\n      source.searchUnsplash(state.searchTerm, state.searchPage).then(results => {\n        dispatch({\n          type: 'FETCH_SUCCESS',\n          payload: results\n        });\n      }).catch(() => {\n        dispatch({\n          type: 'FETCH_FAILURE'\n        });\n      });\n    };\n\n    if (effectFirstRun.current) {\n      effectFirstRun.current = false;\n    } else if (state.results[state.searchPage]) {// It's already in cache\n    } else if (state.searchTerm.length > 0) {\n      fetchData();\n    }\n  }, [state.searchTerm, state.searchPage, state.results, source]);\n\n  const search = (term, page) => {\n    dispatch({\n      type: 'SET_SEARCH_DATA',\n      payload: {\n        searchTerm: term,\n        searchPage: page\n      }\n    });\n  };\n\n  return { ...state,\n    search\n  };\n};\n\nfunction Attribution(_ref) {\n  let {\n    name,\n    avatarUrl,\n    profileUrl\n  } = _ref;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    margin: \"xx-small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_avatar__WEBPACK_IMPORTED_MODULE_5__[\"Avatar\"], {\n    name: name,\n    src: avatarUrl,\n    size: \"small\",\n    \"data-fs-exclude\": true\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    margin: \"xx-small\",\n    shouldShrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_10__[\"Button\"], {\n    size: \"small\",\n    variant: \"link-inverse\",\n    href: profileUrl,\n    target: \"_blank\",\n    rel: \"noopener\",\n    display: \"block\",\n    textAlign: \"start\"\n  }, name)));\n}\n\nfunction renderAlert(term, hasLoaded, totalResults, results, page, liveRegion) {\n  if (hasLoaded && results[page] && term.length >= 1) {\n    if (totalResults < 1) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_8__[\"Alert\"], {\n        variant: \"info\",\n        transition: \"none\",\n        liveRegion: liveRegion,\n        timeout: 1000\n      }, Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('No results found for {term}.', {\n        term\n      }));\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_8__[\"Alert\"], {\n      variant: \"info\",\n      transition: \"none\",\n      screenReaderOnly: true,\n      liveRegion: liveRegion,\n      timeout: 1000\n    }, Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('{totalResults} results found, {numDisplayed} results currently displayed', {\n      totalResults,\n      numDisplayed: results[page].length\n    }));\n  }\n}\n\nfunction UnsplashPanel(_ref2) {\n  let {\n    source,\n    setUnsplashData,\n    brandColor,\n    liveRegion\n  } = _ref2;\n  const [page, setPage] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(1);\n  const [term, setTerm] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])('');\n  const [selectedImage, setSelectedImage] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(null);\n  const [focusedImageIndex, setFocusedImageIndex] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(0);\n  const {\n    totalPages,\n    totalResults,\n    results,\n    loading,\n    search,\n    hasLoaded\n  } = useUnsplashSearch(source);\n  const debouncedSearch = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useCallback\"])(Object(lodash__WEBPACK_IMPORTED_MODULE_11__[\"debounce\"])(search, 1000), []);\n  const resultRefs = [];\n  const skipEffect = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(false);\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(() => {\n    if (skipEffect.current) {\n      skipEffect.current = false;\n      return;\n    }\n\n    if (resultRefs[focusedImageIndex]) {\n      resultRefs[focusedImageIndex].focus();\n    }\n  }, [focusedImageIndex, resultRefs]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_UnsplashSVG__WEBPACK_IMPORTED_MODULE_14__[\"default\"], {\n    width: \"10em\"\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text_input__WEBPACK_IMPORTED_MODULE_2__[\"TextInput\"], {\n    type: \"search\",\n    renderLabel: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Search Term'),\n    value: term,\n    onChange: (e, val) => {\n      setFocusedImageIndex(0);\n      setTerm(val);\n      debouncedSearch(val, page);\n    }\n  }), loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_7__[\"Spinner\"], {\n    renderTitle: function () {\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Loading');\n    },\n    size: \"large\",\n    margin: \"0 0 0 medium\"\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"View\"], {\n    margin: \"0 small\"\n  }, renderAlert(term, hasLoaded, totalResults, results, page, liveRegion)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: Object(_common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"css\"])(styles.container),\n    \"data-testid\": \"UnsplashResultsContainer\"\n  }, results[page] && results[page].map(resultImage => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: Object(_common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"css\"])(hoverStyles.imageWrapper, styles.imageWrapper),\n    key: resultImage.id\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_10__[\"Button\"], {\n    variant: \"link\",\n    display: \"block\",\n    textAlign: \"start\",\n    theme: {\n      mediumPaddingHorizontal: '0'\n    },\n    onClick: () => {\n      setSelectedImage(resultImage.id);\n      setUnsplashData({\n        id: resultImage.id,\n        url: resultImage.urls.link,\n        alt: resultImage.alt_text\n      });\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: Object(_common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"css\"])(styles.imageContainer),\n    style: resultImage.id === selectedImage ? {\n      border: `5px solid ${brandColor}`,\n      padding: '2px'\n    } : null\n  }, resultImage.id === selectedImage ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_8__[\"Alert\"], {\n    variant: \"info\",\n    transition: \"none\",\n    screenReaderOnly: true,\n    liveRegion: liveRegion,\n    timeout: 1000\n  }, `${Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Selected')}: ${resultImage.alt_text}`) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_img__WEBPACK_IMPORTED_MODULE_6__[\"Img\"], {\n    src: resultImage.urls.thumbnail,\n    alt: resultImage.id === selectedImage ? `${Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Selected')} ${resultImage.alt_text}` : resultImage.alt_text,\n    constrain: \"contain\",\n    height: \"10em\"\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: Object(_common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"css\"])(styles.imageAttribution)\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Attribution, {\n    name: resultImage.user.name,\n    avatarUrl: resultImage.user.avatar,\n    profileUrl: resultImage.user.url\n  })))))), totalPages > 1 && results && Object.keys(results).length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"], {\n    as: \"div\",\n    width: \"100%\",\n    justifyItems: \"center\",\n    margin: \"small 0 small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    margin: \"auto small auto small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_pagination__WEBPACK_IMPORTED_MODULE_9__[\"Pagination\"], {\n    as: \"nav\",\n    variant: \"compact\",\n    labelNext: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Next Page'),\n    labelPrev: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Previous Page')\n  }, Array.from(Array(totalPages)).map((_v, i) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_pagination__WEBPACK_IMPORTED_MODULE_9__[\"Pagination\"].Page, {\n    key: i // eslint-disable-line react/no-array-index-key\n    ,\n    onClick: () => {\n      setPage(i + 1);\n      search(term, i + 1);\n    },\n    current: i + 1 === page\n  }, i + 1))))));\n}\nUnsplashPanel.propTypes = {\n  setUnsplashData: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  source: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"object\"],\n  brandColor: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"],\n  liveRegion: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"]\n};\nconst styles = _common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"StyleSheet\"].create({\n  container: {\n    marginTop: '12px',\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexWrap: 'wrap',\n    flexFlow: 'row wrap',\n    width: '100%'\n  },\n  imageWrapper: {\n    position: 'relative',\n    margin: '12px',\n    'min-width': '200px'\n  },\n  imageAttribution: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    'min-height': '8px',\n    opacity: 0,\n    'background-color': '#2d3b45',\n    'z-index': 99\n  },\n  imageContainer: {\n    'text-align': 'center'\n  },\n  positionedText: {\n    position: 'absolute',\n    height: '100%',\n    width: '100%',\n    top: '0',\n    left: '0'\n  }\n});\nconst hoverStyles = _common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"StyleSheet\"].create({\n  imageWrapper: {\n    [`#:hover ${Object(_common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"css\"])(styles.imageAttribution)}`]: {\n      opacity: 0.8\n    },\n    [`#:focus-within ${Object(_common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"css\"])(styles.imageAttribution)}`]: {\n      opacity: 0.8\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/rce/plugins/shared/Upload/UnsplashPanel.js?");
 
 /***/ }),
 
-/***/ "./src/rce/plugins/shared/FileBrowser.js":
-/*!***********************************************!*\
-  !*** ./src/rce/plugins/shared/FileBrowser.js ***!
-  \***********************************************/
+/***/ "./src/rce/plugins/shared/Upload/UnsplashSVG.js":
+/*!******************************************************!*\
+  !*** ./src/rce/plugins/shared/Upload/UnsplashSVG.js ***!
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return RceFileBrowser; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"../../node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _instructure_ui_view__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _common_fileUrl__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../common/fileUrl */ \"./src/common/fileUrl.js\");\n/* harmony import */ var _fileTypeUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./fileTypeUtils */ \"./src/rce/plugins/shared/fileTypeUtils.js\");\n/* harmony import */ var _rcs_api__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../rcs/api */ \"./src/rcs/api.js\");\n/* harmony import */ var _canvasFileBrowser_FileBrowser__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../canvasFileBrowser/FileBrowser */ \"./src/canvasFileBrowser/FileBrowser.js\");\n/* harmony import */ var _Previewable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Previewable */ \"./src/rce/plugins/shared/Previewable.js\");\n/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n // TODO: should find a better way to share this code\n\n\n\nRceFileBrowser.propTypes = {\n  onFileSelect: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  onAllFilesLoading: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  searchString: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n};\nfunction RceFileBrowser(props) {\n  const {\n    onFileSelect,\n    searchString,\n    onAllFilesLoading,\n    jwt,\n    refreshToken,\n    host,\n    source\n  } = props;\n  const apiSource = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useMemo\"])(() => {\n    return source || new _rcs_api__WEBPACK_IMPORTED_MODULE_6__[\"default\"]({\n      jwt,\n      refreshToken,\n      host\n    });\n  }, [host, jwt, refreshToken, source]);\n\n  function handleFileSelect(fileInfo) {\n    var _fileInfo$api$embed;\n\n    const content_type = fileInfo.api.type;\n    const canPreview = Object(_Previewable__WEBPACK_IMPORTED_MODULE_8__[\"isPreviewable\"])(content_type);\n    const clazz = classnames__WEBPACK_IMPORTED_MODULE_2___default()('instructure_file_link', {\n      instructure_scribd_file: canPreview,\n      inline_disabled: true\n    });\n    const url = Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_4__[\"downloadToWrap\"])(fileInfo.src);\n    const embedded_iframe_url = Object(_fileTypeUtils__WEBPACK_IMPORTED_MODULE_5__[\"mediaPlayerURLFromFile\"])(fileInfo.api);\n    onFileSelect({\n      name: fileInfo.name,\n      title: fileInfo.name,\n      href: url,\n      embedded_iframe_url,\n      media_id: (_fileInfo$api$embed = fileInfo.api.embed) === null || _fileInfo$api$embed === void 0 ? void 0 : _fileInfo$api$embed.id,\n      target: '_blank',\n      class: clazz,\n      content_type\n    });\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_3__[\"View\"], {\n    as: \"div\",\n    margin: \"medium\",\n    \"data-testid\": \"instructure_links-FilesPanel\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_canvasFileBrowser_FileBrowser__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    selectFile: handleFileSelect,\n    contentTypes: ['**'],\n    searchString: searchString,\n    onLoading: onAllFilesLoading,\n    source: apiSource,\n    context: props.context\n  }));\n}\n\n//# sourceURL=webpack:///./src/rce/plugins/shared/FileBrowser.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\nconst UnsplashSVG = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", Object.assign({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 457.19 104.19\"\n}, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n  d: \"M59.88 38.66h27.53v48.75H0V38.66h27.53v24.37h32.35zm93 25c0 8.25-5.45 13.13-12.9 13.13-7.28 0-12.81-4.88-12.81-13.13V24.41h-12.22v39.13c0 15.45 11 25.21 25.06 25.21s25.15-9.76 25.15-25.21V24.41h-12.25zm43.7-21.13c-4.7 0-9.94 2-12.6 6.57v-5.41h-11.45v43.64h11.81v-25.1c0-5 3-9 8.16-9 5.68 0 8.08 3.82 8.08 8.7v25.4h11.8V59.82c.03-9.59-4.94-17.31-15.77-17.31zm43.31 18.37l-6.48-1.33c-2.47-.5-4-1.77-4-3.9 0-2.49 2.23-4.35 5.33-4.35 4.36 0 6.09 2.25 6.51 4.88h10.18c-.08-6-4.83-13.84-16.51-13.84-9.41 0-16.33 6.47-16.33 14.28 0 6.13 3.81 11.19 12.24 13l6.05 1.33c3.37.71 4.7 2.31 4.7 4.26 0 2.31-2.14 4.35-6 4.35-4.71 0-7.27-2.68-7.87-5.79h-10.5c.59 6.53 5.32 14.84 18.46 14.84 11.45 0 17.22-7.28 17.22-14.38-.01-6.36-4.36-11.59-12.97-13.37zm63.19 4.53c0 13.22-8.26 23-20.59 23-6 0-10.48-2.4-12.61-5.33v21.13h-11.8V43.67h11.45v5.41c2-3.37 6.83-6.39 13.4-6.39 12.81 0 20.18 9.76 20.18 22.72zm-11.63.09c0-7.72-4.79-12.25-10.83-12.25s-10.91 4.53-10.91 12.25 4.88 12.33 10.91 12.33 10.91-4.54 10.91-12.35zm68-21.83h11.45v43.64h-11.8v-5.31c-2 3.5-6.57 6.38-12.61 6.38-12.33 0-20.59-9.77-20.59-23 0-13 7.37-22.72 20.15-22.72 6.57 0 11.32 3.05 13.4 6.39zm-.18 21.83c0-7.72-4.88-12.25-10.91-12.25s-10.83 4.51-10.83 12.23 4.79 12.33 10.83 12.33 10.92-4.6 10.92-12.33zm-50.66 21.81h11.8V24.41h-11.8zm132.35-44.81c-4.17 0-9 1.41-11.81 4.78V24.41h-11.8v62.91h11.8V61.68c.27-4.8 3.2-8.52 8.17-8.52 5.68 0 8.08 3.83 8.07 8.71v25.47h11.81V59.82c-.01-9.59-5.15-17.3-16.24-17.3zm-42 18.36l-6.43-1.33c-2.47-.5-4-1.77-4-3.9 0-2.49 2.22-4.35 5.33-4.35 4.35 0 6.08 2.25 6.5 4.88h10.17c-.08-6-4.83-13.84-16.51-13.84-9.41 0-16.33 6.47-16.33 14.28 0 6.13 3.82 11.19 12.25 13l6 1.33c3.37.71 4.7 2.31 4.7 4.26 0 2.31-2.14 4.35-6 4.35-4.71 0-7.27-2.68-7.87-5.79h-10.49c.58 6.53 5.31 14.84 18.45 14.84 11.45 0 17.22-7.28 17.22-14.38 0-6.34-4.35-11.57-12.95-13.35zM59.88 0H27.53v24.37h32.35z\"\n}));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (UnsplashSVG);\n\n//# sourceURL=webpack:///./src/rce/plugins/shared/Upload/UnsplashSVG.js?");
 
 /***/ })
 

package/testcafe/build/37.js

@@ -1,37 +1,26 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[37],{
 
-/***/ "./src/common/aphroditeExtensions.js":
-/*!*******************************************!*\
-  !*** ./src/common/aphroditeExtensions.js ***!
-  \*******************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-eval("/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\nconst aphrodite = __webpack_require__(/*! aphrodite */ \"../../node_modules/aphrodite/es/index.js\");\n\nfunction pseudochild(selector, baseSelector, generateSubtreeStyles) {\n  const regex = /^#:(?:\\w|-)+\\s{1}\\w+$/im;\n\n  if (!selector.match(regex)) {\n    return null;\n  }\n\n  const pseudo = selector.slice(1).split(' ')[0];\n  const parentsel = '.' + selector.split(' ')[1];\n  return generateSubtreeStyles(baseSelector + pseudo + ' ' + parentsel);\n}\n\nconst myExtension = {\n  selectorHandler: pseudochild\n};\nmodule.exports = aphrodite.StyleSheet.extend([myExtension]);\n\n//# sourceURL=webpack:///./src/common/aphroditeExtensions.js?");
-
-/***/ }),
-
-/***/ "./src/rce/plugins/shared/Upload/UnsplashPanel.js":
-/*!********************************************************!*\
-  !*** ./src/rce/plugins/shared/Upload/UnsplashPanel.js ***!
-  \********************************************************/
-/*! exports provided: default, styles, hoverStyles */
+/***/ "./src/canvasFileBrowser/FileBrowser.js":
+/*!**********************************************!*\
+  !*** ./src/canvasFileBrowser/FileBrowser.js ***!
+  \**********************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return UnsplashPanel; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"styles\", function() { return styles; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"hoverStyles\", function() { return hoverStyles; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _instructure_ui_text_input__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-text-input */ \"../../node_modules/@instructure/ui-text-input/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _instructure_ui_avatar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-avatar */ \"../../node_modules/@instructure/ui-avatar/es/index.js\");\n/* harmony import */ var _instructure_ui_img__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-img */ \"../../node_modules/@instructure/ui-img/es/index.js\");\n/* harmony import */ var _instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-spinner */ \"../../node_modules/@instructure/ui-spinner/es/index.js\");\n/* harmony import */ var _instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-alerts */ \"../../node_modules/@instructure/ui-alerts/es/index.js\");\n/* harmony import */ var _instructure_ui_pagination__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @instructure/ui-pagination */ \"../../node_modules/@instructure/ui-pagination/es/index.js\");\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! lodash */ \"../../node_modules/lodash/lodash.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../common/aphroditeExtensions */ \"./src/common/aphroditeExtensions.js\");\n/* harmony import */ var _common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var _UnsplashSVG__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./UnsplashSVG */ \"./src/rce/plugins/shared/Upload/UnsplashSVG.js\");\n/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst unsplashFetchReducer = (state, action) => {\n  switch (action.type) {\n    case 'FETCH':\n      return { ...state,\n        loading: true,\n        hasLoaded: false\n      };\n\n    case 'FETCH_SUCCESS':\n      return { ...state,\n        loading: false,\n        hasLoaded: true,\n        totalPages: action.payload.total_pages,\n        totalResults: action.payload.total_results,\n        results: { ...state.results,\n          ...{\n            [state.searchPage]: action.payload.results\n          }\n        }\n      };\n\n    case 'FETCH_FAILURE':\n      return { ...state,\n        loading: false,\n        error: true,\n        hasLoaded: true\n      };\n\n    case 'SET_SEARCH_DATA':\n      {\n        const newState = { ...state,\n          ...action.payload\n        };\n\n        if (state.searchTerm !== action.payload.searchTerm) {\n          newState.results = {};\n        }\n\n        return newState;\n      }\n\n    default:\n      throw new Error('Not implemented');\n    // Should never get here.\n  }\n};\n\nconst useUnsplashSearch = source => {\n  const [state, dispatch] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useReducer\"])(unsplashFetchReducer, {\n    loading: false,\n    error: false,\n    results: {},\n    totalPages: 1,\n    searchTerm: '',\n    searchPage: 1\n  });\n  const effectFirstRun = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(() => {\n    const fetchData = () => {\n      dispatch({\n        type: 'FETCH'\n      });\n      source.searchUnsplash(state.searchTerm, state.searchPage).then(results => {\n        dispatch({\n          type: 'FETCH_SUCCESS',\n          payload: results\n        });\n      }).catch(() => {\n        dispatch({\n          type: 'FETCH_FAILURE'\n        });\n      });\n    };\n\n    if (effectFirstRun.current) {\n      effectFirstRun.current = false;\n    } else if (state.results[state.searchPage]) {// It's already in cache\n    } else if (state.searchTerm.length > 0) {\n      fetchData();\n    }\n  }, [state.searchTerm, state.searchPage, state.results, source]);\n\n  const search = (term, page) => {\n    dispatch({\n      type: 'SET_SEARCH_DATA',\n      payload: {\n        searchTerm: term,\n        searchPage: page\n      }\n    });\n  };\n\n  return { ...state,\n    search\n  };\n};\n\nfunction Attribution(_ref) {\n  let {\n    name,\n    avatarUrl,\n    profileUrl\n  } = _ref;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    margin: \"xx-small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_avatar__WEBPACK_IMPORTED_MODULE_5__[\"Avatar\"], {\n    name: name,\n    src: avatarUrl,\n    size: \"small\",\n    \"data-fs-exclude\": true\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    margin: \"xx-small\",\n    shrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_10__[\"Button\"], {\n    size: \"small\",\n    variant: \"link-inverse\",\n    href: profileUrl,\n    target: \"_blank\",\n    rel: \"noopener\",\n    fluidWidth: true\n  }, name)));\n}\n\nfunction renderAlert(term, hasLoaded, totalResults, results, page, liveRegion) {\n  if (hasLoaded && results[page] && term.length >= 1) {\n    if (totalResults < 1) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_8__[\"Alert\"], {\n        variant: \"info\",\n        transition: \"none\",\n        liveRegion: liveRegion,\n        timeout: 1000\n      }, Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('No results found for {term}.', {\n        term\n      }));\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_8__[\"Alert\"], {\n      variant: \"info\",\n      transition: \"none\",\n      screenReaderOnly: true,\n      liveRegion: liveRegion,\n      timeout: 1000\n    }, Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('{totalResults} results found, {numDisplayed} results currently displayed', {\n      totalResults,\n      numDisplayed: results[page].length\n    }));\n  }\n}\n\nfunction UnsplashPanel(_ref2) {\n  let {\n    source,\n    setUnsplashData,\n    brandColor,\n    liveRegion\n  } = _ref2;\n  const [page, setPage] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(1);\n  const [term, setTerm] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])('');\n  const [selectedImage, setSelectedImage] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(null);\n  const [focusedImageIndex, setFocusedImageIndex] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(0);\n  const {\n    totalPages,\n    totalResults,\n    results,\n    loading,\n    search,\n    hasLoaded\n  } = useUnsplashSearch(source);\n  const debouncedSearch = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useCallback\"])(Object(lodash__WEBPACK_IMPORTED_MODULE_11__[\"debounce\"])(search, 1000), []);\n  const resultRefs = [];\n  const skipEffect = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(false);\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(() => {\n    if (skipEffect.current) {\n      skipEffect.current = false;\n      return;\n    }\n\n    if (resultRefs[focusedImageIndex]) {\n      resultRefs[focusedImageIndex].focus();\n    }\n  }, [focusedImageIndex, resultRefs]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_UnsplashSVG__WEBPACK_IMPORTED_MODULE_14__[\"default\"], {\n    width: \"10em\"\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text_input__WEBPACK_IMPORTED_MODULE_2__[\"TextInput\"], {\n    type: \"search\",\n    renderLabel: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Search Term'),\n    value: term,\n    onChange: (e, val) => {\n      setFocusedImageIndex(0);\n      setTerm(val);\n      debouncedSearch(val, page);\n    }\n  }), loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_7__[\"Spinner\"], {\n    renderTitle: function () {\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Loading');\n    },\n    size: \"large\",\n    margin: \"0 0 0 medium\"\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"View\"], {\n    margin: \"0 small\"\n  }, renderAlert(term, hasLoaded, totalResults, results, page, liveRegion)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: Object(_common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"css\"])(styles.container),\n    \"data-testid\": \"UnsplashResultsContainer\"\n  }, results[page] && results[page].map(resultImage => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: Object(_common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"css\"])(hoverStyles.imageWrapper, styles.imageWrapper),\n    key: resultImage.id\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_10__[\"Button\"], {\n    variant: \"link\",\n    fluidWidth: true,\n    theme: {\n      mediumPaddingHorizontal: '0'\n    },\n    onClick: () => {\n      setSelectedImage(resultImage.id);\n      setUnsplashData({\n        id: resultImage.id,\n        url: resultImage.urls.link,\n        alt: resultImage.alt_text\n      });\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: Object(_common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"css\"])(styles.imageContainer),\n    style: resultImage.id === selectedImage ? {\n      border: `5px solid ${brandColor}`,\n      padding: '2px'\n    } : null\n  }, resultImage.id === selectedImage ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_8__[\"Alert\"], {\n    variant: \"info\",\n    transition: \"none\",\n    screenReaderOnly: true,\n    liveRegion: liveRegion,\n    timeout: 1000\n  }, `${Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Selected')}: ${resultImage.alt_text}`) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_img__WEBPACK_IMPORTED_MODULE_6__[\"Img\"], {\n    src: resultImage.urls.thumbnail,\n    alt: resultImage.id === selectedImage ? `${Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Selected')} ${resultImage.alt_text}` : resultImage.alt_text,\n    constrain: \"contain\",\n    height: \"10em\"\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: Object(_common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"css\"])(styles.imageAttribution)\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Attribution, {\n    name: resultImage.user.name,\n    avatarUrl: resultImage.user.avatar,\n    profileUrl: resultImage.user.url\n  })))))), totalPages > 1 && results && Object.keys(results).length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"], {\n    as: \"div\",\n    width: \"100%\",\n    justifyItems: \"center\",\n    margin: \"small 0 small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    margin: \"auto small auto small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_pagination__WEBPACK_IMPORTED_MODULE_9__[\"Pagination\"], {\n    as: \"nav\",\n    variant: \"compact\",\n    labelNext: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Next Page'),\n    labelPrev: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Previous Page')\n  }, Array.from(Array(totalPages)).map((_v, i) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_pagination__WEBPACK_IMPORTED_MODULE_9__[\"Pagination\"].Page, {\n    key: i // eslint-disable-line react/no-array-index-key\n    ,\n    onClick: () => {\n      setPage(i + 1);\n      search(term, i + 1);\n    },\n    current: i + 1 === page\n  }, i + 1))))));\n}\nUnsplashPanel.propTypes = {\n  setUnsplashData: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  source: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"object\"],\n  brandColor: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"],\n  liveRegion: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"]\n};\nconst styles = _common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"StyleSheet\"].create({\n  container: {\n    marginTop: '12px',\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexWrap: 'wrap',\n    flexFlow: 'row wrap',\n    width: '100%'\n  },\n  imageWrapper: {\n    position: 'relative',\n    margin: '12px',\n    'min-width': '200px'\n  },\n  imageAttribution: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    'min-height': '8px',\n    opacity: 0,\n    'background-color': '#2d3b45',\n    'z-index': 99\n  },\n  imageContainer: {\n    'text-align': 'center'\n  },\n  positionedText: {\n    position: 'absolute',\n    height: '100%',\n    width: '100%',\n    top: '0',\n    left: '0'\n  }\n});\nconst hoverStyles = _common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"StyleSheet\"].create({\n  imageWrapper: {\n    [`#:hover ${Object(_common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"css\"])(styles.imageAttribution)}`]: {\n      opacity: 0.8\n    },\n    [`#:focus-within ${Object(_common_aphroditeExtensions__WEBPACK_IMPORTED_MODULE_13__[\"css\"])(styles.imageAttribution)}`]: {\n      opacity: 0.8\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/rce/plugins/shared/Upload/UnsplashPanel.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/includes */ \"../../node_modules/@babel/runtime-corejs3/core-js-stable/instance/includes.js\");\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../format-message */ \"./src/format-message.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash */ \"../../node_modules/lodash/lodash.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var minimatch__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! minimatch */ \"./node_modules/minimatch/minimatch.js\");\n/* harmony import */ var minimatch__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(minimatch__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _instructure_ui_tree_browser__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-tree-browser */ \"../../node_modules/@instructure/ui-tree-browser/es/index.js\");\n/* harmony import */ var _instructure_ui_text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/es/index.js\");\n/* harmony import */ var _instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-spinner */ \"../../node_modules/@instructure/ui-spinner/es/index.js\");\n/* harmony import */ var _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-icons */ \"../../node_modules/@instructure/ui-icons/es/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _rce_plugins_shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../rce/plugins/shared/fileTypeUtils */ \"./src/rce/plugins/shared/fileTypeUtils.js\");\n/* harmony import */ var _FlashAlert__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./FlashAlert */ \"./src/canvasFileBrowser/FlashAlert.js\");\n/* harmony import */ var _natcompare__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./natcompare */ \"./src/canvasFileBrowser/natcompare.js\");\n\n// Copyright (C) 2017 - present Instructure, Inc.\n//\n// This file is part of Canvas.\n//\n// Canvas is free software: you can redistribute it and/or modify it under\n// the terms of the GNU Affero General Public License as published by the Free\n// Software Foundation, version 3 of the License.\n//\n// Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n// WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n// A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n// details.\n//\n// You should have received a copy of the GNU Affero General Public License along\n// with this program. If not, see <http://www.gnu.org/licenses/>.\n\n\n\n\n\n\n\n\n\n\n\n\n\nclass FileBrowser extends react__WEBPACK_IMPORTED_MODULE_1___default.a.Component {\n  constructor(_props2) {\n    var _this;\n\n    super(_props2);\n    _this = this;\n    this.fetchSubFolders = lodash__WEBPACK_IMPORTED_MODULE_3___default.a.memoize(id => {\n      this.source.fetchBookmarkedData(this.source.fetchSubFolders.bind(this.source), {\n        folderId: id,\n        perPage: 50\n      }, result => {\n        this.populateCollectionsList(result.folders);\n      }, error => {\n        this.props.onLoading(false);\n        /* eslint-disable no-console */\n\n        console.error('Error fetching data from API');\n        console.error(error);\n      });\n    });\n\n    this.populateCollectionsList = function (folderList) {\n      let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n      _this.setState((state, props) => {\n        const newCollections = lodash__WEBPACK_IMPORTED_MODULE_3___default.a.cloneDeep(state.collections);\n\n        folderList.forEach(folder => {\n          const collection = _this.formatFolderInfo(folder, { ...opts,\n            searchString: props.searchString\n          });\n\n          newCollections[collection.id] = collection;\n          const parentId = folder.parentId || 0;\n          const collectionCollections = newCollections[parentId].collections;\n\n          if (!_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(collectionCollections).call(collectionCollections, collection.id)) {\n            collectionCollections.push(collection.id);\n            newCollections[parentId].collections = _this.orderedIdsFromList(newCollections, collectionCollections);\n          }\n        });\n        return {\n          collections: newCollections\n        };\n      });\n    };\n\n    this.populateItemsList = fileList => {\n      this.setState((state, _props) => {\n        const newItems = lodash__WEBPACK_IMPORTED_MODULE_3___default.a.cloneDeep(state.items);\n\n        const newCollections = lodash__WEBPACK_IMPORTED_MODULE_3___default.a.cloneDeep(state.collections);\n\n        fileList.forEach(file => {\n          if (this.contentTypeIsAllowed(file.type)) {\n            const item = this.formatFileInfo(file);\n            newItems[item.id] = item;\n            const folder_id = file.folderId;\n            const collectionItems = newCollections[folder_id].items;\n\n            if (!_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(collectionItems).call(collectionItems, item.id)) {\n              collectionItems.push(item.id);\n              newCollections[folder_id].items = this.orderedIdsFromList(newItems, collectionItems);\n            }\n          }\n        });\n        return {\n          items: newItems,\n          collections: newCollections\n        };\n      });\n    };\n\n    this.onFolderToggle = folder => {\n      const folderId = folder.id;\n      this.setState((state, _props) => {\n        const collection = state.collections[folderId];\n        let newFolders = [];\n        let newCollections = state.collections;\n        const {\n          openFolders\n        } = state;\n\n        if (!collection.locked && _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(openFolders).call(openFolders, folderId)) {\n          newFolders = newFolders.concat(openFolders.filter(id => id !== folderId));\n        } else if (!collection.locked) {\n          newFolders = newFolders.concat(openFolders);\n          newFolders.push(folderId);\n          newCollections = lodash__WEBPACK_IMPORTED_MODULE_3___default.a.cloneDeep(state.collections);\n          newCollections[folderId] = collection;\n        }\n\n        return {\n          openFolders: newFolders,\n          uploadFolder: folderId,\n          collections: newCollections\n        };\n      }, () => {\n        var _context;\n\n        if (_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(_context = this.state.openFolders).call(_context, folderId)) {\n          const collection = this.state.collections[folderId];\n\n          if (!collection.locked) {\n            this.getFolderData(folderId);\n          }\n        }\n      });\n    };\n\n    this.onFileClick = file => {\n      this.props.selectFile(this.state.items[file.id]);\n    };\n\n    this.setFailureMessage = message => {\n      Object(_FlashAlert__WEBPACK_IMPORTED_MODULE_11__[\"showFlashError\"])(message)();\n    };\n\n    this.state = {\n      collections: {\n        0: {\n          id: 0,\n          collections: []\n        }\n      },\n      items: {},\n      openFolders: [],\n      loadingCount: 0\n    };\n    this.source = _props2.source;\n    this.updatePropsWithThumbnailOrIcon = this.updatePropsWithThumbnailOrIcon.bind(this);\n  }\n\n  componentDidMount() {\n    this.getRootFolders();\n  }\n\n  componentDidUpdate() {\n    this.state.openFolders.forEach(fid => {\n      if (this.props.searchString !== this.state.collections[fid].searchString) {\n        this.getFolderData(fid);\n      }\n    });\n  }\n\n  getContextName(contextType) {\n    if (contextType === 'course') {\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Course files');\n    } else {\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Group files');\n    }\n  }\n\n  getRootFolders() {\n    if (this.props.useContextAssets) {\n      this.getContextFolders();\n    }\n\n    this.getUserFolders();\n  }\n\n  getUserFolders() {\n    this.getRootFolderData('user', 'self', {\n      name: Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('My files')\n    });\n  }\n\n  getContextFolders() {\n    const {\n      type,\n      id\n    } = this.props.context;\n\n    if (type && id) {\n      this.getRootFolderData(type, id, {\n        name: this.getContextName(type)\n      });\n    }\n  }\n\n  increaseLoadingCount() {\n    let {\n      loadingCount\n    } = this.state;\n    loadingCount += 1;\n    this.setState({\n      loadingCount\n    });\n  }\n\n  decreaseLoadingCount() {\n    let {\n      loadingCount\n    } = this.state;\n    loadingCount -= 1;\n    this.setState({\n      loadingCount\n    });\n  }\n\n  getRootFolderData(context, contextId) {\n    let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n    this.increaseLoadingCount();\n    this.source.fetchRootFolder({\n      contextType: context,\n      contextId\n    }).then(result => {\n      this.populateRootFolder(result.folders[0], opts);\n    }).catch(error => {\n      this.decreaseLoadingCount();\n\n      if (error.response && error.response.status !== 401) {\n        this.setFailureMessage(Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Something went wrong'));\n      }\n    });\n  }\n\n  populateRootFolder(data) {\n    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    this.decreaseLoadingCount();\n    this.populateCollectionsList([data], opts);\n    this.getFolderData(data.id);\n  } // Memoized function to fetch all subfolders\n  // of the given folder ID, handing pagination\n\n\n  fetchFiles(id) {\n    var _this$state$collectio, _this$state$collectio2;\n\n    this.source.fetchBookmarkedData(this.source.fetchFilesForFolder.bind(this.source), {\n      searchString: this.props.searchString,\n      perPage: 50,\n      filesUrl: (_this$state$collectio = this.state.collections[id]) === null || _this$state$collectio === void 0 ? void 0 : (_this$state$collectio2 = _this$state$collectio.api) === null || _this$state$collectio2 === void 0 ? void 0 : _this$state$collectio2.filesUrl\n    }, result => {\n      this.populateItemsList(result.files);\n    }, error => {\n      this.props.onLoading(false);\n      console.error(error);\n    });\n  }\n\n  getFolderData(id) {\n    if (!this.state.collections[id].locked) {\n      this.setState((state, _props) => {\n        const collections = { ...state.collections\n        };\n        const collection = { ...collections[id]\n        };\n        collection.items = [];\n        collection.searchString = this.props.searchString;\n        collections[id] = collection;\n        return {\n          collections\n        };\n      }, () => {\n        this.fetchSubFolders(id);\n        this.fetchFiles(id);\n      });\n    }\n  }\n\n  contentTypeIsAllowed(contentType) {\n    for (const pattern of this.props.contentTypes) {\n      if (minimatch__WEBPACK_IMPORTED_MODULE_4___default()(contentType, pattern)) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  formatFolderInfo(apiFolder) {\n    var _apiFolder$contextTyp;\n\n    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    const descriptor = apiFolder.lockedForUser ? Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Locked') : null;\n    const folder = {\n      api: apiFolder,\n      id: apiFolder.id,\n      collections: [],\n      items: [],\n      name: apiFolder.name,\n      context: `/${(_apiFolder$contextTyp = apiFolder.contextType) === null || _apiFolder$contextTyp === void 0 ? void 0 : _apiFolder$contextTyp.toLowerCase()}s/${apiFolder.contextId}`,\n      canUpload: apiFolder.canUpload,\n      locked: apiFolder.lockedForUser,\n      descriptor,\n      ...opts\n    };\n    const existingCollections = this.state.collections[apiFolder.id];\n    Object.assign(folder, existingCollections && {\n      collections: existingCollections.collections,\n      items: existingCollections.items\n    });\n    return folder;\n  }\n\n  updatePropsWithThumbnailOrIcon(props) {\n    const {\n      id\n    } = props;\n    const file = this.state.items[id].api;\n    let thumbnail, itemIcon;\n\n    if (Object(_rce_plugins_shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_10__[\"isImage\"])(file.type)) {\n      if (file.thumbnailUrl) {\n        thumbnail = file.thumbnailUrl;\n      } else {\n        itemIcon = _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__[\"IconImageLine\"];\n      }\n    } else {\n      itemIcon = Object(_rce_plugins_shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_10__[\"getIconFromType\"])(file.type);\n    }\n\n    return { ...props,\n      thumbnail,\n      itemIcon\n    };\n  }\n\n  formatFileInfo(apiFile) {\n    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    const {\n      collections\n    } = this.state;\n    const context = collections[apiFile.folderId].context;\n    const file = {\n      api: apiFile,\n      id: apiFile.id,\n      name: apiFile.name,\n      src: `${context}/files/${apiFile.id}/preview${_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(context).call(context, 'user') ? `?verifier=${apiFile.uuid}` : ''}`,\n      alt: apiFile.name,\n      ...opts\n    };\n\n    if (apiFile.iframeUrl) {\n      // it's a media_object\n      file.src = apiFile.iframeUrl;\n    }\n\n    return file;\n  }\n\n  orderedIdsFromList(list, ids) {\n    try {\n      const sortedIds = ids.sort((a, b) => _natcompare__WEBPACK_IMPORTED_MODULE_12__[\"default\"].strings(list[a].name, list[b].name));\n      return sortedIds;\n    } catch (error) {\n      console.error(error);\n      return ids;\n    }\n  }\n\n  findFolderForFile(file) {\n    const {\n      collections\n    } = this.state;\n    const folderKey = Object.keys(collections).find(key => {\n      const items = collections[key].items;\n      return items && _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(items).call(items, file.id);\n    });\n    return collections[folderKey];\n  }\n\n  renderLoading() {\n    if (this.state.loadingCount > 0) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_7__[\"Spinner\"], {\n        renderTitle: Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Loading folders'),\n        size: \"small\"\n      });\n    } else {\n      return null;\n    }\n  }\n\n  render() {\n    const element = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n      className: \"file-browser__container\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_6__[\"Text\"], null, Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Available folders')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n      className: \"file-browser__tree\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_tree_browser__WEBPACK_IMPORTED_MODULE_5__[\"TreeBrowser\"], {\n      collections: this.state.collections,\n      items: this.state.items,\n      size: \"medium\",\n      onCollectionToggle: this.onFolderToggle,\n      onItemClick: this.onFileClick,\n      treeLabel: Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Folder tree'),\n      rootId: 0,\n      showRootCollection: false,\n      expanded: this.state.openFolders,\n      collectionIconExpanded: _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__[\"IconOpenFolderSolid\"],\n      collectionIcon: _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_8__[\"IconFolderSolid\"],\n      selectionType: \"single\",\n      getItemProps: this.updatePropsWithThumbnailOrIcon\n    }), this.renderLoading()));\n    return element;\n  }\n\n}\n\nFileBrowser.propTypes = {\n  allowUpload: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.bool,\n  selectFile: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.func.isRequired,\n  contentTypes: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.string),\n  useContextAssets: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.bool,\n  searchString: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.string,\n  onLoading: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.func.isRequired,\n  context: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.shape({\n    type: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.string.isRequired,\n    id: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.string.isRequired\n  }).isRequired\n};\nFileBrowser.defaultProps = {\n  allowUpload: true,\n  contentTypes: ['*/*'],\n  useContextAssets: true\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (FileBrowser);\n\n//# sourceURL=webpack:///./src/canvasFileBrowser/FileBrowser.js?");
 
 /***/ }),
 
-/***/ "./src/rce/plugins/shared/Upload/UnsplashSVG.js":
-/*!******************************************************!*\
-  !*** ./src/rce/plugins/shared/Upload/UnsplashSVG.js ***!
-  \******************************************************/
+/***/ "./src/rce/plugins/shared/FileBrowser.js":
+/*!***********************************************!*\
+  !*** ./src/rce/plugins/shared/FileBrowser.js ***!
+  \***********************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\nconst UnsplashSVG = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", Object.assign({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 457.19 104.19\"\n}, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n  d: \"M59.88 38.66h27.53v48.75H0V38.66h27.53v24.37h32.35zm93 25c0 8.25-5.45 13.13-12.9 13.13-7.28 0-12.81-4.88-12.81-13.13V24.41h-12.22v39.13c0 15.45 11 25.21 25.06 25.21s25.15-9.76 25.15-25.21V24.41h-12.25zm43.7-21.13c-4.7 0-9.94 2-12.6 6.57v-5.41h-11.45v43.64h11.81v-25.1c0-5 3-9 8.16-9 5.68 0 8.08 3.82 8.08 8.7v25.4h11.8V59.82c.03-9.59-4.94-17.31-15.77-17.31zm43.31 18.37l-6.48-1.33c-2.47-.5-4-1.77-4-3.9 0-2.49 2.23-4.35 5.33-4.35 4.36 0 6.09 2.25 6.51 4.88h10.18c-.08-6-4.83-13.84-16.51-13.84-9.41 0-16.33 6.47-16.33 14.28 0 6.13 3.81 11.19 12.24 13l6.05 1.33c3.37.71 4.7 2.31 4.7 4.26 0 2.31-2.14 4.35-6 4.35-4.71 0-7.27-2.68-7.87-5.79h-10.5c.59 6.53 5.32 14.84 18.46 14.84 11.45 0 17.22-7.28 17.22-14.38-.01-6.36-4.36-11.59-12.97-13.37zm63.19 4.53c0 13.22-8.26 23-20.59 23-6 0-10.48-2.4-12.61-5.33v21.13h-11.8V43.67h11.45v5.41c2-3.37 6.83-6.39 13.4-6.39 12.81 0 20.18 9.76 20.18 22.72zm-11.63.09c0-7.72-4.79-12.25-10.83-12.25s-10.91 4.53-10.91 12.25 4.88 12.33 10.91 12.33 10.91-4.54 10.91-12.35zm68-21.83h11.45v43.64h-11.8v-5.31c-2 3.5-6.57 6.38-12.61 6.38-12.33 0-20.59-9.77-20.59-23 0-13 7.37-22.72 20.15-22.72 6.57 0 11.32 3.05 13.4 6.39zm-.18 21.83c0-7.72-4.88-12.25-10.91-12.25s-10.83 4.51-10.83 12.23 4.79 12.33 10.83 12.33 10.92-4.6 10.92-12.33zm-50.66 21.81h11.8V24.41h-11.8zm132.35-44.81c-4.17 0-9 1.41-11.81 4.78V24.41h-11.8v62.91h11.8V61.68c.27-4.8 3.2-8.52 8.17-8.52 5.68 0 8.08 3.83 8.07 8.71v25.47h11.81V59.82c-.01-9.59-5.15-17.3-16.24-17.3zm-42 18.36l-6.43-1.33c-2.47-.5-4-1.77-4-3.9 0-2.49 2.22-4.35 5.33-4.35 4.35 0 6.08 2.25 6.5 4.88h10.17c-.08-6-4.83-13.84-16.51-13.84-9.41 0-16.33 6.47-16.33 14.28 0 6.13 3.82 11.19 12.25 13l6 1.33c3.37.71 4.7 2.31 4.7 4.26 0 2.31-2.14 4.35-6 4.35-4.71 0-7.27-2.68-7.87-5.79h-10.49c.58 6.53 5.31 14.84 18.45 14.84 11.45 0 17.22-7.28 17.22-14.38 0-6.34-4.35-11.57-12.95-13.35zM59.88 0H27.53v24.37h32.35z\"\n}));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (UnsplashSVG);\n\n//# sourceURL=webpack:///./src/rce/plugins/shared/Upload/UnsplashSVG.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return RceFileBrowser; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"../../node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _instructure_ui_view__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _common_fileUrl__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../common/fileUrl */ \"./src/common/fileUrl.js\");\n/* harmony import */ var _fileTypeUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./fileTypeUtils */ \"./src/rce/plugins/shared/fileTypeUtils.js\");\n/* harmony import */ var _rcs_api__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../rcs/api */ \"./src/rcs/api.js\");\n/* harmony import */ var _canvasFileBrowser_FileBrowser__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../canvasFileBrowser/FileBrowser */ \"./src/canvasFileBrowser/FileBrowser.js\");\n/* harmony import */ var _Previewable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Previewable */ \"./src/rce/plugins/shared/Previewable.js\");\n/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n // TODO: should find a better way to share this code\n\n\n\nRceFileBrowser.propTypes = {\n  onFileSelect: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  onAllFilesLoading: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  searchString: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n};\nfunction RceFileBrowser(props) {\n  const {\n    onFileSelect,\n    searchString,\n    onAllFilesLoading,\n    jwt,\n    refreshToken,\n    host,\n    source\n  } = props;\n  const apiSource = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useMemo\"])(() => {\n    return source || new _rcs_api__WEBPACK_IMPORTED_MODULE_6__[\"default\"]({\n      jwt,\n      refreshToken,\n      host\n    });\n  }, [host, jwt, refreshToken, source]);\n\n  function handleFileSelect(fileInfo) {\n    var _fileInfo$api$embed;\n\n    const content_type = fileInfo.api.type;\n    const canPreview = Object(_Previewable__WEBPACK_IMPORTED_MODULE_8__[\"isPreviewable\"])(content_type);\n    const clazz = classnames__WEBPACK_IMPORTED_MODULE_2___default()('instructure_file_link', {\n      instructure_scribd_file: canPreview,\n      inline_disabled: true\n    });\n    const url = Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_4__[\"downloadToWrap\"])(fileInfo.src);\n    const embedded_iframe_url = Object(_fileTypeUtils__WEBPACK_IMPORTED_MODULE_5__[\"mediaPlayerURLFromFile\"])(fileInfo.api);\n    onFileSelect({\n      name: fileInfo.name,\n      title: fileInfo.name,\n      href: url,\n      embedded_iframe_url,\n      media_id: (_fileInfo$api$embed = fileInfo.api.embed) === null || _fileInfo$api$embed === void 0 ? void 0 : _fileInfo$api$embed.id,\n      target: '_blank',\n      class: clazz,\n      content_type\n    });\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_3__[\"View\"], {\n    as: \"div\",\n    margin: \"medium\",\n    \"data-testid\": \"instructure_links-FilesPanel\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_canvasFileBrowser_FileBrowser__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    selectFile: handleFileSelect,\n    contentTypes: ['**'],\n    searchString: searchString,\n    onLoading: onAllFilesLoading,\n    source: apiSource,\n    context: props.context\n  }));\n}\n\n//# sourceURL=webpack:///./src/rce/plugins/shared/FileBrowser.js?");
 
 /***/ })
 

package/testcafe/build/38.js

@@ -20,7 +20,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return initA11yChecker; });\n/* harmony import */ var tinymce_a11y_checker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tinymce-a11y-checker */ \"../../node_modules/tinymce-a11y-checker/lib/modules/plugin.js\");\n/*\n * Copyright (C) 2017 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n//\n// TODO: remove dependency on ENV.url_for_high_contrast\n//\n\nfunction initA11yChecker(locale) {\n  if (locale) {\n    if (locale === 'zh-Hant') {\n      locale = 'zh-HK';\n    }\n\n    Object(tinymce_a11y_checker__WEBPACK_IMPORTED_MODULE_0__[\"setLocale\"])(locale);\n  }\n}\n\n//# sourceURL=webpack:///./src/rce/initA11yChecker.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return initA11yChecker; });\n/* harmony import */ var tinymce_a11y_checker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tinymce-a11y-checker */ \"../../node_modules/tinymce-a11y-checker/lib/modules/plugin.js\");\n/*\n * Copyright (C) 2017 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nfunction initA11yChecker(locale) {\n  if (locale) {\n    if (locale === 'zh-Hant') {\n      locale = 'zh-HK';\n    }\n\n    Object(tinymce_a11y_checker__WEBPACK_IMPORTED_MODULE_0__[\"setLocale\"])(locale);\n  }\n}\n\n//# sourceURL=webpack:///./src/rce/initA11yChecker.js?");
 
 /***/ })