@instructure/quiz-core 17.66.1-rc.1 → 17.66.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js +26 -23
  3. package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/theme.js +1 -2
  4. package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/presenter.js +9 -9
  5. package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/theme.js +2 -1
  6. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js +26 -23
  7. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/theme.js +1 -2
  8. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/presenter.js +9 -9
  9. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/theme.js +2 -1
  10. package/package.json +10 -10
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [17.66.1](https://gerrit.instructure.com/quizzes-ui/compare/v17.66.0...v17.66.1) (2023-08-23)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ItemAnalysis:** Align the middle of the expand button to the top of the text ([6b7779b](https://gerrit.instructure.com/quizzes-ui/commits/6b7779ba7408efd885e081cea6d445d352e3c570))
12
+ * **ItemAnalysis:** Popover button should not wrap under its text ([5984e62](https://gerrit.instructure.com/quizzes-ui/commits/5984e622db3eea5c5c4c3220409bf5e5c0b7cc41))
13
+
14
+
15
+
16
+
17
+
6
18
  # [17.66.0](https://gerrit.instructure.com/quizzes-ui/compare/v17.65.0...v17.66.0) (2023-08-18)
7
19
 
8
20
 
package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js CHANGED
@@ -9,19 +9,20 @@ var _dec, _class, _class2, _temp;
9
9
  import { Heading } from '@instructure/ui-heading';
10
10
  import React, { Component } from 'react';
11
11
  var styles = {
12
- componentId: 'bIeGi',
12
+ componentId: 'bQIMq',
13
13
  template: function template(theme) {
14
- return "\n\n.bIeGi_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.bIeGi_bwlc{align-items:flex-start;gap:24px;justify-content:space-between;row-gap:32px}\n\n.bIeGi_bwlc,.bIeGi_bqdH{display:flex;flex-direction:row;flex-wrap:wrap}\n\n.bIeGi_bqdH{align-items:center;row-gap:24px}\n\n.bIeGi_NpIG{position:absolute;right:").concat(theme.viewPaddingRight || 'inherit', ";top:").concat(theme.viewPaddingTop || 'inherit', "}\n\n.bIeGi_eoBe{font-size:").concat(theme.metricNumberContextFontSize || 'inherit', ";font-weight:").concat(theme.metricNumberContextFontWeight || 'inherit', "}\n\n.bIeGi_fFDJ{display:none}\n\n.bIeGi_esVF{min-height:48px}\n\n.bIeGi_eTZq{position:relative}\n\n.bIeGi_eTZq:after{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);content:\"\";height:48px;left:0;position:absolute;top:0;width:100%}\n\n.bIeGi_fkgx{max-width:100%;width:calc(25% + 350px)}");
14
+ return "\n\n.bQIMq_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', "}\n\n.bQIMq_bwlc{gap:24px;justify-content:space-between;position:relative;row-gap:32px}\n\n.bQIMq_bwlc,.bQIMq_bqdH{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap}\n\n.bQIMq_bqdH{row-gap:24px}\n\n.bQIMq_NpIG{position:absolute;right:").concat(theme.viewPaddingRight || 'inherit', ";top:0}\n\n.bQIMq_eoBe{font-size:").concat(theme.metricNumberContextFontSize || 'inherit', ";font-weight:").concat(theme.metricNumberContextFontWeight || 'inherit', "}\n\n.bQIMq_fFDJ{display:none}\n\n.bQIMq_fxkJ{margin-top:-8px}\n\n.bQIMq_esVF{min-height:48px}\n\n.bQIMq_eTZq{position:relative}\n\n.bQIMq_eTZq:after{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);content:\"\";height:48px;left:0;position:absolute;top:0;width:100%}\n\n.bQIMq_fkgx{max-width:100%;width:calc(25% + 350px)}");
15
15
  },
16
- 'cardWrapper': 'bIeGi_eKXQ',
17
- 'itemCardInnerContainer': 'bIeGi_bwlc',
18
- 'metricsContainer': 'bIeGi_bqdH',
19
- 'itemCardToggleButtonWrapper': 'bIeGi_NpIG',
20
- 'metricNumberContext': 'bIeGi_eoBe',
21
- 'hiddenMetrics': 'bIeGi_fFDJ',
22
- 'itemBody': 'bIeGi_esVF',
23
- 'hiddenItemBody': 'bIeGi_eTZq',
24
- 'answerSummaryTableContainer': 'bIeGi_fkgx'
16
+ 'cardWrapper': 'bQIMq_eKXQ',
17
+ 'itemCardInnerContainer': 'bQIMq_bwlc',
18
+ 'metricsContainer': 'bQIMq_bqdH',
19
+ 'itemCardToggleButtonWrapper': 'bQIMq_NpIG',
20
+ 'metricNumberContext': 'bQIMq_eoBe',
21
+ 'hiddenMetrics': 'bQIMq_fFDJ',
22
+ 'itemBodyToggleButtonWrapper': 'bQIMq_fxkJ',
23
+ 'itemBody': 'bQIMq_esVF',
24
+ 'hiddenItemBody': 'bQIMq_eTZq',
25
+ 'answerSummaryTableContainer': 'bQIMq_fkgx'
25
26
  };
