@instructure/canvas-rce 5.6.3 → 5.6.4

package/testcafe/build/33.js

@@ -12,27 +12,27 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 
 /***/ }),
 
-/***/ "./src/rce/plugins/instructure_documents/components/Link.js":
-/*!******************************************************************!*\
-  !*** ./src/rce/plugins/instructure_documents/components/Link.js ***!
-  \******************************************************************/
+/***/ "./src/rce/plugins/instructure_documents/components/DocumentsPanel.js":
+/*!****************************************************************************!*\
+  !*** ./src/rce/plugins/instructure_documents/components/DocumentsPanel.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 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?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return DocumentsPanel; });\n/* harmony import */ var _babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/esm/extends */ \"../../node_modules/@babel/runtime-corejs3/helpers/esm/extends.js\");\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 prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _shared_fileShape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../shared/fileShape */ \"./src/rce/plugins/shared/fileShape.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _instructure_ui_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/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 _Link__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Link */ \"./src/rce/plugins/instructure_documents/components/Link.js\");\n/* harmony import */ var _common_incremental_loading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../common/incremental-loading */ \"./src/common/incremental-loading/index.js\");\n\n\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\nfunction hasFiles(documents) {\n  return documents.files.length > 0;\n}\n\nfunction isEmpty(documents) {\n  return !hasFiles(documents) && !documents.hasMore && !documents.isLoading;\n}\n\nfunction renderLinks(files, handleClick, lastItemRef) {\n  return files.map((f, index) => {\n    let focusRef = null;\n\n    if (index === files.length - 1) {\n      focusRef = lastItemRef;\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_Link__WEBPACK_IMPORTED_MODULE_7__[\"default\"], Object(_babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n      key: f.id\n    }, f, {\n      onClick: handleClick,\n      focusRef: focusRef\n    }));\n  });\n}\n\nfunction renderLoadingError(_error) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    role: \"alert\",\n    margin: \"medium\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_5__[\"Text\"], {\n    color: \"danger\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('Loading failed.')));\n}\n\nfunction DocumentsPanel(props) {\n  const {\n    fetchInitialDocs,\n    fetchNextDocs,\n    contextType,\n    sortBy,\n    searchString\n  } = props;\n  const documents = props.documents[contextType];\n  const {\n    hasMore,\n    isLoading,\n    error,\n    files\n  } = documents;\n  const lastItemRef = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useRef\"])(null);\n  const loader = Object(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_8__[\"useIncrementalLoading\"])({\n    hasMore,\n    isLoading,\n    lastItemRef,\n    onLoadInitial: fetchInitialDocs,\n    onLoadMore: fetchNextDocs,\n    records: files,\n    contextType,\n    sortBy,\n    searchString\n  });\n\n  const handleDocClick = file => {\n    props.onLinkClick(file);\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    \"data-testid\": \"instructure_links-DocumentsPanel\"\n  }, renderLinks(files, handleDocClick, lastItemRef), loader.isLoading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_8__[\"LoadingIndicator\"], {\n    loader: loader\n  }), !loader.isLoading && loader.hasMore && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_8__[\"LoadMoreButton\"], {\n    loader: loader\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_8__[\"LoadingStatus\"], {\n    loader: loader\n  }), error && renderLoadingError(error), isEmpty(documents) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    role: \"alert\",\n    padding: \"medium\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('No results.')));\n}\nDocumentsPanel.propTypes = {\n  contextType: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"].isRequired,\n  fetchInitialDocs: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"].isRequired,\n  fetchNextDocs: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"].isRequired,\n  onLinkClick: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"].isRequired,\n  documents: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"objectOf\"])(Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])({\n    files: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"arrayOf\"])(Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])(_shared_fileShape__WEBPACK_IMPORTED_MODULE_3__[\"fileShape\"])).isRequired,\n    bookmark: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"],\n    hasMore: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"bool\"],\n    isLoading: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"bool\"],\n    error: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"]\n  })).isRequired,\n  sortBy: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])({\n    sort: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"oneOf\"])(['date_added', 'alphabetical']).isRequired,\n    order: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"oneOf\"])(['asc', 'desc']).isRequired\n  }).isRequired,\n  searchString: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"]\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_documents/components/DocumentsPanel.js?");
 
 /***/ }),
 
