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

package/lib/translated/zh_HK/modules/rce/plugins/shared/useDataUrl.js

@@ -22,6 +22,7 @@ import { useState, useEffect } from 'react'; // Given a URL to some resource (li
 const useDataUrl = () => {
   const [url, setUrl] = useState('');
   const [dataUrl, setDataUrl] = useState('');
+  const [dataBlob, setDataBlob] = useState(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState();
   useEffect(() => {
@@ -37,7 +38,10 @@ const useDataUrl = () => {
         return new Promise((resolve, reject) => {
           const reader = new FileReader();
 
-          reader.onloadend = () => resolve(reader.result);
+          reader.onloadend = () => resolve({
+            result: reader.result,
+            blob
+          });
 
           reader.onerror = reject;
           reader.readAsDataURL(blob);
@@ -47,9 +51,14 @@ const useDataUrl = () => {
       }
     }
 
-    if (!!url) {
-      fetchDataUrl().then(result => {
+    if (url) {
+      fetchDataUrl().then(_ref => {
+        let {
+          result,
+          blob
+        } = _ref;
         setDataUrl(result);
+        setDataBlob(blob);
       }).catch(e => {
         setError(e);
       }).finally(() => setLoading(false));
@@ -59,7 +68,8 @@ const useDataUrl = () => {
     setUrl,
     dataUrl,
     dataLoading: loading,
-    dataError: error
+    dataError: error,
+    dataBlob
   };
 };
 

package/lib/translated/zh_HK/modules/rce/userOS.js

@@ -0,0 +1,31 @@
+/*
+ * Copyright (C) 2022 - present Instructure, Inc.
+ *
+ * This file is part of Canvas.
+ *
+ * Canvas is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3 of the License.
+ *
+ * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License along
+ * with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+export const determineUserOS = () => {
+  const rawOS = navigator.userAgent;
+  if (rawOS.indexOf('Mac') !== -1) return 'Mac';else if (rawOS.indexOf('Win') !== -1) return 'Windows';else return 'Other';
+};
+export const determineOSDependentKey = () => {
+  switch (determineUserOS()) {
+    case 'Mac':
+      return 'OPTION';
+
+    case 'Windows':
+    default:
+      return 'ALT';
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/canvas-rce",
-  "version": "5.6.0-beta.0",
+  "version": "5.6.1",
   "description": "A component wrapping canvas's common tinymce usage",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -11,11 +11,11 @@
     "lint:fix": "eslint --fix \"src/**/*.js\" \"test/**/*.js\"",
     "_test": "Test cafe will be added back to test as part of CORE-2995",
     "test": "if [ \"$CANVAS_RCE_PARALLEL\" = \"1\" ]; then yarn test:parallel; else yarn test:serial; fi",
-    "test:parallel": "concurrently --names \"yarn test:mocha\" \"yarn test:jest\" \"yarn test:cafe\"",
+    "test:parallel": "concurrently --names \"mocha,jest,testcafe\" \"yarn test:mocha\" \"yarn test:jest\" \"yarn test:cafe\"",
     "test:serial": "yarn test:mocha && yarn test:jest && yarn test:cafe",
-    "test:mocha": "mocha 'test/**/*.test.js' --timeout 5000 --reporter mocha-multi-reporters --reporter-options configFile=mocha-reporter-config.js --exit",
-    "test:mocha:one": "mocha --timeout 5000 --reporter mocha-multi-reporters --reporter-options configFile=mocha-reporter-config.js",
-    "test:mocha:debug": "mocha --inspect-brk --timeout 5000 --reporter mocha-multi-reporters --reporter-options configFile=mocha-reporter-config.js",
+    "test:mocha": "env TS_NODE_COMPILER_OPTIONS='{\"module\": \"commonjs\"}' mocha 'test/**/*.test.js' --timeout 5000 --reporter mocha-multi-reporters --reporter-options configFile=mocha-reporter-config.js --exit",
+    "test:mocha:one": "env TS_NODE_COMPILER_OPTIONS='{\"module\": \"commonjs\"}' mocha --timeout 5000 --reporter mocha-multi-reporters --reporter-options configFile=mocha-reporter-config.js",
+    "test:mocha:debug": "env TS_NODE_COMPILER_OPTIONS='{\"module\": \"commonjs\"}' mocha --inspect-brk --timeout 5000 --reporter mocha-multi-reporters --reporter-options configFile=mocha-reporter-config.js",
     "test:jest": "jest --color --runInBand",
     "test:cafe": "yarn build:cafe && yarn test:cafe:only",
     "test:cafe:ui": "yarn build:cafe && yarn test:cafe:only:ui",
@@ -36,12 +36,12 @@
     "installTranslations": "scripts/installTranslations.js",
     "commitTranslations": "scripts/commitTranslations.sh",
     "build:all": "scripts/build.js",
-    "build:es": "babel --out-dir es src --ignore '**/__tests__,**/__mocks__'",
-    "build:cjs": "babel --out-dir lib src --ignore '**/__tests__,**/__mocks__' --config-file=./babel.config.cjs.js",
+    "build:es": "babel --out-dir es src --ignore '**/__tests__,**/__mocks__' --extensions '.ts,.tsx,.js'",
+    "build:cjs": "babel --out-dir lib src --ignore '**/__tests__,**/__mocks__' --config-file=./babel.config.cjs.js --extensions '.ts,.tsx,.js'",
     "build:canvas": "scripts/build-canvas",
-    "build:watch": "rm -rf es && babel --out-dir es src --watch --verbose",
+    "build:watch": "rm -rf es && babel --out-dir es src --watch --verbose --extensions '.ts,.tsx,.js'",
     "build:cafe": "wp --config webpack.testcafe.config.js",
-    "prepublishOnly": "yarn build:all",
+    "prepublishOnly": "yarn build:all && yarn test",
     "fmt:check": "prettier -l '**/*.js'",
     "fmt:fix": "prettier --write '**/*.js'",
     "clean": "rm -rf lib && rm -rf es && rm -rf coverage && yarn demo:clean",
@@ -66,8 +66,9 @@
     "instrument": false
   },
   "dependencies": {
-    "@instructure/canvas-media": "1.3.0-beta.0",
+    "@instructure/canvas-media": "*",
     "@instructure/canvas-theme": "7",
+    "@instructure/debounce": "7",
     "@instructure/k5uploader": "*",
     "@instructure/media-capture": "~8.0.1-rc.11",
     "@instructure/ui-a11y-content": "7",
@@ -148,13 +149,16 @@
   "devDependencies": {
     "@babel/cli": "^7",
     "@babel/core": "^7",
+    "@babel/preset-typescript": "^7",
     "@babel/register": "7",
     "@instructure/babel-plugin-themeable-styles": "7.19.0-canvas",
     "@instructure/browserslist-config-canvas-lms": ">=2",
     "@instructure/translations": ">=1",
+    "@instructure/ui-postcss-config": "^7.5.1",
     "@testing-library/dom": "^8",
     "@testing-library/jest-dom": "^5",
     "@testing-library/react": "^12",
+    "@testing-library/react-hooks": "^5",
     "@testing-library/user-event": "^12",
     "axe-testcafe": "^3",
     "babel-loader": "^8.0.0",
@@ -164,6 +168,7 @@
     "babel-plugin-minify-dead-code-elimination": "^0.5.0",
     "babel-plugin-minify-guarded-expressions": "^0.4.3",
     "babel-plugin-transform-inline-environment-variables": "^0.4.3",
+    "babel-plugin-typescript-to-proptypes": "^1.4.2",
     "cross-env": "^5.0.0",
     "escape-html": "^1",
     "eslint-plugin-mocha": "^6",
@@ -188,6 +193,8 @@
     "testcafe": "1.14.2",
     "testcafe-browser-provider-selenium": "^1.2.0",
     "testcafe-react-selectors": "^3.3.0",
+    "ts-node": "^10.9.1",
+    "typescript": "^4.3.5",
     "url-loader": "^4.1.1",
     "webpack": "^4",
     "webpack-merge": "^5",

package/scripts/build.js

@@ -41,10 +41,14 @@ shell.exec('scripts/installTranslations.js')
 const npm_bin_path = shell.exec('npm bin').trim()
 
 shell.echo('Building CommonJS version')
-shell.exec(`JEST_WORKER_ID=1 ${npm_bin_path}/babel --out-dir lib src --ignore '**/__tests__'`)
+shell.exec(
+  `JEST_WORKER_ID=1 ${npm_bin_path}/babel --out-dir lib src --ignore '**/__tests__' --extensions '.ts,.tsx,.js,.jsx'`
+)
 
 shell.echo('Building ES Modules version')
-shell.exec(`${npm_bin_path}/babel --out-dir es src --ignore '**/__tests__'`)
+shell.exec(
+  `${npm_bin_path}/babel --out-dir es src --ignore '**/__tests__' --extensions '.ts,.tsx,.js,.jsx'`
+)
 
 shell.echo(`building pretranslated output in lib/translated in mulitple processes`)
 getTranslationList('canvas-rce')
@@ -52,7 +56,7 @@ getTranslationList('canvas-rce')
     const locales = translationFiles.map(tf => tf.split('.')[0])
     const processPromises = locales.map(locale => {
       return exec(
-        `BUILD_LOCALE=${locale} ${npm_bin_path}/babel --out-dir lib/translated/${locale}/modules --ignore locales* src`
+        `BUILD_LOCALE=${locale} ${npm_bin_path}/babel --out-dir lib/translated/${locale}/modules --ignore locales* src --extensions '.ts,.tsx,.js'`
       )
     })
     Promise.all(processPromises)

package/testcafe/build/11.js

@@ -8,7 +8,7 @@
 /***/ (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 ExpandoText; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"styles\", function() { return styles; });\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 aphrodite__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! aphrodite */ \"../../node_modules/aphrodite/es/index.js\");\n/* harmony import */ var _instructure_ui_text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/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 _format_message__WEBPACK_IMPORTED_MODULE_5__ = __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\nfunction ExpandoText(props) {\n  const [descExpanded, setDescExpanded] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false);\n  const [focused, setFocused] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false);\n  const {\n    text,\n    title\n  } = props;\n  const label = descExpanded ? Object(_format_message__WEBPACK_IMPORTED_MODULE_5__[\"default\"])('Hide {title} description', {\n    title\n  }) : Object(_format_message__WEBPACK_IMPORTED_MODULE_5__[\"default\"])('View {title} description', {\n    title\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"View\"], {\n    as: \"button\",\n    background: \"transparent\",\n    display: \"block\",\n    borderWidth: \"none\",\n    textAlign: \"start\",\n    type: \"button\",\n    position: \"relative\",\n    padding: \"none none none xx-small\",\n    \"aria-expanded\": descExpanded,\n    borderRadius: \"medium\",\n    focused: focused,\n    onClick: () => {\n      setDescExpanded(!descExpanded);\n    },\n    onFocus: () => setFocused(true),\n    onBlur: () => setFocused(false)\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"View\"], {\n    as: \"span\",\n    \"aria-live\": \"assertive\",\n    \"aria-relevant\": \"text\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_3__[\"Text\"], {\n    color: \"brand\",\n    size: \"x-small\",\n    \"aria-label\": label\n  }, descExpanded ? Object(_format_message__WEBPACK_IMPORTED_MODULE_5__[\"default\"])('Hide description') : Object(_format_message__WEBPACK_IMPORTED_MODULE_5__[\"default\"])('View description')))), descExpanded && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"View\"], {\n    as: \"span\",\n    margin: \"small none none xx-small\",\n    display: \"block\",\n    minWidth: \"10rem\",\n    role: \"presentation\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_3__[\"Text\"], {\n    as: \"span\",\n    color: \"secondary\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: Object(aphrodite__WEBPACK_IMPORTED_MODULE_2__[\"css\"])(styles.descriptionText),\n    dangerouslySetInnerHTML: {\n      __html: text\n    }\n  }))));\n}\nExpandoText.propTypes = {\n  text: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n  title: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n};\nconst styles = aphrodite__WEBPACK_IMPORTED_MODULE_2__[\"StyleSheet\"].create({\n  descriptionText: {\n    lineHeight: '1.2rem',\n    p: {\n      margin: '1rem 0'\n    },\n    ':nth-child(1n)> :first-child': {\n      marginTop: '0',\n      display: 'inline-block'\n    },\n    ':nth-child(1n)> :last-child': {\n      marginBottom: '0'\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_external_tools/components/LtiToolsModal/ExpandoText.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return ExpandoText; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"styles\", function() { return styles; });\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 aphrodite__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! aphrodite */ \"../../node_modules/aphrodite/es/index.js\");\n/* harmony import */ var _instructure_ui_text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/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 _format_message__WEBPACK_IMPORTED_MODULE_5__ = __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\nfunction ExpandoText(props) {\n  const [descExpanded, setDescExpanded] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false);\n  const [focused, setFocused] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false);\n  const {\n    text,\n    title\n  } = props;\n  const label = descExpanded ? Object(_format_message__WEBPACK_IMPORTED_MODULE_5__[\"default\"])('Hide {title} description', {\n    title\n  }) : Object(_format_message__WEBPACK_IMPORTED_MODULE_5__[\"default\"])('View {title} description', {\n    title\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"View\"], {\n    as: \"button\",\n    background: \"transparent\",\n    display: \"block\",\n    borderWidth: \"none\",\n    textAlign: \"start\",\n    type: \"button\",\n    position: \"relative\",\n    padding: \"none none none xx-small\",\n    \"aria-expanded\": descExpanded,\n    borderRadius: \"medium\",\n    withFocusOutline: focused,\n    onClick: () => {\n      setDescExpanded(!descExpanded);\n    },\n    onFocus: () => setFocused(true),\n    onBlur: () => setFocused(false)\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"View\"], {\n    as: \"span\",\n    \"aria-live\": \"assertive\",\n    \"aria-relevant\": \"text\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_3__[\"Text\"], {\n    color: \"brand\",\n    size: \"x-small\",\n    \"aria-label\": label\n  }, descExpanded ? Object(_format_message__WEBPACK_IMPORTED_MODULE_5__[\"default\"])('Hide description') : Object(_format_message__WEBPACK_IMPORTED_MODULE_5__[\"default\"])('View description')))), descExpanded && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"View\"], {\n    as: \"span\",\n    margin: \"small none none xx-small\",\n    display: \"block\",\n    minWidth: \"10rem\",\n    role: \"presentation\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_3__[\"Text\"], {\n    as: \"span\",\n    color: \"secondary\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: Object(aphrodite__WEBPACK_IMPORTED_MODULE_2__[\"css\"])(styles.descriptionText),\n    dangerouslySetInnerHTML: {\n      __html: text\n    }\n  }))));\n}\nExpandoText.propTypes = {\n  text: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n  title: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n};\nconst styles = aphrodite__WEBPACK_IMPORTED_MODULE_2__[\"StyleSheet\"].create({\n  descriptionText: {\n    lineHeight: '1.2rem',\n    p: {\n      margin: '1rem 0'\n    },\n    ':nth-child(1n)> :first-child': {\n      marginTop: '0',\n      display: 'inline-block'\n    },\n    ':nth-child(1n)> :last-child': {\n      marginBottom: '0'\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_external_tools/components/LtiToolsModal/ExpandoText.js?");
 
 /***/ }),
 
@@ -20,7 +20,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return LtiTool; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"styles\", function() { return styles; });\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__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/es/index.js\");\n/* harmony import */ var _instructure_ui_view__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _ExpandoText__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ExpandoText */ \"./src/rce/plugins/instructure_external_tools/components/LtiToolsModal/ExpandoText.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! aphrodite */ \"../../node_modules/aphrodite/es/index.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\nfunction LtiTool(props) {\n  const [focused, setFocused] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false);\n  const {\n    title,\n    image,\n    description,\n    onAction\n  } = props;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_3__[\"View\"], {\n    as: \"span\",\n    focused: focused,\n    className: Object(aphrodite__WEBPACK_IMPORTED_MODULE_6__[\"css\"])(styles.appButton),\n    padding: \"xxx-small xxx-small xx-small\",\n    borderRadius: \"medium\",\n    role: \"button\",\n    position: \"relative\",\n    onClick: () => {\n      onAction();\n    },\n    onKeyDown: e => {\n      if (e.keyCode === 13 || e.keyCode === 32) {\n        onAction();\n      }\n    },\n    onFocus: () => setFocused(true),\n    onBlur: () => setFocused(false),\n    tabIndex: \"0\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n    src: image,\n    width: \"28\",\n    height: \"28\",\n    alt: \"\"\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_3__[\"View\"], {\n    as: \"span\",\n    className: Object(aphrodite__WEBPACK_IMPORTED_MODULE_6__[\"css\"])(styles.appTitle),\n    margin: \"none none none small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_2__[\"Text\"], {\n    \"aria-label\": Object(_format_message__WEBPACK_IMPORTED_MODULE_5__[\"default\"])('Open {title} application', {\n      title\n    }),\n    weight: \"bold\"\n  }, title))), description && renderDescription(description));\n\n  function renderDescription(desc) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_3__[\"View\"], {\n      as: \"span\",\n      margin: \"none none none large\",\n      display: \"block\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ExpandoText__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n      text: desc,\n      title: title\n    }));\n  }\n}\nLtiTool.propTypes = {\n  title: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n  image: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n  onAction: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  description: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"]\n};\nconst styles = aphrodite__WEBPACK_IMPORTED_MODULE_6__[\"StyleSheet\"].create({\n  appTitle: {\n    verticalAlign: 'middle'\n  },\n  appButton: {\n    cursor: 'pointer'\n  }\n});\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_external_tools/components/LtiToolsModal/LtiTool.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return LtiTool; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"styles\", function() { return styles; });\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__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-text */ \"../../node_modules/@instructure/ui-text/es/index.js\");\n/* harmony import */ var _instructure_ui_view__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _ExpandoText__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ExpandoText */ \"./src/rce/plugins/instructure_external_tools/components/LtiToolsModal/ExpandoText.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! aphrodite */ \"../../node_modules/aphrodite/es/index.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\nfunction LtiTool(props) {\n  const [focused, setFocused] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false);\n  const {\n    title,\n    image,\n    description,\n    onAction\n  } = props;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_3__[\"View\"], {\n    as: \"span\",\n    withFocusOutline: focused,\n    className: Object(aphrodite__WEBPACK_IMPORTED_MODULE_6__[\"css\"])(styles.appButton),\n    padding: \"xxx-small xxx-small xx-small\",\n    borderRadius: \"medium\",\n    role: \"button\",\n    position: \"relative\",\n    onClick: () => {\n      onAction();\n    },\n    onKeyDown: e => {\n      if (e.keyCode === 13 || e.keyCode === 32) {\n        onAction();\n      }\n    },\n    onFocus: () => setFocused(true),\n    onBlur: () => setFocused(false),\n    tabIndex: \"0\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n    src: image,\n    width: \"28\",\n    height: \"28\",\n    alt: \"\"\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_3__[\"View\"], {\n    as: \"span\",\n    className: Object(aphrodite__WEBPACK_IMPORTED_MODULE_6__[\"css\"])(styles.appTitle),\n    margin: \"none none none small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text__WEBPACK_IMPORTED_MODULE_2__[\"Text\"], {\n    \"aria-label\": Object(_format_message__WEBPACK_IMPORTED_MODULE_5__[\"default\"])('Open {title} application', {\n      title\n    }),\n    weight: \"bold\"\n  }, title))), description && renderDescription(description));\n\n  function renderDescription(desc) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_3__[\"View\"], {\n      as: \"span\",\n      margin: \"none none none large\",\n      display: \"block\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ExpandoText__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n      text: desc,\n      title: title\n    }));\n  }\n}\nLtiTool.propTypes = {\n  title: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n  image: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n  onAction: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  description: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"]\n};\nconst styles = aphrodite__WEBPACK_IMPORTED_MODULE_6__[\"StyleSheet\"].create({\n  appTitle: {\n    verticalAlign: 'middle'\n  },\n  appButton: {\n    cursor: 'pointer'\n  }\n});\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_external_tools/components/LtiToolsModal/LtiTool.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__, \"LtiToolsModal\", function() { return LtiToolsModal; });\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_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-modal */ \"../../node_modules/@instructure/ui-modal/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_heading__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-heading */ \"../../node_modules/@instructure/ui-heading/es/index.js\");\n/* harmony import */ var _instructure_ui_list__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-list */ \"../../node_modules/@instructure/ui-list/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_flex__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-a11y-content */ \"../../node_modules/@instructure/ui-a11y-content/es/index.js\");\n/* harmony import */ var _instructure_ui_text_input__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @instructure/ui-text-input */ \"../../node_modules/@instructure/ui-text-input/es/index.js\");\n/* harmony import */ var _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @instructure/ui-icons */ \"../../node_modules/@instructure/ui-icons/es/index.js\");\n/* harmony import */ var _instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @instructure/ui-alerts */ \"../../node_modules/@instructure/ui-alerts/es/index.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _LtiTool__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./LtiTool */ \"./src/rce/plugins/instructure_external_tools/components/LtiToolsModal/LtiTool.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 // TODO: we really need a way for the client to pass this to the RCE\n\nconst getLiveRegion = () => document.getElementById('flash_screenreader_holder');\n\nconst getFilterResults = (term, thingsToFilter) => {\n  if (term.length <= 0) {\n    return thingsToFilter;\n  }\n\n  const query = term ? new RegExp(term, 'i') : null;\n  return thingsToFilter.filter(item => query && query.test(item.title));\n};\n\nfunction LtiToolsModal(props) {\n  const [filterTerm, setFilterTerm] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])('');\n  const [filteredResults, setFilteredResults] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(props.ltiButtons);\n\n  const handleFilterChange = e => {\n    setFilterTerm(e.target.value);\n    setFilteredResults(getFilterResults(e.target.value, props.ltiButtons));\n  };\n\n  const filterEmpty = filteredResults.length <= 0;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_2__[\"Modal\"], {\n    \"data-mce-component\": true,\n    liveRegion: getLiveRegion,\n    size: \"medium\",\n    theme: {\n      mediumMaxWidth: '42rem'\n    },\n    label: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Apps'),\n    onDismiss: props.onDismiss,\n    open: true,\n    shouldCloseOnDocumentClick: false\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_2__[\"Modal\"].Header, {\n    theme: {\n      padding: '0.5rem'\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_3__[\"CloseButton\"], {\n    placement: \"end\",\n    offset: \"medium\",\n    onClick: props.onDismiss\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Close')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_heading__WEBPACK_IMPORTED_MODULE_4__[\"Heading\"], {\n    margin: \"small\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('All Apps')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    padding: \"x-small none x-small medium\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text_input__WEBPACK_IMPORTED_MODULE_9__[\"TextInput\"], {\n    type: \"search\",\n    renderLabel: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_8__[\"ScreenReaderContent\"], null, Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Search')),\n    placeholder: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Search'),\n    renderAfterInput: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_icons__WEBPACK_IMPORTED_MODULE_10__[\"IconSearchLine\"], {\n      inline: false\n    }),\n    onChange: handleFilterChange\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_2__[\"Modal\"].Body, {\n    overflow: \"fit\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"], {\n    as: \"div\",\n    direction: \"column\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"].Item, {\n    as: \"div\",\n    shouldShrink: true,\n    shouldGrow: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_11__[\"Alert\"], {\n    liveRegion: getLiveRegion,\n    variant: \"info\",\n    screenReaderOnly: !filterEmpty\n  }, filterEmpty && Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('No results found for {filterTerm}', {\n    filterTerm\n  }), !filterEmpty && Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])(`Found { count, plural,\n              =0 {# results}\n              one {# result}\n              other {# results}\n            }`, {\n    count: filteredResults.length\n  })), renderTools(filteredResults)))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_2__[\"Modal\"].Footer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_3__[\"Button\"], {\n    onClick: props.onDismiss,\n    color: \"primary\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Done'))));\n\n  function renderTools(ltiButtons) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_list__WEBPACK_IMPORTED_MODULE_5__[\"List\"], {\n      variant: \"unstyled\"\n    }, ltiButtons.sort((a, b) => a.title.localeCompare(b.title)).map(b => {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_list__WEBPACK_IMPORTED_MODULE_5__[\"List\"].Item, {\n        key: b.id\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n        as: \"div\",\n        padding: \"medium medium small none\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_LtiTool__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n        title: b.title,\n        image: b.image,\n        onAction: () => {\n          b.onAction();\n          props.onDismiss();\n        },\n        description: b.description\n      })));\n    }));\n  }\n}\nLtiToolsModal.propTypes = {\n  ltiButtons: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"arrayOf\"])(Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    description: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    id: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"oneOfType\"])([prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"], prop_types__WEBPACK_IMPORTED_MODULE_1__[\"number\"]]).isRequired,\n    image: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    onAction: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n    title: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n  })),\n  onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_external_tools/components/LtiToolsModal/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LtiToolsModal\", function() { return LtiToolsModal; });\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_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-modal */ \"../../node_modules/@instructure/ui-modal/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_heading__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-heading */ \"../../node_modules/@instructure/ui-heading/es/index.js\");\n/* harmony import */ var _instructure_ui_list__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-list */ \"../../node_modules/@instructure/ui-list/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_flex__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-a11y-content */ \"../../node_modules/@instructure/ui-a11y-content/es/index.js\");\n/* harmony import */ var _instructure_ui_text_input__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @instructure/ui-text-input */ \"../../node_modules/@instructure/ui-text-input/es/index.js\");\n/* harmony import */ var _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @instructure/ui-icons */ \"../../node_modules/@instructure/ui-icons/es/index.js\");\n/* harmony import */ var _instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @instructure/ui-alerts */ \"../../node_modules/@instructure/ui-alerts/es/index.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _LtiTool__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./LtiTool */ \"./src/rce/plugins/instructure_external_tools/components/LtiToolsModal/LtiTool.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 // TODO: we really need a way for the client to pass this to the RCE\n\nconst getLiveRegion = () => document.getElementById('flash_screenreader_holder');\n\nconst getFilterResults = (term, thingsToFilter) => {\n  if (term.length <= 0) {\n    return thingsToFilter;\n  }\n\n  const query = term ? new RegExp(term, 'i') : null;\n  return thingsToFilter.filter(item => query && query.test(item.title));\n};\n\nfunction LtiToolsModal(props) {\n  const [filterTerm, setFilterTerm] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])('');\n  const [filteredResults, setFilteredResults] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(props.ltiButtons);\n\n  const handleFilterChange = e => {\n    setFilterTerm(e.target.value);\n    setFilteredResults(getFilterResults(e.target.value, props.ltiButtons));\n  };\n\n  const filterEmpty = filteredResults.length <= 0;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_2__[\"Modal\"], {\n    \"data-mce-component\": true,\n    liveRegion: getLiveRegion,\n    size: \"medium\",\n    theme: {\n      mediumMaxWidth: '42rem'\n    },\n    label: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Apps'),\n    onDismiss: props.onDismiss,\n    open: true,\n    shouldCloseOnDocumentClick: false\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_2__[\"Modal\"].Header, {\n    theme: {\n      padding: '0.5rem'\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_3__[\"CloseButton\"], {\n    placement: \"end\",\n    offset: \"medium\",\n    onClick: props.onDismiss,\n    screenReaderLabel: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Close')\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_heading__WEBPACK_IMPORTED_MODULE_4__[\"Heading\"], {\n    margin: \"small\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('All Apps')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n    as: \"div\",\n    padding: \"x-small none x-small medium\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text_input__WEBPACK_IMPORTED_MODULE_9__[\"TextInput\"], {\n    type: \"search\",\n    renderLabel: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_8__[\"ScreenReaderContent\"], null, Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Search')),\n    placeholder: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Search'),\n    renderAfterInput: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_icons__WEBPACK_IMPORTED_MODULE_10__[\"IconSearchLine\"], {\n      inline: false\n    }),\n    onChange: handleFilterChange\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_2__[\"Modal\"].Body, {\n    overflow: \"fit\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"], {\n    as: \"div\",\n    direction: \"column\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"].Item, {\n    as: \"div\",\n    shouldShrink: true,\n    shouldGrow: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_11__[\"Alert\"], {\n    liveRegion: getLiveRegion,\n    variant: \"info\",\n    screenReaderOnly: !filterEmpty\n  }, filterEmpty && Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('No results found for {filterTerm}', {\n    filterTerm\n  }), !filterEmpty && Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])(`Found { count, plural,\n              =0 {# results}\n              one {# result}\n              other {# results}\n            }`, {\n    count: filteredResults.length\n  })), renderTools(filteredResults)))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_modal__WEBPACK_IMPORTED_MODULE_2__[\"Modal\"].Footer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_3__[\"Button\"], {\n    onClick: props.onDismiss,\n    color: \"primary\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Done'))));\n\n  function renderTools(ltiButtons) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_list__WEBPACK_IMPORTED_MODULE_5__[\"List\"], {\n      isUnstyled: true\n    }, ltiButtons.sort((a, b) => a.title.localeCompare(b.title)).map(b => {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_list__WEBPACK_IMPORTED_MODULE_5__[\"List\"].Item, {\n        key: b.id\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_6__[\"View\"], {\n        as: \"div\",\n        padding: \"medium medium small none\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_LtiTool__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n        title: b.title,\n        image: b.image,\n        onAction: () => {\n          b.onAction();\n          props.onDismiss();\n        },\n        description: b.description\n      })));\n    }));\n  }\n}\nLtiToolsModal.propTypes = {\n  ltiButtons: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"arrayOf\"])(Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    description: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    id: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"oneOfType\"])([prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"], prop_types__WEBPACK_IMPORTED_MODULE_1__[\"number\"]]).isRequired,\n    image: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    onAction: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n    title: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n  })),\n  onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_external_tools/components/LtiToolsModal/index.js?");
 
 /***/ })
 

package/testcafe/build/12.js

@@ -20,7 +20,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 export (binding) */ __webpack_require__.d(__webpack_exports__, \"TYPE\", function() { return TYPE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"svgSourceFor\", function() { return svgSourceFor; });\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_link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-link */ \"../../node_modules/@instructure/ui-link/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _SVGThumbnail__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./SVGThumbnail */ \"./src/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/SVGThumbnail.js\");\n/* harmony import */ var _MultiColor_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./MultiColor/svg */ \"./src/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/MultiColor/svg.js\");\n/* harmony import */ var _SingleColor_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./SingleColor/svg */ \"./src/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/SingleColor/svg.js\");\n/*\n * Copyright (C) 2022 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n\n\nconst TYPE = {\n  Singlecolor: 'singlecolor',\n  Multicolor: 'multicolor'\n};\nfunction svgSourceFor(type) {\n  return type === TYPE.Multicolor ? _MultiColor_svg__WEBPACK_IMPORTED_MODULE_6__[\"default\"] : _SingleColor_svg__WEBPACK_IMPORTED_MODULE_7__[\"default\"];\n}\n\nconst SVGList = _ref => {\n  let {\n    type,\n    onSelect,\n    fillColor,\n    onMount\n  } = _ref;\n  const svgSourceList = svgSourceFor(type); // Only execute this once\n\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(() => {\n    if (onMount) onMount(); // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"], {\n    justifyItems: \"start\",\n    height: \"100%\",\n    margin: \"xx-small\",\n    padding: \"small\",\n    wrapItems: true,\n    \"data-testid\": `${type}-svg-list`\n  }, Object.keys(svgSourceList).map(iconName => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    key: iconName,\n    as: \"div\",\n    margin: \"xx-small xx-small small xx-small\",\n    size: \"4rem\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_link__WEBPACK_IMPORTED_MODULE_2__[\"Link\"], {\n    \"data-testid\": `icon-maker-${iconName}`,\n    draggable: false,\n    onClick: () => onSelect(iconName, svgSourceList[iconName]),\n    title: svgSourceList[iconName].label\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"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(_SVGThumbnail__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    name: iconName,\n    source: svgSourceList,\n    fillColor: fillColor\n  }))))));\n};\n\nSVGList.propTypes = {\n  fillColor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(Object.values(TYPE)).isRequired,\n  onSelect: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n  onMount: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nSVGList.defaultProps = {\n  fillColor: '#000000',\n  onMount: () => {}\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (SVGList);\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/SVGList.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TYPE\", function() { return TYPE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"svgSourceFor\", function() { return svgSourceFor; });\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_link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-link */ \"../../node_modules/@instructure/ui-link/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _SVGThumbnail__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./SVGThumbnail */ \"./src/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/SVGThumbnail.js\");\n/* harmony import */ var _MultiColor_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./MultiColor/svg */ \"./src/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/MultiColor/svg.js\");\n/* harmony import */ var _SingleColor_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./SingleColor/svg */ \"./src/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/SingleColor/svg.js\");\n/*\n * Copyright (C) 2022 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n\n\nconst TYPE = {\n  Singlecolor: 'singlecolor',\n  Multicolor: 'multicolor'\n};\nfunction svgSourceFor(type) {\n  return type === TYPE.Multicolor ? _MultiColor_svg__WEBPACK_IMPORTED_MODULE_6__[\"default\"] : _SingleColor_svg__WEBPACK_IMPORTED_MODULE_7__[\"default\"];\n}\n\nconst SVGList = _ref => {\n  let {\n    type,\n    onSelect,\n    fillColor,\n    onMount\n  } = _ref;\n  const svgSourceList = svgSourceFor(type); // Only execute this once\n\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(() => {\n    if (onMount) onMount(); // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"], {\n    justifyItems: \"start\",\n    height: \"100%\",\n    margin: \"xx-small\",\n    padding: \"small\",\n    wrap: \"wrap\",\n    \"data-testid\": `${type}-svg-list`\n  }, Object.keys(svgSourceList).map(iconName => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_3__[\"Flex\"].Item, {\n    key: iconName,\n    as: \"div\",\n    margin: \"xx-small xx-small small xx-small\",\n    size: \"4rem\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_link__WEBPACK_IMPORTED_MODULE_2__[\"Link\"], {\n    \"data-testid\": `icon-maker-${iconName}`,\n    draggable: false,\n    onClick: () => onSelect(iconName, svgSourceList[iconName]),\n    title: svgSourceList[iconName].label\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_4__[\"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(_SVGThumbnail__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    name: iconName,\n    source: svgSourceList,\n    fillColor: fillColor\n  }))))));\n};\n\nSVGList.propTypes = {\n  fillColor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(Object.values(TYPE)).isRequired,\n  onSelect: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n  onMount: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nSVGList.defaultProps = {\n  fillColor: '#000000',\n  onMount: () => {}\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (SVGList);\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/SVGList.js?");
 
 /***/ }),
 