26
27
  import t from '@instructure/quiz-i18n/es/format-message';
27
28
  import ExpandButton from "../../../../../common/components/shared/ExpandButton/index.js";
@@ -122,13 +123,14 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
122
123
  }, /*#__PURE__*/React.createElement(RichContentRenderer, {
123
124
  content: itemBody
124
125
  }))), /*#__PURE__*/React.createElement(Flex.Item, {
125
- margin: "xx-small small none x-small",
126
- size: "38px"
126
+ margin: "none none none x-small"
127
+ }, /*#__PURE__*/React.createElement("div", {
128
+ className: styles.itemBodyToggleButtonWrapper
127
129
  }, /*#__PURE__*/React.createElement(ExpandButton, {
128
130
  onClick: _this.handleBodyToggle,
129
131
  title: _this.state.bodyExpanded ? t('collapse question stem') : t('expand question stem'),
130
132
  isExpanded: _this.state.bodyExpanded
131
- })));
133
+ }))));
132
134
  };
133
135
 
134
136
  _this.renderMetrics = function (scores, metricsClass) {
@@ -164,7 +166,13 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
164
166
  label: t('Discrimination Index'),
165
167
  value: scores.discrimination_index,
166
168
  popoverDescription: discriminationIndex
167
- })))), /*#__PURE__*/React.createElement(Flex.Item, {
169
+ })))), /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement("div", {
170
+ className: styles.itemCardToggleButtonWrapper
171
+ }, /*#__PURE__*/React.createElement(ExpandButton, {
172
+ onClick: _this.handleMetricToggle,
173
+ title: _this.state.metricsExpanded ? t('collapse item card') : t('expand item card'),
174
+ isExpanded: _this.state.metricsExpanded
175
+ }))), /*#__PURE__*/React.createElement(Flex.Item, {
168
176
  overflowY: "visible",
169
177
  margin: "medium none none none"
170
178
  }, /*#__PURE__*/React.createElement("div", {
@@ -212,13 +220,7 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
212
220
  var itemBodyClass = classnames(styles.itemBody, _defineProperty({}, styles.hiddenItemBody, !this.state.bodyExpanded));
213
221
  return /*#__PURE__*/React.createElement(Card, {
214
222
  className: styles.cardWrapper
215
- }, /*#__PURE__*/React.createElement("div", {
216
- className: styles.itemCardToggleButtonWrapper
217
- }, /*#__PURE__*/React.createElement(ExpandButton, {
218
- onClick: this.handleMetricToggle,
219
- title: this.state.metricsExpanded ? t('collapse item card') : t('expand item card'),
220
- isExpanded: this.state.metricsExpanded
221
- })), /*#__PURE__*/React.createElement(Flex, {
223
+ }, /*#__PURE__*/React.createElement(Flex, {
222
224
  direction: "column"
223
225
  }, /*#__PURE__*/React.createElement(Flex.Item, {
224
226
  overflowY: "visible"
@@ -233,8 +235,9 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
233
235
  justifyItems: "start"
234
236
  }, /*#__PURE__*/React.createElement(Flex.Item, null, this.renderTitle(metadata.item_title)), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderInteractionType(metadata.interaction_type)), /*#__PURE__*/React.createElement(Flex.Item, {
235
237
  shouldShrink: true,
238
+ padding: "small xx-small none none",
236
239
  overflowY: "hidden",
237
- size: !this.state.bodyExpanded ? '48px' : void 0
240
+ size: !this.state.bodyExpanded ? '60px' : void 0
238
241
  }, this.renderRichContent(metadata.item_body, itemBodyClass)))), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderMetrics(scores, metricsClass)))), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderAnswerSummaryTable(itemId, answer_summary, isSupportedTable, metricsClass))));