-/***/ "./src/rce/plugins/instructure_record/MediaPanel/index.js":
-/*!****************************************************************!*\
-  !*** ./src/rce/plugins/instructure_record/MediaPanel/index.js ***!
-  \****************************************************************/
+/***/ "./src/rce/plugins/instructure_documents/components/Link.js":
+/*!******************************************************************!*\
+  !*** ./src/rce/plugins/instructure_documents/components/Link.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 MediaPanel; });\n/* harmony import */ var _babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/esm/extends */ \"../../node_modules/@babel/runtime-corejs3/helpers/esm/extends.js\");\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 prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _shared_fileShape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../shared/fileShape */ \"./src/rce/plugins/shared/fileShape.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _instructure_ui_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/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_documents_components_Link__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../instructure_documents/components/Link */ \"./src/rce/plugins/instructure_documents/components/Link.js\");\n/* harmony import */ var _common_incremental_loading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../common/incremental-loading */ \"./src/common/incremental-loading/index.js\");\n\n\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\nconst PENDING_MEDIA_ENTRY_ID = 'maybe';\n\nfunction hasFiles(media) {\n  return media.files.length > 0;\n}\n\nfunction isEmpty(media) {\n  return !hasFiles(media) && !media.hasMore && !media.isLoading;\n}\n\nfunction renderLinks(files, handleClick, lastItemRef) {\n  return files.map((f, index) => {\n    let focusRef = null;\n\n    if (index === files.length - 1) {\n      focusRef = lastItemRef;\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_documents_components_Link__WEBPACK_IMPORTED_MODULE_7__[\"default\"], Object(_babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n      key: f.id\n    }, f, {\n      onClick: handleClick,\n      focusRef: focusRef,\n      disabled: f.media_entry_id === PENDING_MEDIA_ENTRY_ID,\n      disabledMessage: Object(_format_message__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('Media file is processing. Please try again later.')\n    }));\n  });\n}\n\nfunction renderLoadingError(_error) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    role: \"alert\",\n    margin: \"medium\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_5__[\"Text\"], {\n    color: \"danger\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('Loading failed.')));\n}\n\nfunction MediaPanel(props) {\n  const {\n    fetchInitialMedia,\n    fetchNextMedia,\n    contextType,\n    sortBy,\n    searchString\n  } = props;\n  const media = props.media[contextType];\n  const {\n    hasMore,\n    isLoading,\n    error,\n    files\n  } = media;\n  const lastItemRef = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useRef\"])(null);\n  const loader = Object(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_8__[\"useIncrementalLoading\"])({\n    hasMore,\n    isLoading,\n    lastItemRef,\n    onLoadInitial: fetchInitialMedia,\n    onLoadMore: fetchNextMedia,\n    records: files,\n    contextType,\n    sortBy,\n    searchString\n  });\n\n  const handleFileClick = file => {\n    props.onMediaEmbed(file);\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    \"data-testid\": \"instructure_links-MediaPanel\"\n  }, renderLinks(files, handleFileClick, lastItemRef), loader.isLoading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_8__[\"LoadingIndicator\"], {\n    loader: loader\n  }), !loader.isLoading && loader.hasMore && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_8__[\"LoadMoreButton\"], {\n    loader: loader\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_8__[\"LoadingStatus\"], {\n    loader: loader\n  }), error && renderLoadingError(error), isEmpty(media) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    role: \"alert\",\n    padding: \"medium\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('No results.')));\n}\nMediaPanel.propTypes = {\n  contextType: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"].isRequired,\n  fetchInitialMedia: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"].isRequired,\n  fetchNextMedia: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"].isRequired,\n  onMediaEmbed: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"].isRequired,\n  media: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"objectOf\"])(Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])({\n    files: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"arrayOf\"])(Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])(_shared_fileShape__WEBPACK_IMPORTED_MODULE_3__[\"mediaObjectShape\"])).isRequired,\n    bookmark: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"],\n    hasMore: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"bool\"],\n    isLoading: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"bool\"],\n    error: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"]\n  })).isRequired,\n  sortBy: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])({\n    sort: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"oneOf\"])(['date_added', 'alphabetical']).isRequired,\n    order: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"oneOf\"])(['asc', 'desc']).isRequired\n  }),\n  searchString: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"]\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_record/MediaPanel/index.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/34.js

@@ -12,39 +12,39 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 
 /***/ }),
 