package/testcafe/build/20.js

@@ -1339,7 +1339,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__, \"Decimal\", function() { return Decimal; });\n/* harmony import */ var _Locale__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Locale */ \"../canvas-media/node_modules/@instructure/ui-i18n/es/Locale.js\");\n/* harmony import */ var decimal_js_decimal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! decimal.js/decimal */ \"../../node_modules/decimal.js/decimal.mjs\");\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n\n/**\n* ---\n* category: utilities/i18n\n* ---\n* A wrapper for [decimal.js](http://mikemcl.github.io/decimal.js/#decimal)\n* with additional internationalization utilties.\n*\n* @module Decimal\n*/\n\nvar Decimal = decimal_js_decimal__WEBPACK_IMPORTED_MODULE_1__[\"default\"].clone();\nDecimal.set({\n  precision: 100,\n  toExpPos: 100\n});\n\nDecimal.getDelimiters = function (locale) {\n  var numberIntl = new Intl.NumberFormat(locale || _Locale__WEBPACK_IMPORTED_MODULE_0__[\"Locale\"].browserLocale());\n  return {\n    decimal: numberIntl.format(0.5).replace(/[0-9]/g, '')[0],\n    thousands: numberIntl.format(1000000).replace(/[0-9]/g, '')[0]\n  };\n};\n/**\n* Return a Decimal instance parsed from a string input + locale\n* @param {String|Number|Decimal} input\n* @param {String} locale\n* @returns {Decimal} The number as a Decimal instance\n*/\n\n\nDecimal.parse = function (input, locale) {\n  locale = locale || _Locale__WEBPACK_IMPORTED_MODULE_0__[\"Locale\"].browserLocale(); // eslint-disable-line no-param-reassign\n\n  var d = new Decimal(_parse(input, locale));\n  d.l = locale;\n  return d;\n};\n/**\n* Return a number as a localized, formatted string\n* @param {String} locale\n* @returns {String} The number as a localized/formatted string\n*/\n\n\nDecimal.prototype.toLocaleString = function (locale) {\n  locale = locale || this.l; // eslint-disable-line no-param-reassign\n\n  return _format(_localize(this.toString(), locale), locale);\n};\n/**\n* Return a number as a localized, formatted string\n* @param {String|Number|Decimal} input\n* @param {String} locale\n* @returns {String} The number as a localized/formatted string\n*/\n\n\nDecimal.toLocaleString = function (input, locale) {\n  return Decimal.parse(input, locale).toLocaleString(locale);\n};\n\nDecimal.prototype._toFixed = Decimal.prototype.toFixed;\nDecimal.prototype.toFixed = _localizePrecision(Decimal.prototype._toFixed);\nDecimal.prototype._toPrecision = Decimal.prototype.toPrecision;\nDecimal.prototype.toPrecision = _localizePrecision(Decimal.prototype._toPrecision); // TODO: simplify this, it supports many formats we don't need. It should be\n// enough to strip thousands separators and change the decimal separator to `.`.\n\nvar patterns = {};\n\nfunction _parse(input, locale) {\n  if (input === null) {\n    return '0';\n  } else if (Decimal.isDecimal(input) || typeof input === 'number' || input instanceof Number) {\n    return input;\n  } else if (typeof input !== 'string' && !(input instanceof String)) {\n    return NaN;\n  }\n\n  locale = locale || _Locale__WEBPACK_IMPORTED_MODULE_0__[\"Locale\"].browserLocale(); // eslint-disable-line no-param-reassign\n\n  var _Decimal$getDelimiter = Decimal.getDelimiters(locale),\n      thousands = _Decimal$getDelimiter.thousands,\n      decimal = _Decimal$getDelimiter.decimal;\n\n  var result = _format(input, locale);\n\n  var patternIndex = \"\".concat(thousands).concat(decimal);\n  var pattern = patterns[patternIndex];\n\n  if (pattern == null) {\n    // eslint-disable-next-line no-useless-escape\n    var regExp = \"^\\\\s*([+-]?(?:(?:\\\\d{1,3}(?:\\\\\".concat(thousands, \"\\\\d{3,3})+)|\\\\d*))(?:\\\\\").concat(decimal, \"(\\\\d*))?\\\\s*$\");\n    pattern = patterns[patternIndex] = new RegExp(regExp);\n  }\n\n  var matches = result.match(pattern);\n\n  if (matches == null || matches.length !== 3) {\n    return Decimal.NaN;\n  }\n\n  var parts = [];\n\n  if (matches[1]) {\n    parts.push(matches[1].replace(new RegExp(\"\\\\\".concat(thousands), 'g'), ''));\n  }\n\n  if (matches[2]) {\n    parts.push(matches[2]);\n  }\n\n  return parts.length > 0 ? parts.join('.') : NaN;\n} // Cleans up the string given and applies the thousands delimiter\n// Doesn't take into account chinese and indian locales with non-standard grouping\n// This will be addressed in INSTUI-996\n\n\nfunction _format(input, locale) {\n  locale = locale || _Locale__WEBPACK_IMPORTED_MODULE_0__[\"Locale\"].browserLocale(); // eslint-disable-line no-param-reassign\n\n  var result = input;\n\n  var _Decimal$getDelimiter2 = Decimal.getDelimiters(locale),\n      thousands = _Decimal$getDelimiter2.thousands,\n      decimal = _Decimal$getDelimiter2.decimal;\n\n  var isNegative = result[0] === '-'; // remove all characters except for digits and decimal delimiters\n\n  result = result.replace(new RegExp(\"[^\\\\d\\\\\".concat(decimal, \"]\"), 'g'), ''); // remove all decimal delimiters except for the last one if present\n\n  result = result.replace(new RegExp(\"[\".concat(decimal, \"](?=.*[\").concat(decimal, \"])\"), 'g'), ''); // remove the leading zeros using positive lookahead\n\n  result = result.replace(new RegExp(\"^[0\".concat(thousands, \"]+(?=\\\\d|0\").concat(decimal, \")\"), ''), ''); // add leading zero to decimal, if not present\n\n  result = result.charAt(0) === decimal ? result.replace(/^/, '0') : result;\n  var parts = result.split(decimal);\n  var thousandSections = [];\n  var curr = parts[0];\n\n  while (curr.length > 0) {\n    thousandSections.unshift(curr.substr(Math.max(0, curr.length - 3), 3));\n    curr = curr.substr(0, curr.length - 3);\n  }\n\n  result = thousandSections.join(thousands);\n\n  if (parts[1]) {\n    result = \"\".concat(result).concat(decimal).concat(parts[1]);\n  }\n\n  if (isNegative && result) {\n    result = \"-\".concat(result);\n  }\n\n  return result;\n}\n\nfunction _localize(input, locale) {\n  var result = input;\n  var sourceDelimiters = Decimal.getDelimiters(_Locale__WEBPACK_IMPORTED_MODULE_0__[\"Locale\"].defaultLocale);\n  var destinationDelimiters = Decimal.getDelimiters(locale);\n  var check = [sourceDelimiters.thousands, destinationDelimiters.thousands];\n  var placeholder = ['*', '^', '?'].reduce(function (result, value) {\n    return !result && check.indexOf(value) === -1 ? value : result;\n  }, null);\n  var thousands = destinationDelimiters.thousands;\n  return result.replace(new RegExp(\"\\\\\".concat(sourceDelimiters.decimal), 'g'), placeholder).replace(new RegExp(\"\\\\\".concat(sourceDelimiters.thousands), 'g'), thousands).replace(new RegExp(\"\\\\\".concat(placeholder), 'g'), destinationDelimiters.decimal);\n}\n\nfunction _localizePrecision(fn) {\n  return function (precision, rounding, locale) {\n    /* eslint-disable no-param-reassign */\n    if (locale == null && typeof rounding === 'string' || rounding instanceof String) {\n      locale = rounding;\n      rounding = void 0;\n    }\n    /* eslint-enable no-param-reassign */\n\n\n    var value = fn.call(this, precision, rounding); // Convert exponential notation to decimal\n\n    if (value.indexOf('e') !== -1) value = Number(value).toString();\n    if (locale == null) return value;\n    return _format(_localize(value, locale), locale);\n  };\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Decimal);\n\n\n//# sourceURL=webpack:///../canvas-media/node_modules/@instructure/ui-i18n/es/Decimal.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Decimal\", function() { return Decimal; });\n/* harmony import */ var _Locale__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Locale */ \"../canvas-media/node_modules/@instructure/ui-i18n/es/Locale.js\");\n/* harmony import */ var decimal_js_decimal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! decimal.js/decimal */ \"../../node_modules/decimal.js/decimal.js\");\n/* harmony import */ var decimal_js_decimal__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(decimal_js_decimal__WEBPACK_IMPORTED_MODULE_1__);\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n\n/**\n* ---\n* category: utilities/i18n\n* ---\n* A wrapper for [decimal.js](http://mikemcl.github.io/decimal.js/#decimal)\n* with additional internationalization utilties.\n*\n* @module Decimal\n*/\n\nvar Decimal = decimal_js_decimal__WEBPACK_IMPORTED_MODULE_1___default.a.clone();\nDecimal.set({\n  precision: 100,\n  toExpPos: 100\n});\n\nDecimal.getDelimiters = function (locale) {\n  var numberIntl = new Intl.NumberFormat(locale || _Locale__WEBPACK_IMPORTED_MODULE_0__[\"Locale\"].browserLocale());\n  return {\n    decimal: numberIntl.format(0.5).replace(/[0-9]/g, '')[0],\n    thousands: numberIntl.format(1000000).replace(/[0-9]/g, '')[0]\n  };\n};\n/**\n* Return a Decimal instance parsed from a string input + locale\n* @param {String|Number|Decimal} input\n* @param {String} locale\n* @returns {Decimal} The number as a Decimal instance\n*/\n\n\nDecimal.parse = function (input, locale) {\n  locale = locale || _Locale__WEBPACK_IMPORTED_MODULE_0__[\"Locale\"].browserLocale(); // eslint-disable-line no-param-reassign\n\n  var d = new Decimal(_parse(input, locale));\n  d.l = locale;\n  return d;\n};\n/**\n* Return a number as a localized, formatted string\n* @param {String} locale\n* @returns {String} The number as a localized/formatted string\n*/\n\n\nDecimal.prototype.toLocaleString = function (locale) {\n  locale = locale || this.l; // eslint-disable-line no-param-reassign\n\n  return _format(_localize(this.toString(), locale), locale);\n};\n/**\n* Return a number as a localized, formatted string\n* @param {String|Number|Decimal} input\n* @param {String} locale\n* @returns {String} The number as a localized/formatted string\n*/\n\n\nDecimal.toLocaleString = function (input, locale) {\n  return Decimal.parse(input, locale).toLocaleString(locale);\n};\n\nDecimal.prototype._toFixed = Decimal.prototype.toFixed;\nDecimal.prototype.toFixed = _localizePrecision(Decimal.prototype._toFixed);\nDecimal.prototype._toPrecision = Decimal.prototype.toPrecision;\nDecimal.prototype.toPrecision = _localizePrecision(Decimal.prototype._toPrecision); // TODO: simplify this, it supports many formats we don't need. It should be\n// enough to strip thousands separators and change the decimal separator to `.`.\n\nvar patterns = {};\n\nfunction _parse(input, locale) {\n  if (input === null) {\n    return '0';\n  } else if (Decimal.isDecimal(input) || typeof input === 'number' || input instanceof Number) {\n    return input;\n  } else if (typeof input !== 'string' && !(input instanceof String)) {\n    return NaN;\n  }\n\n  locale = locale || _Locale__WEBPACK_IMPORTED_MODULE_0__[\"Locale\"].browserLocale(); // eslint-disable-line no-param-reassign\n\n  var _Decimal$getDelimiter = Decimal.getDelimiters(locale),\n      thousands = _Decimal$getDelimiter.thousands,\n      decimal = _Decimal$getDelimiter.decimal;\n\n  var result = _format(input, locale);\n\n  var patternIndex = \"\".concat(thousands).concat(decimal);\n  var pattern = patterns[patternIndex];\n\n  if (pattern == null) {\n    // eslint-disable-next-line no-useless-escape\n    var regExp = \"^\\\\s*([+-]?(?:(?:\\\\d{1,3}(?:\\\\\".concat(thousands, \"\\\\d{3,3})+)|\\\\d*))(?:\\\\\").concat(decimal, \"(\\\\d*))?\\\\s*$\");\n    pattern = patterns[patternIndex] = new RegExp(regExp);\n  }\n\n  var matches = result.match(pattern);\n\n  if (matches == null || matches.length !== 3) {\n    return Decimal.NaN;\n  }\n\n  var parts = [];\n\n  if (matches[1]) {\n    parts.push(matches[1].replace(new RegExp(\"\\\\\".concat(thousands), 'g'), ''));\n  }\n\n  if (matches[2]) {\n    parts.push(matches[2]);\n  }\n\n  return parts.length > 0 ? parts.join('.') : NaN;\n} // Cleans up the string given and applies the thousands delimiter\n// Doesn't take into account chinese and indian locales with non-standard grouping\n// This will be addressed in INSTUI-996\n\n\nfunction _format(input, locale) {\n  locale = locale || _Locale__WEBPACK_IMPORTED_MODULE_0__[\"Locale\"].browserLocale(); // eslint-disable-line no-param-reassign\n\n  var result = input;\n\n  var _Decimal$getDelimiter2 = Decimal.getDelimiters(locale),\n      thousands = _Decimal$getDelimiter2.thousands,\n      decimal = _Decimal$getDelimiter2.decimal;\n\n  var isNegative = result[0] === '-'; // remove all characters except for digits and decimal delimiters\n\n  result = result.replace(new RegExp(\"[^\\\\d\\\\\".concat(decimal, \"]\"), 'g'), ''); // remove all decimal delimiters except for the last one if present\n\n  result = result.replace(new RegExp(\"[\".concat(decimal, \"](?=.*[\").concat(decimal, \"])\"), 'g'), ''); // remove the leading zeros using positive lookahead\n\n  result = result.replace(new RegExp(\"^[0\".concat(thousands, \"]+(?=\\\\d|0\").concat(decimal, \")\"), ''), ''); // add leading zero to decimal, if not present\n\n  result = result.charAt(0) === decimal ? result.replace(/^/, '0') : result;\n  var parts = result.split(decimal);\n  var thousandSections = [];\n  var curr = parts[0];\n\n  while (curr.length > 0) {\n    thousandSections.unshift(curr.substr(Math.max(0, curr.length - 3), 3));\n    curr = curr.substr(0, curr.length - 3);\n  }\n\n  result = thousandSections.join(thousands);\n\n  if (parts[1]) {\n    result = \"\".concat(result).concat(decimal).concat(parts[1]);\n  }\n\n  if (isNegative && result) {\n    result = \"-\".concat(result);\n  }\n\n  return result;\n}\n\nfunction _localize(input, locale) {\n  var result = input;\n  var sourceDelimiters = Decimal.getDelimiters(_Locale__WEBPACK_IMPORTED_MODULE_0__[\"Locale\"].defaultLocale);\n  var destinationDelimiters = Decimal.getDelimiters(locale);\n  var check = [sourceDelimiters.thousands, destinationDelimiters.thousands];\n  var placeholder = ['*', '^', '?'].reduce(function (result, value) {\n    return !result && check.indexOf(value) === -1 ? value : result;\n  }, null);\n  var thousands = destinationDelimiters.thousands;\n  return result.replace(new RegExp(\"\\\\\".concat(sourceDelimiters.decimal), 'g'), placeholder).replace(new RegExp(\"\\\\\".concat(sourceDelimiters.thousands), 'g'), thousands).replace(new RegExp(\"\\\\\".concat(placeholder), 'g'), destinationDelimiters.decimal);\n}\n\nfunction _localizePrecision(fn) {\n  return function (precision, rounding, locale) {\n    /* eslint-disable no-param-reassign */\n    if (locale == null && typeof rounding === 'string' || rounding instanceof String) {\n      locale = rounding;\n      rounding = void 0;\n    }\n    /* eslint-enable no-param-reassign */\n\n\n    var value = fn.call(this, precision, rounding); // Convert exponential notation to decimal\n\n    if (value.indexOf('e') !== -1) value = Number(value).toString();\n    if (locale == null) return value;\n    return _format(_localize(value, locale), locale);\n  };\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Decimal);\n\n\n//# sourceURL=webpack:///../canvas-media/node_modules/@instructure/ui-i18n/es/Decimal.js?");
 
 /***/ }),
 