239
242
  }
240
243
  }]);
package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/theme.js CHANGED
@@ -5,8 +5,7 @@ export default function generator(_ref) {
5
5
  return {
6
6
  tabletBreakPoint: "max-width: ".concat(breakpoints.large),
7
7
  cardWrapperPadding: spacing.medium,
8
- viewPaddingRight: spacing.large,
9
- viewPaddingTop: spacing.medium,
8
+ viewPaddingRight: spacing.xxSmall,
10
9
  metricNumberContextFontSize: typography.fontSizeMedium,
11
10
  metricNumberContextFontWeight: typography.fontWeightNormal
12
11
  };
package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/presenter.js CHANGED
@@ -8,17 +8,17 @@ var _dec, _class, _class2, _temp;
8
8
  import { Heading } from '@instructure/ui-heading';
9
9
  import React, { Component } from 'react';
10
10
  var styles = {
11
- componentId: 'ftlaC',
11
+ componentId: 'eHqQt',
12
12
  template: function template(theme) {
13
- return "\n\n.ftlaC_eDnN{display:flex;justify-content:space-between;padding-bottom:".concat(theme.headingPadding || 'inherit', "}\n\n.ftlaC_eKXQ{margin:").concat(theme.cardTopMargin || 'inherit', " auto ").concat(theme.cardBottomMargin || 'inherit', " auto;padding:").concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.ftlaC_dYbQ{align-items:center;display:flex;height:502px;justify-content:center;padding:").concat(theme.cardWrapperPadding || 'inherit', "}\n\n.ftlaC_crZr{padding-top:").concat(theme.metricGroupPaddingTop || 'inherit', "}\n\n.ftlaC_bTHH{position:absolute;right:").concat(theme.viewPaddingRight || 'inherit', ";top:").concat(theme.viewPaddingTop || 'inherit', "}\n\n.ftlaC_dPzc,.ftlaC_cpZE{column-gap:").concat(theme.metricsColumnGap || 'inherit', ";display:flex;flex-wrap:wrap;justify-content:flex-start;row-gap:1.5rem}");
13
+ return "\n\n.eHqQt_eDnN{display:flex;justify-content:space-between;padding-bottom:".concat(theme.headingPadding || 'inherit', "}\n\n.eHqQt_eKXQ{margin:").concat(theme.cardTopMargin || 'inherit', " auto ").concat(theme.cardBottomMargin || 'inherit', " auto;padding:").concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.eHqQt_dYbQ{align-items:center;display:flex;height:502px;justify-content:center;padding:").concat(theme.cardWrapperPadding || 'inherit', "}\n\n.eHqQt_crZr{padding-top:").concat(theme.metricGroupPaddingTop || 'inherit', "}\n\n.eHqQt_bTHH{position:absolute;right:calc(").concat(theme.viewPaddingRight || 'inherit', " + ").concat(theme.viewPaddingRightAdjust || 'inherit', ");top:").concat(theme.viewPaddingTop || 'inherit', "}\n\n.eHqQt_dPzc,.eHqQt_cpZE{column-gap:").concat(theme.metricsColumnGap || 'inherit', ";display:flex;flex-wrap:wrap;justify-content:flex-start;row-gap:1.5rem}");
14
14
  },
15
- 'heading': 'ftlaC_eDnN',
16
- 'cardWrapper': 'ftlaC_eKXQ',
17
- 'skeletonCardWrapper': 'ftlaC_dYbQ',
18
- 'container': 'ftlaC_crZr',
19
- 'expandButtonContainer': 'ftlaC_bTHH',
20
- 'metricGroup': 'ftlaC_dPzc',
21
- 'metricsWrapper': 'ftlaC_cpZE'
15
+ 'heading': 'eHqQt_eDnN',
16
+ 'cardWrapper': 'eHqQt_eKXQ',
17
+ 'skeletonCardWrapper': 'eHqQt_dYbQ',
18
+ 'container': 'eHqQt_crZr',
19
+ 'expandButtonContainer': 'eHqQt_bTHH',
20
+ 'metricGroup': 'eHqQt_dPzc',
21
+ 'metricsWrapper': 'eHqQt_cpZE'
22
22
  };
23
23
  import t from '@instructure/quiz-i18n/es/format-message';
24
24
  import ExpandButton from "../../../../../common/components/shared/ExpandButton/index.js";
package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/theme.js CHANGED
@@ -4,7 +4,8 @@ export default function generator(_ref) {
4
4
  metricGroupPaddingTop: spacing.medium,
5
5
  cardTopMargin: spacing.small,
6
6
  cardBottomMargin: spacing.medium,
7
- viewPaddingRight: spacing.large,
7
+ viewPaddingRight: spacing.medium,
8
+ viewPaddingRightAdjust: spacing.xxSmall,
8
9
  viewPaddingTop: spacing.medium,
9
10
  headingPadding: spacing.medium,
10
11
  cardWrapperPadding: spacing.medium,
package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js CHANGED
@@ -56,19 +56,20 @@ var _uiFlex = require("@instructure/ui-flex");
56
56
  var _dec, _class, _class2, _temp;
57
57
 
58
58
  var styles = {
59
- componentId: 'bIeGi',
59
+ componentId: 'bQIMq',
60
60
  template: function template(theme) {
61
- return "\n\n.bIeGi_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.bIeGi_bwlc{align-items:flex-start;gap:24px;justify-content:space-between;row-gap:32px}\n\n.bIeGi_bwlc,.bIeGi_bqdH{display:flex;flex-direction:row;flex-wrap:wrap}\n\n.bIeGi_bqdH{align-items:center;row-gap:24px}\n\n.bIeGi_NpIG{position:absolute;right:").concat(theme.viewPaddingRight || 'inherit', ";top:").concat(theme.viewPaddingTop || 'inherit', "}\n\n.bIeGi_eoBe{font-size:").concat(theme.metricNumberContextFontSize || 'inherit', ";font-weight:").concat(theme.metricNumberContextFontWeight || 'inherit', "}\n\n.bIeGi_fFDJ{display:none}\n\n.bIeGi_esVF{min-height:48px}\n\n.bIeGi_eTZq{position:relative}\n\n.bIeGi_eTZq:after{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);content:\"\";height:48px;left:0;position:absolute;top:0;width:100%}\n\n.bIeGi_fkgx{max-width:100%;width:calc(25% + 350px)}");
61
+ return "\n\n.bQIMq_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', "}\n\n.bQIMq_bwlc{gap:24px;justify-content:space-between;position:relative;row-gap:32px}\n\n.bQIMq_bwlc,.bQIMq_bqdH{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap}\n\n.bQIMq_bqdH{row-gap:24px}\n\n.bQIMq_NpIG{position:absolute;right:").concat(theme.viewPaddingRight || 'inherit', ";top:0}\n\n.bQIMq_eoBe{font-size:").concat(theme.metricNumberContextFontSize || 'inherit', ";font-weight:").concat(theme.metricNumberContextFontWeight || 'inherit', "}\n\n.bQIMq_fFDJ{display:none}\n\n.bQIMq_fxkJ{margin-top:-8px}\n\n.bQIMq_esVF{min-height:48px}\n\n.bQIMq_eTZq{position:relative}\n\n.bQIMq_eTZq:after{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);content:\"\";height:48px;left:0;position:absolute;top:0;width:100%}\n\n.bQIMq_fkgx{max-width:100%;width:calc(25% + 350px)}");
62
62
  },