-/***/ "./src/rce/plugins/instructure_image/ImageList/Image.js":
-/*!**************************************************************!*\
-  !*** ./src/rce/plugins/instructure_image/ImageList/Image.js ***!
-  \**************************************************************/
+/***/ "./src/rce/plugins/instructure_documents/components/Link.js":
+/*!******************************************************************!*\
+  !*** ./src/rce/plugins/instructure_documents/components/Link.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 Image; });\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_img__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-img */ \"../../node_modules/@instructure/ui-img/es/index.js\");\n/* harmony import */ var _instructure_ui_link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-link */ \"../../node_modules/@instructure/ui-link/es/index.js\");\n/* harmony import */ var _instructure_ui_text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/es/index.js\");\n/* harmony import */ var _instructure_ui_truncate_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-truncate-text */ \"../../node_modules/@instructure/ui-truncate-text/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 _sidebar_dragHtml__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../sidebar/dragHtml */ \"./src/sidebar/dragHtml.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _contentRendering__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../contentRendering */ \"./src/rce/contentRendering.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\nfunction Image(_ref) {\n  let {\n    focusRef,\n    image,\n    onClick,\n    isIconMaker,\n    canvasOrigin\n  } = _ref;\n  const imgTitle = Object(_format_message__WEBPACK_IMPORTED_MODULE_8__[\"default\"])('Click to embed {imageName}', {\n    imageName: image.display_name\n  });\n\n  function handleDragStart(event) {\n    Object(_sidebar_dragHtml__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(event, Object(_contentRendering__WEBPACK_IMPORTED_MODULE_9__[\"renderImage\"])(image, canvasOrigin));\n  }\n\n  function handleDragEnd() {\n    document.body.click();\n  }\n\n  function handleImageClick(event) {\n    event.preventDefault();\n    onClick(image);\n  }\n\n  let elementRef = null;\n\n  if (focusRef) {\n    elementRef = ref => {\n      focusRef.current = ref;\n    };\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_link__WEBPACK_IMPORTED_MODULE_3__[\"Link\"], {\n    draggable: false,\n    elementRef: elementRef,\n    onClick: handleImageClick,\n    onDragStart: handleDragStart\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    borderRadius: \"medium\",\n    margin: \"none none small none\",\n    overflowX: \"hidden\",\n    overflowY: \"hidden\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_img__WEBPACK_IMPORTED_MODULE_2__[\"Img\"], {\n    alt: image.display_name,\n    constrain: isIconMaker ? 'contain' : 'cover',\n    draggable: true,\n    height: \"6rem\",\n    display: \"block\",\n    onDragStart: handleDragStart,\n    onDragEnd: handleDragEnd,\n    src: image.thumbnail_url,\n    title: imgTitle,\n    width: \"6rem\"\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_truncate_text__WEBPACK_IMPORTED_MODULE_5__[\"TruncateText\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_4__[\"Text\"], {\n    size: \"small\"\n  }, image.display_name)));\n}\nImage.propTypes = {\n  focusRef: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    current: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"instanceOf\"])(Element)\n  }),\n  image: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    display_name: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    filename: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"],\n    href: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    id: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"number\"],\n    preview_url: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"],\n    thumbnail_url: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n  }).isRequired,\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  isIconMaker: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"],\n  canvasOrigin: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n};\nImage.defaultProps = {\n  focusRef: null,\n  isIconMaker: false\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/ImageList/Image.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?");
 
 /***/ }),
 
