@instructure/canvas-rce 5.6.0 → 5.6.1

package/testcafe/build/30.js

@@ -32,7 +32,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return EquationEditorModal; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _instructure_ui_text_area__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-text-area */ \"../../node_modules/@instructure/ui-text-area/es/index.js\");\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _instructure_ui_checkbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-checkbox */ \"../../node_modules/@instructure/ui-checkbox/es/index.js\");\n/* harmony import */ var _instructure_ui_heading__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-heading */ \"../../node_modules/@instructure/ui-heading/es/index.js\");\n/* harmony import */ var _instructure_ui_modal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-modal */ \"../../node_modules/@instructure/ui-modal/es/index.js\");\n/* harmony import */ var _instructure_ui_tooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-tooltip */ \"../../node_modules/@instructure/ui-tooltip/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_debounce__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @instructure/debounce */ \"./node_modules/@instructure/debounce/es/index.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _EquationEditorToolbar__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../EquationEditorToolbar */ \"./src/rce/plugins/instructure_equation/EquationEditorToolbar/index.js\");\n/* harmony import */ var _advancedOnlySyntax__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./advancedOnlySyntax */ \"./src/rce/plugins/instructure_equation/EquationEditorModal/advancedOnlySyntax.js\");\n/* harmony import */ var _advancedPreference__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./advancedPreference */ \"./src/rce/plugins/instructure_equation/EquationEditorModal/advancedPreference.js\");\n/* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! aphrodite */ \"../../node_modules/aphrodite/es/index.js\");\n/* harmony import */ var _mathml__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./mathml */ \"./src/rce/plugins/instructure_equation/EquationEditorModal/mathml.js\");\n/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./styles */ \"./src/rce/plugins/instructure_equation/EquationEditorModal/styles.js\");\n/* harmony import */ var _mathlive__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../mathlive */ \"./src/rce/plugins/instructure_equation/mathlive/index.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\n\n\n\n\n\n\n\n\n\n // Import the <math-field> container and all\n// the relevant math fonts from mathlive\n\n\nclass EquationEditorModal extends react__WEBPACK_IMPORTED_MODULE_0__[\"Component\"] {\n  constructor() {\n    super(...arguments);\n    this.state = {\n      advanced: false,\n      workingFormula: ''\n    };\n    this.hostPageDisablesShortcuts = null;\n    this.originalFormula = null;\n    this.previewElement = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createRef();\n\n    this.executeCommand = (cmd, advancedCmd) => {\n      if (this.state.advanced) {\n        const effectiveCmd = advancedCmd || cmd;\n        this.setState(state => ({\n          workingFormula: state.workingFormula + effectiveCmd\n        }));\n      } else {\n        this.mathField.insert(cmd, {\n          focus: 'true'\n        });\n      }\n    };\n\n    this.handleEntered = () => {\n      if (_advancedPreference__WEBPACK_IMPORTED_MODULE_13__[\"default\"].isSet()) {\n        this.toggleAdvanced();\n      }\n\n      this.loadExistingFormula();\n    };\n\n    this.handleModalCancel = e => {\n      var _this$props$onModalDi, _this$props;\n\n      const element = e.srcElement || e.targetElement; // MathJax Menu clicks closes modal. MathJax doesn't let us to get the menu click event\n      // to use stopPropagation().\n\n      const isMathJaxEvent = element && (element.id === 'MathJax_MenuFrame' || element.classList.contains('MathJax_Menu') || element.classList.contains('MathJax_MenuItem'));\n\n      if (isMathJaxEvent) {\n        return;\n      }\n\n      undefined.disable_keyboard_shortcuts = this.hostPageDisablesShortcuts;\n      (_this$props$onModalDi = (_this$props = this.props).onModalDismiss) === null || _this$props$onModalDi === void 0 ? void 0 : _this$props$onModalDi.call(_this$props);\n    };\n\n    this.handleModalDone = () => {\n      const {\n        onModalDismiss,\n        onEquationSubmit\n      } = this.props;\n      const output = this.state.advanced ? this.state.workingFormula : this.mathField.getValue();\n\n      if (output) {\n        onEquationSubmit(output);\n      }\n\n      undefined.disable_keyboard_shortcuts = this.hostPageDisablesShortcuts;\n      onModalDismiss();\n    };\n\n    this.renderMathInAdvancedPreview = Object(_instructure_debounce__WEBPACK_IMPORTED_MODULE_9__[\"debounce\"])(() => {\n      if (this.previewElement.current) {\n        this.previewElement.current.innerHTML = `\\\\\\(${this.state.workingFormula}\\\\\\)`;\n        _mathml__WEBPACK_IMPORTED_MODULE_15__[\"default\"].processNewMathInElem(this.previewElement.current);\n      }\n    }, EquationEditorModal.debounceRate, {\n      leading: false,\n      trailing: true\n    });\n\n    this.toggleAdvanced = () => {\n      this.setState(state => {\n        if (state.advanced) {\n          this.mathField.setValue(state.workingFormula || '');\n          return {\n            advanced: false,\n            workingFormula: ''\n          };\n        } else {\n          return {\n            advanced: true,\n            workingFormula: this.mathField.getValue()\n          };\n        }\n      });\n      this.setPreviewElementContent();\n    };\n\n    this.toggleAndUpdatePreference = () => {\n      this.toggleAdvanced();\n      _advancedPreference__WEBPACK_IMPORTED_MODULE_13__[\"default\"].isSet() ? _advancedPreference__WEBPACK_IMPORTED_MODULE_13__[\"default\"].clear() : _advancedPreference__WEBPACK_IMPORTED_MODULE_13__[\"default\"].set();\n    };\n\n    this.registerBasicEditorListener = () => {\n      const basicEditor = document.querySelector('math-field');\n      basicEditor.addEventListener('input', e => {\n        if (this.advancedModeOnly(e.target.value)) {\n          this.toggleAdvanced();\n          this.setState({\n            workingFormula: e.target.value\n          });\n        }\n      });\n    };\n\n    this.handleOpen = () => {\n      this.originalFormula = null;\n      this.hostPageDisablesShortcuts = undefined.disable_keyboard_shortcuts;\n      undefined.disable_keyboard_shortcuts = true;\n    };\n\n    this.handleFieldRef = node => {\n      this.mathField = node;\n    };\n\n    this.renderFooter = () => {\n      const cancelButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_3__[\"Button\"], {\n        \"data-testid\": \"equation-editor-modal-cancel\",\n        onClick: this.handleModalCancel\n      }, Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Cancel'));\n      const doneButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_3__[\"Button\"], {\n        \"data-testid\": \"equation-editor-modal-done\",\n        margin: \"none none none xx-small\",\n        onClick: this.handleModalDone,\n        variant: \"primary\"\n      }, Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Done'));\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, cancelButton, doneButton);\n    };\n\n    this.renderToggle = () => {\n      const lockToggle = this.state.advanced && this.advancedModeOnly(this.state.workingFormula);\n      const defaultToggle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_checkbox__WEBPACK_IMPORTED_MODULE_4__[\"Checkbox\"], {\n        onChange: this.toggleAndUpdatePreference,\n        checked: this.state.advanced,\n        label: Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Directly Edit LaTeX'),\n        variant: \"toggle\",\n        disabled: lockToggle,\n        \"data-testid\": \"advanced-toggle\"\n      });\n      const tooltipToggle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_tooltip__WEBPACK_IMPORTED_MODULE_7__[\"Tooltip\"], {\n        renderTip: Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('This equation cannot be rendered in Basic View.'),\n        on: ['hover', 'focus']\n      }, defaultToggle);\n      return lockToggle ? tooltipToggle : defaultToggle;\n    };\n\n    this.handleRef = node => {\n      this.modalFooter = node;\n    };\n\n    this.render = () => {\n      const {\n        label,\n        onModalClose,\n        title,\n        mountNode\n      } = this.props;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_6__[\"Modal\"], {\n        label: label,\n        onClose: onModalClose,\n        onDismiss: this.handleModalCancel,\n        onEntered: this.handleEntered,\n        onOpen: this.handleOpen,\n        open: true,\n        mountNode: mountNode,\n        transition: \"fade\",\n        shouldCloseOnDocumentClick: false\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_6__[\"Modal\"].Header, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_3__[\"CloseButton\"], {\n        \"data-testid\": \"equation-editor-modal-close\",\n        placement: \"end\",\n        offset: \"medium\",\n        variant: \"icon\",\n        onClick: this.handleModalCancel\n      }, Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Close')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_heading__WEBPACK_IMPORTED_MODULE_5__[\"Heading\"], null, title || label)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_6__[\"Modal\"].Body, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n        ref: node => {\n          this.modalContent = node;\n        },\n        className: Object(aphrodite__WEBPACK_IMPORTED_MODULE_14__[\"css\"])(_styles__WEBPACK_IMPORTED_MODULE_16__[\"default\"].mathfieldContainer)\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_EquationEditorToolbar__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n        executeCommand: this.executeCommand\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n        className: Object(aphrodite__WEBPACK_IMPORTED_MODULE_14__[\"css\"])(_styles__WEBPACK_IMPORTED_MODULE_16__[\"default\"].mathFieldContainer),\n        style: {\n          display: this.state.advanced ? 'none' : null\n        }\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"math-field\", {\n        style: {\n          padding: '0.5em',\n          overflow: 'auto',\n          border: 'solid 1px',\n          borderRadius: '4px'\n        },\n        ref: this.handleFieldRef,\n        \"default-mode\": \"inline-math\",\n        \"virtual-keyboard-mode\": \"off\",\n        \"keypress-sound\": \"none\",\n        \"plonk-sound\": \"none\",\n        \"math-mode-space\": \" \"\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n        className: Object(aphrodite__WEBPACK_IMPORTED_MODULE_14__[\"css\"])(_styles__WEBPACK_IMPORTED_MODULE_16__[\"default\"].mathFieldContainer),\n        style: {\n          display: this.state.advanced ? null : 'none'\n        }\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text_area__WEBPACK_IMPORTED_MODULE_2__[\"TextArea\"], {\n        style: {\n          height: '5.1rem',\n          overflowY: 'auto',\n          lineHeight: '1.7rem'\n        },\n        label: \"\",\n        value: this.state.workingFormula,\n        onChange: e => this.setState({\n          workingFormula: e.target.value\n        })\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n        className: Object(aphrodite__WEBPACK_IMPORTED_MODULE_14__[\"css\"])(_styles__WEBPACK_IMPORTED_MODULE_16__[\"default\"].latexToggle)\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"].Item, null, this.renderToggle()))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n        style: {\n          display: this.state.advanced ? null : 'none',\n          marginTop: '1em'\n        }\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n        \"data-testid\": \"mathml-preview-element\",\n        ref: this.previewElement\n      })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_6__[\"Modal\"].Footer, {\n        ref: this.handleRef\n      }, this.renderFooter()));\n    };\n  }\n\n  // **************** //\n  // Helper functions //\n  // **************** //\n  currentFormula(nodeValue, cursor) {\n    let leftIndex, rightIndex; // The range could still contain more than one formulae, so we need to\n    // isolate them and figure out which one the cursor is within.\n\n    const formulae = nodeValue.match(EquationEditorModal.boundaryRegex);\n\n    if (!formulae) {\n      return [undefined, 0, 0];\n    }\n\n    const foundFormula = formulae.find(formula => {\n      leftIndex = nodeValue.indexOf(formula);\n      rightIndex = leftIndex + formula.length;\n      return leftIndex < cursor && cursor < rightIndex && this.selectionIsLatex(formula);\n    });\n    return [foundFormula, leftIndex, rightIndex];\n  }\n\n  insertNewRange(currentFormula, startContainer, leftIndex, rightIndex) {\n    const {\n      editor\n    } = this.props;\n    const range = document.createRange();\n    range.setStart(startContainer, leftIndex);\n    range.setEnd(startContainer, rightIndex);\n    editor.selection.setRng(range);\n    this.originalFormula = this.selectionToLatex(currentFormula);\n    this.forceAdvancedModeIfNecessary(this.originalFormula);\n    this.mathField.setValue(this.originalFormula || ' ');\n  }\n\n  loadExistingFormula() {\n    const {\n      editor\n    } = this.props;\n    const selection = editor.selection.getContent(); // check if highlighted text is inline latex\n\n    if (selection && this.selectionIsLatex(selection)) {\n      this.originalFormula = this.selectionToLatex(selection);\n      this.forceAdvancedModeIfNecessary(this.originalFormula);\n      this.mathField.setValue(this.originalFormula || ' ');\n    } else {\n      // check if we launched modal from an equation image\n      const selnode = editor.selection.getNode();\n\n      if (selnode.tagName === 'IMG' && selnode.classList.contains('equation_image')) {\n        try {\n          const src = new URL(selnode.src);\n          const encoded_eq = src.pathname.replace(/^\\/equation_images\\//, '');\n          this.originalFormula = decodeURIComponent(decodeURIComponent(encoded_eq));\n          this.forceAdvancedModeIfNecessary(this.originalFormula);\n          this.mathField.setValue(this.originalFormula || ' ');\n        } catch (ex) {\n          // probably failed to create the new URL\n          // eslint-disable-next-line no-console\n          console.error(ex);\n        }\n      } else {\n        // check if the cursor was within inline latex when launched\n        const editorRange = editor.selection.getRng();\n        const startContainer = editorRange.startContainer;\n        const wholeText = startContainer.wholeText;\n\n        if (wholeText) {\n          const cursor = editorRange.startOffset; // The `wholeText` value is not sufficient, since we could be dealing with\n          // a number of nested ranges. The `nodeValue` is the text in the range in\n          // which we have found the cursor.\n\n          const nodeValue = startContainer.nodeValue;\n          const [currentFormula, leftIndex, rightIndex] = this.currentFormula(nodeValue, cursor);\n\n          if (currentFormula !== undefined) {\n            this.insertNewRange(currentFormula, startContainer, leftIndex, rightIndex);\n          }\n        }\n      }\n    }\n  }\n\n  advancedModeOnly(latex) {\n    const normalizedLatex = latex.replace(/\\s+/, '');\n    return Object(_advancedOnlySyntax__WEBPACK_IMPORTED_MODULE_12__[\"containsAdvancedSyntax\"])(normalizedLatex);\n  }\n\n  selectionIsLatex(selection) {\n    return selection.startsWith('\\\\(') && selection.endsWith('\\\\)') || selection.startsWith('$$') && selection.endsWith('$$');\n  }\n\n  selectionToLatex(selection) {\n    const sansDelimiters = selection.substr(2, selection.length - 4);\n    return sansDelimiters.replace(/&nbsp;/g, '').trim();\n  } // ********* //\n  // Callbacks //\n  // ********* //\n\n\n  setPreviewElementContent() {\n    if (!this.state.advanced) {\n      return;\n    }\n\n    if (this.state.workingFormula) {\n      this.renderMathInAdvancedPreview();\n    } else {\n      this.previewElement.current.innerHTML = '';\n    }\n  }\n\n  forceAdvancedModeIfNecessary(latex) {\n    if (this.advancedModeOnly(latex)) {\n      this.toggleAdvanced();\n    }\n  }\n\n  componentDidMount() {\n    this.registerBasicEditorListener();\n    this.setPreviewElementContent();\n    this.stubMacros();\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    if (this.state.workingFormula !== prevState.workingFormula) {\n      this.setPreviewElementContent();\n    }\n  }\n\n  stubMacros() {\n    var _this$mathField;\n\n    // Mathlive's macros exist for a different use case;\n    // we don't intend for our users to utilize them.\n    // This effectively disables all of them to prevent\n    // weird behaviors that users don't expect.\n    (_this$mathField = this.mathField) === null || _this$mathField === void 0 ? void 0 : _this$mathField.setOptions({\n      macros: {}\n    });\n  }\n\n}\nEquationEditorModal.propTypes = {\n  editor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object.isRequired,\n  label: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  onModalDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n  onModalClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n  onEquationSubmit: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n  title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  mountNode: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n};\nEquationEditorModal.boundaryRegex = /\\\\\\((.+?)\\\\\\)|\\$\\$(.+?)\\$\\$/g;\nEquationEditorModal.debounceRate = 1000;\nEquationEditorModal.defaultProps = {\n  title: null,\n  mountNode: null\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_equation/EquationEditorModal/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return EquationEditorModal; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _instructure_ui_text_area__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-text-area */ \"../../node_modules/@instructure/ui-text-area/es/index.js\");\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _instructure_ui_checkbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-checkbox */ \"../../node_modules/@instructure/ui-checkbox/es/index.js\");\n/* harmony import */ var _instructure_ui_heading__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-heading */ \"../../node_modules/@instructure/ui-heading/es/index.js\");\n/* harmony import */ var _instructure_ui_modal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-modal */ \"../../node_modules/@instructure/ui-modal/es/index.js\");\n/* harmony import */ var _instructure_ui_tooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-tooltip */ \"../../node_modules/@instructure/ui-tooltip/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_debounce__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @instructure/debounce */ \"../../node_modules/@instructure/debounce/es/index.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _EquationEditorToolbar__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../EquationEditorToolbar */ \"./src/rce/plugins/instructure_equation/EquationEditorToolbar/index.js\");\n/* harmony import */ var _advancedOnlySyntax__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./advancedOnlySyntax */ \"./src/rce/plugins/instructure_equation/EquationEditorModal/advancedOnlySyntax.js\");\n/* harmony import */ var _advancedPreference__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./advancedPreference */ \"./src/rce/plugins/instructure_equation/EquationEditorModal/advancedPreference.js\");\n/* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! aphrodite */ \"../../node_modules/aphrodite/es/index.js\");\n/* harmony import */ var _mathml__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./mathml */ \"./src/rce/plugins/instructure_equation/EquationEditorModal/mathml.js\");\n/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./styles */ \"./src/rce/plugins/instructure_equation/EquationEditorModal/styles.js\");\n/* harmony import */ var _mathlive__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../mathlive */ \"./src/rce/plugins/instructure_equation/mathlive/index.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\n\n\n\n\n\n\n\n\n\n // Import the <math-field> container and all\n// the relevant math fonts from mathlive\n\n\nclass EquationEditorModal extends react__WEBPACK_IMPORTED_MODULE_0__[\"Component\"] {\n  constructor() {\n    super(...arguments);\n    this.state = {\n      advanced: false,\n      workingFormula: ''\n    };\n    this.hostPageDisablesShortcuts = null;\n    this.originalFormula = null;\n    this.previewElement = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createRef();\n\n    this.executeCommand = (cmd, advancedCmd) => {\n      if (this.state.advanced) {\n        const effectiveCmd = advancedCmd || cmd;\n        this.setState(state => ({\n          workingFormula: state.workingFormula + effectiveCmd\n        }));\n      } else {\n        this.mathField.insert(cmd, {\n          focus: 'true'\n        });\n      }\n    };\n\n    this.handleEntered = () => {\n      if (_advancedPreference__WEBPACK_IMPORTED_MODULE_13__[\"default\"].isSet()) {\n        this.toggleAdvanced();\n      }\n\n      this.loadExistingFormula();\n    };\n\n    this.handleModalCancel = e => {\n      var _this$props$onModalDi, _this$props;\n\n      const element = e.srcElement || e.targetElement; // MathJax Menu clicks closes modal. MathJax doesn't let us to get the menu click event\n      // to use stopPropagation().\n\n      const isMathJaxEvent = element && (element.id === 'MathJax_MenuFrame' || element.classList.contains('MathJax_Menu') || element.classList.contains('MathJax_MenuItem'));\n\n      if (isMathJaxEvent) {\n        return;\n      }\n\n      if (this.usedInCanvas()) {\n        // restore the original value\n        undefined.disable_keyboard_shortcuts = this.hostPageDisablesShortcuts;\n      }\n\n      (_this$props$onModalDi = (_this$props = this.props).onModalDismiss) === null || _this$props$onModalDi === void 0 ? void 0 : _this$props$onModalDi.call(_this$props);\n    };\n\n    this.handleModalDone = () => {\n      const {\n        onModalDismiss,\n        onEquationSubmit\n      } = this.props;\n      const output = this.state.advanced ? this.state.workingFormula : this.mathField.getValue();\n\n      if (output) {\n        onEquationSubmit(output);\n      }\n\n      if (this.usedInCanvas()) {\n        // restore the original value\n        undefined.disable_keyboard_shortcuts = this.hostPageDisablesShortcuts;\n      }\n\n      onModalDismiss();\n    };\n\n    this.renderMathInAdvancedPreview = Object(_instructure_debounce__WEBPACK_IMPORTED_MODULE_9__[\"debounce\"])(() => {\n      if (this.previewElement.current) {\n        this.previewElement.current.innerHTML = `\\\\\\(${this.state.workingFormula}\\\\\\)`;\n        _mathml__WEBPACK_IMPORTED_MODULE_15__[\"default\"].processNewMathInElem(this.previewElement.current);\n      }\n    }, EquationEditorModal.debounceRate, {\n      leading: false,\n      trailing: true\n    });\n\n    this.toggleAdvanced = () => {\n      this.setState(state => {\n        if (state.advanced) {\n          this.mathField.setValue(state.workingFormula || '');\n          return {\n            advanced: false,\n            workingFormula: ''\n          };\n        } else {\n          return {\n            advanced: true,\n            workingFormula: this.mathField.getValue()\n          };\n        }\n      });\n      this.setPreviewElementContent();\n    };\n\n    this.toggleAndUpdatePreference = () => {\n      this.toggleAdvanced();\n      _advancedPreference__WEBPACK_IMPORTED_MODULE_13__[\"default\"].isSet() ? _advancedPreference__WEBPACK_IMPORTED_MODULE_13__[\"default\"].clear() : _advancedPreference__WEBPACK_IMPORTED_MODULE_13__[\"default\"].set();\n    };\n\n    this.registerBasicEditorListener = () => {\n      const basicEditor = document.querySelector('math-field');\n      basicEditor.addEventListener('input', e => {\n        if (this.advancedModeOnly(e.target.value)) {\n          this.toggleAdvanced();\n          this.setState({\n            workingFormula: e.target.value\n          });\n        }\n      });\n    };\n\n    this.handleOpen = () => {\n      this.originalFormula = null;\n\n      if (this.usedInCanvas()) {\n        // store the original value (so it can be restored later)\n        this.hostPageDisablesShortcuts = undefined.disable_keyboard_shortcuts; // And disable keyboard shortcuts while we\n        // are inside the equation editor\n\n        undefined.disable_keyboard_shortcuts = true;\n      }\n    };\n\n    this.handleFieldRef = node => {\n      this.mathField = node;\n    };\n\n    this.renderFooter = () => {\n      const cancelButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_3__[\"Button\"], {\n        \"data-testid\": \"equation-editor-modal-cancel\",\n        onClick: this.handleModalCancel\n      }, Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Cancel'));\n      const doneButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_3__[\"Button\"], {\n        \"data-testid\": \"equation-editor-modal-done\",\n        margin: \"none none none xx-small\",\n        onClick: this.handleModalDone,\n        variant: \"primary\"\n      }, Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Done'));\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, cancelButton, doneButton);\n    };\n\n    this.renderToggle = () => {\n      const lockToggle = this.state.advanced && this.advancedModeOnly(this.state.workingFormula);\n      const defaultToggle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_checkbox__WEBPACK_IMPORTED_MODULE_4__[\"Checkbox\"], {\n        onChange: this.toggleAndUpdatePreference,\n        checked: this.state.advanced,\n        label: Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Directly Edit LaTeX'),\n        variant: \"toggle\",\n        disabled: lockToggle,\n        \"data-testid\": \"advanced-toggle\"\n      });\n      const tooltipToggle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_tooltip__WEBPACK_IMPORTED_MODULE_7__[\"Tooltip\"], {\n        renderTip: Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('This equation cannot be rendered in Basic View.'),\n        on: ['hover', 'focus']\n      }, defaultToggle);\n      return lockToggle ? tooltipToggle : defaultToggle;\n    };\n\n    this.handleRef = node => {\n      this.modalFooter = node;\n    };\n\n    this.render = () => {\n      const {\n        label,\n        onModalClose,\n        title,\n        mountNode\n      } = this.props;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_6__[\"Modal\"], {\n        label: label,\n        onClose: onModalClose,\n        onDismiss: this.handleModalCancel,\n        onEntered: this.handleEntered,\n        onOpen: this.handleOpen,\n        open: true,\n        mountNode: mountNode,\n        transition: \"fade\",\n        shouldCloseOnDocumentClick: false\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_6__[\"Modal\"].Header, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_3__[\"CloseButton\"], {\n        \"data-testid\": \"equation-editor-modal-close\",\n        placement: \"end\",\n        offset: \"medium\",\n        color: \"primary\",\n        onClick: this.handleModalCancel,\n        screenReaderLabel: Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Close')\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_heading__WEBPACK_IMPORTED_MODULE_5__[\"Heading\"], null, title || label)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_6__[\"Modal\"].Body, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n        ref: node => {\n          this.modalContent = node;\n        },\n        className: Object(aphrodite__WEBPACK_IMPORTED_MODULE_14__[\"css\"])(_styles__WEBPACK_IMPORTED_MODULE_16__[\"default\"].mathfieldContainer)\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_EquationEditorToolbar__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n        executeCommand: this.executeCommand\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n        className: Object(aphrodite__WEBPACK_IMPORTED_MODULE_14__[\"css\"])(_styles__WEBPACK_IMPORTED_MODULE_16__[\"default\"].mathFieldContainer),\n        style: {\n          display: this.state.advanced ? 'none' : null\n        }\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"math-field\", {\n        style: {\n          padding: '0.5em',\n          overflow: 'auto',\n          border: 'solid 1px',\n          borderRadius: '4px'\n        },\n        ref: this.handleFieldRef,\n        \"default-mode\": \"inline-math\",\n        \"virtual-keyboard-mode\": \"off\",\n        \"keypress-sound\": \"none\",\n        \"plonk-sound\": \"none\",\n        \"math-mode-space\": \" \"\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n        className: Object(aphrodite__WEBPACK_IMPORTED_MODULE_14__[\"css\"])(_styles__WEBPACK_IMPORTED_MODULE_16__[\"default\"].mathFieldContainer),\n        style: {\n          display: this.state.advanced ? null : 'none'\n        }\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text_area__WEBPACK_IMPORTED_MODULE_2__[\"TextArea\"], {\n        style: {\n          height: '5.1rem',\n          overflowY: 'auto',\n          lineHeight: '1.7rem'\n        },\n        label: \"\",\n        value: this.state.workingFormula,\n        onChange: e => this.setState({\n          workingFormula: e.target.value\n        })\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n        className: Object(aphrodite__WEBPACK_IMPORTED_MODULE_14__[\"css\"])(_styles__WEBPACK_IMPORTED_MODULE_16__[\"default\"].latexToggle)\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"].Item, null, this.renderToggle()))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n        style: {\n          display: this.state.advanced ? null : 'none',\n          marginTop: '1em'\n        }\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n        \"data-testid\": \"mathml-preview-element\",\n        ref: this.previewElement\n      })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_6__[\"Modal\"].Footer, {\n        ref: this.handleRef\n      }, this.renderFooter()));\n    };\n  }\n\n  // **************** //\n  // Helper functions //\n  // **************** //\n  currentFormula(nodeValue, cursor) {\n    let leftIndex, rightIndex; // The range could still contain more than one formulae, so we need to\n    // isolate them and figure out which one the cursor is within.\n\n    const formulae = nodeValue.match(EquationEditorModal.boundaryRegex);\n\n    if (!formulae) {\n      return [undefined, 0, 0];\n    }\n\n    const foundFormula = formulae.find(formula => {\n      leftIndex = nodeValue.indexOf(formula);\n      rightIndex = leftIndex + formula.length;\n      return leftIndex < cursor && cursor < rightIndex && this.selectionIsLatex(formula);\n    });\n    return [foundFormula, leftIndex, rightIndex];\n  }\n\n  insertNewRange(currentFormula, startContainer, leftIndex, rightIndex) {\n    const {\n      editor\n    } = this.props;\n    const range = document.createRange();\n    range.setStart(startContainer, leftIndex);\n    range.setEnd(startContainer, rightIndex);\n    editor.selection.setRng(range);\n    this.originalFormula = this.selectionToLatex(currentFormula);\n    this.forceAdvancedModeIfNecessary(this.originalFormula);\n    this.mathField.setValue(this.originalFormula || ' ');\n  }\n\n  loadExistingFormula() {\n    const {\n      editor\n    } = this.props;\n    const selection = editor.selection.getContent(); // check if highlighted text is inline latex\n\n    if (selection && this.selectionIsLatex(selection)) {\n      this.originalFormula = this.selectionToLatex(selection);\n      this.forceAdvancedModeIfNecessary(this.originalFormula);\n      this.mathField.setValue(this.originalFormula || ' ');\n    } else {\n      // check if we launched modal from an equation image\n      const selnode = editor.selection.getNode();\n\n      if (selnode.tagName === 'IMG' && selnode.classList.contains('equation_image')) {\n        try {\n          const src = new URL(selnode.src);\n          const encoded_eq = src.pathname.replace(/^\\/equation_images\\//, '');\n          this.originalFormula = decodeURIComponent(decodeURIComponent(encoded_eq));\n          this.forceAdvancedModeIfNecessary(this.originalFormula);\n          this.mathField.setValue(this.originalFormula || ' ');\n        } catch (ex) {\n          // probably failed to create the new URL\n          // eslint-disable-next-line no-console\n          console.error(ex);\n        }\n      } else {\n        // check if the cursor was within inline latex when launched\n        const editorRange = editor.selection.getRng();\n        const startContainer = editorRange.startContainer;\n        const wholeText = startContainer.wholeText;\n\n        if (wholeText) {\n          const cursor = editorRange.startOffset; // The `wholeText` value is not sufficient, since we could be dealing with\n          // a number of nested ranges. The `nodeValue` is the text in the range in\n          // which we have found the cursor.\n\n          const nodeValue = startContainer.nodeValue;\n          const [currentFormula, leftIndex, rightIndex] = this.currentFormula(nodeValue, cursor);\n\n          if (currentFormula !== undefined) {\n            this.insertNewRange(currentFormula, startContainer, leftIndex, rightIndex);\n          }\n        }\n      }\n    }\n  }\n\n  advancedModeOnly(latex) {\n    const normalizedLatex = latex.replace(/\\s+/, '');\n    return Object(_advancedOnlySyntax__WEBPACK_IMPORTED_MODULE_12__[\"containsAdvancedSyntax\"])(normalizedLatex);\n  }\n\n  selectionIsLatex(selection) {\n    return selection.startsWith('\\\\(') && selection.endsWith('\\\\)') || selection.startsWith('$$') && selection.endsWith('$$');\n  }\n\n  selectionToLatex(selection) {\n    const sansDelimiters = selection.substr(2, selection.length - 4);\n    return sansDelimiters.replace(/&nbsp;/g, '').trim();\n  }\n\n  usedInCanvas() {\n    return undefined && undefined.hasOwnProperty('disable_keyboard_shortcuts');\n  } // ********* //\n  // Callbacks //\n  // ********* //\n\n\n  setPreviewElementContent() {\n    if (!this.state.advanced) {\n      return;\n    }\n\n    if (this.state.workingFormula) {\n      this.renderMathInAdvancedPreview();\n    } else {\n      this.previewElement.current.innerHTML = '';\n    }\n  }\n\n  forceAdvancedModeIfNecessary(latex) {\n    if (this.advancedModeOnly(latex)) {\n      this.toggleAdvanced();\n    }\n  }\n\n  componentDidMount() {\n    this.registerBasicEditorListener();\n    this.setPreviewElementContent();\n    this.stubMacros();\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    if (this.state.workingFormula !== prevState.workingFormula) {\n      this.setPreviewElementContent();\n    }\n  }\n\n  stubMacros() {\n    var _this$mathField;\n\n    // Mathlive's macros exist for a different use case;\n    // we don't intend for our users to utilize them.\n    // This effectively disables all of them to prevent\n    // weird behaviors that users don't expect.\n    (_this$mathField = this.mathField) === null || _this$mathField === void 0 ? void 0 : _this$mathField.setOptions({\n      macros: {}\n    });\n  }\n\n}\nEquationEditorModal.propTypes = {\n  editor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object.isRequired,\n  label: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  onModalDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n  onModalClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n  onEquationSubmit: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n  title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  mountNode: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n};\nEquationEditorModal.boundaryRegex = /\\\\\\((.+?)\\\\\\)|\\$\\$(.+?)\\$\\$/g;\nEquationEditorModal.debounceRate = 1000;\nEquationEditorModal.defaultProps = {\n  title: null,\n  mountNode: null\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_equation/EquationEditorModal/index.js?");
 
 /***/ }),
 
