@instructure/quiz-core 22.13.2 → 22.14.0

package/es/building/components/resources/quizEntry/QuizEntryShow/presenter.js

@@ -25,7 +25,7 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
 import { DragSource } from 'react-dnd';
-import { IconAiLine, IconBankLine } from '@instructure/ui-icons';
+import { IconAiColoredSolid, IconBankLine } from '@instructure/ui-icons';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
 import { FillBlankInteractionType } from '@instructure/quiz-interactions';
@@ -40,6 +40,8 @@ import PositionBox from '../../../../../common/components/resources/positionBox/
 import DragAndDropZone from '../../../../../common/components/shared/drag_and_drop/DragAndDropZone';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
+import { Tooltip } from '@instructure/ui-tooltip';
+import { View } from '@instructure/ui-view';
 var QuizEntryShow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryShow = /*#__PURE__*/function (_Component) {
   function QuizEntryShow() {
     var _this2;
@@ -210,11 +212,19 @@ var QuizEntryShow = (_dec = withStyleOverrides(generateStyle, generateComponentT
   }, {
     key: "renderAiGeneratedContent",
     value: function renderAiGeneratedContent() {
-      if (this.props.quizEntry.isAiGenerated) {
-        return jsx(IconAiLine, {
-          title: t('AI generated')
-        });
+      if (!this.props.quizEntry.isAiGenerated) {
+        return null;
       }
+      return jsx(View, {
+        stacking: "topmost"
+      }, jsx(Tooltip, {
+        renderTip: t('This question was generated using AI'),
+        placement: "top center",
+        on: ['hover', 'focus']
+      }, jsx(IconAiColoredSolid, {
+        color: "primary",
+        "aria-label": t('This question was generated using AI')
+      })));
     }
   }, {
     key: "renderLeftHeader",

package/lib/building/components/resources/quizEntry/QuizEntryShow/presenter.js

@@ -31,6 +31,8 @@ var _PositionBox = _interopRequireDefault(require("../../../../../common/compone
 var _DragAndDropZone = _interopRequireDefault(require("../../../../../common/components/shared/drag_and_drop/DragAndDropZone"));
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
+var _uiTooltip = require("@instructure/ui-tooltip");
+var _uiView = require("@instructure/ui-view");
 var _dec, _class, _QuizEntryShow;
 /** @jsx jsx */
 function _callSuper(_this, derived, args) {
@@ -217,11 +219,19 @@ var QuizEntryShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default
   }, {
     key: "renderAiGeneratedContent",
     value: function renderAiGeneratedContent() {
-      if (this.props.quizEntry.isAiGenerated) {
-        return (0, _emotion.jsx)(_uiIcons.IconAiLine, {
-          title: (0, _formatMessage["default"])('AI generated')
-        });
+      if (!this.props.quizEntry.isAiGenerated) {
+        return null;
       }
+      return (0, _emotion.jsx)(_uiView.View, {
+        stacking: "topmost"
+      }, (0, _emotion.jsx)(_uiTooltip.Tooltip, {
+        renderTip: (0, _formatMessage["default"])('This question was generated using AI'),
+        placement: "top center",
+        on: ['hover', 'focus']
+      }, (0, _emotion.jsx)(_uiIcons.IconAiColoredSolid, {
+        color: "primary",
+        "aria-label": (0, _formatMessage["default"])('This question was generated using AI')
+      })));
     }
   }, {
     key: "renderLeftHeader",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "22.13.2",
+  "version": "22.14.0",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -111,12 +111,12 @@
     "store": "^1.3.20",
     "striptags": "^2.0.0",
     "uuid": "^3.2.1",
-    "@instructure/quiz-common": "22.13.2",
-    "@instructure/quiz-i18n": "22.13.2",
-    "@instructure/quiz-interactions": "22.13.2",
-    "@instructure/quiz-number-input": "22.13.2",
-    "@instructure/quiz-rce": "22.13.2",
-    "instructure-validations": "22.13.2"
+    "@instructure/quiz-common": "22.14.0",
+    "@instructure/quiz-i18n": "22.14.0",
+    "@instructure/quiz-interactions": "22.14.0",
+    "@instructure/quiz-number-input": "22.14.0",
+    "@instructure/quiz-rce": "22.14.0",
+    "instructure-validations": "22.14.0"
   },
   "devDependencies": {
     "@instructure/ui-axe-check": "10.17.0",
@@ -145,7 +145,7 @@
     "sinon": "^6.1.3",
     "sinon-chai": "^3.3.0",
     "@instructure/quiz-scripts": "21.0.0",
-    "quiz-presets": "22.13.2"
+    "quiz-presets": "22.14.0"
   },
   "peerDependencies": {
     "react": "^15 || ^16"