-/***/ "./src/rce/plugins/instructure_image/ImageList/index.js":
-/*!**************************************************************!*\
-  !*** ./src/rce/plugins/instructure_image/ImageList/index.js ***!
-  \**************************************************************/
+/***/ "./src/rce/plugins/instructure_record/MediaPanel/index.js":
+/*!****************************************************************!*\
+  !*** ./src/rce/plugins/instructure_record/MediaPanel/index.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 ImageList; });\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_flex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _Image__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Image */ \"./src/rce/plugins/instructure_image/ImageList/Image.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\nfunction ImageList(_ref) {\n  let {\n    images,\n    lastItemRef,\n    onImageClick,\n    isIconMaker,\n    canvasOrigin\n  } = _ref;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"], {\n    justifyItems: \"start\",\n    height: \"100%\",\n    margin: \"xx-small\",\n    padding: \"small\",\n    wrap: \"wrap\"\n  }, images.map((image, index) => {\n    let focusRef = null;\n\n    if (index === images.length - 1) {\n      focusRef = lastItemRef;\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, {\n      as: \"div\",\n      key: 'image-' + image.id,\n      margin: \"xx-small xx-small small xx-small\",\n      size: \"6rem\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Image__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      focusRef: focusRef,\n      image: image,\n      onClick: onImageClick,\n      isIconMaker: isIconMaker,\n      canvasOrigin: canvasOrigin\n    }));\n  }));\n}\nImageList.propTypes = {\n  images: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"arrayOf\"])(_Image__WEBPACK_IMPORTED_MODULE_3__[\"default\"].propTypes.image),\n  lastItemRef: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    current: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"instanceOf\"])(Element)\n  }).isRequired,\n  onImageClick: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  isIconMaker: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"],\n  canvasOrigin: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n};\nImageList.defaultProps = {\n  images: [],\n  isIconMaker: false\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/ImageList/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return MediaPanel; });\n/* harmony import */ var _babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/esm/extends */ \"../../node_modules/@babel/runtime-corejs3/helpers/esm/extends.js\");\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 prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _shared_fileShape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../shared/fileShape */ \"./src/rce/plugins/shared/fileShape.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _instructure_ui_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/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_documents_components_Link__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../instructure_documents/components/Link */ \"./src/rce/plugins/instructure_documents/components/Link.js\");\n/* harmony import */ var _common_incremental_loading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../common/incremental-loading */ \"./src/common/incremental-loading/index.js\");\n\n\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\nconst PENDING_MEDIA_ENTRY_ID = 'maybe';\n\nfunction hasFiles(media) {\n  return media.files.length > 0;\n}\n\nfunction isEmpty(media) {\n  return !hasFiles(media) && !media.hasMore && !media.isLoading;\n}\n\nfunction renderLinks(files, handleClick, lastItemRef) {\n  return files.map((f, index) => {\n    let focusRef = null;\n\n    if (index === files.length - 1) {\n      focusRef = lastItemRef;\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_documents_components_Link__WEBPACK_IMPORTED_MODULE_7__[\"default\"], Object(_babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n      key: f.id\n    }, f, {\n      onClick: handleClick,\n      focusRef: focusRef,\n      disabled: f.media_entry_id === PENDING_MEDIA_ENTRY_ID,\n      disabledMessage: Object(_format_message__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('Media file is processing. Please try again later.')\n    }));\n  });\n}\n\nfunction renderLoadingError(_error) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    role: \"alert\",\n    margin: \"medium\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_5__[\"Text\"], {\n    color: \"danger\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('Loading failed.')));\n}\n\nfunction MediaPanel(props) {\n  const {\n    fetchInitialMedia,\n    fetchNextMedia,\n    contextType,\n    sortBy,\n    searchString\n  } = props;\n  const media = props.media[contextType];\n  const {\n    hasMore,\n    isLoading,\n    error,\n    files\n  } = media;\n  const lastItemRef = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useRef\"])(null);\n  const loader = Object(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_8__[\"useIncrementalLoading\"])({\n    hasMore,\n    isLoading,\n    lastItemRef,\n    onLoadInitial: fetchInitialMedia,\n    onLoadMore: fetchNextMedia,\n    records: files,\n    contextType,\n    sortBy,\n    searchString\n  });\n\n  const handleFileClick = file => {\n    props.onMediaEmbed(file);\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    \"data-testid\": \"instructure_links-MediaPanel\"\n  }, renderLinks(files, handleFileClick, lastItemRef), loader.isLoading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_8__[\"LoadingIndicator\"], {\n    loader: loader\n  }), !loader.isLoading && loader.hasMore && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_8__[\"LoadMoreButton\"], {\n    loader: loader\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_8__[\"LoadingStatus\"], {\n    loader: loader\n  }), error && renderLoadingError(error), isEmpty(media) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    role: \"alert\",\n    padding: \"medium\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('No results.')));\n}\nMediaPanel.propTypes = {\n  contextType: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"].isRequired,\n  fetchInitialMedia: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"].isRequired,\n  fetchNextMedia: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"].isRequired,\n  onMediaEmbed: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"].isRequired,\n  media: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"objectOf\"])(Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])({\n    files: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"arrayOf\"])(Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])(_shared_fileShape__WEBPACK_IMPORTED_MODULE_3__[\"mediaObjectShape\"])).isRequired,\n    bookmark: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"],\n    hasMore: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"bool\"],\n    isLoading: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"bool\"],\n    error: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"]\n  })).isRequired,\n  sortBy: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])({\n    sort: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"oneOf\"])(['date_added', 'alphabetical']).isRequired,\n    order: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"oneOf\"])(['asc', 'desc']).isRequired\n  }),\n  searchString: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"]\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_record/MediaPanel/index.js?");
 
 /***/ }),
 