63
- 'cardWrapper': 'bIeGi_eKXQ',
64
- 'itemCardInnerContainer': 'bIeGi_bwlc',
65
- 'metricsContainer': 'bIeGi_bqdH',
66
- 'itemCardToggleButtonWrapper': 'bIeGi_NpIG',
67
- 'metricNumberContext': 'bIeGi_eoBe',
68
- 'hiddenMetrics': 'bIeGi_fFDJ',
69
- 'itemBody': 'bIeGi_esVF',
70
- 'hiddenItemBody': 'bIeGi_eTZq',
71
- 'answerSummaryTableContainer': 'bIeGi_fkgx'
63
+ 'cardWrapper': 'bQIMq_eKXQ',
64
+ 'itemCardInnerContainer': 'bQIMq_bwlc',
65
+ 'metricsContainer': 'bQIMq_bqdH',
66
+ 'itemCardToggleButtonWrapper': 'bQIMq_NpIG',
67
+ 'metricNumberContext': 'bQIMq_eoBe',
68
+ 'hiddenMetrics': 'bQIMq_fFDJ',
69
+ 'itemBodyToggleButtonWrapper': 'bQIMq_fxkJ',
70
+ 'itemBody': 'bQIMq_esVF',
71
+ 'hiddenItemBody': 'bQIMq_eTZq',
72
+ 'answerSummaryTableContainer': 'bQIMq_fkgx'
72
73
  };