@@ -44,7 +44,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return mathml; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"mathImageHelper\", function() { return mathImageHelper; });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"../../node_modules/jquery/jquery.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n/*\n * Copyright (C) 2017 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n // configure MathJax to use 'color' extension fo LaTeX coding\n\nconst localConfig = {\n  TeX: {\n    extensions: ['autoload-all.js']\n  },\n  tex2jax: {\n    ignoreClass: 'mathjax_ignore'\n  },\n  extensions: ['Safe.js'],\n  Safe: {\n    safeProtocols: {\n      http: true,\n      https: true,\n      file: false,\n      javascript: false,\n      data: false\n    }\n  },\n  MathMenu: {\n    styles: {\n      '.MathJax_Menu': {\n        'z-index': 2001\n      }\n    }\n  },\n  showMathMenu: true\n};\nconst mathml = {\n  loadMathJax() {\n    let configFile = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'TeX-MML-AM_SVG';\n    let cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n\n    if (this.preventMathJax()) {\n      return;\n    }\n\n    if (!this.isMathJaxLoaded()) {\n      const locale = undefined.LOCALE || 'en'; // signal local config to mathjax as it loads\n\n      window.MathJax = localConfig;\n      if (window.MathJaxIsLoading) return;\n      window.MathJaxIsLoading = true;\n      jquery__WEBPACK_IMPORTED_MODULE_0___default.a.ajax({\n        url: `//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=${configFile}&locale=${locale}`,\n        cache: true,\n        success: () => {\n          var _ENV, _ENV$FEATURES;\n\n          window.MathJax.Hub.Register.StartupHook('MathMenu Ready', function () {\n            // get the mathjax context menu above the rce's equation editor\n            window.MathJax.Menu.BGSTYLE['z-index'] = 2000;\n          });\n          window.MathJax.Hub.Register.StartupHook('End Config', function () {\n            // wait until MathJAx is configured before calling the callback\n            cb === null || cb === void 0 ? void 0 : cb();\n          });\n\n          if ((_ENV = undefined) !== null && _ENV !== void 0 && (_ENV$FEATURES = _ENV.FEATURES) !== null && _ENV$FEATURES !== void 0 && _ENV$FEATURES.new_math_equation_handling) {\n            window.MathJax.Hub.Register.MessageHook('Begin PreProcess', function (message) {\n              mathImageHelper.catchEquationImages(message[1]);\n            });\n            window.MathJax.Hub.Register.MessageHook('Math Processing Error', function (message) {\n              var _elem$parentElement;\n\n              const elem = message[1]; // \".math_equation_latex\" is the elem we added for MathJax to typeset the image equation\n\n              if ((_elem$parentElement = elem.parentElement) !== null && _elem$parentElement !== void 0 && _elem$parentElement.classList.contains('math_equation_latex')) {\n                var _elem$parentElement$p;\n\n                // The equation we image we were trying to replace and failed is up 1 and back 1.\n                // If we remove its \"mathjaxified\" attribute, the \"End Math\" handler\n                // won't remove it from the DOM.\n                if ((_elem$parentElement$p = elem.parentElement.previousElementSibling) !== null && _elem$parentElement$p !== void 0 && _elem$parentElement$p.hasAttribute('mathjaxified')) {\n                  elem.parentElement.previousElementSibling.removeAttribute('mathjaxified');\n                } // remove the \"math processing error\" mathjax output.\n\n\n                elem.parentElement.remove();\n              }\n            });\n            window.MathJax.Hub.Register.MessageHook('End Math', function (message) {\n              const elem = message[1];\n              mathImageHelper.removeStrayEquationImages(elem);\n              mathImageHelper.nearlyInfiniteStyleFix(elem);\n              elem.querySelectorAll('.math_equation_latex').forEach(m => m.classList.add('fade-in-equation'));\n            });\n          } else {\n            // though isMathInElement ignores <math> w/in .hidden-readable elements,\n            // MathJax does not and will process it anyway. This is a problem when\n            // you open the equation editor while editing a quiz and it adds to the DOM\n            // elements that will get saved with the quiz.\n            // There's a feature request against MathJax (https://github.com/mathjax/MathJax/issues/505)\n            // to add an ignoreClass config prop to the mml2jax processor, but it's not available.\n            // Since we want to ignore <math> in .hidden-readable spans, let's remove the MathJunk™\n            // right after MathJax adds it.\n            window.MathJax.Hub.Register.MessageHook('End Math', function (message) {\n              jquery__WEBPACK_IMPORTED_MODULE_0___default()(message[1]).find('.hidden-readable [class^=\"MathJax\"], .hidden-readable [id^=\"MathJax\"]').remove();\n            });\n          } // leaving this here so I don't have to keep looking up how to see all messages\n          // window.MathJax.Hub.Startup.signal.Interest(function (message) {\n          //   console.log('>>> MathJax startup:', message)\n          // })\n          // window.MathJax.Hub.signal.Interest(function(message) {\n          //   console.log('>>> MathJax signal', message)\n          // })\n\n\n          delete window.MathJaxIsLoading;\n        },\n        dataType: 'script'\n      });\n    } else {\n      // Make sure we always call the callback if it is loaded already and make sure we\n      // also reprocess the page since chances are if we are requesting MathJax again,\n      // something has changed on the page and needs to gReprocess(document.body)et pulled into the MathJax ecosystem\n      // window.MathJax.Hub.Reprocess([document.body])\n      window.MathJax.Hub.Queue(['Typeset', window.MathJax.Hub]);\n      cb === null || cb === void 0 ? void 0 : cb();\n    }\n  },\n\n  preventMathJax() {\n    return /(?:rubrics|\\/files)/.test(window.location.pathname);\n  },\n\n  isMathOnPage() {\n    return this.isMathInElement(document.body);\n  },\n\n  isMathInElement(elem) {\n    var _ENV2, _ENV2$FEATURES, _ENV3, _ENV3$FEATURES;\n\n    if ((_ENV2 = undefined) !== null && _ENV2 !== void 0 && (_ENV2$FEATURES = _ENV2.FEATURES) !== null && _ENV2$FEATURES !== void 0 && _ENV2$FEATURES.new_math_equation_handling) {\n      // handle the change from image + hidden mathml to mathjax formatted latex\n      if (elem.querySelector('.math_equation_latex,.math_equation_mml')) {\n        return true;\n      }\n\n      if (elem.querySelector('img.equation_image')) {\n        return true;\n      } // look for latex the user may have entered w/o the equation editor by\n      // looking for mathjax's opening delimiters\n\n\n      if (/(?:\\$\\$|\\\\\\()/.test(elem.textContent)) {\n        return true;\n      }\n    }\n\n    if ((_ENV3 = undefined) !== null && _ENV3 !== void 0 && (_ENV3$FEATURES = _ENV3.FEATURES) !== null && _ENV3$FEATURES !== void 0 && _ENV3$FEATURES.new_equation_editor) {\n      return (elem === null || elem === void 0 ? void 0 : elem.getAttribute('data-testid')) === 'mathml-preview-element';\n    }\n\n    const mathElements = elem.getElementsByTagName('math');\n\n    for (let i = 0; i < mathElements.length; i++) {\n      const $el = jquery__WEBPACK_IMPORTED_MODULE_0___default()(mathElements[i]);\n\n      if ($el.is(':visible') && $el.parent('.hidden-readable').length <= 0 && $el.parent('.MJX_Assistive_MathML').length <= 0 // already mathjax'd\n      ) {\n        return true;\n      }\n    }\n\n    return false;\n  },\n\n  mathJaxGenerated: /^MathJax|MJX/,\n  // elements to ignore selector\n  ignore_list: '#header,#mobile-header,#left-side,#quiz-elapsed-time,.ui-menu-carat',\n\n  isMathJaxIgnored(elem) {\n    var _elem$parentElement2;\n\n    if (!elem) return true; // ignore disconnected elements\n\n    if (!document.body.contains(elem)) return true; // check if elem is in the ignore list\n\n    if (((_elem$parentElement2 = elem.parentElement) === null || _elem$parentElement2 === void 0 ? void 0 : _elem$parentElement2.querySelector(this.ignore_list)) === elem) {\n      return true;\n    } // check if elem is a child of something we're ignoring\n\n\n    while (elem !== document.body) {\n      // child of .mathjax_ignore?\n      if (elem.classList.contains('mathjax_ignore')) {\n        return true;\n      } // // child of MathJax generated element?\n      // if (\n      //   this.mathJaxGenerated.test(elem.id) ||\n      //   this.mathJaxGenerated.test(elem.getAttribute('class'))\n      // ) {\n      //   return true\n      // }\n\n\n      elem = elem.parentElement;\n    }\n\n    return false;\n  },\n\n  // legacy api\n  isMathMLOnPage() {\n    return this.isMathOnPage();\n  },\n\n  isMathJaxLoaded() {\n    var _window$MathJax;\n\n    return !!((_window$MathJax = window.MathJax) !== null && _window$MathJax !== void 0 && _window$MathJax.Hub);\n  },\n\n  shouldProcess(elem) {\n    return this.isMathInElement(elem) && !this.isMathJaxIgnored(elem);\n  },\n\n  processNewMathInElem(elem) {\n    if (this.shouldProcess(elem)) {\n      if (this.isMathJaxLoaded()) {\n        this.reloadElement(elem);\n      } else {\n        this.loadMathJax(undefined);\n      }\n    }\n  },\n\n  /*\n   * elem: string with elementId or en elem object\n   */\n  reloadElement(elem) {\n    if (this.isMathJaxLoaded()) {\n      window.MathJax.Hub.Queue(['Typeset', window.MathJax.Hub, elem]);\n    }\n  },\n\n  processNewMathEventName: 'process-new-math'\n};\nconst mathImageHelper = {\n  getImageEquationText(img) {\n    let equation_text;\n    const src = img.getAttribute('src');\n\n    if (src) {\n      try {\n        const url = new URL(src, 'http://localhost'); // we don't care about the host\n\n        const srceq = url.pathname.split('/equation_images/')[1];\n\n        if (srceq) {\n          equation_text = decodeURIComponent(decodeURIComponent(srceq));\n        }\n      } catch (_ex) {// If we failed to parse the src URL, something is wrong.\n      }\n    }\n\n    return equation_text;\n  },\n\n  catchEquationImages(refnode) {\n    // find equation images and replace with inline LaTeX\n    const eqimgs = refnode.querySelectorAll('img.equation_image');\n\n    if (eqimgs.length > 0) {\n      eqimgs.forEach(img => {\n        const equation_text = this.getImageEquationText(img);\n\n        if (equation_text) {\n          img.setAttribute('mathjaxified', '');\n          const mathtex = document.createElement('span');\n          mathtex.setAttribute('class', 'math_equation_latex');\n          mathtex.setAttribute('style', img.getAttribute('style'));\n          mathtex.textContent = `\\\\(${equation_text}\\\\)`;\n          mathtex.style.maxWidth = '';\n\n          if (img.nextSibling) {\n            img.parentElement.insertBefore(mathtex, img.nextSibling);\n          } else {\n            img.parentElement.appendChild(mathtex);\n          }\n        }\n      });\n      return true;\n    }\n  },\n\n  removeStrayEquationImages(refnode) {\n    const eqimgs = refnode.querySelectorAll('img.equation_image');\n    eqimgs.forEach(img => {\n      if (img.hasAttribute('mathjaxified')) {\n        img.parentElement.removeChild(img);\n      }\n    });\n  },\n\n  nearlyInfiniteStyleFix(elem) {\n    elem.querySelectorAll('[style*=clip], [style*=vertical-align]').forEach(e => {\n      let changed = false;\n      let s = e.getAttribute('style');\n      const r = e.style.clip;\n\n      if (/[\\d.]+e\\+?\\d/.test(r)) {\n        // e.g. \"rect(1e+07em, -9.999e+06em, -1e+07em, -999.997em)\"\n        s = s.replace(/clip: rect[^;]+;/, '');\n        changed = true;\n      }\n\n      const v = e.style.verticalAlign;\n\n      if (Math.abs(parseFloat(v)) > 10000) {\n        // 10000 is a ridiculously large number\n        s = s.replace(/vertical-align[^;]+;/, '');\n        changed = true;\n      }\n\n      if (changed) {\n        e.setAttribute('style', s);\n      }\n    });\n  }\n\n};\n\nfunction handleNewMath(event) {\n  var _event$detail;\n\n  if (event !== null && event !== void 0 && (_event$detail = event.detail) !== null && _event$detail !== void 0 && _event$detail.target) {\n    mathml.processNewMathInElem(event.detail.target);\n  }\n}\n\nwindow.addEventListener('process-new-math', handleNewMath);\n\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_equation/EquationEditorModal/mathml.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return mathml; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"mathImageHelper\", function() { return mathImageHelper; });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"../../node_modules/jquery/jquery.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _RCEGlobals__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../RCEGlobals */ \"./src/rce/RCEGlobals.js\");\n/*\n * Copyright (C) 2017 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n // configure MathJax to use 'color' extension fo LaTeX coding\n\nconst localConfig = {\n  TeX: {\n    extensions: ['autoload-all.js']\n  },\n  tex2jax: {\n    ignoreClass: 'mathjax_ignore'\n  },\n  extensions: ['Safe.js'],\n  Safe: {\n    safeProtocols: {\n      http: true,\n      https: true,\n      file: false,\n      javascript: false,\n      data: false\n    }\n  },\n  MathMenu: {\n    styles: {\n      '.MathJax_Menu': {\n        'z-index': 2001\n      }\n    }\n  },\n  showMathMenu: true\n};\nconst mathml = {\n  loadMathJax() {\n    let configFile = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'TeX-MML-AM_SVG';\n    let cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n\n    if (this.preventMathJax()) {\n      return;\n    }\n\n    if (!this.isMathJaxLoaded()) {\n      var _RCEGlobals$getConfig;\n\n      const locale = ((_RCEGlobals$getConfig = _RCEGlobals__WEBPACK_IMPORTED_MODULE_1__[\"default\"].getConfig()) === null || _RCEGlobals$getConfig === void 0 ? void 0 : _RCEGlobals$getConfig.locale) || 'en'; // signal local config to mathjax as it loads\n\n      window.MathJax = localConfig;\n      if (window.MathJaxIsLoading) return;\n      window.MathJaxIsLoading = true;\n      jquery__WEBPACK_IMPORTED_MODULE_0___default.a.ajax({\n        url: `//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=${configFile}&locale=${locale}`,\n        cache: true,\n        success: () => {\n          var _RCEGlobals$getFeatur;\n\n          window.MathJax.Hub.Register.StartupHook('MathMenu Ready', function () {\n            // get the mathjax context menu above the rce's equation editor\n            window.MathJax.Menu.BGSTYLE['z-index'] = 2000;\n          });\n          window.MathJax.Hub.Register.StartupHook('End Config', function () {\n            // wait until MathJAx is configured before calling the callback\n            cb === null || cb === void 0 ? void 0 : cb();\n          });\n\n          if ((_RCEGlobals$getFeatur = _RCEGlobals__WEBPACK_IMPORTED_MODULE_1__[\"default\"].getFeatures()) !== null && _RCEGlobals$getFeatur !== void 0 && _RCEGlobals$getFeatur.new_math_equation_handling) {\n            window.MathJax.Hub.Register.MessageHook('Begin PreProcess', function (message) {\n              mathImageHelper.catchEquationImages(message[1]);\n            });\n            window.MathJax.Hub.Register.MessageHook('Math Processing Error', function (message) {\n              var _elem$parentElement;\n\n              const elem = message[1]; // \".math_equation_latex\" is the elem we added for MathJax to typeset the image equation\n\n              if ((_elem$parentElement = elem.parentElement) !== null && _elem$parentElement !== void 0 && _elem$parentElement.classList.contains('math_equation_latex')) {\n                var _elem$parentElement$p;\n\n                // The equation we image we were trying to replace and failed is up 1 and back 1.\n                // If we remove its \"mathjaxified\" attribute, the \"End Math\" handler\n                // won't remove it from the DOM.\n                if ((_elem$parentElement$p = elem.parentElement.previousElementSibling) !== null && _elem$parentElement$p !== void 0 && _elem$parentElement$p.hasAttribute('mathjaxified')) {\n                  elem.parentElement.previousElementSibling.removeAttribute('mathjaxified');\n                } // remove the \"math processing error\" mathjax output.\n\n\n                elem.parentElement.remove();\n              }\n            });\n            window.MathJax.Hub.Register.MessageHook('End Math', function (message) {\n              const elem = message[1];\n              mathImageHelper.removeStrayEquationImages(elem);\n              mathImageHelper.nearlyInfiniteStyleFix(elem);\n              elem.querySelectorAll('.math_equation_latex').forEach(m => m.classList.add('fade-in-equation'));\n            });\n          } else {\n            // though isMathInElement ignores <math> w/in .hidden-readable elements,\n            // MathJax does not and will process it anyway. This is a problem when\n            // you open the equation editor while editing a quiz and it adds to the DOM\n            // elements that will get saved with the quiz.\n            // There's a feature request against MathJax (https://github.com/mathjax/MathJax/issues/505)\n            // to add an ignoreClass config prop to the mml2jax processor, but it's not available.\n            // Since we want to ignore <math> in .hidden-readable spans, let's remove the MathJunk™\n            // right after MathJax adds it.\n            window.MathJax.Hub.Register.MessageHook('End Math', function (message) {\n              jquery__WEBPACK_IMPORTED_MODULE_0___default()(message[1]).find('.hidden-readable [class^=\"MathJax\"], .hidden-readable [id^=\"MathJax\"]').remove();\n            });\n          } // leaving this here so I don't have to keep looking up how to see all messages\n          // window.MathJax.Hub.Startup.signal.Interest(function (message) {\n          //   console.log('>>> MathJax startup:', message)\n          // })\n          // window.MathJax.Hub.signal.Interest(function(message) {\n          //   console.log('>>> MathJax signal', message)\n          // })\n\n\n          delete window.MathJaxIsLoading;\n        },\n        dataType: 'script'\n      });\n    } else {\n      // Make sure we always call the callback if it is loaded already and make sure we\n      // also reprocess the page since chances are if we are requesting MathJax again,\n      // something has changed on the page and needs to gReprocess(document.body)et pulled into the MathJax ecosystem\n      // window.MathJax.Hub.Reprocess([document.body])\n      window.MathJax.Hub.Queue(['Typeset', window.MathJax.Hub]);\n      cb === null || cb === void 0 ? void 0 : cb();\n    }\n  },\n\n  preventMathJax() {\n    return /(?:rubrics|\\/files)/.test(window.location.pathname);\n  },\n\n  isMathOnPage() {\n    return this.isMathInElement(document.body);\n  },\n\n  isMathInElement(elem) {\n    var _RCEGlobals$getFeatur2, _RCEGlobals$getFeatur3;\n\n    if ((_RCEGlobals$getFeatur2 = _RCEGlobals__WEBPACK_IMPORTED_MODULE_1__[\"default\"].getFeatures()) !== null && _RCEGlobals$getFeatur2 !== void 0 && _RCEGlobals$getFeatur2.new_math_equation_handling) {\n      // handle the change from image + hidden mathml to mathjax formatted latex\n      if (elem.querySelector('.math_equation_latex,.math_equation_mml')) {\n        return true;\n      }\n\n      if (elem.querySelector('img.equation_image')) {\n        return true;\n      } // look for latex the user may have entered w/o the equation editor by\n      // looking for mathjax's opening delimiters\n\n\n      if (/(?:\\$\\$|\\\\\\()/.test(elem.textContent)) {\n        return true;\n      }\n    }\n\n    if ((_RCEGlobals$getFeatur3 = _RCEGlobals__WEBPACK_IMPORTED_MODULE_1__[\"default\"].getFeatures()) !== null && _RCEGlobals$getFeatur3 !== void 0 && _RCEGlobals$getFeatur3.new_equation_editor) {\n      return (elem === null || elem === void 0 ? void 0 : elem.getAttribute('data-testid')) === 'mathml-preview-element';\n    }\n\n    const mathElements = elem.getElementsByTagName('math');\n\n    for (let i = 0; i < mathElements.length; i++) {\n      const $el = jquery__WEBPACK_IMPORTED_MODULE_0___default()(mathElements[i]);\n\n      if ($el.is(':visible') && $el.parent('.hidden-readable').length <= 0 && $el.parent('.MJX_Assistive_MathML').length <= 0 // already mathjax'd\n      ) {\n        return true;\n      }\n    }\n\n    return false;\n  },\n\n  mathJaxGenerated: /^MathJax|MJX/,\n  // elements to ignore selector\n  ignore_list: '#header,#mobile-header,#left-side,#quiz-elapsed-time,.ui-menu-carat',\n\n  isMathJaxIgnored(elem) {\n    var _elem$parentElement2;\n\n    if (!elem) return true; // ignore disconnected elements\n\n    if (!document.body.contains(elem)) return true; // check if elem is in the ignore list\n\n    if (((_elem$parentElement2 = elem.parentElement) === null || _elem$parentElement2 === void 0 ? void 0 : _elem$parentElement2.querySelector(this.ignore_list)) === elem) {\n      return true;\n    } // check if elem is a child of something we're ignoring\n\n\n    while (elem !== document.body) {\n      // child of .mathjax_ignore?\n      if (elem.classList.contains('mathjax_ignore')) {\n        return true;\n      } // // child of MathJax generated element?\n      // if (\n      //   this.mathJaxGenerated.test(elem.id) ||\n      //   this.mathJaxGenerated.test(elem.getAttribute('class'))\n      // ) {\n      //   return true\n      // }\n\n\n      elem = elem.parentElement;\n    }\n\n    return false;\n  },\n\n  // legacy api\n  isMathMLOnPage() {\n    return this.isMathOnPage();\n  },\n\n  isMathJaxLoaded() {\n    var _window$MathJax;\n\n    return !!((_window$MathJax = window.MathJax) !== null && _window$MathJax !== void 0 && _window$MathJax.Hub);\n  },\n\n  shouldProcess(elem) {\n    return this.isMathInElement(elem) && !this.isMathJaxIgnored(elem);\n  },\n\n  processNewMathInElem(elem) {\n    if (this.shouldProcess(elem)) {\n      if (this.isMathJaxLoaded()) {\n        this.reloadElement(elem);\n      } else {\n        this.loadMathJax(undefined);\n      }\n    }\n  },\n\n  /*\n   * elem: string with elementId or en elem object\n   */\n  reloadElement(elem) {\n    if (this.isMathJaxLoaded()) {\n      window.MathJax.Hub.Queue(['Typeset', window.MathJax.Hub, elem]);\n    }\n  },\n\n  processNewMathEventName: 'process-new-math'\n};\nconst mathImageHelper = {\n  getImageEquationText(img) {\n    let equation_text;\n    const src = img.getAttribute('src');\n\n    if (src) {\n      try {\n        const url = new URL(src, 'http://localhost'); // we don't care about the host\n\n        const srceq = url.pathname.split('/equation_images/')[1];\n\n        if (srceq) {\n          equation_text = decodeURIComponent(decodeURIComponent(srceq));\n        }\n      } catch (_ex) {// If we failed to parse the src URL, something is wrong.\n      }\n    }\n\n    return equation_text;\n  },\n\n  catchEquationImages(refnode) {\n    // find equation images and replace with inline LaTeX\n    const eqimgs = refnode.querySelectorAll('img.equation_image');\n\n    if (eqimgs.length > 0) {\n      eqimgs.forEach(img => {\n        const equation_text = this.getImageEquationText(img);\n\n        if (equation_text) {\n          img.setAttribute('mathjaxified', '');\n          const mathtex = document.createElement('span');\n          mathtex.setAttribute('class', 'math_equation_latex');\n          mathtex.setAttribute('style', img.getAttribute('style'));\n          mathtex.textContent = `\\\\(${equation_text}\\\\)`;\n          mathtex.style.maxWidth = '';\n\n          if (img.nextSibling) {\n            img.parentElement.insertBefore(mathtex, img.nextSibling);\n          } else {\n            img.parentElement.appendChild(mathtex);\n          }\n        }\n      });\n      return true;\n    }\n  },\n\n  removeStrayEquationImages(refnode) {\n    const eqimgs = refnode.querySelectorAll('img.equation_image');\n    eqimgs.forEach(img => {\n      if (img.hasAttribute('mathjaxified')) {\n        img.parentElement.removeChild(img);\n      }\n    });\n  },\n\n  nearlyInfiniteStyleFix(elem) {\n    elem.querySelectorAll('[style*=clip], [style*=vertical-align]').forEach(e => {\n      let changed = false;\n      let s = e.getAttribute('style');\n      const r = e.style.clip;\n\n      if (/[\\d.]+e\\+?\\d/.test(r)) {\n        // e.g. \"rect(1e+07em, -9.999e+06em, -1e+07em, -999.997em)\"\n        s = s.replace(/clip: rect[^;]+;/, '');\n        changed = true;\n      }\n\n      const v = e.style.verticalAlign;\n\n      if (Math.abs(parseFloat(v)) > 10000) {\n        // 10000 is a ridiculously large number\n        s = s.replace(/vertical-align[^;]+;/, '');\n        changed = true;\n      }\n\n      if (changed) {\n        e.setAttribute('style', s);\n      }\n    });\n  }\n\n};\n\nfunction handleNewMath(event) {\n  var _event$detail;\n\n  if (event !== null && event !== void 0 && (_event$detail = event.detail) !== null && _event$detail !== void 0 && _event$detail.target) {\n    mathml.processNewMathInElem(event.detail.target);\n  }\n}\n\nwindow.addEventListener('process-new-math', handleNewMath);\n\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_equation/EquationEditorModal/mathml.js?");
 
 /***/ }),
 
@@ -80,7 +80,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _for
 /***/ (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_tabs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-tabs */ \"../../node_modules/@instructure/ui-tabs/es/index.js\");\n/* harmony import */ var _instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-a11y-content */ \"../../node_modules/@instructure/ui-a11y-content/es/index.js\");\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _buttons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./buttons */ \"./src/rce/plugins/instructure_equation/EquationEditorToolbar/buttons.js\");\n/* harmony import */ var _MathIcon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../MathIcon */ \"./src/rce/plugins/instructure_equation/MathIcon/index.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 buttonContainerStyle = {\n  display: 'inline-block',\n  marginBottom: '5px',\n  paddingRight: '5px'\n};\n\nfunction EquationEditorToolbar(props) {\n  const [selectedTab, setSelectedTab] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])('Basic');\n\n  const handleTabChange = (event, _ref) => {\n    let {\n      index\n    } = _ref;\n    setSelectedTab(_buttons__WEBPACK_IMPORTED_MODULE_5__[\"default\"][index].name);\n  };\n\n  const renderTabPanel = section => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_tabs__WEBPACK_IMPORTED_MODULE_2__[\"Tabs\"].Panel, {\n    id: section.name,\n    key: section.name,\n    padding: \"small small\",\n    renderTitle: section.name,\n    isSelected: selectedTab === section.name\n  }, section.commands.map(_ref2 => {\n    let {\n      displayName,\n      command,\n      advancedCommand,\n      label\n    } = _ref2;\n    const name = displayName || command;\n    const icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_MathIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n      command: command\n    }); // I'm inlining styles here because for some reason the RCE plugin plays\n    // poorly with the way webpack is compiling styles, causing rules from a\n    // styles.css file to not show up. It would be nice to figure out how to\n    // fix this, though.\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      style: buttonContainerStyle,\n      key: name\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_4__[\"Button\"], {\n      onClick: () => props.executeCommand(command, advancedCommand),\n      icon: icon\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_3__[\"ScreenReaderContent\"], null, label, \", LaTeX: \", name)));\n  }));\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_tabs__WEBPACK_IMPORTED_MODULE_2__[\"Tabs\"], {\n    variant: \"secondary\",\n    size: \"medium\",\n    onRequestTabChange: handleTabChange,\n    minHeight: \"10rem\",\n    maxHeight: \"10rem\",\n    maxWidth: \"42rem\"\n  }, _buttons__WEBPACK_IMPORTED_MODULE_5__[\"default\"].map(renderTabPanel));\n}\n\nEquationEditorToolbar.propTypes = {\n  executeCommand: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired\n};\nconst MemoizedEquationEditorToolbar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.memo(EquationEditorToolbar);\n/* harmony default export */ __webpack_exports__[\"default\"] = (MemoizedEquationEditorToolbar);\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_equation/EquationEditorToolbar/index.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_tabs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-tabs */ \"../../node_modules/@instructure/ui-tabs/es/index.js\");\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _buttons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./buttons */ \"./src/rce/plugins/instructure_equation/EquationEditorToolbar/buttons.js\");\n/* harmony import */ var _MathIcon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../MathIcon */ \"./src/rce/plugins/instructure_equation/MathIcon/index.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\nconst buttonContainerStyle = {\n  display: 'inline-block',\n  marginBottom: '5px',\n  paddingRight: '5px'\n};\n\nfunction EquationEditorToolbar(props) {\n  const [selectedTab, setSelectedTab] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])('Basic');\n\n  const handleTabChange = (event, _ref) => {\n    let {\n      index\n    } = _ref;\n    setSelectedTab(_buttons__WEBPACK_IMPORTED_MODULE_4__[\"default\"][index].name);\n  };\n\n  const renderTabPanel = section => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_tabs__WEBPACK_IMPORTED_MODULE_2__[\"Tabs\"].Panel, {\n    id: section.name,\n    key: section.name,\n    padding: \"small small\",\n    renderTitle: section.name,\n    isSelected: selectedTab === section.name\n  }, section.commands.map(_ref2 => {\n    let {\n      displayName,\n      command,\n      advancedCommand,\n      label\n    } = _ref2;\n    const name = displayName || command;\n    const icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_MathIcon__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n      command: command\n    }); // I'm inlining styles here because for some reason the RCE plugin plays\n    // poorly with the way webpack is compiling styles, causing rules from a\n    // styles.css file to not show up. It would be nice to figure out how to\n    // fix this, though.\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      style: buttonContainerStyle,\n      key: name\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_3__[\"IconButton\"], {\n      onClick: () => props.executeCommand(command, advancedCommand),\n      renderIcon: icon,\n      screenReaderLabel: `${label}, LaTeX: ${name}`\n    }));\n  }));\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_tabs__WEBPACK_IMPORTED_MODULE_2__[\"Tabs\"], {\n    variant: \"secondary\",\n    onRequestTabChange: handleTabChange,\n    minHeight: \"10rem\",\n    maxHeight: \"10rem\",\n    maxWidth: \"42rem\"\n  }, _buttons__WEBPACK_IMPORTED_MODULE_4__[\"default\"].map(renderTabPanel));\n}\n\nEquationEditorToolbar.propTypes = {\n  executeCommand: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired\n};\nconst MemoizedEquationEditorToolbar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.memo(EquationEditorToolbar);\n/* harmony default export */ __webpack_exports__[\"default\"] = (MemoizedEquationEditorToolbar);\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_equation/EquationEditorToolbar/index.js?");
 
 /***/ }),
 

