@instructure/canvas-rce 5.6.3 → 5.6.4

package/testcafe/build/31.js

@@ -1,62 +1,98 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[31],{
 
-/***/ "./src/common/browser.js":
-/*!*******************************!*\
-  !*** ./src/common/browser.js ***!
-  \*******************************/
-/*! exports provided: setFromTinymce, reset, set, ie, edge */
+/***/ "../../node_modules/@instructure/ui-avatar/es/Avatar/index.js":
+/*!********************************************************************************************************!*\
+  !*** /Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-avatar/es/Avatar/index.js ***!
+  \********************************************************************************************************/
+/*! exports provided: default, Avatar */
 /***/ (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?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Avatar\", function() { return Avatar; });\n/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ \"../../node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ \"../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ \"../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ \"../../node_modules/@babel/runtime/helpers/esm/createClass.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ \"../../node_modules/@babel/runtime/helpers/esm/inherits.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ \"../../node_modules/@babel/runtime/helpers/esm/createSuper.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! classnames */ \"../../node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _instructure_ui_view__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _instructure_ui_themeable__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @instructure/ui-themeable */ \"../../node_modules/@instructure/ui-themeable/es/index.js\");\n/* harmony import */ var _instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @instructure/ui-react-utils */ \"../../node_modules/@instructure/ui-react-utils/es/index.js\");\n/* harmony import */ var _instructure_ui_testable__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @instructure/ui-testable */ \"../../node_modules/@instructure/ui-testable/es/index.js\");\n/* harmony import */ var _theme_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./theme.js */ \"../../node_modules/@instructure/ui-avatar/es/Avatar/theme.js\");\n\n\n\n\n\n\n\nvar _dec, _dec2, _dec3, _class, _class2, _temp;\n\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n\n\n\n\n\n\nvar styles = {\n  componentId: 'elMgC',\n  template: function template(theme) {\n    return \"\\n\\n.elMgC_bGBk{background-clip:content-box;background-color:\".concat(theme.background || 'inherit', \";background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;height:2.5em;line-height:0;overflow:hidden;text-align:center}\\n\\n[dir=ltr] .elMgC_bGBk,[dir=rtl] .elMgC_bGBk{text-align:center}\\n\\n.elMgC_bGBk.elMgC_uUeq{font-size:inherit}\\n\\n.elMgC_bGBk.elMgC_uUeq,.elMgC_bGBk.elMgC_UKsG{border-width:\").concat(theme.borderWidthSmall || 'inherit', \"}\\n\\n.elMgC_bGBk.elMgC_UKsG{font-size:0.5rem}\\n\\n.elMgC_bGBk.elMgC_dfBC{font-size:0.75rem}\\n\\n.elMgC_bGBk.elMgC_doqw,.elMgC_bGBk.elMgC_dfBC{border-width:\").concat(theme.borderWidthSmall || 'inherit', \"}\\n\\n.elMgC_bGBk.elMgC_doqw{font-size:1rem}\\n\\n.elMgC_bGBk.elMgC_ycrn{font-size:1.25rem}\\n\\n.elMgC_bGBk.elMgC_cMDj,.elMgC_bGBk.elMgC_ycrn{border-width:\").concat(theme.borderWidthMedium || 'inherit', \"}\\n\\n.elMgC_bGBk.elMgC_cMDj{font-size:1.5rem}\\n\\n.elMgC_bGBk.elMgC_eoMd{font-size:1.75rem}\\n\\n.elMgC_bGBk.elMgC_eoMd,.elMgC_bGBk.elMgC_fdca{border-width:\").concat(theme.borderWidthMedium || 'inherit', \"}\\n\\n.elMgC_bGBk.elMgC_fdca{font-size:2rem}\\n\\n.elMgC_bGBk.elMgC_cHTY{border:0;box-shadow:inset 0 0 \").concat(theme.boxShadowBlur || 'inherit', \" 0 \").concat(theme.boxShadowColor || 'inherit', \"}\\n\\n.elMgC_bGBk:not(.elMgC_cHTY){border-color:\").concat(theme.borderColor || 'inherit', \";border-style:solid}\\n\\n.elMgC_bGBk:not(.elMgC_cHTY).elMgC_fKgA{background-clip:border-box;border:0;padding:0}\\n\\n.elMgC_bGBk:not(.elMgC_cHTY).elMgC_fKgA.elMgC_uUeq,.elMgC_bGBk:not(.elMgC_cHTY).elMgC_fKgA.elMgC_doqw,.elMgC_bGBk:not(.elMgC_cHTY).elMgC_fKgA.elMgC_dfBC,.elMgC_bGBk:not(.elMgC_cHTY).elMgC_fKgA.elMgC_UKsG{padding:\").concat(theme.borderWidthSmall || 'inherit', \"}\\n\\n.elMgC_bGBk:not(.elMgC_cHTY).elMgC_fKgA.elMgC_cMDj,.elMgC_bGBk:not(.elMgC_cHTY).elMgC_fKgA.elMgC_ycrn,.elMgC_bGBk:not(.elMgC_cHTY).elMgC_fKgA.elMgC_eoMd,.elMgC_bGBk:not(.elMgC_cHTY).elMgC_fKgA.elMgC_fdca{padding:\").concat(theme.borderWidthMedium || 'inherit', \"}\\n\\n.elMgC_eYKj{font-family:\").concat(theme.fontFamily || 'inherit', \";font-weight:\").concat(theme.fontWeight || 'inherit', \";letter-spacing:0.0313em;line-height:2.375em}\\n\\n.elMgC_ddES{color:\").concat(theme.color || 'inherit', \"}\\n\\n.elMgC_ekuM{color:\").concat(theme.colorShamrock || 'inherit', \"}\\n\\n.elMgC_bXnN{color:\").concat(theme.colorBarney || 'inherit', \"}\\n\\n.elMgC_byip{color:\").concat(theme.colorCrimson || 'inherit', \"}\\n\\n.elMgC_dKVo{color:\").concat(theme.colorFire || 'inherit', \"}\\n\\n.elMgC_eaOe{color:\").concat(theme.colorLicorice || 'inherit', \"}\\n\\n.elMgC_fuVp{color:\").concat(theme.colorAsh || 'inherit', \"}\\n\\n.elMgC_fKgA{color:\").concat(theme.background || 'inherit', \"}\\n\\n.elMgC_fKgA.elMgC_ddES{background-color:\").concat(theme.color || 'inherit', \"}\\n\\n.elMgC_fKgA.elMgC_ekuM{background-color:\").concat(theme.colorShamrock || 'inherit', \"}\\n\\n.elMgC_fKgA.elMgC_bXnN{background-color:\").concat(theme.colorBarney || 'inherit', \"}\\n\\n.elMgC_fKgA.elMgC_byip{background-color:\").concat(theme.colorCrimson || 'inherit', \"}\\n\\n.elMgC_fKgA.elMgC_dKVo{background-color:\").concat(theme.colorFire || 'inherit', \"}\\n\\n.elMgC_fKgA.elMgC_eaOe{background-color:\").concat(theme.colorLicorice || 'inherit', \"}\\n\\n.elMgC_fKgA.elMgC_fuVp{background-color:\").concat(theme.colorAsh || 'inherit', \"}\\n\\n.elMgC_MrJH{display:none}\\n\\n.elMgC_cJVF{border-radius:100%;overflow:hidden;position:relative;width:2.5em}\\n\\n.elMgC_bRWf{width:3em}\\n\\n.elMgC_eoCh{align-items:center;display:flex;height:100%;justify-content:center;width:100%}\\n\\n.elMgC_eoCh svg{fill:currentColor;height:1em;width:1em}\");\n  },\n  'root': 'elMgC_bGBk',\n  'auto': 'elMgC_uUeq',\n  'xx-small': 'elMgC_UKsG',\n  'x-small': 'elMgC_dfBC',\n  'small': 'elMgC_doqw',\n  'medium': 'elMgC_ycrn',\n  'large': 'elMgC_cMDj',\n  'x-large': 'elMgC_eoMd',\n  'xx-large': 'elMgC_fdca',\n  'loaded': 'elMgC_cHTY',\n  'hasInverseColor': 'elMgC_fKgA',\n  'initials': 'elMgC_eYKj',\n  'default': 'elMgC_ddES',\n  'shamrock': 'elMgC_ekuM',\n  'barney': 'elMgC_bXnN',\n  'crimson': 'elMgC_byip',\n  'fire': 'elMgC_dKVo',\n  'licorice': 'elMgC_eaOe',\n  'ash': 'elMgC_fuVp',\n  'loadImage': 'elMgC_MrJH',\n  'circle': 'elMgC_cJVF',\n  'rectangle': 'elMgC_bRWf',\n  'iconSVG': 'elMgC_eoCh'\n};\n\n/**\n---\ncategory: components\n---\n**/\n\nvar Avatar = (_dec = Object(_instructure_ui_testable__WEBPACK_IMPORTED_MODULE_12__[\"testable\"])(), _dec2 = Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_11__[\"deprecated\"])('8.0.0', {\n  inline: 'display',\n  variant: 'shape'\n}), _dec3 = Object(_instructure_ui_themeable__WEBPACK_IMPORTED_MODULE_10__[\"themeable\"])(_theme_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"], styles), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {\n  Object(_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(Avatar, _Component);\n\n  var _super = Object(_babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(Avatar);\n\n  function Avatar() {\n    var _this;\n\n    Object(_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(this, Avatar);\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _super.call.apply(_super, [this].concat(args));\n    _this.state = {\n      loaded: false\n    };\n\n    _this.handleImageLoaded = function (event) {\n      _this.setState({\n        loaded: true\n      });\n\n      _this.props.onImageLoaded(event);\n    };\n\n    return _this;\n  }\n\n  Object(_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(Avatar, [{\n    key: \"componentDidUpdate\",\n    value: function componentDidUpdate() {\n      // in case the image is unset in an update, show icons/initials again\n      if (this.state.loaded && !this.props.src) {\n        this.setState({\n          loaded: false\n        });\n      }\n    }\n  }, {\n    key: \"makeInitialsFromName\",\n    value: function makeInitialsFromName() {\n      var name = this.props.name;\n\n      if (!name || typeof name !== 'string') {\n        return;\n      }\n\n      name = name.trim();\n\n      if (name.length === 0) {\n        return;\n      }\n\n      if (name.match(/\\s+/)) {\n        var names = name.split(/\\s+/);\n        return (names[0][0] + names[names.length - 1][0]).toUpperCase();\n      } else {\n        return name[0].toUpperCase();\n      }\n    }\n  }, {\n    key: \"renderLoadImage\",\n    value: function renderLoadImage() {\n      // This image element is visually hidden and is here for loading purposes only\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"img\", {\n        src: this.props.src,\n        className: styles.loadImage,\n        alt: this.props.alt,\n        onLoad: this.handleImageLoaded,\n        \"aria-hidden\": \"true\"\n      });\n    }\n  }, {\n    key: \"renderInitials\",\n    value: function renderInitials() {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        className: styles.initials,\n        \"aria-hidden\": \"true\"\n      }, this.makeInitialsFromName());\n    }\n  }, {\n    key: \"renderContent\",\n    value: function renderContent() {\n      var renderIcon = this.props.renderIcon;\n\n      if (!renderIcon) {\n        return this.renderInitials();\n      }\n\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        className: styles.iconSVG\n      }, Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_11__[\"callRenderProp\"])(renderIcon));\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _classnames;\n\n      var _this$props = this.props,\n          onImageLoaded = _this$props.onImageLoaded,\n          props = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_this$props, [\"onImageLoaded\"]);\n\n      var loaded = this.state.loaded;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_9__[\"View\"], Object.assign({}, Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_11__[\"passthroughProps\"])(props), {\n        style: {\n          backgroundImage: loaded ? \"url('\".concat(this.props.src, \"')\") : void 0\n        },\n        className: classnames__WEBPACK_IMPORTED_MODULE_8___default()((_classnames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_classnames, styles.root, true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_classnames, styles[this.props.size], true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_classnames, styles[this.props.variant || this.props.shape], true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_classnames, styles[this.props.color], true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_classnames, styles.loaded, loaded), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_classnames, styles.hasInverseColor, this.props.hasInverseColor), _classnames)),\n        \"aria-label\": this.props.alt ? this.props.alt : null,\n        role: this.props.alt ? 'img' : null,\n        as: this.props.as,\n        elementRef: this.props.elementRef,\n        margin: this.props.margin,\n        display: this.props.display === 'block' || this.props.inline === false ? 'block' : 'inline-block'\n      }), this.renderLoadImage(), !loaded && this.renderContent());\n    }\n  }]);\n\n  Avatar.displayName = \"Avatar\";\n  return Avatar;\n}(react__WEBPACK_IMPORTED_MODULE_6__[\"Component\"]), _class2.propTypes = {\n  name: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.string.isRequired,\n\n  /*\n   * URL of the image to display as the background image\n   */\n  src: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.string,\n\n  /*\n   * Accessible label\n   */\n  alt: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.string,\n  size: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.oneOf(['auto', 'xx-small', 'x-small', 'small', 'medium', 'large', 'x-large', 'xx-large']),\n  color: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.oneOf(['default', 'shamrock', 'barney', 'crimson', 'fire', 'licorice', 'ash']),\n\n  /**\n   * In inverse color mode the background and text/icon colors are inverted\n   */\n  hasInverseColor: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.bool,\n  shape: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.oneOf(['circle', 'rectangle']),\n\n  /**\n   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,\n   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via\n   * familiar CSS-like shorthand. For example: `margin=\"small auto large\"`.\n   */\n  margin: _instructure_ui_themeable__WEBPACK_IMPORTED_MODULE_10__[\"ThemeablePropTypes\"].spacing,\n  display: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.oneOf(['inline-block', 'block']),\n\n  /**\n   * Callback fired when the avatar image has loaded\n   */\n  onImageLoaded: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n\n  /**\n   * the element type to render as\n   */\n  as: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.elementType,\n  // eslint-disable-line react/require-default-props\n\n  /**\n   * provides a reference to the underlying html element\n   */\n  elementRef: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n\n  /**\n   * An icon, or function that returns an icon that gets displayed. If the `src` prop is provided, `src` will have priority.\n   */\n  renderIcon: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.node, prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func]),\n\n  /* eslint-disable react/require-default-props */\n\n  /**\n   * __Deprecated - use `display`__\n   */\n  inline: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.bool,\n\n  /**\n   * __Deprecated - use `shape`__\n   */\n  variant: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.oneOf(['circle', 'rectangle'])\n  /* eslint-enable react/require-default-props */\n\n}, _class2.defaultProps = {\n  src: void 0,\n  alt: void 0,\n  margin: void 0,\n  elementRef: void 0,\n  size: 'medium',\n  color: 'default',\n  hasInverseColor: false,\n  shape: 'circle',\n  display: 'inline-block',\n  onImageLoaded: function onImageLoaded(event) {},\n  renderIcon: null\n}, _temp)) || _class) || _class) || _class);\n/* harmony default export */ __webpack_exports__[\"default\"] = (Avatar);\n\n\n//# sourceURL=webpack:////Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-avatar/es/Avatar/index.js?");
 
 /***/ }),
 
-/***/ "./src/rce/plugins/instructure_icon_maker/components/SavedIconMakerList.js":
-/*!*********************************************************************************!*\
-  !*** ./src/rce/plugins/instructure_icon_maker/components/SavedIconMakerList.js ***!
-  \*********************************************************************************/
+/***/ "../../node_modules/@instructure/ui-avatar/es/Avatar/theme.js":
+/*!********************************************************************************************************!*\
+  !*** /Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-avatar/es/Avatar/theme.js ***!
+  \********************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* 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_view__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _instructure_image_Images__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../instructure_image/Images */ \"./src/rce/plugins/instructure_image/Images/index.js\");\n/* harmony import */ var _shared_StoreContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../shared/StoreContext */ \"./src/rce/plugins/shared/StoreContext.js\");\n/* harmony import */ var _svg_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../svg/constants */ \"./src/rce/plugins/instructure_icon_maker/svg/constants.js\");\n/*\n * Copyright (C) 2021 - 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\nconst SavedIconMakerList = _ref => {\n  let {\n    sortBy,\n    searchString,\n    onImageEmbed,\n    canvasOrigin\n  } = _ref;\n  const storeProps = Object(_shared_StoreContext__WEBPACK_IMPORTED_MODULE_4__[\"useStoreProps\"])();\n  const {\n    files,\n    bookmark,\n    isLoading,\n    hasMore\n  } = storeProps.images[storeProps.contextType];\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_2__[\"View\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_image_Images__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    fetchInitialImages: () => storeProps.fetchInitialImages({\n      category: _svg_constants__WEBPACK_IMPORTED_MODULE_5__[\"ICON_MAKER_ICONS\"]\n    }),\n    fetchNextImages: () => storeProps.fetchNextImages({\n      category: _svg_constants__WEBPACK_IMPORTED_MODULE_5__[\"ICON_MAKER_ICONS\"]\n    }),\n    contextType: storeProps.contextType,\n    images: {\n      [storeProps.contextType]: {\n        files,\n        bookmark,\n        hasMore,\n        isLoading\n      }\n    },\n    canvasOrigin: canvasOrigin,\n    sortBy: sortBy,\n    searchString: searchString,\n    onImageEmbed: onImageEmbed,\n    isIconMaker: true\n  }));\n};\n\nSavedIconMakerList.propTypes = {\n  sortBy: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    sort: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['date_added', 'alphabetical']).isRequired,\n    order: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['asc', 'desc']).isRequired\n  }),\n  searchString: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  onImageEmbed: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  canvasOrigin: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n};\nSavedIconMakerList.defaultProps = {\n  sortBy: {\n    sort: 'date_added',\n    order: 'desc'\n  },\n  searchString: '',\n  onImageEmbed: () => {}\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (SavedIconMakerList);\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_icon_maker/components/SavedIconMakerList.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return generator; });\n/* harmony import */ var _instructure_ui_color_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @instructure/ui-color-utils */ \"../../node_modules/@instructure/ui-color-utils/es/index.js\");\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nfunction generator(_ref) {\n  var colors = _ref.colors,\n      borders = _ref.borders,\n      typography = _ref.typography;\n  return {\n    background: colors.backgroundLightest,\n    borderWidthSmall: borders.widthSmall,\n    borderWidthMedium: borders.widthMedium,\n    borderColor: colors.borderMedium,\n    boxShadowColor: Object(_instructure_ui_color_utils__WEBPACK_IMPORTED_MODULE_0__[\"alpha\"])(colors.backgroundDarkest, 12),\n    boxShadowBlur: '1rem',\n    fontFamily: typography.fontFamily,\n    fontWeight: typography.fontWeightBold,\n    // these colors have sufficient contrast with the white background\n    // in the normal and high contrast themes\n    color: colors.brand,\n    colorShamrock: colors.shamrock,\n    colorBarney: colors.barney,\n    colorCrimson: colors.crimson,\n    colorFire: colors.fire,\n    colorLicorice: colors.licorice,\n    colorAsh: colors.ash\n  };\n}\n\n//# sourceURL=webpack:////Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-avatar/es/Avatar/theme.js?");
 
 /***/ }),
 
-/***/ "./src/rce/plugins/instructure_image/ImageList/Image.js":
-/*!**************************************************************!*\
-  !*** ./src/rce/plugins/instructure_image/ImageList/Image.js ***!
-  \**************************************************************/
-/*! exports provided: default */
+/***/ "../../node_modules/@instructure/ui-avatar/es/index.js":
+/*!*************************************************************************************************!*\
+  !*** /Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-avatar/es/index.js ***!
+  \*************************************************************************************************/
+/*! exports provided: Avatar */
 /***/ (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 _Avatar_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Avatar/index.js */ \"../../node_modules/@instructure/ui-avatar/es/Avatar/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Avatar\", function() { return _Avatar_index_js__WEBPACK_IMPORTED_MODULE_0__[\"Avatar\"]; });\n\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n\n//# sourceURL=webpack:////Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-avatar/es/index.js?");
 
 /***/ }),
 