73
74
  var supportedTables = ['choice', 'true-false', 'multi-answer'];
74
75
  var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
@@ -154,13 +155,14 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
154
155
  }, /*#__PURE__*/_react.default.createElement(_quizRce.RichContentRenderer, {
155
156
  content: itemBody
156
157
  }))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
157
- margin: "xx-small small none x-small",
158
- size: "38px"
158
+ margin: "none none none x-small"
159
+ }, /*#__PURE__*/_react.default.createElement("div", {
160
+ className: styles.itemBodyToggleButtonWrapper
159
161
  }, /*#__PURE__*/_react.default.createElement(_index.default, {
160
162
  onClick: _this.handleBodyToggle,
161
163
  title: _this.state.bodyExpanded ? (0, _formatMessage.default)('collapse question stem') : (0, _formatMessage.default)('expand question stem'),
162
164
  isExpanded: _this.state.bodyExpanded
163
- })));
165
+ }))));
164
166
  };
165
167
 
166
168
  _this.renderMetrics = function (scores, metricsClass) {
@@ -196,7 +198,13 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
196
198
  label: (0, _formatMessage.default)('Discrimination Index'),
197
199
  value: scores.discrimination_index,
198
200
  popoverDescription: _popoverContent.discriminationIndex
199
- })))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
201
+ })))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement("div", {
202
+ className: styles.itemCardToggleButtonWrapper
203
+ }, /*#__PURE__*/_react.default.createElement(_index.default, {
204
+ onClick: _this.handleMetricToggle,
205
+ title: _this.state.metricsExpanded ? (0, _formatMessage.default)('collapse item card') : (0, _formatMessage.default)('expand item card'),
206
+ isExpanded: _this.state.metricsExpanded
207
+ }))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
200
208
  overflowY: "visible",
201
209
  margin: "medium none none none"
202
210
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -244,13 +252,7 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
244
252
  var itemBodyClass = (0, _classnames3.default)(styles.itemBody, (0, _defineProperty2.default)({}, styles.hiddenItemBody, !this.state.bodyExpanded));
245
253
  return /*#__PURE__*/_react.default.createElement(_index2.default, {
246
254
  className: styles.cardWrapper
247
- }, /*#__PURE__*/_react.default.createElement("div", {
248
- className: styles.itemCardToggleButtonWrapper
249
- }, /*#__PURE__*/_react.default.createElement(_index.default, {
250
- onClick: this.handleMetricToggle,
251
- title: this.state.metricsExpanded ? (0, _formatMessage.default)('collapse item card') : (0, _formatMessage.default)('expand item card'),
252
- isExpanded: this.state.metricsExpanded
253
- })), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
255
+ }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
254
256
  direction: "column"
255
257
  }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
256
258
  overflowY: "visible"
@@ -265,8 +267,9 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
265
267
  justifyItems: "start"
266
268
  }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderTitle(metadata.item_title)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderInteractionType(metadata.interaction_type)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
267
269
  shouldShrink: true,
270
+ padding: "small xx-small none none",
268
271
  overflowY: "hidden",