-/***/ "./src/rce/plugins/instructure_image/Images/index.js":
-/*!***********************************************************!*\
-  !*** ./src/rce/plugins/instructure_image/Images/index.js ***!
-  \***********************************************************/
-/*! exports provided: default */
+/***/ "./src/rce/plugins/shared/dateUtils.js":
+/*!*********************************************!*\
+  !*** ./src/rce/plugins/shared/dateUtils.js ***!
+  \*********************************************/
+/*! exports provided: applyTimezoneOffsetToDate */
 /***/ (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 Images; });\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 _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_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/es/index.js\");\n/* harmony import */ var _common_incremental_loading__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../common/incremental-loading */ \"./src/common/incremental-loading/index.js\");\n/* harmony import */ var _ImageList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../ImageList */ \"./src/rce/plugins/instructure_image/ImageList/index.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.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\nfunction hasFiles(images) {\n  return images.files.length > 0;\n}\n\nfunction isEmpty(images) {\n  return !hasFiles(images) && !images.hasMore && !images.isLoading;\n}\n\nfunction Images(props) {\n  const {\n    fetchInitialImages,\n    fetchNextImages,\n    contextType,\n    sortBy,\n    searchString,\n    isIconMaker,\n    canvasOrigin\n  } = props;\n  const images = props.images[contextType];\n  const {\n    hasMore,\n    isLoading,\n    error,\n    files\n  } = images;\n  const lastItemRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(null);\n  const loader = Object(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_6__[\"useIncrementalLoading\"])({\n    hasMore,\n    isLoading,\n    lastItemRef,\n    onLoadInitial: fetchInitialImages,\n    onLoadMore: fetchNextImages,\n    records: files,\n    contextType,\n    sortBy,\n    searchString\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"View\"], {\n    as: \"div\",\n    \"data-testid\": \"instructure_links-ImagesPanel\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"], {\n    alignItems: \"center\",\n    direction: \"column\",\n    justifyItems: \"space-between\",\n    height: \"100%\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    overflowY: \"visible\",\n    width: \"100%\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ImageList__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    images: files,\n    lastItemRef: lastItemRef,\n    onImageClick: props.onImageEmbed,\n    isIconMaker: isIconMaker,\n    canvasOrigin: canvasOrigin\n  })), loader.isLoading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    as: \"div\",\n    shouldGrow: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_6__[\"LoadingIndicator\"], {\n    loader: loader\n  })), !loader.isLoading && loader.hasMore && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    as: \"div\",\n    margin: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_6__[\"LoadMoreButton\"], {\n    loader: loader\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_6__[\"LoadingStatus\"], {\n    loader: loader\n  }), error && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"View\"], {\n    as: \"div\",\n    role: \"alert\",\n    margin: \"medium\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_5__[\"Text\"], {\n    color: \"danger\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_8__[\"default\"])('Loading failed.'))), isEmpty(images) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"View\"], {\n    as: \"div\",\n    role: \"alert\",\n    padding: \"medium\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_8__[\"default\"])('No results.')));\n}\nImages.propTypes = {\n  fetchInitialImages: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  fetchNextImages: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  contextType: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n  images: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"objectOf\"])(Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    files: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"arrayOf\"])(Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])(_shared_fileShape__WEBPACK_IMPORTED_MODULE_2__[\"fileShape\"])).isRequired,\n    bookmark: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"],\n    hasMore: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"].isRequired,\n    isLoading: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"].isRequired,\n    error: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"]\n  })).isRequired,\n  sortBy: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    sort: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"oneOf\"])(['date_added', 'alphabetical']).isRequired,\n    order: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"oneOf\"])(['asc', 'desc']).isRequired\n  }),\n  searchString: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"],\n  onImageEmbed: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  isIconMaker: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"],\n  canvasOrigin: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n};\nImages.defaultProps = {\n  isIconMaker: false\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/Images/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"applyTimezoneOffsetToDate\", function() { return applyTimezoneOffsetToDate; });\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! moment-timezone */ \"../../node_modules/moment-timezone/index.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(moment_timezone__WEBPACK_IMPORTED_MODULE_0__);\n/*\n * Copyright (C) 2022 - 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\nconst applyTimezoneOffsetToDate = (date, targetTimezone) => {\n  if (!targetTimezone) {\n    return moment_timezone__WEBPACK_IMPORTED_MODULE_0___default()(date).toDate();\n  }\n\n  const currentTimezoneOffset = moment_timezone__WEBPACK_IMPORTED_MODULE_0___default()(date).utcOffset();\n  const expectedTimezoneOffset = moment_timezone__WEBPACK_IMPORTED_MODULE_0___default.a.tz(date, targetTimezone).utcOffset();\n  const totalOffset = expectedTimezoneOffset - currentTimezoneOffset;\n  return moment_timezone__WEBPACK_IMPORTED_MODULE_0___default()(date).add(totalOffset, 'm').toDate();\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/shared/dateUtils.js?");
 
 /***/ })
 

package/testcafe/build/35.js

