npm - @instructure/canvas-rce - Versions diffs - 5.6.2 → 5.6.3 - Mend

@instructure/canvas-rce 5.6.2 → 5.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3415) hide show

package/testcafe/build/33.js CHANGED Viewed

@@ -12,27 +12,27 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ }),
-/***/ "./src/rce/plugins/instructure_documents/components/DocumentsPanel.js":
-/*!****************************************************************************!*\
-  !*** ./src/rce/plugins/instructure_documents/components/DocumentsPanel.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 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?");
+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_documents/components/Link.js":
-/*!******************************************************************!*\
-  !*** ./src/rce/plugins/instructure_documents/components/Link.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 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 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?");
 /***/ }),

package/testcafe/build/34.js CHANGED Viewed

@@ -12,39 +12,39 @@ 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_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 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 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_record/MediaPanel/index.js":
-/*!****************************************************************!*\
-  !*** ./src/rce/plugins/instructure_record/MediaPanel/index.js ***!
-  \****************************************************************/
+/***/ "./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 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 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/dateUtils.js":
-/*!*********************************************!*\
-  !*** ./src/rce/plugins/shared/dateUtils.js ***!
-  \*********************************************/
-/*! exports provided: applyTimezoneOffsetToDate */
+/***/ "./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__, \"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?");
+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?");
 /***/ })

package/testcafe/build/35.js CHANGED Viewed

@@ -1,50 +1,38 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[35],{
-/***/ "./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 ***!
-  \**************************************************************/
+/***/ "./src/canvasFileBrowser/FileBrowser.js":
+/*!**********************************************!*\
+  !*** ./src/canvasFileBrowser/FileBrowser.js ***!
+  \**********************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return 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 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?");
 /***/ }),
-/***/ "./src/rce/plugins/instructure_image/ImageList/index.js":
-/*!**************************************************************!*\
-  !*** ./src/rce/plugins/instructure_image/ImageList/index.js ***!
-  \**************************************************************/
+/***/ "./src/rce/plugins/instructure_icon_maker/utils/addIconMakerAttributes.ts":
+/*!********************************************************************************!*\
+  !*** ./src/rce/plugins/instructure_icon_maker/utils/addIconMakerAttributes.ts ***!
+  \********************************************************************************/
 /*! 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 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?");
 /***/ }),
-/***/ "./src/rce/plugins/instructure_image/Images/index.js":
-/*!***********************************************************!*\
-  !*** ./src/rce/plugins/instructure_image/Images/index.js ***!
-  \***********************************************************/
+/***/ "./src/rce/plugins/shared/RceFileBrowser.js":
+/*!**************************************************!*\
+  !*** ./src/rce/plugins/shared/RceFileBrowser.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 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__, \"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?");
 /***/ })