269
- size: !this.state.bodyExpanded ? '48px' : void 0
272
+ size: !this.state.bodyExpanded ? '60px' : void 0
270
273
  }, this.renderRichContent(metadata.item_body, itemBodyClass)))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderMetrics(scores, metricsClass)))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderAnswerSummaryTable(itemId, answer_summary, isSupportedTable, metricsClass))));
271
274
  }
272
275
  }]);
package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/theme.js CHANGED
@@ -12,8 +12,7 @@ function generator(_ref) {
12
12
  return {
13
13
  tabletBreakPoint: "max-width: ".concat(breakpoints.large),
14
14
  cardWrapperPadding: spacing.medium,
15
- viewPaddingRight: spacing.large,
16
- viewPaddingTop: spacing.medium,
15
+ viewPaddingRight: spacing.xxSmall,
17
16
  metricNumberContextFontSize: typography.fontSizeMedium,
18
17
  metricNumberContextFontWeight: typography.fontWeightNormal
19
18
  };
package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/presenter.js CHANGED
@@ -50,17 +50,17 @@ var _popoverContent = require("./popoverContent.js");
50
50
  var _dec, _class, _class2, _temp;
51
51
 
52
52
  var styles = {
53
- componentId: 'ftlaC',
53
+ componentId: 'eHqQt',
54
54
  template: function template(theme) {
55
- return "\n\n.ftlaC_eDnN{display:flex;justify-content:space-between;padding-bottom:".concat(theme.headingPadding || 'inherit', "}\n\n.ftlaC_eKXQ{margin:").concat(theme.cardTopMargin || 'inherit', " auto ").concat(theme.cardBottomMargin || 'inherit', " auto;padding:").concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.ftlaC_dYbQ{align-items:center;display:flex;height:502px;justify-content:center;padding:").concat(theme.cardWrapperPadding || 'inherit', "}\n\n.ftlaC_crZr{padding-top:").concat(theme.metricGroupPaddingTop || 'inherit', "}\n\n.ftlaC_bTHH{position:absolute;right:").concat(theme.viewPaddingRight || 'inherit', ";top:").concat(theme.viewPaddingTop || 'inherit', "}\n\n.ftlaC_dPzc,.ftlaC_cpZE{column-gap:").concat(theme.metricsColumnGap || 'inherit', ";display:flex;flex-wrap:wrap;justify-content:flex-start;row-gap:1.5rem}");
55
+ return "\n\n.eHqQt_eDnN{display:flex;justify-content:space-between;padding-bottom:".concat(theme.headingPadding || 'inherit', "}\n\n.eHqQt_eKXQ{margin:").concat(theme.cardTopMargin || 'inherit', " auto ").concat(theme.cardBottomMargin || 'inherit', " auto;padding:").concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.eHqQt_dYbQ{align-items:center;display:flex;height:502px;justify-content:center;padding:").concat(theme.cardWrapperPadding || 'inherit', "}\n\n.eHqQt_crZr{padding-top:").concat(theme.metricGroupPaddingTop || 'inherit', "}\n\n.eHqQt_bTHH{position:absolute;right:calc(").concat(theme.viewPaddingRight || 'inherit', " + ").concat(theme.viewPaddingRightAdjust || 'inherit', ");top:").concat(theme.viewPaddingTop || 'inherit', "}\n\n.eHqQt_dPzc,.eHqQt_cpZE{column-gap:").concat(theme.metricsColumnGap || 'inherit', ";display:flex;flex-wrap:wrap;justify-content:flex-start;row-gap:1.5rem}");
56
56
  },
57
- 'heading': 'ftlaC_eDnN',
58
- 'cardWrapper': 'ftlaC_eKXQ',
59
- 'skeletonCardWrapper': 'ftlaC_dYbQ',
60
- 'container': 'ftlaC_crZr',
61
- 'expandButtonContainer': 'ftlaC_bTHH',
62
- 'metricGroup': 'ftlaC_dPzc',
63
- 'metricsWrapper': 'ftlaC_cpZE'
57
+ 'heading': 'eHqQt_eDnN',
58
+ 'cardWrapper': 'eHqQt_eKXQ',
59
+ 'skeletonCardWrapper': 'eHqQt_dYbQ',
60
+ 'container': 'eHqQt_crZr',
61
+ 'expandButtonContainer': 'eHqQt_bTHH',
62
+ 'metricGroup': 'eHqQt_dPzc',
63
+ 'metricsWrapper': 'eHqQt_cpZE'
64
64
  };
65
65
  var NewQuizAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
66
66
  (0, _inherits2.default)(NewQuizAnalysis, _Component);
package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/theme.js CHANGED
@@ -11,7 +11,8 @@ function generator(_ref) {
11
11
  metricGroupPaddingTop: spacing.medium,
12
12
  cardTopMargin: spacing.small,
13
13
  cardBottomMargin: spacing.medium,
14
- viewPaddingRight: spacing.large,
14
+ viewPaddingRight: spacing.medium,
15
+ viewPaddingRightAdjust: spacing.xxSmall,
15
16
  viewPaddingTop: spacing.medium,
16
17
  headingPadding: spacing.medium,
17
18
  cardWrapperPadding: spacing.medium,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/quiz-core",
3
- "version": "17.66.1-rc.1+5984e622d",
3
+ "version": "17.66.1",
4
4
  "license": "MIT",
5
5
  "description": "The Quiz React SDK by Instructure Inc.",
6
6
  "author": "Instructure, Inc. Engineering and Product Design",
@@ -42,11 +42,11 @@
42
42
  "dependencies": {
43
43
  "@instructure/grading-utils": "^1.0.0",
44
44
  "@instructure/outcomes-ui": "^2.1.9",
45
- "@instructure/quiz-common": "17.66.1-rc.1+5984e622d",
46
- "@instructure/quiz-i18n": "17.66.1-rc.1+5984e622d",
47
- "@instructure/quiz-interactions": "17.66.1-rc.1+5984e622d",
48
- "@instructure/quiz-number-input": "17.66.1-rc.1+5984e622d",
49
- "@instructure/quiz-rce": "17.66.1-rc.1+5984e622d",
45
+ "@instructure/quiz-common": "^17.66.1",
46
+ "@instructure/quiz-i18n": "^17.66.1",
47
+ "@instructure/quiz-interactions": "^17.66.1",
48
+ "@instructure/quiz-number-input": "^17.66.1",
49
+ "@instructure/quiz-rce": "^17.66.1",
50
50
  "@instructure/ui-a11y-content": "^7.20.0",
51
51
  "@instructure/ui-alerts": "^7.20.0",
52
52
  "@instructure/ui-avatar": "^7.20.0",
@@ -107,7 +107,7 @@
107
107
  "eventemitter3": "^3.1.0",
108
108
  "humps": "^2.0.0",
109
109
  "immutable": "^3.8.1",
110
- "instructure-validations": "17.66.1-rc.1+5984e622d",
110
+ "instructure-validations": "^17.66.1",
111
111
  "ipaddr.js": "^1.5.4",
112
112
  "isomorphic-fetch": "^2.2.0",
113
113
  "isuuid": "^0.1.0",
@@ -139,7 +139,7 @@
139
139
  "uuid": "^3.2.1"
140
140
  },
141
141
  "devDependencies": {
142
- "@instructure/quiz-scripts": "17.66.0",
142
+ "@instructure/quiz-scripts": "^17.66.1",
143
143
  "@instructure/ui-axe-check": "^7.20.0",
144
144
  "@instructure/ui-babel-preset": "^7.20.0",
145
145
  "@instructure/ui-karma-config": "^7.20.0",
@@ -158,7 +158,7 @@
158
158
  "intl": "^1.2.4",
159
159
  "jquery": "^2.2.3",
160
160
  "most-subject": "^5.3.0",
161
- "quiz-presets": "17.66.1-rc.1+5984e622d",
161
+ "quiz-presets": "^17.66.1",
162
162
  "react": "^16.8.6",
163
163
  "react-addons-test-utils": "^15.6.2",
164
164
  "react-dom": "^16.8.6",
@@ -174,5 +174,5 @@
174
174
  "publishConfig": {
175
175
  "access": "public"
176
176
  },
177
- "gitHead": "5984e622db3eea5c5c4c3220409bf5e5c0b7cc41"
177
+ "gitHead": "f46ffc7485f72dce0dba3aa4997ee9f0a74dbc5f"
178
178
  }