@@ -1,38 +1,50 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[35],{
 
-/***/ "./src/canvasFileBrowser/FileBrowser.js":
-/*!**********************************************!*\
-  !*** ./src/canvasFileBrowser/FileBrowser.js ***!
-  \**********************************************/
+/***/ "./src/common/browser.js":
+/*!*******************************!*\
+  !*** ./src/common/browser.js ***!
+  \*******************************/
+/*! exports provided: setFromTinymce, reset, set, ie, edge */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"setFromTinymce\", function() { return setFromTinymce; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"reset\", function() { return reset; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"set\", function() { return set; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ie\", function() { return ie; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"edge\", function() { return edge; });\n/*\n * Copyright (C) 2018 - 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 */\nlet isIE = false;\nlet isEdge = false; // expected to be called as setFromTinymce(window.tinymce) at some point where\n// window.tinymce is available\n\nfunction setFromTinymce(tinymce) {\n  set(tinymce.Env);\n}\nfunction reset() {\n  set({\n    ie: false,\n    edge: false\n  });\n}\nfunction set(env) {\n  isIE = !!env.ie;\n  isEdge = isIE && !!(env.edge || env.ie == 12);\n}\nfunction ie() {\n  return isIE;\n}\nfunction edge() {\n  return isEdge;\n}\n\n//# sourceURL=webpack:///./src/common/browser.js?");
+
+/***/ }),
+
+/***/ "./src/rce/plugins/instructure_image/ImageList/Image.js":
+/*!**************************************************************!*\
+  !*** ./src/rce/plugins/instructure_image/ImageList/Image.js ***!
+  \**************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_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 _common_FlashAlert__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../common/FlashAlert */ \"./src/common/FlashAlert.js\");\n/* harmony import */ var _common_natcompare__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../common/natcompare */ \"./src/common/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(_common_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) => _common_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("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return Image; });\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_img__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-img */ \"../../node_modules/@instructure/ui-img/es/index.js\");\n/* harmony import */ var _instructure_ui_link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-link */ \"../../node_modules/@instructure/ui-link/es/index.js\");\n/* harmony import */ var _instructure_ui_text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/es/index.js\");\n/* harmony import */ var _instructure_ui_truncate_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-truncate-text */ \"../../node_modules/@instructure/ui-truncate-text/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 _sidebar_dragHtml__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../sidebar/dragHtml */ \"./src/sidebar/dragHtml.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _contentRendering__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../contentRendering */ \"./src/rce/contentRendering.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\nfunction Image(_ref) {\n  let {\n    focusRef,\n    image,\n    onClick,\n    isIconMaker,\n    canvasOrigin\n  } = _ref;\n  const imgTitle = Object(_format_message__WEBPACK_IMPORTED_MODULE_8__[\"default\"])('Click to embed {imageName}', {\n    imageName: image.display_name\n  });\n\n  function handleDragStart(event) {\n    Object(_sidebar_dragHtml__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(event, Object(_contentRendering__WEBPACK_IMPORTED_MODULE_9__[\"renderImage\"])(image, canvasOrigin));\n  }\n\n  function handleDragEnd() {\n    document.body.click();\n  }\n\n  function handleImageClick(event) {\n    event.preventDefault();\n    onClick(image);\n  }\n\n  let elementRef = null;\n\n  if (focusRef) {\n    elementRef = ref => {\n      focusRef.current = ref;\n    };\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_link__WEBPACK_IMPORTED_MODULE_3__[\"Link\"], {\n    draggable: false,\n    elementRef: elementRef,\n    onClick: handleImageClick,\n    onDragStart: handleDragStart\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    borderRadius: \"medium\",\n    margin: \"none none small none\",\n    overflowX: \"hidden\",\n    overflowY: \"hidden\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_img__WEBPACK_IMPORTED_MODULE_2__[\"Img\"], {\n    alt: image.display_name,\n    constrain: isIconMaker ? 'contain' : 'cover',\n    draggable: true,\n    height: \"6rem\",\n    display: \"block\",\n    onDragStart: handleDragStart,\n    onDragEnd: handleDragEnd,\n    src: image.thumbnail_url,\n    title: imgTitle,\n    width: \"6rem\"\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_truncate_text__WEBPACK_IMPORTED_MODULE_5__[\"TruncateText\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_4__[\"Text\"], {\n    size: \"small\"\n  }, image.display_name)));\n}\nImage.propTypes = {\n  focusRef: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    current: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"instanceOf\"])(Element)\n  }),\n  image: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    display_name: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    filename: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"],\n    href: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    id: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"number\"],\n    preview_url: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"],\n    thumbnail_url: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n  }).isRequired,\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  isIconMaker: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"],\n  canvasOrigin: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n};\nImage.defaultProps = {\n  focusRef: null,\n  isIconMaker: false\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/ImageList/Image.js?");
 
 /***/ }),
 