package/testcafe/build/32.js

@@ -44,7 +44,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (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  } = _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));\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: \"cover\",\n    draggable: true,\n    height: \"6rem\",\n    inline: false,\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};\nImage.defaultProps = {\n  focusRef: null\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/ImageList/Image.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return 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  } = _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));\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: \"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};\nImage.defaultProps = {\n  focusRef: null\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/ImageList/Image.js?");
 
 /***/ }),
 
@@ -56,7 +56,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return 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  } = _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    wrapItems: true\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    }));\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};\nImageList.defaultProps = {\n  images: []\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/ImageList/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return 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  } = _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    }));\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};\nImageList.defaultProps = {\n  images: []\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/ImageList/index.js?");
 
 /***/ }),
 
@@ -68,7 +68,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return 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\nfunction Images(props) {\n  const {\n    fetchInitialImages,\n    fetchNextImages,\n    contextType,\n    sortBy,\n    searchString\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  })), loader.isLoading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    as: \"div\",\n    grow: 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.'))));\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};\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 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\nfunction Images(props) {\n  const {\n    fetchInitialImages,\n    fetchNextImages,\n    contextType,\n    sortBy,\n    searchString\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  })), 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.'))));\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};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/Images/index.js?");
 
 /***/ })
 

package/testcafe/build/33.js

@@ -32,7 +32,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return 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  } = _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));\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: \"cover\",\n    draggable: true,\n    height: \"6rem\",\n    inline: false,\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};\nImage.defaultProps = {\n  focusRef: null\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/ImageList/Image.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return 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  } = _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));\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: \"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};\nImage.defaultProps = {\n  focusRef: null\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/ImageList/Image.js?");
 
 /***/ }),
 
@@ -44,7 +44,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return 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  } = _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    wrapItems: true\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    }));\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};\nImageList.defaultProps = {\n  images: []\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/ImageList/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return 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  } = _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    }));\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};\nImageList.defaultProps = {\n  images: []\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/ImageList/index.js?");
 
 /***/ }),
 
@@ -56,7 +56,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return 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\nfunction Images(props) {\n  const {\n    fetchInitialImages,\n    fetchNextImages,\n    contextType,\n    sortBy,\n    searchString\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  })), loader.isLoading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    as: \"div\",\n    grow: 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.'))));\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};\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 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\nfunction Images(props) {\n  const {\n    fetchInitialImages,\n    fetchNextImages,\n    contextType,\n    sortBy,\n    searchString\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  })), 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.'))));\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};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/Images/index.js?");
 
 /***/ })
 

package/testcafe/build/34.js

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