@instructure/quiz-core 20.10.1-rc.2 → 20.10.1-rc.4

package/es/common/components/layout/sidebar/Stimulus/Collection/presenter.js

@@ -1,4 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
@@ -6,31 +5,20 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
 var _dec, _class, _class2, _temp;
 
-import React, { Component } from 'react';
+/** @jsx jsx */
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import classNames from 'classnames';
 import { IconArrowOpenDownLine, IconArrowOpenUpLine } from '@instructure/ui-icons';
 import { Transition } from '@instructure/ui-motion';
 import { IconButton } from '@instructure/ui-buttons';
-import { themeable } from '@instructure/ui-themeable';
+import { withStyle, jsx } from '@instructure/emotion';
 import PositionSummary from "../../PositionSummary/index.js";
 import { DISPLAY_AS_SUMMARY_LIMIT } from "../presenter.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-var styles = {
-  componentId: 'fiHJX',
-  template: function template(theme) {
-    return "\n\n.fiHJX_bZNM{align-items:center;display:flex;flex-flow:column;padding:".concat(theme.columnPadding || 'inherit', ";padding-bottom:0}\n\n.fiHJX_dMbU{display:none}\n\n.fiHJX_fYKY{display:flex}\n\n.fiHJX_cnRi{display:none}\n\n.fiHJX_eNNp .fiHJX_ebwZ{border-top-color:").concat(theme.sidebarIsOpenBottomBorderColor || 'inherit', ";border-top-style:dashed;border-top-width:").concat(theme.sidebarIsOpenBottomBorderWidth || 'inherit', ";padding-left:0}\n\n.fiHJX_eNNp .fiHJX_dMbU{display:block}");
-  },
-  'column': 'fiHJX_bZNM',
-  'itemsContainer': 'fiHJX_dMbU',
-  'sidebarIsClosed': 'fiHJX_fYKY',
-  'hideAll': 'fiHJX_cnRi',
-  'sidebarIsOpen': 'fiHJX_eNNp',
-  'topBorder': 'fiHJX_ebwZ'
-};
-import theme from "./theme.js";
-export var Collection = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var Collection = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(Collection, _Component);
 
   var _super = _createSuper(Collection);