package/testcafe/build/21.js

@@ -564,6 +564,30 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 
 /***/ }),
 
+/***/ "./node_modules/@instructure/ui-media-player/node_modules/@instructure/debounce/es/debounce.js":
+/*!*****************************************************************************************************!*\
+  !*** ./node_modules/@instructure/ui-media-player/node_modules/@instructure/debounce/es/debounce.js ***!
+  \*****************************************************************************************************/
+/*! exports provided: default, debounce */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"debounce\", function() { return debounce; });\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * ---\n * category: utilities\n * ---\n * Creates a debounced function that delays invoking func until after wait milliseconds have elapsed\n * since the last time the debounced function was invoked. The debounced function comes with a cancel\n * method to cancel delayed func invocations and a flush method to immediately invoke them. Provide options\n * to indicate whether func should be invoked on the leading and/or trailing edge of the wait timeout.\n * The func is invoked with the last arguments provided to the debounced function. Subsequent calls to the\n * debounced function return the result of the last func invocation.\n *\n * [lodash.debounce](https://github.com/lodash/lodash/blob/master/debounce.js)\n * doesn't work well with [sinon fakeTimers](http://sinonjs.org/releases/v1.17.7/fake-timers/)\n * so this is forked from the lodash source.\n *\n * Note: Modified from the original to check for cancelled boolean before invoking func to prevent React setState\n * on unmounted components.\n *\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n *  Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n *  The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n */\nfunction debounce(func) {\n  var wait = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;\n  var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};\n  var lastArgs, lastThis, result, lastCallTime;\n  var lastInvokeTime = 0;\n  var timers = [];\n  var cancelled = false;\n\n  if (typeof func !== 'function') {\n    throw new TypeError('Expected a function');\n  }\n\n  var leading = !!options.leading;\n  var maxing = ('maxWait' in options);\n  var trailing = 'trailing' in options ? !!options.trailing : true;\n  var maxWait = maxing ? Math.max(+options.maxWait || 0, wait) : 0;\n\n  function invokeFunc(time) {\n    var args = lastArgs;\n    var thisArg = lastThis;\n    lastArgs = lastThis = void 0;\n    lastInvokeTime = time;\n\n    if (cancelled !== true) {\n      result = func.apply(thisArg, args);\n      return result;\n    }\n  }\n\n  function leadingEdge(time) {\n    // Reset any `maxWait` timer.\n    lastInvokeTime = time; // Start the timer for the trailing edge.\n\n    timers.push(setTimeout(timerExpired, wait)); // Invoke the leading edge.\n\n    return leading ? invokeFunc(time) : result;\n  }\n\n  function remainingWait(time) {\n    var timeSinceLastCall = time - lastCallTime;\n    var timeSinceLastInvoke = time - lastInvokeTime;\n    var result = wait - timeSinceLastCall;\n    return maxing ? Math.min(result, maxWait - timeSinceLastInvoke) : result;\n  }\n\n  function shouldInvoke(time) {\n    var timeSinceLastCall = time - lastCallTime;\n    var timeSinceLastInvoke = time - lastInvokeTime; // Either this is the first call, activity has stopped and we're at the\n    // trailing edge, the system time has gone backwards and we're treating\n    // it as the trailing edge, or we've hit the `maxWait` limit.\n\n    return typeof lastCallTime === 'undefined' || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;\n  }\n\n  function timerExpired() {\n    var time = Date.now();\n\n    if (shouldInvoke(time)) {\n      return trailingEdge(time);\n    } // Restart the timer.\n\n\n    timers.push(setTimeout(timerExpired, remainingWait(time)));\n  }\n\n  function trailingEdge(time) {\n    clearAllTimers(); // Only invoke if we have `lastArgs` which means `func` has been\n    // debounced at least once.\n\n    if (trailing && lastArgs) {\n      return invokeFunc(time);\n    }\n\n    lastArgs = lastThis = void 0;\n    return result;\n  }\n\n  function cancel() {\n    cancelled = true;\n    clearAllTimers();\n    lastInvokeTime = 0;\n    lastArgs = lastCallTime = lastThis = void 0;\n  }\n\n  function flush() {\n    return timers.length === 0 ? result : trailingEdge(Date.now());\n  }\n\n  function clearAllTimers() {\n    timers.forEach(function (timerId) {\n      return clearTimeout(timerId);\n    });\n    timers = [];\n  }\n\n  function debounced() {\n    var time = Date.now();\n    var isInvoking = shouldInvoke(time);\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    lastArgs = args;\n    lastThis = this;\n    lastCallTime = time;\n\n    if (isInvoking) {\n      if (timers.length === 0) {\n        return leadingEdge(lastCallTime);\n      }\n\n      if (maxing) {\n        // Handle invocations in a tight loop.\n        timers.push(setTimeout(timerExpired, wait));\n        return invokeFunc(lastCallTime);\n      }\n    }\n\n    if (timers.length === 0) {\n      timers.push(setTimeout(timerExpired, wait));\n    }\n\n    return result;\n  }\n\n  debounced.cancel = cancel;\n  debounced.flush = flush;\n  return debounced;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (debounce);\n\n\n//# sourceURL=webpack:///./node_modules/@instructure/ui-media-player/node_modules/@instructure/debounce/es/debounce.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@instructure/ui-media-player/node_modules/@instructure/debounce/es/index.js":
+/*!**************************************************************************************************!*\
+  !*** ./node_modules/@instructure/ui-media-player/node_modules/@instructure/debounce/es/index.js ***!
+  \**************************************************************************************************/
+/*! exports provided: default, debounce */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _debounce__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./debounce */ \"./node_modules/@instructure/ui-media-player/node_modules/@instructure/debounce/es/debounce.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"debounce\", function() { return _debounce__WEBPACK_IMPORTED_MODULE_0__[\"debounce\"]; });\n\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (_debounce__WEBPACK_IMPORTED_MODULE_0__[\"debounce\"]);\n\n\n//# sourceURL=webpack:///./node_modules/@instructure/ui-media-player/node_modules/@instructure/debounce/es/index.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@instructure/ui-media-player/node_modules/@instructure/ui-a11y-content/es/AccessibleContent/index.js":
 /*!***************************************************************************************************************************!*\
   !*** ./node_modules/@instructure/ui-media-player/node_modules/@instructure/ui-a11y-content/es/AccessibleContent/index.js ***!
@@ -9572,7 +9596,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Too
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TruncateText\", function() { return TruncateText; });\n/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ \"../../node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ \"../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ \"../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ \"../../node_modules/@babel/runtime/helpers/esm/createClass.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ \"../../node_modules/@babel/runtime/helpers/esm/inherits.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ \"../../node_modules/@babel/runtime/helpers/esm/createSuper.js\");\n/* harmony import */ var _instructure_console__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/console */ \"./node_modules/@instructure/console/es/index.js\");\n/* harmony import */ var _instructure_console__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_instructure_console__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! classnames */ \"../../node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _instructure_ui_themeable__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @instructure/ui-themeable */ \"./node_modules/@instructure/ui-media-player/node_modules/@instructure/ui-themeable/es/index.js\");\n/* harmony import */ var _instructure_debounce__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @instructure/debounce */ \"./node_modules/@instructure/debounce/es/index.js\");\n/* harmony import */ var _instructure_ui_dom_utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @instructure/ui-dom-utils */ \"./node_modules/@instructure/ui-dom-utils/es/index.js\");\n/* harmony import */ var _instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @instructure/ui-react-utils */ \"./node_modules/@instructure/ui-media-player/node_modules/@instructure/ui-react-utils/es/index.js\");\n/* harmony import */ var _instructure_ui_testable__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @instructure/ui-testable */ \"./node_modules/@instructure/ui-testable/es/index.js\");\n/* harmony import */ var _utils_truncate__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./utils/truncate */ \"./node_modules/@instructure/ui-media-player/node_modules/@instructure/ui-truncate-text/es/TruncateText/utils/truncate.js\");\n/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./theme */ \"./node_modules/@instructure/ui-media-player/node_modules/@instructure/ui-truncate-text/es/TruncateText/theme.js\");\n\n\n\n\n\n\n\n\nvar _dec, _dec2, _dec3, _class, _class2, _temp;\n\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n\n\n\n\n\n\n\n\nvar styles = {\n  componentId: 'bjXfh',\n  template: function template(theme) {\n    return \"\\n\\n.bjXfh_daKB{display:block;font-family:\".concat(theme.fontFamily || 'inherit', \";overflow:hidden;word-wrap:break-word}\\n\\n.bjXfh_uUeq{height:100%}\\n\\n.bjXfh_exvv{display:block;max-height:0;visibility:hidden}\");\n  },\n  'truncated': 'bjXfh_daKB',\n  'auto': 'bjXfh_uUeq',\n  'spacer': 'bjXfh_exvv'\n};\n\n/**\n---\ncategory: components\n---\n**/\n\nvar TruncateText = (_dec = Object(_instructure_ui_testable__WEBPACK_IMPORTED_MODULE_14__[\"testable\"])(), _dec2 = Object(_instructure_ui_themeable__WEBPACK_IMPORTED_MODULE_10__[\"themeable\"])(_theme__WEBPACK_IMPORTED_MODULE_16__[\"default\"], styles), _dec3 = Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__[\"hack\"])(['shouldTruncateWhenInvisible']), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {\n  Object(_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(TruncateText, _Component);\n\n  var _super = Object(_babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(TruncateText);\n\n  function TruncateText(props) {\n    var _this;\n\n    Object(_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(this, TruncateText);\n\n    _this = _super.call(this, props);\n\n    _this.update = function () {\n      if (_this._ref) {\n        _this.setState(_this.initialState);\n      }\n    };\n\n    _this.state = _this.initialState;\n    return _this;\n  }\n\n  Object(_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(TruncateText, [{\n    key: \"componentDidMount\",\n    value: function componentDidMount() {\n      var children = this.props.children;\n\n      if (children) {\n        this.checkChildren();\n        this._text = Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__[\"ensureSingleChild\"])(children);\n        this.truncate();\n\n        if (this.props.debounce === 0) {\n          this._resizeListener = Object(_instructure_ui_dom_utils__WEBPACK_IMPORTED_MODULE_12__[\"addResizeListener\"])(this._ref, this.update);\n        } else {\n          this._debounced = Object(_instructure_debounce__WEBPACK_IMPORTED_MODULE_11__[\"debounce\"])(this.update, this.props.debounce, {\n            leading: true,\n            trailing: true\n          });\n          this._resizeListener = Object(_instructure_ui_dom_utils__WEBPACK_IMPORTED_MODULE_12__[\"addResizeListener\"])(this._ref, this._debounced);\n        }\n      }\n    }\n  }, {\n    key: \"componentWillUnmount\",\n    value: function componentWillUnmount() {\n      if (this._resizeListener) {\n        this._resizeListener.remove();\n      }\n\n      if (this._debounced) {\n        this._debounced.cancel();\n      }\n    }\n  }, {\n    key: \"componentDidUpdate\",\n    value: function componentDidUpdate(prevProps, prevState) {\n      var _this$props = this.props,\n          children = _this$props.children,\n          onUpdate = _this$props.onUpdate;\n      var _this$state = this.state,\n          isTruncated = _this$state.isTruncated,\n          needsSecondRender = _this$state.needsSecondRender,\n          truncatedText = _this$state.truncatedText;\n\n      if (children) {\n        if (prevProps !== this.props) {\n          if (prevProps.children !== this.props.children) {\n            // reset internal text variable if children change\n            this.checkChildren();\n            this._text = Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__[\"ensureSingleChild\"])(children);\n          } // require the double render whenever props change\n\n\n          this.setState(this.initialState);\n          return;\n        }\n\n        if (!needsSecondRender && (isTruncated || this._wasTruncated)) {\n          onUpdate(isTruncated, truncatedText);\n          this._wasTruncated = isTruncated;\n        } else {\n          this.truncate();\n        }\n      }\n    }\n  }, {\n    key: \"checkChildren\",\n    value: function checkChildren() {\n      var _this2 = this;\n\n      /*#__PURE__*/\n\n      /*#__PURE__*/\n      Object(_instructure_console__WEBPACK_IMPORTED_MODULE_6__[\"error\"])(! /*#__PURE__*/function () {\n        var isTooDeep = false;\n        var text = Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__[\"ensureSingleChild\"])(_this2.props.children);\n        react__WEBPACK_IMPORTED_MODULE_7___default.a.Children.forEach(text.props.children, /*#__PURE__*/function (child) {\n          if (child.props) {\n            react__WEBPACK_IMPORTED_MODULE_7___default.a.Children.forEach(child.props.children, /*#__PURE__*/function (grandChild) {\n              // currently we don't support node trees deeper than 2 levels\n              // truncation will still occur on their text content, but their actual node structure will be lost\n              if (grandChild.props) {\n                isTooDeep = true;\n              }\n            });\n          }\n        });\n        return isTooDeep;\n      }(), \"[TruncateText] Some children are too deep in the node tree and will not render.\");\n    }\n  }, {\n    key: \"truncate\",\n    value: function truncate() {\n      if (!this.state.needsSecondRender) {\n        return;\n      }\n\n      if (_instructure_ui_dom_utils__WEBPACK_IMPORTED_MODULE_12__[\"canUseDOM\"]) {\n        var result = Object(_utils_truncate__WEBPACK_IMPORTED_MODULE_15__[\"default\"])(this._stage, Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, this.props, {\n          parent: this._ref,\n          lineHeight: this.theme.lineHeight\n        }));\n\n        if (result) {\n          var element = this.renderChildren(result.isTruncated, result.data, result.constraints.width);\n          this.setState({\n            needsSecondRender: false,\n            isTruncated: result.isTruncated,\n            truncatedElement: element,\n            truncatedText: result.text\n          });\n        }\n      } else {\n        // if dom isn't available, use original children\n        this.setState({\n          needsSecondRender: false,\n          isTruncated: false,\n          truncatedElement: this._text,\n          truncatedText: this._ref.textContent\n        });\n      }\n    }\n  }, {\n    key: \"renderChildren\",\n    value: function renderChildren(truncated, data, width) {\n      if (!truncated) {\n        return this._text;\n      }\n\n      var childElements = []; // iterate over each node used in the truncated string\n\n      for (var i = 0; i < data.length; i++) {\n        var item = data[i];\n        var element = this._text.props.children[i];\n        var nodeText = item.join('');\n\n        if (element && element.props) {\n          // if node is an html element and not just a string\n          childElements.push(Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__[\"safeCloneElement\"])(element, element.props, nodeText));\n        } else {\n          childElements.push(nodeText);\n        }\n      } // this spacer element is set to the max width the full text could potentially be\n      // without this, text in `width: auto` elements won't expand to accomodate more text, once truncated\n\n\n      childElements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(\"span\", {\n        className: styles.spacer,\n        style: {\n          width: width || null\n        }\n      }));\n      var children = react__WEBPACK_IMPORTED_MODULE_7___default.a.Children.map(childElements, function (child) {\n        return child;\n      });\n      return this._text.props ? Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__[\"safeCloneElement\"])(this._text, this._text.props, children) : children;\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _classNames,\n          _this3 = this;\n\n      var truncatedElement = this.state.truncatedElement;\n      var _this$props2 = this.props,\n          maxLines = _this$props2.maxLines,\n          children = _this$props2.children;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(\"span\", {\n        className: classnames__WEBPACK_IMPORTED_MODULE_9___default()((_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_classNames, styles.truncated, true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_classNames, styles.auto, maxLines === 'auto'), _classNames)),\n        ref: function ref(el) {\n          _this3._ref = el;\n        }\n      }, children && (truncatedElement ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(\"span\", {\n        ref: function ref(el) {\n          _this3._stage = el;\n        }\n      }, Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__[\"ensureSingleChild\"])(children))), truncatedElement);\n    }\n  }, {\n    key: \"initialState\",\n    get: function get() {\n      return {\n        isTruncated: false,\n        needsSecondRender: true,\n        truncatedElement: null,\n        truncatedText: null\n      };\n    }\n  }]);\n\n  TruncateText.displayName = \"TruncateText\";\n  return TruncateText;\n}(react__WEBPACK_IMPORTED_MODULE_7__[\"Component\"]), _class2.propTypes = {\n  /**\n  * The content to be truncated.\n  */\n  children: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.node.isRequired,\n\n  /**\n  * Number of lines to allow before truncating. `auto` will fit to parent\n  */\n  maxLines: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number]),\n\n  /**\n  * Where to place the ellipsis within the string\n  */\n  position: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.oneOf(['end', 'middle']),\n\n  /**\n  * Add ellipsis after words or after any character\n  */\n  truncate: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.oneOf(['character', 'word']),\n\n  /**\n  * A string to use as the ellipsis\n  */\n  ellipsis: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,\n\n  /**\n  * Characters to ignore at truncated end of string\n  */\n  ignore: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string),\n\n  /**\n  * Debounce delay in milliseconds\n  */\n  debounce: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,\n\n  /**\n  * Callback when truncated text has changed\n  */\n  onUpdate: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.func,\n\n  /**\n   * Force truncation of invisible elements (hack; will be removed in favor\n   * of a better fix)\n   */\n  // eslint-disable-next-line react/require-default-props\n  shouldTruncateWhenInvisible: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool\n}, _class2.defaultProps = {\n  maxLines: 1,\n  ellipsis: \"\\u2026\",\n  truncate: 'character',\n  position: 'end',\n  ignore: [' ', '.', ','],\n  debounce: 0,\n  onUpdate: function onUpdate(truncated, text) {}\n}, _temp)) || _class) || _class) || _class);\n/* harmony default export */ __webpack_exports__[\"default\"] = (TruncateText);\n\n\n//# sourceURL=webpack:///./node_modules/@instructure/ui-media-player/node_modules/@instructure/ui-truncate-text/es/TruncateText/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TruncateText\", function() { return TruncateText; });\n/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ \"../../node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ \"../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ \"../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ \"../../node_modules/@babel/runtime/helpers/esm/createClass.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ \"../../node_modules/@babel/runtime/helpers/esm/inherits.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ \"../../node_modules/@babel/runtime/helpers/esm/createSuper.js\");\n/* harmony import */ var _instructure_console__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/console */ \"./node_modules/@instructure/console/es/index.js\");\n/* harmony import */ var _instructure_console__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_instructure_console__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! classnames */ \"../../node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _instructure_ui_themeable__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @instructure/ui-themeable */ \"./node_modules/@instructure/ui-media-player/node_modules/@instructure/ui-themeable/es/index.js\");\n/* harmony import */ var _instructure_debounce__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @instructure/debounce */ \"./node_modules/@instructure/ui-media-player/node_modules/@instructure/debounce/es/index.js\");\n/* harmony import */ var _instructure_ui_dom_utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @instructure/ui-dom-utils */ \"./node_modules/@instructure/ui-dom-utils/es/index.js\");\n/* harmony import */ var _instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @instructure/ui-react-utils */ \"./node_modules/@instructure/ui-media-player/node_modules/@instructure/ui-react-utils/es/index.js\");\n/* harmony import */ var _instructure_ui_testable__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @instructure/ui-testable */ \"./node_modules/@instructure/ui-testable/es/index.js\");\n/* harmony import */ var _utils_truncate__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./utils/truncate */ \"./node_modules/@instructure/ui-media-player/node_modules/@instructure/ui-truncate-text/es/TruncateText/utils/truncate.js\");\n/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./theme */ \"./node_modules/@instructure/ui-media-player/node_modules/@instructure/ui-truncate-text/es/TruncateText/theme.js\");\n\n\n\n\n\n\n\n\nvar _dec, _dec2, _dec3, _class, _class2, _temp;\n\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n\n\n\n\n\n\n\n\nvar styles = {\n  componentId: 'bjXfh',\n  template: function template(theme) {\n    return \"\\n\\n.bjXfh_daKB{display:block;font-family:\".concat(theme.fontFamily || 'inherit', \";overflow:hidden;word-wrap:break-word}\\n\\n.bjXfh_uUeq{height:100%}\\n\\n.bjXfh_exvv{display:block;max-height:0;visibility:hidden}\");\n  },\n  'truncated': 'bjXfh_daKB',\n  'auto': 'bjXfh_uUeq',\n  'spacer': 'bjXfh_exvv'\n};\n\n/**\n---\ncategory: components\n---\n**/\n\nvar TruncateText = (_dec = Object(_instructure_ui_testable__WEBPACK_IMPORTED_MODULE_14__[\"testable\"])(), _dec2 = Object(_instructure_ui_themeable__WEBPACK_IMPORTED_MODULE_10__[\"themeable\"])(_theme__WEBPACK_IMPORTED_MODULE_16__[\"default\"], styles), _dec3 = Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__[\"hack\"])(['shouldTruncateWhenInvisible']), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {\n  Object(_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(TruncateText, _Component);\n\n  var _super = Object(_babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(TruncateText);\n\n  function TruncateText(props) {\n    var _this;\n\n    Object(_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(this, TruncateText);\n\n    _this = _super.call(this, props);\n\n    _this.update = function () {\n      if (_this._ref) {\n        _this.setState(_this.initialState);\n      }\n    };\n\n    _this.state = _this.initialState;\n    return _this;\n  }\n\n  Object(_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(TruncateText, [{\n    key: \"componentDidMount\",\n    value: function componentDidMount() {\n      var children = this.props.children;\n\n      if (children) {\n        this.checkChildren();\n        this._text = Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__[\"ensureSingleChild\"])(children);\n        this.truncate();\n\n        if (this.props.debounce === 0) {\n          this._resizeListener = Object(_instructure_ui_dom_utils__WEBPACK_IMPORTED_MODULE_12__[\"addResizeListener\"])(this._ref, this.update);\n        } else {\n          this._debounced = Object(_instructure_debounce__WEBPACK_IMPORTED_MODULE_11__[\"debounce\"])(this.update, this.props.debounce, {\n            leading: true,\n            trailing: true\n          });\n          this._resizeListener = Object(_instructure_ui_dom_utils__WEBPACK_IMPORTED_MODULE_12__[\"addResizeListener\"])(this._ref, this._debounced);\n        }\n      }\n    }\n  }, {\n    key: \"componentWillUnmount\",\n    value: function componentWillUnmount() {\n      if (this._resizeListener) {\n        this._resizeListener.remove();\n      }\n\n      if (this._debounced) {\n        this._debounced.cancel();\n      }\n    }\n  }, {\n    key: \"componentDidUpdate\",\n    value: function componentDidUpdate(prevProps, prevState) {\n      var _this$props = this.props,\n          children = _this$props.children,\n          onUpdate = _this$props.onUpdate;\n      var _this$state = this.state,\n          isTruncated = _this$state.isTruncated,\n          needsSecondRender = _this$state.needsSecondRender,\n          truncatedText = _this$state.truncatedText;\n\n      if (children) {\n        if (prevProps !== this.props) {\n          if (prevProps.children !== this.props.children) {\n            // reset internal text variable if children change\n            this.checkChildren();\n            this._text = Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__[\"ensureSingleChild\"])(children);\n          } // require the double render whenever props change\n\n\n          this.setState(this.initialState);\n          return;\n        }\n\n        if (!needsSecondRender && (isTruncated || this._wasTruncated)) {\n          onUpdate(isTruncated, truncatedText);\n          this._wasTruncated = isTruncated;\n        } else {\n          this.truncate();\n        }\n      }\n    }\n  }, {\n    key: \"checkChildren\",\n    value: function checkChildren() {\n      var _this2 = this;\n\n      /*#__PURE__*/\n\n      /*#__PURE__*/\n      Object(_instructure_console__WEBPACK_IMPORTED_MODULE_6__[\"error\"])(! /*#__PURE__*/function () {\n        var isTooDeep = false;\n        var text = Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__[\"ensureSingleChild\"])(_this2.props.children);\n        react__WEBPACK_IMPORTED_MODULE_7___default.a.Children.forEach(text.props.children, /*#__PURE__*/function (child) {\n          if (child.props) {\n            react__WEBPACK_IMPORTED_MODULE_7___default.a.Children.forEach(child.props.children, /*#__PURE__*/function (grandChild) {\n              // currently we don't support node trees deeper than 2 levels\n              // truncation will still occur on their text content, but their actual node structure will be lost\n              if (grandChild.props) {\n                isTooDeep = true;\n              }\n            });\n          }\n        });\n        return isTooDeep;\n      }(), \"[TruncateText] Some children are too deep in the node tree and will not render.\");\n    }\n  }, {\n    key: \"truncate\",\n    value: function truncate() {\n      if (!this.state.needsSecondRender) {\n        return;\n      }\n\n      if (_instructure_ui_dom_utils__WEBPACK_IMPORTED_MODULE_12__[\"canUseDOM\"]) {\n        var result = Object(_utils_truncate__WEBPACK_IMPORTED_MODULE_15__[\"default\"])(this._stage, Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, this.props, {\n          parent: this._ref,\n          lineHeight: this.theme.lineHeight\n        }));\n\n        if (result) {\n          var element = this.renderChildren(result.isTruncated, result.data, result.constraints.width);\n          this.setState({\n            needsSecondRender: false,\n            isTruncated: result.isTruncated,\n            truncatedElement: element,\n            truncatedText: result.text\n          });\n        }\n      } else {\n        // if dom isn't available, use original children\n        this.setState({\n          needsSecondRender: false,\n          isTruncated: false,\n          truncatedElement: this._text,\n          truncatedText: this._ref.textContent\n        });\n      }\n    }\n  }, {\n    key: \"renderChildren\",\n    value: function renderChildren(truncated, data, width) {\n      if (!truncated) {\n        return this._text;\n      }\n\n      var childElements = []; // iterate over each node used in the truncated string\n\n      for (var i = 0; i < data.length; i++) {\n        var item = data[i];\n        var element = this._text.props.children[i];\n        var nodeText = item.join('');\n\n        if (element && element.props) {\n          // if node is an html element and not just a string\n          childElements.push(Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__[\"safeCloneElement\"])(element, element.props, nodeText));\n        } else {\n          childElements.push(nodeText);\n        }\n      } // this spacer element is set to the max width the full text could potentially be\n      // without this, text in `width: auto` elements won't expand to accomodate more text, once truncated\n\n\n      childElements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(\"span\", {\n        className: styles.spacer,\n        style: {\n          width: width || null\n        }\n      }));\n      var children = react__WEBPACK_IMPORTED_MODULE_7___default.a.Children.map(childElements, function (child) {\n        return child;\n      });\n      return this._text.props ? Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__[\"safeCloneElement\"])(this._text, this._text.props, children) : children;\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _classNames,\n          _this3 = this;\n\n      var truncatedElement = this.state.truncatedElement;\n      var _this$props2 = this.props,\n          maxLines = _this$props2.maxLines,\n          children = _this$props2.children;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(\"span\", {\n        className: classnames__WEBPACK_IMPORTED_MODULE_9___default()((_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_classNames, styles.truncated, true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_classNames, styles.auto, maxLines === 'auto'), _classNames)),\n        ref: function ref(el) {\n          _this3._ref = el;\n        }\n      }, children && (truncatedElement ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(\"span\", {\n        ref: function ref(el) {\n          _this3._stage = el;\n        }\n      }, Object(_instructure_ui_react_utils__WEBPACK_IMPORTED_MODULE_13__[\"ensureSingleChild\"])(children))), truncatedElement);\n    }\n  }, {\n    key: \"initialState\",\n    get: function get() {\n      return {\n        isTruncated: false,\n        needsSecondRender: true,\n        truncatedElement: null,\n        truncatedText: null\n      };\n    }\n  }]);\n\n  TruncateText.displayName = \"TruncateText\";\n  return TruncateText;\n}(react__WEBPACK_IMPORTED_MODULE_7__[\"Component\"]), _class2.propTypes = {\n  /**\n  * The content to be truncated.\n  */\n  children: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.node.isRequired,\n\n  /**\n  * Number of lines to allow before truncating. `auto` will fit to parent\n  */\n  maxLines: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number]),\n\n  /**\n  * Where to place the ellipsis within the string\n  */\n  position: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.oneOf(['end', 'middle']),\n\n  /**\n  * Add ellipsis after words or after any character\n  */\n  truncate: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.oneOf(['character', 'word']),\n\n  /**\n  * A string to use as the ellipsis\n  */\n  ellipsis: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,\n\n  /**\n  * Characters to ignore at truncated end of string\n  */\n  ignore: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string),\n\n  /**\n  * Debounce delay in milliseconds\n  */\n  debounce: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,\n\n  /**\n  * Callback when truncated text has changed\n  */\n  onUpdate: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.func,\n\n  /**\n   * Force truncation of invisible elements (hack; will be removed in favor\n   * of a better fix)\n   */\n  // eslint-disable-next-line react/require-default-props\n  shouldTruncateWhenInvisible: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool\n}, _class2.defaultProps = {\n  maxLines: 1,\n  ellipsis: \"\\u2026\",\n  truncate: 'character',\n  position: 'end',\n  ignore: [' ', '.', ','],\n  debounce: 0,\n  onUpdate: function onUpdate(truncated, text) {}\n}, _temp)) || _class) || _class) || _class);\n/* harmony default export */ __webpack_exports__[\"default\"] = (TruncateText);\n\n\n//# sourceURL=webpack:///./node_modules/@instructure/ui-media-player/node_modules/@instructure/ui-truncate-text/es/TruncateText/index.js?");
 
 /***/ }),