-/***/ "./src/rce/plugins/instructure_icon_maker/utils/addIconMakerAttributes.ts":
-/*!********************************************************************************!*\
-  !*** ./src/rce/plugins/instructure_icon_maker/utils/addIconMakerAttributes.ts ***!
-  \********************************************************************************/
+/***/ "./src/rce/plugins/instructure_image/ImageList/index.js":
+/*!**************************************************************!*\
+  !*** ./src/rce/plugins/instructure_image/ImageList/index.js ***!
+  \**************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _svg_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../svg/constants */ \"./src/rce/plugins/instructure_icon_maker/svg/constants.js\");\n/* harmony import */ var _shared_buildDownloadUrl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../shared/buildDownloadUrl */ \"./src/rce/plugins/shared/buildDownloadUrl.js\");\n/*\n * Copyright (C) 2022 - 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\nconst addIconMakerAttributes = imageAttributes => {\n  imageAttributes[_svg_constants__WEBPACK_IMPORTED_MODULE_0__[\"ICON_MAKER_ATTRIBUTE\"]] = true;\n  imageAttributes[_svg_constants__WEBPACK_IMPORTED_MODULE_0__[\"ICON_MAKER_DOWNLOAD_URL_ATTR\"]] = Object(_shared_buildDownloadUrl__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(imageAttributes.src);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (addIconMakerAttributes);\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_icon_maker/utils/addIconMakerAttributes.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return ImageList; });\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_flex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _Image__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Image */ \"./src/rce/plugins/instructure_image/ImageList/Image.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\nfunction ImageList(_ref) {\n  let {\n    images,\n    lastItemRef,\n    onImageClick,\n    isIconMaker,\n    canvasOrigin\n  } = _ref;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"], {\n    justifyItems: \"start\",\n    height: \"100%\",\n    margin: \"xx-small\",\n    padding: \"small\",\n    wrap: \"wrap\"\n  }, images.map((image, index) => {\n    let focusRef = null;\n\n    if (index === images.length - 1) {\n      focusRef = lastItemRef;\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, {\n      as: \"div\",\n      key: 'image-' + image.id,\n      margin: \"xx-small xx-small small xx-small\",\n      size: \"6rem\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Image__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      focusRef: focusRef,\n      image: image,\n      onClick: onImageClick,\n      isIconMaker: isIconMaker,\n      canvasOrigin: canvasOrigin\n    }));\n  }));\n}\nImageList.propTypes = {\n  images: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"arrayOf\"])(_Image__WEBPACK_IMPORTED_MODULE_3__[\"default\"].propTypes.image),\n  lastItemRef: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    current: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"instanceOf\"])(Element)\n  }).isRequired,\n  onImageClick: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  isIconMaker: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"],\n  canvasOrigin: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n};\nImageList.defaultProps = {\n  images: [],\n  isIconMaker: false\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/ImageList/index.js?");
 
 /***/ }),
 