@@ -58,6 +46,16 @@ export var Collection = (_dec = themeable(theme, styles), _dec(_class = (_temp =
   }
 
   _createClass(Collection, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.makeStyles();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.props.makeStyles();
+    }
+  }, {
     key: "shouldDisplayAllItems",
     value: function shouldDisplayAllItems() {
       return this.props.itemCollection.size <= DISPLAY_AS_SUMMARY_LIMIT;
@@ -68,60 +66,54 @@ export var Collection = (_dec = themeable(theme, styles), _dec(_class = (_temp =
     //   RENDERING
     // =============
     value: function renderItems() {
-      var _classNames,
-          _this2 = this,
-          _classNames2;
+      var _this2 = this;
 
       var _this$props = this.props,
           firstPosition = _this$props.firstPosition,
-          isOver = _this$props.isOver,
           isShowingItems = _this$props.isShowingItems,
           itemCollection = _this$props.itemCollection,
           sidebarOpen = _this$props.sidebarOpen;
-      var borderStyle = classNames((_classNames = {}, _defineProperty(_classNames, styles.itemsContainer, true), _defineProperty(_classNames, styles.sidebarIsClosed, !sidebarOpen), _defineProperty(_classNames, styles.topBorder, !isOver || !sidebarOpen), _classNames));
       var nextDisplayPosition = firstPosition;
       var itemComponents = itemCollection.toArray().map(function (item, i) {
         var displayPosition = nextDisplayPosition;
         nextDisplayPosition += item.displayPositionSlots;
-        return /*#__PURE__*/React.createElement("div", {
+        return jsx("div", {
           key: item.id,
-          className: borderStyle
+          css: _this2.props.styles.sidebarItemContainer
         }, _this2.props.renderSidebarItem(item, displayPosition, sidebarOpen));
       });
-      var sidebarItemsStyles = classNames((_classNames2 = {}, _defineProperty(_classNames2, styles.column, isShowingItems && !this.shouldDisplayAllItems() && !sidebarOpen), _defineProperty(_classNames2, styles.hideAll, isShowingItems && sidebarOpen || this.shouldDisplayAllItems() || sidebarOpen), _classNames2));
       var transitionType = isShowingItems ? 'slide-down' : 'slide-up';
-      return /*#__PURE__*/React.createElement(Transition, {
+      return jsx(Transition, {
         in: isShowingItems || this.shouldDisplayAllItems(),
         type: transitionType
-      }, /*#__PURE__*/React.createElement("div", {
-        className: styles.sidebarIsOpen
-      }, /*#__PURE__*/React.createElement("div", {
-        className: sidebarItemsStyles
-      }, /*#__PURE__*/React.createElement(IconButton, {
+      }, jsx("div", null, jsx("div", {
+        css: this.props.styles.sidebarItem,
+        "data-testid": "sidebar-item"
+      }, jsx(IconButton, {
         onClick: this.handleSidebarHideItems,
         withBackground: false,
         withBorder: false,
         renderIcon: IconArrowOpenUpLine,
         screenReaderLabel: t('Collapse stimulus questions')
-      })), /*#__PURE__*/React.createElement("div", null, itemComponents)));
+      })), jsx("div", null, itemComponents)));
     }
   }, {
-    key: "renderItemSummaryOnClosedSidear",
-    value: function renderItemSummaryOnClosedSidear() {
+    key: "renderItemSummaryOnClosedSidebar",
+    value: function renderItemSummaryOnClosedSidebar() {
       var _this$props2 = this.props,
           firstPosition = _this$props2.firstPosition,
           itemCollection = _this$props2.itemCollection,
           isShowingItems = _this$props2.isShowingItems;
       var transitionType = !isShowingItems ? 'slide-up' : 'slide-down';
-      return /*#__PURE__*/React.createElement(Transition, {
+      return jsx(Transition, {
         in: !isShowingItems,
         type: transitionType
-      }, /*#__PURE__*/React.createElement("div", {
-        className: classNames([styles.sidebarIsOpen, styles.column])
-      }, /*#__PURE__*/React.createElement(PositionSummary, {
+      }, jsx("div", {
+        css: this.props.styles.column
+      }, jsx(PositionSummary, {
         firstPosition: firstPosition,
         lastPosition: firstPosition + itemCollection.size - 1
-      }), /*#__PURE__*/React.createElement(IconButton, {
+      }), jsx(IconButton, {
         onClick: this.handleSidebarShowItems,
         withBackground: false,
         withBorder: false,
@@ -132,18 +124,15 @@ export var Collection = (_dec = themeable(theme, styles), _dec(_class = (_temp =
   }, {
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-          isShowingItems = _this$props3.isShowingItems,
-          sidebarOpen = _this$props3.sidebarOpen;
-      var hideAllClass = classNames(_defineProperty({}, styles.hideAll, sidebarOpen && !isShowingItems && !this.shouldDisplayAllItems()));
-      var hideItemsClass = classNames(_defineProperty({}, styles.hideAll, this.shouldDisplayAllItems() || isShowingItems));
-      var hideSummaryClass = classNames(_defineProperty({}, styles.hideAll, !this.shouldDisplayAllItems() && !isShowingItems && !sidebarOpen));
-      return /*#__PURE__*/React.createElement("div", {
-        className: hideAllClass
-      }, /*#__PURE__*/React.createElement("div", {
-        className: hideItemsClass
-      }, this.renderItemSummaryOnClosedSidear()), /*#__PURE__*/React.createElement("div", {
-        className: hideSummaryClass
+      return jsx("div", {
+        css: this.props.styles.container,
+        "data-testid": "container"
+      }, jsx("div", {
+        css: this.props.styles.items,
+        "data-testid": "items"
+      }, this.renderItemSummaryOnClosedSidebar()), jsx("div", {
+        css: this.props.styles.summary,
+        "data-testid": "summary"
       }, this.renderItems()));
     }
   }]);
@@ -153,6 +142,8 @@ export var Collection = (_dec = themeable(theme, styles), _dec(_class = (_temp =
 }(Component), _class2.propTypes = {
   // Passed in by Sidebar
   firstPosition: PropTypes.number.isRequired,
+
+  /* eslint-disable-next-line react/no-unused-prop-types */
   isOver: PropTypes.bool.isRequired,
 
   /* This is used for when the stimulus is being dragged in build */
@@ -162,7 +153,9 @@ export var Collection = (_dec = themeable(theme, styles), _dec(_class = (_temp =
   isShowingItems: PropTypes.bool,
   stimulusId: PropTypes.string.isRequired,
   // set in connect
-  setSidebarStimulusIsShowing: PropTypes.func.isRequired
+  setSidebarStimulusIsShowing: PropTypes.func.isRequired,
+  styles: PropTypes.object,
+  makeStyles: PropTypes.func
 }, _class2.defaultProps = {
   isShowingItems: false
 }, _temp)) || _class);

package/es/common/components/layout/sidebar/Stimulus/Collection/styles.js

@@ -0,0 +1,48 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { DISPLAY_AS_SUMMARY_LIMIT } from "../presenter.js";
+
+var generateStyle = function generateStyle(componentTheme, props) {
+  var shouldDisplayAllItems = props.itemCollection.size <= DISPLAY_AS_SUMMARY_LIMIT;
+  var shouldDisplayAsColumn = props.isShowingItems && !shouldDisplayAllItems && !props.sidebarOpen;
+  var isSideBarItemHidden = props.isShowingItems && props.sidebarOpen || shouldDisplayAllItems || props.sidebarOpen;
+  var isContainerHidden = props.sidebarOpen && !props.isShowingItems && !shouldDisplayAllItems;
+  var areItemsHidden = shouldDisplayAllItems || props.isShowingItems;
+  var isSummaryHidden = !shouldDisplayAllItems && !props.isShowingItems && !props.sidebarOpen;
+  var columnStyles = {
+    display: 'flex',
+    flexFlow: 'column',
+    padding: componentTheme.columnPadding,
+    paddingBottom: '0',
+    alignItems: 'center'
+  };
+  var hiddenStyles = {
+    display: 'none'
+  };
+  return {
+    column: columnStyles,
+    sidebarItemContainer: _objectSpread(_objectSpread({
+      display: 'none'
+    }, props.sidebarOpen && {
+      display: 'block'
+    }), (!props.isOver || !props.sidebarOpen) && {
+      borderTopStyle: 'dashed',
+      borderTopWidth: componentTheme.sidebarIsOpenBottomBorderWidth,
+      borderTopColor: componentTheme.sidebarIsOpenBottomBorderColor,
+      paddingLeft: '0'
+    }),
+    sidebarItem: _objectSpread(_objectSpread({
+      display: 'block'
+    }, shouldDisplayAsColumn && columnStyles), isSideBarItemHidden && hiddenStyles),
+    container: _objectSpread({
+      display: 'block'
+    }, isContainerHidden && hiddenStyles),
+    items: _objectSpread({
+      display: 'block'
+    }, areItemsHidden && hiddenStyles),
+    summary: _objectSpread({
+      display: 'block'
+    }, isSummaryHidden && hiddenStyles)
+  };
+};
+
+export default generateStyle;

package/es/common/components/layout/sidebar/Stimulus/Collection/theme.js

@@ -1,4 +1,4 @@
-export default function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
       spacing = _ref.spacing,
       borders = _ref.borders;
@@ -7,4 +7,6 @@ export default function generator(_ref) {
     sidebarIsOpenBottomBorderColor: colors.slate,
     sidebarIsOpenBottomBorderWidth: borders.widthSmall
   };
-}
+};
+
+export default generateComponentTheme;

package/es/common/components/layout/sidebar/Stimulus/Title/index.js

@@ -5,22 +5,16 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
 var _dec, _class, _class2, _temp;
 
-import React, { Component } from 'react';
+/** @jsx jsx */
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { AccessibleContent } from '@instructure/ui-a11y-content';
 import { Tooltip } from '@instructure/ui-tooltip';
 import { Text } from '@instructure/ui-text';
-import { themeable } from '@instructure/ui-themeable';
-var styles = {
-  componentId: 'NwzGY',
-  template: function template(theme) {
-    return "\n\n.NwzGY_esVF{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap}";
-  },
-  'itemBody': 'NwzGY_esVF'
-};
-import theme from "./theme.js";
+import { withStyle, jsx } from '@instructure/emotion';
+import generateStyle from "./styles.js";
 var DISPLAY_TOOLTIP_LIMIT = 80;
-export var Title = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var Title = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(Title, _Component);
 
   var _super = _createSuper(Title);
@@ -35,9 +29,9 @@ export var Title = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cla
     key: "renderTitle",
     value: function renderTitle() {
       var title = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props.title;
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles.itemBody
-      }, /*#__PURE__*/React.createElement(Text, {
+      return jsx("div", {
+        css: this.props.styles.itemBody
+      }, jsx(Text, {
         color: "primary"
       }, title));
     }
@@ -48,9 +42,9 @@ export var Title = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cla
 
       if (title.length > DISPLAY_TOOLTIP_LIMIT) {
         var truncatedTitle = "".concat(title.substring(0, DISPLAY_TOOLTIP_LIMIT), "...");
-        return /*#__PURE__*/React.createElement(AccessibleContent, {
+        return jsx(AccessibleContent, {
           alt: title
-        }, /*#__PURE__*/React.createElement(Tooltip, {
+        }, jsx(Tooltip, {
           renderTip: title,
           color: "primary"
         }, this.renderTitle(truncatedTitle)));
@@ -63,6 +57,7 @@ export var Title = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cla
   Title.displayName = "Title";
   return Title;
 }(Component), _class2.propTypes = {
-  title: PropTypes.string.isRequired
+  title: PropTypes.string.isRequired,
+  styles: PropTypes.object
 }, _temp)) || _class);
 export default Title;

package/es/common/components/layout/sidebar/Stimulus/Title/styles.js

@@ -0,0 +1,12 @@
+var generateStyle = function generateStyle() {
+  return {
+    itemBody: {
+      cursor: 'pointer',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'pre-wrap'
+    }
+  };
+};
+
+export default generateStyle;

package/es/common/components/shared/TagDisplay/index.js

@@ -5,23 +5,17 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
 var _dec, _class, _class2, _temp;
 
-import React, { Component } from 'react';
+/** @jsx jsx */
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { AccessibleContent } from '@instructure/ui-a11y-content';
 import { Text } from '@instructure/ui-text';
 import { Tag } from '@instructure/ui-tag';
-import { themeable } from '@instructure/ui-themeable';
+import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-var styles = {
-  componentId: 'fYbSI',
-  template: function template(theme) {
-    return "\n\n.fYbSI_estS,[dir=ltr] .fYbSI_estS,[dir=rtl] .fYbSI_estS{float:right}";
-  },
-  'tags': 'fYbSI_estS'
-};
-import theme from "./theme.js";
-export var TagDisplay = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+import generateStyle from "./styles.js";
+export var TagDisplay = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(TagDisplay, _Component);
 
   var _super = _createSuper(TagDisplay);
@@ -43,25 +37,25 @@ export var TagDisplay = (_dec = themeable(theme, styles), _dec(_class = (_temp =
       var count = this.props.tagAssociations.size;
       var extra = count - display;
       var visible = this.props.tagAssociations.take(display).map(function (t) {
-        return /*#__PURE__*/React.createElement(Tag, {
+        return jsx(Tag, {
           margin: "0 xx-small 0 0",
           key: t.get('id'),
           text: t.get('tag_value')
         });
       });
-      return /*#__PURE__*/React.createElement("div", {
+      return jsx("div", {
         role: "group",
-        className: styles.tags,
+        css: this.props.styles.tags,
         "aria-label": t('question tags')
-      }, visible, extra > 0 && /*#__PURE__*/React.createElement(Tag, {
+      }, visible, extra > 0 && jsx(Tag, {
         themeOverride: {
           defaultBackground: '#FFFFFF'
         },
-        text: /*#__PURE__*/React.createElement(AccessibleContent, {
+        text: jsx(AccessibleContent, {
           alt: t('{n} other tags not shown', {
             n: extra
           })
-        }, /*#__PURE__*/React.createElement(Text, {
+        }, jsx(Text, {
           size: "small"
         }, t('+{n}', {
           n: extra
@@ -74,7 +68,8 @@ export var TagDisplay = (_dec = themeable(theme, styles), _dec(_class = (_temp =
   return TagDisplay;
 }(Component), _class2.propTypes = {
   display: PropTypes.number,
-  tagAssociations: ImmutablePropTypes.listOf(ImmutablePropTypes.map)
+  tagAssociations: ImmutablePropTypes.listOf(ImmutablePropTypes.map),
+  styles: PropTypes.object
 }, _class2.defaultProps = {
   display: 2,
   tagAssociations: null

package/es/common/components/shared/TagDisplay/styles.js

@@ -0,0 +1,9 @@
+var generateStyle = function generateStyle() {
+  return {
+    tags: {
+      float: 'right'
+    }
+  };
+};
+
+export default generateStyle;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/CategorizationType.js

@@ -50,7 +50,9 @@ export var CategorizationType = /*#__PURE__*/function (_Component) {
 
       var updatedAnswerSummary = _this.updateAnswerBody(answerSummary);
 
-      return /*#__PURE__*/React.createElement(AfsTableWrapper, null, /*#__PURE__*/React.createElement(AfsPartsContainer, {
+      return /*#__PURE__*/React.createElement(AfsTableWrapper, {
+        noAnswerMissingPopover: true
+      }, /*#__PURE__*/React.createElement(AfsPartsContainer, {
         afsTable: /*#__PURE__*/React.createElement(MatchingTypeTable, {
           itemId: itemId,
           answerSummary: updatedAnswerSummary,

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsTableWrapper/presenter.js

@@ -12,6 +12,8 @@ import { Heading } from '@instructure/ui-heading';
 import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import PropTypes from 'prop-types';
+import { noAnswerMissing } from "./popoverContent.js";
+import MetricPopover from "../../../MetricPopover/index.js";
 export var AfsTableWrapper = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(AfsTableWrapper, _Component);
 
@@ -34,6 +36,7 @@ export var AfsTableWrapper = (_dec = withStyle(generateStyle, null), _dec(_class
     };
 
     _this.render = function () {
+      var noAnswerMissingPopover = _this.props.noAnswerMissingPopover;
       return jsx(Flex, {
         direction: "row",
         "data-testid": "AfsTableWrapper"
@@ -46,7 +49,9 @@ export var AfsTableWrapper = (_dec = withStyle(generateStyle, null), _dec(_class
         level: "h3",
         weight: "bold",
         color: "primary"
-      }, _this.getHeader()), _this.props.children)));
+      }, jsx(Flex, {
+        gap: "x-small"
+      }, jsx(Flex.Item, null, _this.getHeader()), jsx(Flex.Item, null, noAnswerMissingPopover && jsx(MetricPopover, noAnswerMissing)))), _this.props.children)));
     };
 
     return _this;
@@ -56,5 +61,6 @@ export var AfsTableWrapper = (_dec = withStyle(generateStyle, null), _dec(_class
 }(Component), _class2.propTypes = {
   children: PropTypes.node.isRequired,
   styles: PropTypes.object,
-  tableHeader: PropTypes.string
+  tableHeader: PropTypes.string,
+  noAnswerMissingPopover: PropTypes.bool
 }, _temp)) || _class);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/presenter.js

@@ -35,8 +35,6 @@ var styles = {
 import { Flex } from '@instructure/ui-flex';
 import classNames from 'classnames';
 import { Text } from '@instructure/ui-text';
-import MetricPopover from "../../../MetricPopover/index.js";
-import { noAnswerMissing } from "./popoverContent.js";
 var noAnswerKey = 'noAnswer';
 var incorrectKey = 'incorrect';
 var correctKey = 'correct';
@@ -74,11 +72,9 @@ export var AggregationTable = (_dec = themeable(theme, styles), _dec(_class = (_
       var percentageHeaderId = "answer-frequency-summary-aggregate-percentage-".concat(itemId);
       return /*#__PURE__*/React.createElement(Table.Head, null, /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.ColHeader, {
         id: answerHeaderId
-      }, /*#__PURE__*/React.createElement(Flex, {
-        gap: "x-small"
-      }, /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: classNames(styles.firstHeaderCell)
-      }, t('Result'))), /*#__PURE__*/React.createElement(Flex.Item, null, popover && /*#__PURE__*/React.createElement(MetricPopover, noAnswerMissing)))), /*#__PURE__*/React.createElement(Table.ColHeader, {
+      }, t('Result'))), /*#__PURE__*/React.createElement(Table.ColHeader, {
         id: respondentsHeaderId,
         textAlign: "center"
       }, t('Respondents')), /*#__PURE__*/React.createElement(Table.ColHeader, {

package/lib/common/components/layout/sidebar/Stimulus/Collection/presenter.js

@@ -2,15 +2,11 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Collection = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -19,21 +15,19 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _uiIcons = require("@instructure/ui-icons");
 
 var _uiMotion = require("@instructure/ui-motion");
 
 var _uiButtons = require("@instructure/ui-buttons");
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _emotion = require("@instructure/emotion");
 
 var _index = _interopRequireDefault(require("../../PositionSummary/index.js"));
 
@@ -41,23 +35,13 @@ var _presenter = require("../presenter.js");
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
+var _styles = _interopRequireDefault(require("./styles.js"));
+
 var _theme = _interopRequireDefault(require("./theme.js"));
 
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'fiHJX',
-  template: function template(theme) {
-    return "\n\n.fiHJX_bZNM{align-items:center;display:flex;flex-flow:column;padding:".concat(theme.columnPadding || 'inherit', ";padding-bottom:0}\n\n.fiHJX_dMbU{display:none}\n\n.fiHJX_fYKY{display:flex}\n\n.fiHJX_cnRi{display:none}\n\n.fiHJX_eNNp .fiHJX_ebwZ{border-top-color:").concat(theme.sidebarIsOpenBottomBorderColor || 'inherit', ";border-top-style:dashed;border-top-width:").concat(theme.sidebarIsOpenBottomBorderWidth || 'inherit', ";padding-left:0}\n\n.fiHJX_eNNp .fiHJX_dMbU{display:block}");
-  },
-  'column': 'fiHJX_bZNM',
-  'itemsContainer': 'fiHJX_dMbU',
-  'sidebarIsClosed': 'fiHJX_fYKY',
-  'hideAll': 'fiHJX_cnRi',
-  'sidebarIsOpen': 'fiHJX_eNNp',
-  'topBorder': 'fiHJX_ebwZ'
-};
-var Collection = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var Collection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Collection, _Component);
 
   var _super = (0, _createSuper2.default)(Collection);
@@ -85,6 +69,16 @@ var Collection = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _d
   }
 
   (0, _createClass2.default)(Collection, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.makeStyles();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.props.makeStyles();
+    }
+  }, {
     key: "shouldDisplayAllItems",
     value: function shouldDisplayAllItems() {
       return this.props.itemCollection.size <= _presenter.DISPLAY_AS_SUMMARY_LIMIT;
@@ -95,60 +89,54 @@ var Collection = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _d
     //   RENDERING
     // =============
     value: function renderItems() {
-      var _classNames,
-          _this2 = this,
-          _classNames2;
+      var _this2 = this;
 
       var _this$props = this.props,
           firstPosition = _this$props.firstPosition,
-          isOver = _this$props.isOver,
           isShowingItems = _this$props.isShowingItems,
           itemCollection = _this$props.itemCollection,
           sidebarOpen = _this$props.sidebarOpen;
-      var borderStyle = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, styles.itemsContainer, true), (0, _defineProperty2.default)(_classNames, styles.sidebarIsClosed, !sidebarOpen), (0, _defineProperty2.default)(_classNames, styles.topBorder, !isOver || !sidebarOpen), _classNames));
       var nextDisplayPosition = firstPosition;
       var itemComponents = itemCollection.toArray().map(function (item, i) {
         var displayPosition = nextDisplayPosition;
         nextDisplayPosition += item.displayPositionSlots;
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return (0, _emotion.jsx)("div", {
           key: item.id,
-          className: borderStyle
+          css: _this2.props.styles.sidebarItemContainer
         }, _this2.props.renderSidebarItem(item, displayPosition, sidebarOpen));
       });
-      var sidebarItemsStyles = (0, _classnames.default)((_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, styles.column, isShowingItems && !this.shouldDisplayAllItems() && !sidebarOpen), (0, _defineProperty2.default)(_classNames2, styles.hideAll, isShowingItems && sidebarOpen || this.shouldDisplayAllItems() || sidebarOpen), _classNames2));
       var transitionType = isShowingItems ? 'slide-down' : 'slide-up';
-      return /*#__PURE__*/_react.default.createElement(_uiMotion.Transition, {
+      return (0, _emotion.jsx)(_uiMotion.Transition, {
         in: isShowingItems || this.shouldDisplayAllItems(),
         type: transitionType
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.sidebarIsOpen
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: sidebarItemsStyles
-      }, /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, {
+      }, (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("div", {
+        css: this.props.styles.sidebarItem,
+        "data-testid": "sidebar-item"
+      }, (0, _emotion.jsx)(_uiButtons.IconButton, {
         onClick: this.handleSidebarHideItems,
         withBackground: false,
         withBorder: false,
         renderIcon: _uiIcons.IconArrowOpenUpLine,
         screenReaderLabel: (0, _formatMessage.default)('Collapse stimulus questions')
-      })), /*#__PURE__*/_react.default.createElement("div", null, itemComponents)));
+      })), (0, _emotion.jsx)("div", null, itemComponents)));
     }
   }, {
-    key: "renderItemSummaryOnClosedSidear",
-    value: function renderItemSummaryOnClosedSidear() {
+    key: "renderItemSummaryOnClosedSidebar",
+    value: function renderItemSummaryOnClosedSidebar() {
       var _this$props2 = this.props,
           firstPosition = _this$props2.firstPosition,
           itemCollection = _this$props2.itemCollection,
           isShowingItems = _this$props2.isShowingItems;
       var transitionType = !isShowingItems ? 'slide-up' : 'slide-down';
-      return /*#__PURE__*/_react.default.createElement(_uiMotion.Transition, {
+      return (0, _emotion.jsx)(_uiMotion.Transition, {
         in: !isShowingItems,
         type: transitionType
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)([styles.sidebarIsOpen, styles.column])
-      }, /*#__PURE__*/_react.default.createElement(_index.default, {
+      }, (0, _emotion.jsx)("div", {
+        css: this.props.styles.column
+      }, (0, _emotion.jsx)(_index.default, {
         firstPosition: firstPosition,
         lastPosition: firstPosition + itemCollection.size - 1
-      }), /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, {
+      }), (0, _emotion.jsx)(_uiButtons.IconButton, {
         onClick: this.handleSidebarShowItems,
         withBackground: false,
         withBorder: false,
@@ -159,18 +147,15 @@ var Collection = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _d
   }, {
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-          isShowingItems = _this$props3.isShowingItems,
-          sidebarOpen = _this$props3.sidebarOpen;
-      var hideAllClass = (0, _classnames.default)((0, _defineProperty2.default)({}, styles.hideAll, sidebarOpen && !isShowingItems && !this.shouldDisplayAllItems()));
-      var hideItemsClass = (0, _classnames.default)((0, _defineProperty2.default)({}, styles.hideAll, this.shouldDisplayAllItems() || isShowingItems));
-      var hideSummaryClass = (0, _classnames.default)((0, _defineProperty2.default)({}, styles.hideAll, !this.shouldDisplayAllItems() && !isShowingItems && !sidebarOpen));
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: hideAllClass
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: hideItemsClass
-      }, this.renderItemSummaryOnClosedSidear()), /*#__PURE__*/_react.default.createElement("div", {
-        className: hideSummaryClass
+      return (0, _emotion.jsx)("div", {
+        css: this.props.styles.container,
+        "data-testid": "container"
+      }, (0, _emotion.jsx)("div", {
+        css: this.props.styles.items,
+        "data-testid": "items"
+      }, this.renderItemSummaryOnClosedSidebar()), (0, _emotion.jsx)("div", {
+        css: this.props.styles.summary,
+        "data-testid": "summary"
       }, this.renderItems()));
     }
   }]);
@@ -179,6 +164,8 @@ var Collection = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _d
 }(_react.Component), _class2.propTypes = {
   // Passed in by Sidebar
   firstPosition: _propTypes.default.number.isRequired,
+
+  /* eslint-disable-next-line react/no-unused-prop-types */
   isOver: _propTypes.default.bool.isRequired,
 
   /* This is used for when the stimulus is being dragged in build */
@@ -188,7 +175,9 @@ var Collection = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _d
   isShowingItems: _propTypes.default.bool,
   stimulusId: _propTypes.default.string.isRequired,
   // set in connect
-  setSidebarStimulusIsShowing: _propTypes.default.func.isRequired
+  setSidebarStimulusIsShowing: _propTypes.default.func.isRequired,
+  styles: _propTypes.default.object,
+  makeStyles: _propTypes.default.func
 }, _class2.defaultProps = {
   isShowingItems: false
 }, _temp)) || _class);

package/lib/common/components/layout/sidebar/Stimulus/Collection/styles.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _presenter = require("../presenter.js");
+
+var generateStyle = function generateStyle(componentTheme, props) {
+  var shouldDisplayAllItems = props.itemCollection.size <= _presenter.DISPLAY_AS_SUMMARY_LIMIT;
+  var shouldDisplayAsColumn = props.isShowingItems && !shouldDisplayAllItems && !props.sidebarOpen;
+  var isSideBarItemHidden = props.isShowingItems && props.sidebarOpen || shouldDisplayAllItems || props.sidebarOpen;
+  var isContainerHidden = props.sidebarOpen && !props.isShowingItems && !shouldDisplayAllItems;
+  var areItemsHidden = shouldDisplayAllItems || props.isShowingItems;
+  var isSummaryHidden = !shouldDisplayAllItems && !props.isShowingItems && !props.sidebarOpen;
+  var columnStyles = {
+    display: 'flex',
+    flexFlow: 'column',
+    padding: componentTheme.columnPadding,
+    paddingBottom: '0',
+    alignItems: 'center'
+  };
+  var hiddenStyles = {
+    display: 'none'
+  };
+  return {
+    column: columnStyles,
+    sidebarItemContainer: (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      display: 'none'
+    }, props.sidebarOpen && {
+      display: 'block'
+    }), (!props.isOver || !props.sidebarOpen) && {
+      borderTopStyle: 'dashed',
+      borderTopWidth: componentTheme.sidebarIsOpenBottomBorderWidth,
+      borderTopColor: componentTheme.sidebarIsOpenBottomBorderColor,
+      paddingLeft: '0'
+    }),
+    sidebarItem: (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      display: 'block'
+    }, shouldDisplayAsColumn && columnStyles), isSideBarItemHidden && hiddenStyles),
+    container: (0, _objectSpread2.default)({
+      display: 'block'
+    }, isContainerHidden && hiddenStyles),
+    items: (0, _objectSpread2.default)({
+      display: 'block'
+    }, areItemsHidden && hiddenStyles),
+    summary: (0, _objectSpread2.default)({
+      display: 'block'
+    }, isSummaryHidden && hiddenStyles)
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/common/components/layout/sidebar/Stimulus/Collection/theme.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports.default = void 0;
 
-function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
       spacing = _ref.spacing,
       borders = _ref.borders;
@@ -14,4 +14,7 @@ function generator(_ref) {
     sidebarIsOpenBottomBorderColor: colors.slate,
     sidebarIsOpenBottomBorderWidth: borders.widthSmall
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/common/components/layout/sidebar/Stimulus/Title/index.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +15,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -27,21 +25,14 @@ var _uiTooltip = require("@instructure/ui-tooltip");
 
 var _uiText = require("@instructure/ui-text");
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _emotion = require("@instructure/emotion");
 
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _styles = _interopRequireDefault(require("./styles.js"));
 
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'NwzGY',
-  template: function template(theme) {
-    return "\n\n.NwzGY_esVF{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap}";
-  },
-  'itemBody': 'NwzGY_esVF'
-};
 var DISPLAY_TOOLTIP_LIMIT = 80;
-var Title = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var Title = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Title, _Component);
 
   var _super = (0, _createSuper2.default)(Title);
@@ -55,9 +46,9 @@ var Title = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_c
     key: "renderTitle",
     value: function renderTitle() {
       var title = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props.title;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.itemBody
-      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+      return (0, _emotion.jsx)("div", {
+        css: this.props.styles.itemBody
+      }, (0, _emotion.jsx)(_uiText.Text, {
         color: "primary"
       }, title));
     }
@@ -68,9 +59,9 @@ var Title = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_c
 
       if (title.length > DISPLAY_TOOLTIP_LIMIT) {
         var truncatedTitle = "".concat(title.substring(0, DISPLAY_TOOLTIP_LIMIT), "...");
-        return /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
+        return (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
           alt: title
-        }, /*#__PURE__*/_react.default.createElement(_uiTooltip.Tooltip, {
+        }, (0, _emotion.jsx)(_uiTooltip.Tooltip, {
           renderTip: title,
           color: "primary"
         }, this.renderTitle(truncatedTitle)));
@@ -82,7 +73,8 @@ var Title = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_c
   Title.displayName = "Title";
   return Title;
 }(_react.Component), _class2.propTypes = {
-  title: _propTypes.default.string.isRequired
+  title: _propTypes.default.string.isRequired,
+  styles: _propTypes.default.object
 }, _temp)) || _class);
 exports.Title = Title;
 var _default = Title;

package/lib/common/components/layout/sidebar/Stimulus/Title/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle() {
+  return {
+    itemBody: {
+      cursor: 'pointer',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'pre-wrap'
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/common/components/shared/TagDisplay/index.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +15,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -29,22 +27,15 @@ var _uiText = require("@instructure/ui-text");
 
 var _uiTag = require("@instructure/ui-tag");
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _emotion = require("@instructure/emotion");
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _styles = _interopRequireDefault(require("./styles.js"));
 
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'fYbSI',
-  template: function template(theme) {
-    return "\n\n.fYbSI_estS,[dir=ltr] .fYbSI_estS,[dir=rtl] .fYbSI_estS{float:right}";
-  },
-  'tags': 'fYbSI_estS'
-};
-var TagDisplay = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var TagDisplay = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(TagDisplay, _Component);
 
   var _super = (0, _createSuper2.default)(TagDisplay);
@@ -65,25 +56,25 @@ var TagDisplay = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _d
       var count = this.props.tagAssociations.size;
       var extra = count - display;
       var visible = this.props.tagAssociations.take(display).map(function (t) {
-        return /*#__PURE__*/_react.default.createElement(_uiTag.Tag, {
+        return (0, _emotion.jsx)(_uiTag.Tag, {
           margin: "0 xx-small 0 0",
           key: t.get('id'),
           text: t.get('tag_value')
         });
       });
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _emotion.jsx)("div", {
         role: "group",
-        className: styles.tags,
+        css: this.props.styles.tags,
         "aria-label": (0, _formatMessage.default)('question tags')
-      }, visible, extra > 0 && /*#__PURE__*/_react.default.createElement(_uiTag.Tag, {
+      }, visible, extra > 0 && (0, _emotion.jsx)(_uiTag.Tag, {
         themeOverride: {
           defaultBackground: '#FFFFFF'
         },
-        text: /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
+        text: (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
           alt: (0, _formatMessage.default)('{n} other tags not shown', {
             n: extra
           })
-        }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        }, (0, _emotion.jsx)(_uiText.Text, {
           size: "small"
         }, (0, _formatMessage.default)('+{n}', {
           n: extra
@@ -95,7 +86,8 @@ var TagDisplay = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _d
   return TagDisplay;
 }(_react.Component), _class2.propTypes = {
   display: _propTypes.default.number,
-  tagAssociations: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.map)
+  tagAssociations: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.map),
+  styles: _propTypes.default.object
 }, _class2.defaultProps = {
   display: 2,
   tagAssociations: null

package/lib/common/components/shared/TagDisplay/styles.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle() {
+  return {
+    tags: {
+      float: 'right'
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/CategorizationType.js

@@ -73,7 +73,9 @@ var CategorizationType = /*#__PURE__*/function (_Component) {
 
       var updatedAnswerSummary = _this.updateAnswerBody(answerSummary);
 
-      return /*#__PURE__*/_react.default.createElement(_index.default, null, /*#__PURE__*/_react.default.createElement(_presenter.AfsPartsContainer, {
+      return /*#__PURE__*/_react.default.createElement(_index.default, {
+        noAnswerMissingPopover: true
+      }, /*#__PURE__*/_react.default.createElement(_presenter.AfsPartsContainer, {
         afsTable: /*#__PURE__*/_react.default.createElement(_index2.default, {
           itemId: itemId,
           answerSummary: updatedAnswerSummary,

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsTableWrapper/presenter.js

@@ -27,6 +27,10 @@ var _styles = _interopRequireDefault(require("./styles.js"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _popoverContent = require("./popoverContent.js");
+
+var _index = _interopRequireDefault(require("../../../MetricPopover/index.js"));
+
 var _dec, _class, _class2, _temp;
 
 var AfsTableWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
@@ -51,6 +55,7 @@ var AfsTableWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, null), _d
     };
 
     _this.render = function () {
+      var noAnswerMissingPopover = _this.props.noAnswerMissingPopover;
       return (0, _emotion.jsx)(_uiFlex.Flex, {
         direction: "row",
         "data-testid": "AfsTableWrapper"
@@ -63,7 +68,9 @@ var AfsTableWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, null), _d
         level: "h3",
         weight: "bold",
         color: "primary"
-      }, _this.getHeader()), _this.props.children)));
+      }, (0, _emotion.jsx)(_uiFlex.Flex, {
+        gap: "x-small"
+      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, null, _this.getHeader()), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, noAnswerMissingPopover && (0, _emotion.jsx)(_index.default, _popoverContent.noAnswerMissing)))), _this.props.children)));
     };
 
     return _this;
@@ -73,6 +80,7 @@ var AfsTableWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, null), _d
 }(_react.Component), _class2.propTypes = {
   children: _propTypes.default.node.isRequired,
   styles: _propTypes.default.object,
-  tableHeader: _propTypes.default.string
+  tableHeader: _propTypes.default.string,
+  noAnswerMissingPopover: _propTypes.default.bool
 }, _temp)) || _class);
 exports.AfsTableWrapper = AfsTableWrapper;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/presenter.js

@@ -37,10 +37,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _uiText = require("@instructure/ui-text");
 
-var _index = _interopRequireDefault(require("../../../MetricPopover/index.js"));
-
-var _popoverContent = require("./popoverContent.js");
-
 var _dec, _class, _class2, _temp;
 
 var styles = {
@@ -100,11 +96,9 @@ var AggregationTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
       var percentageHeaderId = "answer-frequency-summary-aggregate-percentage-".concat(itemId);
       return /*#__PURE__*/_react.default.createElement(_uiTable.Table.Head, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
         id: answerHeaderId
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
-        gap: "x-small"
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(styles.firstHeaderCell)
-      }, (0, _formatMessage.default)('Result'))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, popover && /*#__PURE__*/_react.default.createElement(_index.default, _popoverContent.noAnswerMissing)))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage.default)('Result'))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
         id: respondentsHeaderId,
         textAlign: "center"
       }, (0, _formatMessage.default)('Respondents')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.10.1-rc.2+d7cf7930e",
+  "version": "20.10.1-rc.4+9acb43863",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -44,11 +44,11 @@
     "@instructure/emotion": "^8.51.0",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^3.1.0",
-    "@instructure/quiz-common": "20.10.1-rc.2+d7cf7930e",
-    "@instructure/quiz-i18n": "20.10.1-rc.2+d7cf7930e",
-    "@instructure/quiz-interactions": "20.10.1-rc.2+d7cf7930e",
-    "@instructure/quiz-number-input": "20.10.1-rc.2+d7cf7930e",
-    "@instructure/quiz-rce": "20.10.1-rc.2+d7cf7930e",
+    "@instructure/quiz-common": "20.10.1-rc.4+9acb43863",
+    "@instructure/quiz-i18n": "20.10.1-rc.4+9acb43863",
+    "@instructure/quiz-interactions": "20.10.1-rc.4+9acb43863",
+    "@instructure/quiz-number-input": "20.10.1-rc.4+9acb43863",
+    "@instructure/quiz-rce": "20.10.1-rc.4+9acb43863",
     "@instructure/ui-a11y-content": "^8.51.0",
     "@instructure/ui-alerts": "^8.51.0",
     "@instructure/ui-avatar": "^8.51.0",
@@ -112,7 +112,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "20.10.1-rc.2+d7cf7930e",
+    "instructure-validations": "20.10.1-rc.4+9acb43863",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -163,7 +163,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "20.10.1-rc.2+d7cf7930e",
+    "quiz-presets": "20.10.1-rc.4+9acb43863",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -179,5 +179,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d7cf7930e666e5646438cd6e3e124841d779de2d"
+  "gitHead": "9acb4386324ea4b9b5a7d896782821bbacc44778"
 }

package/es/common/components/layout/sidebar/Stimulus/Title/theme.js

@@ -1,3 +0,0 @@
-export default function generator() {
-  return {};
-}

package/es/common/components/shared/TagDisplay/theme.js

@@ -1,3 +0,0 @@
-export default function generator() {
-  return {};
-}

package/lib/common/components/layout/sidebar/Stimulus/Title/theme.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = generator;
-
-function generator() {
-  return {};
-}

package/lib/common/components/shared/TagDisplay/theme.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = generator;
-
-function generator() {
-  return {};
-}