-/***/ "./src/rce/plugins/instructure_image/ImageList/index.js":
-/*!**************************************************************!*\
-  !*** ./src/rce/plugins/instructure_image/ImageList/index.js ***!
-  \**************************************************************/
-/*! exports provided: default */
+/***/ "../../node_modules/@instructure/ui-pagination/es/Pagination/PaginationArrowButton/index.js":
+/*!**************************************************************************************************************************************!*\
+  !*** /Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-pagination/es/Pagination/PaginationArrowButton/index.js ***!
+  \**************************************************************************************************************************************/
+/*! exports provided: default, PaginationArrowButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PaginationArrowButton\", function() { return PaginationArrowButton; });\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ \"../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ \"../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ \"../../node_modules/@babel/runtime/helpers/esm/createClass.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ \"../../node_modules/@babel/runtime/helpers/esm/inherits.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ \"../../node_modules/@babel/runtime/helpers/esm/createSuper.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-a11y-content */ \"../../node_modules/@instructure/ui-a11y-content/es/index.js\");\n/* harmony import */ var _instructure_ui_tooltip__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @instructure/ui-tooltip */ \"../../node_modules/@instructure/ui-tooltip/es/index.js\");\n/* harmony import */ var _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @instructure/ui-icons */ \"../../node_modules/@instructure/ui-icons/es/index.js\");\n/* harmony import */ var _instructure_ui_testable__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @instructure/ui-testable */ \"../../node_modules/@instructure/ui-testable/es/index.js\");\n\n\n\n\n\n\nvar _dec, _class, _class2, _temp;\n\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n\n\n\n\n\n\n/**\n---\nparent: Pagination\nid: Pagination.Navigation\n---\n**/\n\nvar PaginationArrowButton = (_dec = Object(_instructure_ui_testable__WEBPACK_IMPORTED_MODULE_11__[\"testable\"])(), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {\n  Object(_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(PaginationArrowButton, _Component);\n\n  var _super = Object(_babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(PaginationArrowButton);\n\n  function PaginationArrowButton() {\n    Object(_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(this, PaginationArrowButton);\n\n    return _super.apply(this, arguments);\n  }\n\n  Object(_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(PaginationArrowButton, [{\n    key: \"render\",\n    value: function render() {\n      var _this$props = this.props,\n          label = _this$props.label,\n          direction = _this$props.direction,\n          buttonRef = _this$props.buttonRef,\n          props = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_this$props, [\"label\", \"direction\", \"buttonRef\"]);\n\n      var Icon = direction === 'prev' ? _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_10__[\"IconArrowOpenStartSolid\"] : _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_10__[\"IconArrowOpenEndSolid\"];\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_instructure_ui_tooltip__WEBPACK_IMPORTED_MODULE_9__[\"Tooltip\"], {\n        on: ['hover', 'focus'],\n        renderTip: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_8__[\"PresentationContent\"], null, label)\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_7__[\"IconButton\"], Object.assign({}, props, {\n        size: \"small\",\n        withBackground: false,\n        withBorder: false,\n        screenReaderLabel: label,\n        rel: props.href || props.to ? direction : null,\n        elementRef: buttonRef\n      }), Icon));\n    }\n  }]);\n\n  PaginationArrowButton.displayName = \"PaginationArrowButton\";\n  return PaginationArrowButton;\n}(react__WEBPACK_IMPORTED_MODULE_5__[\"Component\"]), _class2.propTypes = {\n  direction: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.oneOf(['next', 'prev']),\n  label: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.node]).isRequired,\n  buttonRef: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func\n}, _class2.defaultProps = {\n  direction: void 0,\n  buttonRef: function buttonRef(el) {}\n}, _temp)) || _class);\n/* harmony default export */ __webpack_exports__[\"default\"] = (PaginationArrowButton);\n\n\n//# sourceURL=webpack:////Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-pagination/es/Pagination/PaginationArrowButton/index.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/@instructure/ui-pagination/es/Pagination/PaginationButton/index.js":
+/*!*********************************************************************************************************************************!*\
+  !*** /Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-pagination/es/Pagination/PaginationButton/index.js ***!
+  \*********************************************************************************************************************************/
+/*! exports provided: default, PaginationButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PaginationButton\", function() { return PaginationButton; });\n/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ \"../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ \"../../node_modules/@babel/runtime/helpers/esm/createClass.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ \"../../node_modules/@babel/runtime/helpers/esm/inherits.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ \"../../node_modules/@babel/runtime/helpers/esm/createSuper.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-react-utils */ \"../../node_modules/@instructure/ui-react-utils/es/index.js\");\n/* harmony import */ var _instructure_ui_testable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-testable */ \"../../node_modules/@instructure/ui-testable/es/index.js\");\n\n\n\n\n\nvar _dec, _class, _class2, _temp;\n\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n\n\n\n\n/**\n---\nparent: Pagination\nid: Pagination.Page\n---\n**/\n\nvar PaginationButton = (_dec = Object(_instructure_ui_testable__WEBPACK_IMPORTED_MODULE_8__[\"testable\"])(), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {\n  Object(_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(PaginationButton, _Component);\n\n  var _super = Object(_babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(PaginationButton);\n\n  function PaginationButton() {\n    Object(_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this, PaginationButton);\n\n    return _super.apply(this, arguments);\n  }\n\n  Object(_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(PaginationButton, [{\n    key: \"render\",\n    value: function render() {\n      var exclude = this.props.current ? ['onClick', 'href'] : [];\n      var props = Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_7__[\"omitProps\"])(this.props, PaginationButton.propTypes, exclude);\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_6__[\"BaseButton\"], Object.assign({\n        color: \"primary\",\n        withBackground: this.props.current ? true : false,\n        withBorder: this.props.current ? true : false\n      }, props, {\n        \"aria-current\": this.props.current ? 'page' : null\n      }), this.props.children);\n    }\n  }]);\n\n  PaginationButton.displayName = \"PaginationButton\";\n  return PaginationButton;\n}(react__WEBPACK_IMPORTED_MODULE_4__[\"Component\"]), _class2.propTypes = {\n  /**\n   * Content to render as page selection\n   */\n  children: prop_types__WEBPACK_IMPORTED_MODULE_5___default.a.node.isRequired,\n\n  /**\n   * Whether the page is currently displayed\n   */\n  current: prop_types__WEBPACK_IMPORTED_MODULE_5___default.a.bool\n}, _class2.defaultProps = {\n  current: false\n}, _temp)) || _class);\n/* harmony default export */ __webpack_exports__[\"default\"] = (PaginationButton);\n\n\n//# sourceURL=webpack:////Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-pagination/es/Pagination/PaginationButton/index.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/@instructure/ui-pagination/es/Pagination/index.js":
+/*!****************************************************************************************************************!*\
+  !*** /Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-pagination/es/Pagination/index.js ***!
+  \****************************************************************************************************************/
+/*! exports provided: default, Pagination, PaginationButton */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return ImageList; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _Image__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Image */ \"./src/rce/plugins/instructure_image/ImageList/Image.js\");\n/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\nfunction ImageList(_ref) {\n  let {\n    images,\n    lastItemRef,\n    onImageClick,\n    isIconMaker,\n    canvasOrigin\n  } = _ref;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"], {\n    justifyItems: \"start\",\n    height: \"100%\",\n    margin: \"xx-small\",\n    padding: \"small\",\n    wrap: \"wrap\"\n  }, images.map((image, index) => {\n    let focusRef = null;\n\n    if (index === images.length - 1) {\n      focusRef = lastItemRef;\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, {\n      as: \"div\",\n      key: 'image-' + image.id,\n      margin: \"xx-small xx-small small xx-small\",\n      size: \"6rem\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Image__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      focusRef: focusRef,\n      image: image,\n      onClick: onImageClick,\n      isIconMaker: isIconMaker,\n      canvasOrigin: canvasOrigin\n    }));\n  }));\n}\nImageList.propTypes = {\n  images: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"arrayOf\"])(_Image__WEBPACK_IMPORTED_MODULE_3__[\"default\"].propTypes.image),\n  lastItemRef: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    current: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"instanceOf\"])(Element)\n  }).isRequired,\n  onImageClick: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  isIconMaker: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"],\n  canvasOrigin: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n};\nImageList.defaultProps = {\n  images: [],\n  isIconMaker: false\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/ImageList/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Pagination\", function() { return Pagination; });\n/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ \"../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ \"../../node_modules/@babel/runtime/helpers/esm/createClass.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ \"../../node_modules/@babel/runtime/helpers/esm/inherits.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ \"../../node_modules/@babel/runtime/helpers/esm/createSuper.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__);\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_themeable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-themeable */ \"../../node_modules/@instructure/ui-themeable/es/index.js\");\n/* harmony import */ var _instructure_ui_testable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-testable */ \"../../node_modules/@instructure/ui-testable/es/index.js\");\n/* harmony import */ var _instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @instructure/ui-react-utils */ \"../../node_modules/@instructure/ui-react-utils/es/index.js\");\n/* harmony import */ var _instructure_uid__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @instructure/uid */ \"../../node_modules/@instructure/uid/es/index.js\");\n/* harmony import */ var _instructure_ui_prop_types__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @instructure/ui-prop-types */ \"../../node_modules/@instructure/ui-prop-types/es/index.js\");\n/* harmony import */ var _instructure_ui_a11y_utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @instructure/ui-a11y-utils */ \"../../node_modules/@instructure/ui-a11y-utils/es/index.js\");\n/* harmony import */ var _instructure_ui_dom_utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @instructure/ui-dom-utils */ \"../../node_modules/@instructure/ui-dom-utils/es/index.js\");\n/* harmony import */ var _PaginationButton_index_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./PaginationButton/index.js */ \"../../node_modules/@instructure/ui-pagination/es/Pagination/PaginationButton/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"PaginationButton\", function() { return _PaginationButton_index_js__WEBPACK_IMPORTED_MODULE_14__[\"PaginationButton\"]; });\n\n/* harmony import */ var _PaginationArrowButton_index_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./PaginationArrowButton/index.js */ \"../../node_modules/@instructure/ui-pagination/es/Pagination/PaginationArrowButton/index.js\");\n/* harmony import */ var _theme_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./theme.js */ \"../../node_modules/@instructure/ui-pagination/es/Pagination/theme.js\");\n\n\n\n\n\nvar _dec, _dec2, _class, _class2, _temp;\n\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar styles = {\n  componentId: 'dRtXI',\n  template: function template(theme) {\n    return \"\\n\\n.dRtXI_bGBk,[dir=ltr] .dRtXI_bGBk,[dir=rtl] .dRtXI_bGBk{text-align:center}\\n\\n.dRtXI_dcvv{align-items:center;display:inline-flex}\";\n  },\n  'root': 'dRtXI_bGBk',\n  'pages': 'dRtXI_dcvv'\n};\n/** This is an [].findIndex optimized to work on really big, but sparse, arrays */\n\nvar fastFindIndex = function fastFindIndex(arr, fn) {\n  return Number(Object.keys(arr).find(function (k) {\n    return fn(arr[Number(k)]);\n  }));\n};\n\nfunction propsHaveCompactView(props) {\n  return props.variant === 'compact' && props.children.length > 5;\n}\n\nfunction shouldShowPrevButton(props, currentPageIndex) {\n  return propsHaveCompactView(props) && currentPageIndex > 0;\n}\n\nfunction shouldShowNextButton(props, currentPageIndex) {\n  return propsHaveCompactView(props) && currentPageIndex < props.children.length - 1;\n}\n/**\n---\ncategory: components\n---\n**/\n\n\nvar _ref2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(\"span\", {\n  key: \"first\",\n  \"aria-hidden\": \"true\"\n}, \"\\u2026\");\n\nvar _ref3 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(\"span\", {\n  key: \"last\",\n  \"aria-hidden\": \"true\"\n}, \"\\u2026\");\n\nvar Pagination = (_dec = Object(_instructure_ui_testable__WEBPACK_IMPORTED_MODULE_8__[\"testable\"])(), _dec2 = Object(_instructure_ui_themeable__WEBPACK_IMPORTED_MODULE_7__[\"themeable\"])(_theme_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"], styles), _dec(_class = _dec2(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {\n  Object(_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(Pagination, _Component);\n\n  var _super = Object(_babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(Pagination);\n\n  function Pagination() {\n    var _this;\n\n    Object(_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this, Pagination);\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _super.call.apply(_super, [this].concat(args));\n\n    _this.handleElementRef = function (el) {\n      if (el) {\n        _this._root = el;\n\n        if (typeof _this.props.elementRef === 'function') {\n          _this.props.elementRef(el);\n        }\n      }\n    };\n\n    _this._labelId = Object(_instructure_uid__WEBPACK_IMPORTED_MODULE_10__[\"uid\"])('Pagination');\n    _this._prevButton = null;\n    _this._nextButton = null;\n    return _this;\n  }\n\n  Object(_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(Pagination, [{\n    key: \"getSnapshotBeforeUpdate\",\n    value: function getSnapshotBeforeUpdate() {\n      var activeElement = Object(_instructure_ui_dom_utils__WEBPACK_IMPORTED_MODULE_13__[\"getActiveElement\"])();\n      return {\n        prevButtonFocused: this._prevButton === activeElement,\n        nextButtonFocused: this._nextButton === activeElement\n      };\n    }\n  }, {\n    key: \"componentDidUpdate\",\n    value: function componentDidUpdate(prevProps, prevState, snapshot) {\n      if (!this.props.shouldHandleFocus || !propsHaveCompactView(prevProps) && !propsHaveCompactView(this.props)) {\n        return;\n      }\n\n      var _ref = snapshot || {},\n          prevButtonFocused = _ref.prevButtonFocused,\n          nextButtonFocused = _ref.nextButtonFocused;\n\n      if (prevButtonFocused || nextButtonFocused) {\n        var focusable = Object(_instructure_ui_dom_utils__WEBPACK_IMPORTED_MODULE_13__[\"findTabbable\"])(this._root);\n        var focusIndex = prevButtonFocused ? 0 : focusable.length - 1;\n        focusable[focusIndex].focus();\n      }\n    }\n  }, {\n    key: \"transferDisabledPropToChildren\",\n    value: function transferDisabledPropToChildren(children) {\n      var _this2 = this;\n\n      return this.props.disabled ? react__WEBPACK_IMPORTED_MODULE_4___default.a.Children.map(children, function (page) {\n        return react__WEBPACK_IMPORTED_MODULE_4___default.a.cloneElement(page, {\n          disabled: _this2.props.disabled\n        });\n      }) : children;\n    }\n  }, {\n    key: \"renderLabel\",\n    value: function renderLabel() {\n      var display = this.props.variant === 'compact' ? 'block' : 'inline-block';\n      var visibleLabel = Object(_instructure_ui_a11y_utils__WEBPACK_IMPORTED_MODULE_12__[\"hasVisibleChildren\"])(this.props.label);\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n        as: \"span\",\n        padding: visibleLabel ? 'small' : '0',\n        display: visibleLabel ? display : 'auto',\n        id: this._labelId\n      }, this.props.label);\n    }\n  }, {\n    key: \"renderPages\",\n    value: function renderPages(currentPageIndex) {\n      var allPages = this.props.children;\n      var visiblePages = allPages;\n\n      if (this.compactView) {\n        var firstIndex = 0;\n        var lastIndex = allPages.length - 1;\n        var sliceStart = Math.min(lastIndex - 3, Math.max(currentPageIndex - 1, firstIndex));\n        var sliceEnd = Math.min(currentPageIndex + 4, lastIndex);\n        visiblePages = allPages.slice(sliceStart, sliceEnd);\n        var firstPage = allPages[firstIndex];\n        var lastPage = allPages[lastIndex];\n        if (sliceStart - firstIndex > 1) visiblePages.unshift(_ref2);\n        if (sliceStart - firstIndex > 0) visiblePages.unshift(firstPage);\n        if (lastIndex - sliceEnd + 1 > 1) visiblePages.push(_ref3);\n        if (lastIndex - sliceEnd + 1 > 0) visiblePages.push(lastPage);\n      }\n\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n        display: \"inline-block\"\n      }, this.transferDisabledPropToChildren(visiblePages));\n    }\n  }, {\n    key: \"renderArrowButton\",\n    value: function renderArrowButton(label, direction, currentPageIndex) {\n      var _this3 = this;\n\n      // eslint-disable-next-line react/prop-types\n      var _this$props$children$ = this.props.children[currentPageIndex + direction].props,\n          onClick = _this$props$children$.onClick,\n          disabled = _this$props$children$.disabled;\n\n      var handleButtonRef = function handleButtonRef(el) {\n        if (direction < 0) {\n          _this3._prevButton = el;\n        } else {\n          _this3._nextButton = el;\n        }\n      };\n\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_PaginationArrowButton_index_js__WEBPACK_IMPORTED_MODULE_15__[\"PaginationArrowButton\"], {\n        direction: direction === -1 ? 'prev' : 'next',\n        label: label,\n        onClick: onClick,\n        disabled: disabled,\n        buttonRef: handleButtonRef\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      if (!this.props.children) return null;\n      var currentPageIndex = fastFindIndex(this.props.children, function (p) {\n        return p && p.props && p.props.current;\n      });\n      var passthroughProps = _instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"].omitViewProps(Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"omitProps\"])(this.props, Pagination.propTypes), Pagination);\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], Object.assign({}, passthroughProps, {\n        role: \"navigation\",\n        as: this.props.as,\n        elementRef: this.handleElementRef,\n        margin: this.props.margin,\n        className: styles.root,\n        \"aria-labelledby\": this.props.label && this._labelId\n      }), this.props.label && this.renderLabel(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n        display: \"inline-block\",\n        className: styles.pages\n      }, shouldShowPrevButton(this.props, currentPageIndex) && this.renderArrowButton(this.props.labelPrev, -1, currentPageIndex), this.renderPages(currentPageIndex), shouldShowNextButton(this.props, currentPageIndex) && this.renderArrowButton(this.props.labelNext, 1, currentPageIndex)));\n    }\n  }, {\n    key: \"compactView\",\n    get: function get() {\n      return propsHaveCompactView(this.props);\n    }\n  }]);\n\n  Pagination.displayName = \"Pagination\";\n  return Pagination;\n}(react__WEBPACK_IMPORTED_MODULE_4__[\"Component\"]), _class2.propTypes = {\n  /**\n   * children of type Pagination.Page\n   */\n  children: _instructure_ui_prop_types__WEBPACK_IMPORTED_MODULE_11__[\"Children\"].oneOf([_PaginationButton_index_js__WEBPACK_IMPORTED_MODULE_14__[\"PaginationButton\"]]),\n\n  /**\n   * Disables interaction with all pages\n   */\n  disabled: prop_types__WEBPACK_IMPORTED_MODULE_5___default.a.bool,\n\n  /**\n   * Visible label for component\n   */\n  label: prop_types__WEBPACK_IMPORTED_MODULE_5___default.a.node,\n\n  /**\n   * Accessible label for next button\n   */\n  labelNext: prop_types__WEBPACK_IMPORTED_MODULE_5___default.a.string,\n\n  /**\n   * Accessible label for previous button\n   */\n  labelPrev: prop_types__WEBPACK_IMPORTED_MODULE_5___default.a.string,\n\n  /**\n   * The compact variant truncates the page navigation to show only the first,\n   * last, and pages immediately surrounding the current page. Fewer than 5 pages,\n   * no next/previous arrow buttons will be shown, and all pages will be listed\n   */\n  variant: prop_types__WEBPACK_IMPORTED_MODULE_5___default.a.oneOf(['full', 'compact']),\n\n  /**\n   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,\n   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via\n   * familiar CSS-like shorthand. For example: `margin=\"small auto large\"`.\n   */\n  margin: _instructure_ui_themeable__WEBPACK_IMPORTED_MODULE_7__[\"ThemeablePropTypes\"].spacing,\n\n  /**\n   * the element type to render as\n   */\n  as: prop_types__WEBPACK_IMPORTED_MODULE_5___default.a.elementType,\n\n  /**\n   * provides a reference to the underlying html root element\n   */\n  elementRef: prop_types__WEBPACK_IMPORTED_MODULE_5___default.a.func,\n\n  /**\n   * For accessibility, Pagination sets focus on the first or last Pagination.Pages,\n   * respectively, when the Previous or Next arrow buttons are removed from the DOM.\n   * Set this property to `false` to prevent this behavior.\n   */\n  shouldHandleFocus: prop_types__WEBPACK_IMPORTED_MODULE_5___default.a.bool\n}, _class2.defaultProps = {\n  children: null,\n  label: void 0,\n  labelNext: void 0,\n  labelPrev: void 0,\n  margin: void 0,\n  disabled: false,\n  variant: 'full',\n  as: 'div',\n  elementRef: function elementRef(el) {},\n  shouldHandleFocus: true\n}, _class2.Page = _PaginationButton_index_js__WEBPACK_IMPORTED_MODULE_14__[\"PaginationButton\"], _class2.Navigation = _PaginationArrowButton_index_js__WEBPACK_IMPORTED_MODULE_15__[\"PaginationArrowButton\"], _temp)) || _class) || _class);\n/* harmony default export */ __webpack_exports__[\"default\"] = (Pagination);\n\n\n//# sourceURL=webpack:////Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-pagination/es/Pagination/index.js?");
 
 /***/ }),
 
-/***/ "./src/rce/plugins/instructure_image/Images/index.js":
-/*!***********************************************************!*\
-  !*** ./src/rce/plugins/instructure_image/Images/index.js ***!
-  \***********************************************************/
+/***/ "../../node_modules/@instructure/ui-pagination/es/Pagination/theme.js":
+/*!****************************************************************************************************************!*\
+  !*** /Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-pagination/es/Pagination/theme.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 generator; });\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nfunction generator() {\n  return {};\n}\n\n//# sourceURL=webpack:////Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-pagination/es/Pagination/theme.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/@instructure/ui-pagination/es/index.js":
+/*!*****************************************************************************************************!*\
+  !*** /Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-pagination/es/index.js ***!
+  \*****************************************************************************************************/
+/*! exports provided: Pagination, PaginationButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Pagination_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Pagination/index.js */ \"../../node_modules/@instructure/ui-pagination/es/Pagination/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Pagination\", function() { return _Pagination_index_js__WEBPACK_IMPORTED_MODULE_0__[\"Pagination\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"PaginationButton\", function() { return _Pagination_index_js__WEBPACK_IMPORTED_MODULE_0__[\"PaginationButton\"]; });\n\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n\n//# sourceURL=webpack:////Users/jon.scheiding/Code/INST/canvas-lms/node_modules/@instructure/ui-pagination/es/index.js?");
 
 /***/ })
 

package/testcafe/build/32.js

@@ -12,39 +12,51 @@ 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_icon_maker/components/SavedIconMakerList.js":
+/*!*********************************************************************************!*\
+  !*** ./src/rce/plugins/instructure_icon_maker/components/SavedIconMakerList.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 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_view__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _instructure_image_Images__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../instructure_image/Images */ \"./src/rce/plugins/instructure_image/Images/index.js\");\n/* harmony import */ var _shared_StoreContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../shared/StoreContext */ \"./src/rce/plugins/shared/StoreContext.js\");\n/* harmony import */ var _svg_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../svg/constants */ \"./src/rce/plugins/instructure_icon_maker/svg/constants.js\");\n/*\n * Copyright (C) 2021 - 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\nconst SavedIconMakerList = _ref => {\n  let {\n    sortBy,\n    searchString,\n    onImageEmbed,\n    canvasOrigin\n  } = _ref;\n  const storeProps = Object(_shared_StoreContext__WEBPACK_IMPORTED_MODULE_4__[\"useStoreProps\"])();\n  const {\n    files,\n    bookmark,\n    isLoading,\n    hasMore\n  } = storeProps.images[storeProps.contextType];\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_2__[\"View\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_image_Images__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    fetchInitialImages: () => storeProps.fetchInitialImages({\n      category: _svg_constants__WEBPACK_IMPORTED_MODULE_5__[\"ICON_MAKER_ICONS\"]\n    }),\n    fetchNextImages: () => storeProps.fetchNextImages({\n      category: _svg_constants__WEBPACK_IMPORTED_MODULE_5__[\"ICON_MAKER_ICONS\"]\n    }),\n    contextType: storeProps.contextType,\n    images: {\n      [storeProps.contextType]: {\n        files,\n        bookmark,\n        hasMore,\n        isLoading\n      }\n    },\n    canvasOrigin: canvasOrigin,\n    sortBy: sortBy,\n    searchString: searchString,\n    onImageEmbed: onImageEmbed,\n    isIconMaker: true\n  }));\n};\n\nSavedIconMakerList.propTypes = {\n  sortBy: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    sort: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['date_added', 'alphabetical']).isRequired,\n    order: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['asc', 'desc']).isRequired\n  }),\n  searchString: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  onImageEmbed: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  canvasOrigin: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n};\nSavedIconMakerList.defaultProps = {\n  sortBy: {\n    sort: 'date_added',\n    order: 'desc'\n  },\n  searchString: '',\n  onImageEmbed: () => {}\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (SavedIconMakerList);\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_icon_maker/components/SavedIconMakerList.js?");
 
 /***/ }),
 
-/***/ "./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/shared/dateUtils.js":
-/*!*********************************************!*\
-  !*** ./src/rce/plugins/shared/dateUtils.js ***!
-  \*********************************************/
-/*! exports provided: applyTimezoneOffsetToDate */
+/***/ "./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 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/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?");
 
 /***/ })