-/***/ "./src/rce/plugins/shared/RceFileBrowser.js":
-/*!**************************************************!*\
-  !*** ./src/rce/plugins/shared/RceFileBrowser.js ***!
-  \**************************************************/
+/***/ "./src/rce/plugins/instructure_image/Images/index.js":
+/*!***********************************************************!*\
+  !*** ./src/rce/plugins/instructure_image/Images/index.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 _instructure_icon_maker_utils_addIconMakerAttributes__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../instructure_icon_maker/utils/addIconMakerAttributes */ \"./src/rce/plugins/instructure_icon_maker/utils/addIconMakerAttributes.ts\");\n/* harmony import */ var _canvasFileBrowser_FileBrowser__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../canvasFileBrowser/FileBrowser */ \"./src/canvasFileBrowser/FileBrowser.js\");\n/* harmony import */ var _Previewable__WEBPACK_IMPORTED_MODULE_9__ = __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\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  canvasOrigin: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"],\n  jwt: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n  refreshToken: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n  host: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n  source: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n  context: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"object\"].isRequired\n};\nfunction RceFileBrowser(props) {\n  const {\n    onFileSelect,\n    searchString,\n    onAllFilesLoading,\n    jwt,\n    refreshToken,\n    host,\n    source,\n    canvasOrigin\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      canvasOrigin\n    });\n  }, [host, jwt, refreshToken, source, canvasOrigin]);\n\n  function handleFileSelect(fileInfo) {\n    var _fileInfo$api$embed, _fileInfo$api;\n\n    const content_type = fileInfo.api.type;\n    const canPreview = Object(_Previewable__WEBPACK_IMPORTED_MODULE_9__[\"isPreviewable\"])(content_type);\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    let onFileSelectParams = {\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      content_type\n    };\n\n    if (((_fileInfo$api = fileInfo.api) === null || _fileInfo$api === void 0 ? void 0 : _fileInfo$api.category) === 'icon_maker_icons') {\n      onFileSelectParams.src = fileInfo.api.url;\n      Object(_instructure_icon_maker_utils_addIconMakerAttributes__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(onFileSelectParams);\n    } else {\n      // do not add this to icon maker icons\n      const clazz = classnames__WEBPACK_IMPORTED_MODULE_2___default()('instructure_file_link', {\n        instructure_scribd_file: canPreview,\n        inline_disabled: true\n      });\n      onFileSelectParams = { ...onFileSelectParams,\n        class: clazz\n      };\n    }\n\n    onFileSelect(onFileSelectParams);\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_8__[\"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/RceFileBrowser.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return Images; });\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 _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_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/es/index.js\");\n/* harmony import */ var _common_incremental_loading__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../common/incremental-loading */ \"./src/common/incremental-loading/index.js\");\n/* harmony import */ var _ImageList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../ImageList */ \"./src/rce/plugins/instructure_image/ImageList/index.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.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\nfunction hasFiles(images) {\n  return images.files.length > 0;\n}\n\nfunction isEmpty(images) {\n  return !hasFiles(images) && !images.hasMore && !images.isLoading;\n}\n\nfunction Images(props) {\n  const {\n    fetchInitialImages,\n    fetchNextImages,\n    contextType,\n    sortBy,\n    searchString,\n    isIconMaker,\n    canvasOrigin\n  } = props;\n  const images = props.images[contextType];\n  const {\n    hasMore,\n    isLoading,\n    error,\n    files\n  } = images;\n  const lastItemRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(null);\n  const loader = Object(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_6__[\"useIncrementalLoading\"])({\n    hasMore,\n    isLoading,\n    lastItemRef,\n    onLoadInitial: fetchInitialImages,\n    onLoadMore: fetchNextImages,\n    records: files,\n    contextType,\n    sortBy,\n    searchString\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"View\"], {\n    as: \"div\",\n    \"data-testid\": \"instructure_links-ImagesPanel\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"], {\n    alignItems: \"center\",\n    direction: \"column\",\n    justifyItems: \"space-between\",\n    height: \"100%\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    overflowY: \"visible\",\n    width: \"100%\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ImageList__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    images: files,\n    lastItemRef: lastItemRef,\n    onImageClick: props.onImageEmbed,\n    isIconMaker: isIconMaker,\n    canvasOrigin: canvasOrigin\n  })), loader.isLoading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    as: \"div\",\n    shouldGrow: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_6__[\"LoadingIndicator\"], {\n    loader: loader\n  })), !loader.isLoading && loader.hasMore && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    as: \"div\",\n    margin: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_6__[\"LoadMoreButton\"], {\n    loader: loader\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_common_incremental_loading__WEBPACK_IMPORTED_MODULE_6__[\"LoadingStatus\"], {\n    loader: loader\n  }), error && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"View\"], {\n    as: \"div\",\n    role: \"alert\",\n    margin: \"medium\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_5__[\"Text\"], {\n    color: \"danger\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_8__[\"default\"])('Loading failed.'))), isEmpty(images) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"View\"], {\n    as: \"div\",\n    role: \"alert\",\n    padding: \"medium\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_8__[\"default\"])('No results.')));\n}\nImages.propTypes = {\n  fetchInitialImages: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  fetchNextImages: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  contextType: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n  images: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"objectOf\"])(Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    files: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"arrayOf\"])(Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])(_shared_fileShape__WEBPACK_IMPORTED_MODULE_2__[\"fileShape\"])).isRequired,\n    bookmark: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"],\n    hasMore: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"].isRequired,\n    isLoading: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"].isRequired,\n    error: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"]\n  })).isRequired,\n  sortBy: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    sort: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"oneOf\"])(['date_added', 'alphabetical']).isRequired,\n    order: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"oneOf\"])(['asc', 'desc']).isRequired\n  }),\n  searchString: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"],\n  onImageEmbed: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  isIconMaker: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"],\n  canvasOrigin: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n};\nImages.defaultProps = {\n  isIconMaker: false\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/Images/index.js?");
 
 /***/ })