@instructure/quiz-core 20.11.3-rc.2 → 20.11.3-rc.21

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 (161) hide show
  1. package/es/banks/components/Bank/presenter.js +12 -6
  2. package/es/banks/components/HeaderMenu/presenter.js +40 -1
  3. package/es/banks/components/HeaderMenu/styles.js +3 -0
  4. package/es/banks/components/NavWrapper/presenter.js +6 -1
  5. package/es/banks/components/SharingModal/presenter.js +1 -1
  6. package/es/building/components/resources/quizEntry/QuizEntry/index.js +2 -1
  7. package/es/building/components/resources/quizEntry/QuizEntry/presenter.js +23 -29
  8. package/es/building/components/resources/quizEntry/QuizEntry/quizEntryPresenterWrapper.js +39 -0
  9. package/es/building/components/resources/quizEntry/QuizEntry/styles.js +23 -0
  10. package/es/building/components/resources/quizEntry/QuizEntry/theme.js +4 -2
  11. package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/presenter.js +35 -43
  12. package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/styles.js +30 -0
  13. package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/theme.js +4 -2
  14. package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/index.js +25 -31
  15. package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/styles.js +19 -0
  16. package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/theme.js +4 -2
  17. package/es/building/components/resources/quizEntry/QuizEntryEdit/Footer/presenter.js +27 -33
  18. package/es/building/components/resources/quizEntry/QuizEntryEdit/Footer/styles.js +28 -0
  19. package/es/building/components/resources/quizEntry/QuizEntryEdit/Footer/theme.js +4 -2
  20. package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/index.js +32 -37
  21. package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/styles.js +49 -0
  22. package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/theme.js +4 -2
  23. package/es/building/components/resources/quizEntry/QuizEntryEdit/presenter.js +23 -23
  24. package/es/building/components/resources/quizEntry/QuizEntryEdit/styles.js +21 -0
  25. package/es/building/components/resources/quizEntry/QuizEntryEdit/theme.js +4 -2
  26. package/es/building/components/resources/quizEntry/QuizEntryShow/presenter.js +36 -50
  27. package/es/building/components/resources/quizEntry/QuizEntryShow/styles.js +84 -0
  28. package/es/building/components/resources/quizEntry/QuizEntryShow/theme.js +4 -2
  29. package/es/common/components/layout/navbar/SecondaryNavBarButton/index.js +1 -1
  30. package/es/common/components/layout/navbar/index.js +135 -38
  31. package/es/common/components/layout/navbar/styles.js +8 -0
  32. package/es/common/components/layout/navbar/theme.js +10 -0
  33. package/es/common/components/resources/stimulus/Stimulus/presenter.js +40 -50
  34. package/es/common/components/resources/stimulus/Stimulus/styles.js +58 -0
  35. package/es/common/components/resources/stimulus/Stimulus/theme.js +4 -2
  36. package/es/common/components/resources/stimulus/StimulusEdit/presenter.js +37 -46
  37. package/es/common/components/resources/stimulus/StimulusEdit/styles.js +46 -0
  38. package/es/common/components/resources/stimulus/StimulusEdit/theme.js +4 -2
  39. package/es/common/components/shared/overlayEmotion/index.js +1 -1
  40. package/es/common/components/shared/return_button/ReturnButton.js +4 -1
  41. package/es/moderating/components/resources/ModerateTable/presenter.js +44 -46
  42. package/es/moderating/components/resources/ModerateTable/styles.js +23 -0
  43. package/es/moderating/components/resources/ModerateTable/theme.js +4 -2
  44. package/es/moderating/components/resources/ModerateTableRow/presenter.js +63 -68
  45. package/es/moderating/components/resources/ModerateTableRow/styles.js +25 -0
  46. package/es/moderating/components/resources/ModerateTableRow/theme.js +4 -2
  47. package/es/reporting/components/quizAnalysis/QuizAnalysisOverview.js +34 -41
  48. package/es/reporting/components/quizAnalysis/styles.js +27 -0
  49. package/es/reporting/components/quizAnalysis/theme.js +4 -2
  50. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/ChoiceTypeTableRow/presenter.js +43 -43
  51. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/ChoiceTypeTableRow/styles.js +41 -0
  52. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/ChoiceTypeTableRow/theme.js +6 -3
  53. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/presenter.js +20 -26
  54. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/styles.js +19 -0
  55. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/theme.js +4 -2
  56. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/presenter.js +45 -47
  57. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/styles.js +52 -0
  58. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/theme.js +4 -2
  59. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/NumericType/ChoiceTypeWithInfo/presenter.js +2 -2
  60. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/NumericType/presenter.js +2 -2
  61. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/RichFillBlankType/ChoiceGroupTypeTable/presenter.js +2 -2
  62. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsPartsContainer/presenter.js +32 -26
  63. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsPartsContainer/styles.js +14 -0
  64. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsPartsContainer/theme.js +4 -2
  65. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/presenter.js +38 -53
  66. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/styles.js +141 -0
  67. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/theme.js +10 -7
  68. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ChoiceTypeTable/presenter.js +80 -61
  69. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ChoiceTypeTable/styles.js +93 -0
  70. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ChoiceTypeTable/theme.js +8 -5
  71. package/es/reporting/components/resources/NewQuizAndItemAnalysis/MetricPopover/presenter.js +31 -26
  72. package/es/reporting/components/resources/NewQuizAndItemAnalysis/MetricPopover/styles.js +15 -0
  73. package/es/reporting/components/resources/NewQuizAndItemAnalysis/MetricPopover/theme.js +4 -2
  74. package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js +80 -79
  75. package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/styles.js +75 -0
  76. package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/theme.js +4 -2
  77. package/es/reporting/components/resources/NewQuizAndItemAnalysis/presenter.js +47 -49
  78. package/es/reporting/components/resources/NewQuizAndItemAnalysis/styles.js +14 -0
  79. package/es/reporting/components/resources/NewQuizAndItemAnalysis/theme.js +4 -2
  80. package/lib/banks/components/Bank/presenter.js +10 -5
  81. package/lib/banks/components/HeaderMenu/presenter.js +42 -1
  82. package/lib/banks/components/HeaderMenu/styles.js +3 -0
  83. package/lib/banks/components/NavWrapper/presenter.js +6 -1
  84. package/lib/banks/components/SharingModal/presenter.js +1 -1
  85. package/lib/building/components/resources/quizEntry/QuizEntry/index.js +3 -1
  86. package/lib/building/components/resources/quizEntry/QuizEntry/presenter.js +22 -30
  87. package/lib/building/components/resources/quizEntry/QuizEntry/quizEntryPresenterWrapper.js +51 -0
  88. package/lib/building/components/resources/quizEntry/QuizEntry/styles.js +33 -0
  89. package/lib/building/components/resources/quizEntry/QuizEntry/theme.js +6 -3
  90. package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/presenter.js +34 -45
  91. package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/styles.js +38 -0
  92. package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/theme.js +6 -3
  93. package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/index.js +24 -33
  94. package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/styles.js +27 -0
  95. package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/theme.js +6 -3
  96. package/lib/building/components/resources/quizEntry/QuizEntryEdit/Footer/presenter.js +26 -35
  97. package/lib/building/components/resources/quizEntry/QuizEntryEdit/Footer/styles.js +38 -0
  98. package/lib/building/components/resources/quizEntry/QuizEntryEdit/Footer/theme.js +6 -3
  99. package/lib/building/components/resources/quizEntry/QuizEntryEdit/Header/index.js +30 -38
  100. package/lib/building/components/resources/quizEntry/QuizEntryEdit/Header/styles.js +57 -0
  101. package/lib/building/components/resources/quizEntry/QuizEntryEdit/Header/theme.js +6 -3
  102. package/lib/building/components/resources/quizEntry/QuizEntryEdit/presenter.js +20 -22
  103. package/lib/building/components/resources/quizEntry/QuizEntryEdit/styles.js +29 -0
  104. package/lib/building/components/resources/quizEntry/QuizEntryEdit/theme.js +6 -3
  105. package/lib/building/components/resources/quizEntry/QuizEntryShow/presenter.js +36 -53
  106. package/lib/building/components/resources/quizEntry/QuizEntryShow/styles.js +95 -0
  107. package/lib/building/components/resources/quizEntry/QuizEntryShow/theme.js +6 -3
  108. package/lib/common/components/layout/navbar/SecondaryNavBarButton/index.js +1 -1
  109. package/lib/common/components/layout/navbar/index.js +130 -39
  110. package/lib/common/components/layout/navbar/styles.js +16 -0
  111. package/lib/common/components/layout/navbar/theme.js +18 -0
  112. package/lib/common/components/resources/stimulus/Stimulus/presenter.js +38 -52
  113. package/lib/common/components/resources/stimulus/Stimulus/styles.js +70 -0
  114. package/lib/common/components/resources/stimulus/Stimulus/theme.js +6 -3
  115. package/lib/common/components/resources/stimulus/StimulusEdit/presenter.js +36 -47
  116. package/lib/common/components/resources/stimulus/StimulusEdit/styles.js +54 -0
  117. package/lib/common/components/resources/stimulus/StimulusEdit/theme.js +6 -3
  118. package/lib/common/components/shared/overlayEmotion/index.js +1 -1
  119. package/lib/common/components/shared/return_button/ReturnButton.js +4 -1
  120. package/lib/moderating/components/resources/ModerateTable/presenter.js +43 -50
  121. package/lib/moderating/components/resources/ModerateTable/styles.js +33 -0
  122. package/lib/moderating/components/resources/ModerateTable/theme.js +6 -3
  123. package/lib/moderating/components/resources/ModerateTableRow/presenter.js +61 -70
  124. package/lib/moderating/components/resources/ModerateTableRow/styles.js +33 -0
  125. package/lib/moderating/components/resources/ModerateTableRow/theme.js +6 -3
  126. package/lib/reporting/components/quizAnalysis/QuizAnalysisOverview.js +33 -43
  127. package/lib/reporting/components/quizAnalysis/styles.js +37 -0
  128. package/lib/reporting/components/quizAnalysis/theme.js +6 -3
  129. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/ChoiceTypeTableRow/presenter.js +42 -47
  130. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/ChoiceTypeTableRow/styles.js +51 -0
  131. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/ChoiceTypeTableRow/theme.js +8 -4
  132. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/presenter.js +19 -28
  133. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/styles.js +27 -0
  134. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/theme.js +6 -3
  135. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/presenter.js +45 -52
  136. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/styles.js +62 -0
  137. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/theme.js +6 -3
  138. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/NumericType/ChoiceTypeWithInfo/presenter.js +2 -2
  139. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/NumericType/presenter.js +2 -2
  140. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/RichFillBlankType/ChoiceGroupTypeTable/presenter.js +2 -2
  141. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsPartsContainer/presenter.js +28 -26
  142. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsPartsContainer/styles.js +24 -0
  143. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsPartsContainer/theme.js +6 -3
  144. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/presenter.js +37 -55
  145. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/styles.js +149 -0
  146. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/theme.js +12 -8
  147. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ChoiceTypeTable/presenter.js +81 -65
  148. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ChoiceTypeTable/styles.js +103 -0
  149. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ChoiceTypeTable/theme.js +10 -6
  150. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/MetricPopover/presenter.js +30 -28
  151. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/MetricPopover/styles.js +23 -0
  152. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/MetricPopover/theme.js +6 -3
  153. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js +82 -84
  154. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/styles.js +85 -0
  155. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/theme.js +6 -3
  156. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/presenter.js +43 -48
  157. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/styles.js +22 -0
  158. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/theme.js +6 -3
  159. package/package.json +9 -9
  160. package/es/common/components/layout/navbar/presenter.js +0 -114
  161. package/lib/common/components/layout/navbar/presenter.js +0 -136
@@ -0,0 +1,14 @@
1
+ var generateStyle = function generateStyle(componentTheme) {
2
+ return {
3
+ headerButtonsContainer: {
4
+ display: 'flex',
5
+ flexDirection: 'row',
6
+ alignItems: 'flex-end',
7
+ justifyContent: 'flex-end',
8
+ flexWrap: 'wrap',
9
+ gap: componentTheme.headerButtonsGap
10
+ }
11
+ };
12
+ };
13
+
14
+ export default generateStyle;
@@ -1,6 +1,8 @@
1
- export default function generator(_ref) {
1
+ var generateComponentTheme = function generateComponentTheme(_ref) {
2
2
  var spacing = _ref.spacing;
3
3
  return {
4
4
  headerButtonsGap: spacing.small
5
5
  };
6
- }
6
+ };
7
+
8
+ export default generateComponentTheme;
@@ -83,6 +83,8 @@ var _theme = _interopRequireDefault(require("./theme.js"));
83
83
 
84
84
  var _dec, _class, _class2, _temp;
85
85
 
86
+ var _ref = (0, _emotion.jsx)(_uiIcons.IconMoreSolid, null);
87
+
86
88
  var Bank = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
87
89
  (0, _inherits2.default)(Bank, _Component);
88
90
 
@@ -112,7 +114,10 @@ var Bank = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
112
114
  _this.renderHeaderMenu = function () {
113
115
  if (!_this.props.isCompact) {
114
116
  return (0, _emotion.jsx)(_index7.default, {
115
- bank: _this.props.bank
117
+ bank: _this.props.bank,
118
+ iceTopNavBarEnabled: _this.props.iceTopNavBarEnabled,
119
+ id: "BankMenu",
120
+ renderIcon: _ref
116
121
  });
117
122
  }
118
123
  };
@@ -137,7 +142,7 @@ var Bank = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
137
142
  };
138
143
 
139
144
  _this.unshareBankWithCourse = /*#__PURE__*/function () {
140
- var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(sharedBank) {
145
+ var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(sharedBank) {
141
146
  var _this$props, updateSharedBankPermission, bankId, getSharedBank, scope;
142
147
 
143
148
  return _regenerator.default.wrap(function _callee$(_context) {
@@ -165,7 +170,7 @@ var Bank = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
165
170
  }));
166
171
 
167
172
  return function (_x) {
168
- return _ref.apply(this, arguments);
173
+ return _ref2.apply(this, arguments);
169
174
  };
170
175
  }();
171
176
 
@@ -220,8 +225,8 @@ var Bank = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
220
225
  }, _this.renderNewBankEntryButton());
221
226
  };
222
227
 
223
- _this.announceResults = function (_ref2) {
224
- var totalPages = _ref2.totalPages;
228
+ _this.announceResults = function (_ref3) {
229
+ var totalPages = _ref3.totalPages;
225
230
  var message = (0, _formatMessage.default)("{\n count, plural,\n =0 {No search results found}\n one {Displaying one page of results}\n other {Displaying # pages of results}\n }", {
226
231
  count: totalPages
227
232
  }); // Audibly announce when search results are ready.
@@ -21,10 +21,16 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
21
21
 
22
22
  var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
23
23
 
24
+ var _uiView = require("@instructure/ui-view");
25
+
24
26
  var _uiMenu = require("@instructure/ui-menu");
25
27
 
26
28
  var _uiButtons = require("@instructure/ui-buttons");
27
29
 
30
+ var _uiTopNavBar = require("@instructure/ui-top-nav-bar");
31
+
32
+ var _uiDrilldown = require("@instructure/ui-drilldown");
33
+
28
34
  var _uiIcons = require("@instructure/ui-icons");
29
35
 
30
36
  var _emotion = require("@instructure/emotion");
@@ -41,6 +47,10 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
41
47
 
42
48
  var _dec, _class, _class2, _temp;
43
49
 
50
+ var _ref = (0, _emotion.jsx)(_uiIcons.IconImportLine, {
51
+ "data-automation": "sdk-headermenu-import-content"
52
+ });
53
+
44
54
  var HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
45
55
  (0, _inherits2.default)(HeaderMenu, _Component);
46
56
 
@@ -54,6 +64,28 @@ var HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
54
64
  (0, _createClass2.default)(HeaderMenu, [{
55
65
  key: "renderMenu",
56
66
  value: function renderMenu() {
67
+ if (this.props.iceTopNavBarEnabled) {
68
+ return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.Item, {
69
+ id: this.props.id,
70
+ variant: "icon",
71
+ renderIcon: this.props.renderIcon,
72
+ showSubmenuChevron: false,
73
+ renderSubmenu: (0, _emotion.jsx)(_uiDrilldown.Drilldown, {
74
+ rootPageId: "root"
75
+ }, (0, _emotion.jsx)(_uiDrilldown.Drilldown.Page, {
76
+ id: "root"
77
+ }, (0, _emotion.jsx)(_uiDrilldown.Drilldown.Option, {
78
+ id: "import",
79
+ key: "import",
80
+ disabled: !this.props.bank.canImport(),
81
+ onOptionClick: this.props.openImportModal
82
+ }, _ref, (0, _emotion.jsx)(_uiView.View, {
83
+ as: "span",
84
+ margin: "0 0 0 x-small"
85
+ }, (0, _formatMessage.default)('Import Content')))))
86
+ }, (0, _formatMessage.default)('More Item Banking Actions'));
87
+ }
88
+
57
89
  return (0, _emotion.jsx)(_uiMenu.Menu, {
58
90
  trigger: (0, _emotion.jsx)(_uiButtons.IconButton, {
59
91
  renderIcon: _uiIcons.IconMoreSolid,
@@ -74,7 +106,9 @@ var HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
74
106
  key: "render",
75
107
  value: function render() {
76
108
  var bank = this.props.bank;
77
- return (0, _emotion.jsx)("div", null, this.renderMenu(), (0, _emotion.jsx)(_index.default, {
109
+ return (0, _emotion.jsx)("div", {
110
+ css: this.props.styles.container
111
+ }, this.renderMenu(), (0, _emotion.jsx)(_index.default, {
78
112
  parentId: bank.id,
79
113
  parentType: _quizCommon.PARENT_TYPE_BANK,
80
114
  qtiImport: bank.getLatestImport(),
@@ -87,8 +121,15 @@ var HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
87
121
  }(_react.Component), _class2.propTypes = {
88
122
  openImportModal: _propTypes.default.func.isRequired,
89
123
  bank: _reactImmutableProptypes.default.record.isRequired,
124
+ iceTopNavBarEnabled: _propTypes.default.bool,
125
+ id: _propTypes.default.string,
126
+ renderIcon: _propTypes.default.element,
90
127
  // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
91
128
  styles: _propTypes.default.object
129
+ }, _class2.defaultProps = {
130
+ iceTopNavBarEnabled: false,
131
+ id: 'BankMenu',
132
+ renderIcon: (0, _emotion.jsx)(_uiIcons.IconMoreSolid, null)
92
133
  }, _temp)) || _class);
93
134
  exports.HeaderMenu = HeaderMenu;
94
135
  var _default = HeaderMenu;
@@ -11,6 +11,9 @@ var generateStyle = function generateStyle(componentTheme) {
11
11
  verticalAlign: 'middle',
12
12
  marginRight: componentTheme.menuIconMargin,
13
13
  fontSize: componentTheme.menuIconFontSize
14
+ },
15
+ container: {
16
+ height: '100%'
14
17
  }
15
18
  };
16
19
  };
@@ -100,12 +100,15 @@ var NavWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
100
100
  if (!closeTray && returnToUrl) {
101
101
  return (0, _emotion.jsx)(_ReturnButton.ReturnButton, {
102
102
  returnToUrl: returnToUrl,
103
+ id: "ReturnButton",
104
+ key: "ReturnButton",
103
105
  iceTopNavBarEnabled: iceTopNavBarEnabled
104
106
  });
105
107
  } else if (navigateToBuild) {
106
108
  if (iceTopNavBarEnabled) {
107
109
  return (0, _emotion.jsx)(_index2.SecondaryNavBarButton, {
108
110
  id: "ReturnButton",
111
+ key: "ReturnButton",
109
112
  variant: "button",
110
113
  onClick: navigateToBuild
111
114
  }, (0, _formatMessage.default)('Return'));
@@ -132,12 +135,14 @@ var NavWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
132
135
  key: "render",
133
136
  value: function render() {
134
137
  if (this.props.iceTopNavBarEnabled) {
138
+ var actionItems = [this.renderReturnButton()];
139
+ !this.props.isCompact && actionItems.push(this.props.renderHeaderMenu());
135
140
  return (0, _emotion.jsx)(_index.NavBar, {
136
141
  menuItems: [{
137
142
  path: this.props.menuItemPath,
138
143
  text: 'Item Banks'
139
144
  }],
140
- actionItems: [this.renderReturnButton()]
145
+ actionItems: actionItems
141
146
  });
142
147
  }
143
148
 
@@ -653,7 +653,7 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
653
653
  placement: "end",
654
654
  offset: "medium",
655
655
  screenReaderLabel: (0, _formatMessage.default)('Close')
656
- })), (0, _emotion.jsx)(_quizCommon.ModalBody, null, !subAccountBankSharingEnabled && this.renderRootAccountSharing(), !subAccountBankSharingEnabled && this.renderSearchSection(), this.state.shares.size > 0 ? this.renderEntitiesSection() : _ref7), (0, _emotion.jsx)(_quizCommon.ModalFooter, null, this.renderFooter()));
656
+ })), (0, _emotion.jsx)(_quizCommon.ModalBody, null, !subAccountBankSharingEnabled && this.renderRootAccountSharing(), !subAccountBankSharingEnabled && this.renderSearchSection(), this.state.shares.size >= 0 ? this.renderEntitiesSection() : _ref7), (0, _emotion.jsx)(_quizCommon.ModalFooter, null, this.renderFooter()));
657
657
  }
658
658
  }]);
659
659
  SharingModalPresenter.displayName = "SharingModalPresenter";
@@ -39,6 +39,8 @@ var _quizCommon = require("@instructure/quiz-common");
39
39
 
40
40
  var _quizzes = require("../../../../../common/selectors/quizzes.js");
41
41
 
42
+ var _quizEntryPresenterWrapper = _interopRequireDefault(require("./quizEntryPresenterWrapper.js"));
43
+
42
44
  var mapStateToProps = function mapStateToProps(state, props) {
43
45
  var activeQuiz = (0, _quizzes.getActiveQuiz)(state);
44
46
  var quizId = activeQuiz.id;
@@ -94,7 +96,7 @@ var dispatchToProps = {
94
96
  setUi: _ui.set,
95
97
  showError: _errorsShowing.showError
96
98
  };
97
- var QuizEntry = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, dispatchToProps), _makeEditable.default, (0, _dragAndDropUtils.DropTargetCreator)(_quizCommon.QUIZ_ENTRY_REF))(_presenter.QuizEntry);
99
+ var QuizEntry = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, dispatchToProps), _makeEditable.default, (0, _dragAndDropUtils.DropTargetCreator)(_quizCommon.QUIZ_ENTRY_REF))((0, _quizEntryPresenterWrapper.default)(_presenter.QuizEntry));
98
100
  exports.QuizEntry = QuizEntry;
99
101
  var _default = QuizEntry;
100
102
  exports.default = _default;
@@ -2,8 +2,6 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
 
5
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
@@ -21,7 +19,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
21
19
 
22
20
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
23
21
 
24
- var _react = _interopRequireWildcard(require("react"));
22
+ var _react = require("react");
25
23
 
26
24
  var _propTypes = _interopRequireDefault(require("prop-types"));
27
25
 
@@ -33,7 +31,7 @@ var _pick = _interopRequireDefault(require("lodash/pick"));
33
31
 
34
32
  var _partial = _interopRequireDefault(require("lodash/partial"));
35
33
 
36
- var _uiThemeable = require("@instructure/ui-themeable");
34
+ var _emotion = require("@instructure/emotion");
37
35
 
38
36
  var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
39
37
 
@@ -67,20 +65,13 @@ var _index10 = _interopRequireDefault(require("../QuizEntryEdit/index.js"));
67
65
 
68
66
  var _index11 = _interopRequireDefault(require("../../../../../common/components/resources/stimulus/Stimulus/index.js"));
69
67
 
68
+ var _styles = _interopRequireDefault(require("./styles.js"));
69
+
70
70
  var _theme = _interopRequireDefault(require("./theme.js"));
71
71
 
72
72
  var _dec, _class, _class2, _temp;
73
73
 
74
- var styles = {
75
- componentId: 'erzHq',
76
- template: function template(theme) {
77
- return "\n\n.erzHq_cjWK{border-top:".concat(theme.footerBorderWidth || 'inherit', " solid ").concat(theme.footerBorderColor || 'inherit', ";font-size:").concat(theme.footerFontSize || 'inherit', ";overflow:auto;padding:").concat(theme.footerPadding || 'inherit', "}\n\n.erzHq_fpkp{display:none}\n\n@media print{.erzHq_fpkp{display:inherit}.erzHq_dcyh{display:none}}");
78
- },
79
- 'footer': 'erzHq_cjWK',
80
- 'sampleItems': 'erzHq_fpkp',
81
- 'bankItem': 'erzHq_dcyh'
82
- };
83
- var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
74
+ var QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
84
75
  (0, _inherits2.default)(QuizEntry, _Component);
85
76
 
86
77
  var _super = (0, _createSuper2.default)(QuizEntry);
@@ -107,7 +98,7 @@ var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
107
98
  };
108
99
 
109
100
  _this.renderItemBankingOptions = function () {
110
- return /*#__PURE__*/_react.default.createElement(_index7.default, {
101
+ return (0, _emotion.jsx)(_index7.default, {
111
102
  displayPosition: _this.props.displayPosition,
112
103
  entryType: _this.props.quizEntry.entryType,
113
104
  guid: _this.props.guid,
@@ -140,10 +131,10 @@ var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
140
131
  displayPosition: _this.props.displayPosition + index,
141
132
  interactionTypeName: entryMutable.interactionType.name
142
133
  });
143
- return /*#__PURE__*/_react.default.createElement("div", {
134
+ return (0, _emotion.jsx)("div", {
144
135
  key: index,
145
- className: styles.sampleItems
146
- }, /*#__PURE__*/_react.default.createElement(_index9.default, overrideProps, /*#__PURE__*/_react.default.createElement(_index5.default, _this.propsForItem(item))));
136
+ css: _this.props.styles.sampleItems
137
+ }, (0, _emotion.jsx)(_index9.default, overrideProps, (0, _emotion.jsx)(_index5.default, _this.propsForItem(item))));
147
138
  };
148
139
 
149
140
  _this.bankEntryWarningWrapperProps = function () {
@@ -237,7 +228,7 @@ var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
237
228
  var quizEntryProps = this.quizEntryProps();
238
229
  var propsForWrapperFunc = quizEntry.isArchivedBankEntry ? _warningHelpers.propsForBankEntryVersioningWrapper : _warningHelpers.propsForItemVersioningWrapper;
239
230
  var propsForItemVersioning = propsForWrapperFunc(entry.isImmutable() || quizEntry.isArchivedBankEntry, shouldClone, (0, _partial.default)(this.props.setUi, _quizCommon.SHOULD_CLONE_ITEM), this.props.switchOffEditing, isEditing, quizEntry.isArchivedBankEntry ? 'info' : 'warning');
240
- return /*#__PURE__*/_react.default.createElement(QuizEntryComponent, quizEntryProps, /*#__PURE__*/_react.default.createElement(_index.default, propsForItemVersioning, /*#__PURE__*/_react.default.createElement(ItemComponent, itemProps)));
231
+ return (0, _emotion.jsx)(QuizEntryComponent, quizEntryProps, (0, _emotion.jsx)(_index.default, propsForItemVersioning, (0, _emotion.jsx)(ItemComponent, itemProps)));
241
232
  }
242
233
  }, {
243
234
  key: "renderBank",
@@ -251,9 +242,9 @@ var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
251
242
  name: bank.title
252
243
  };
253
244
  var sampleItems = this.props.quizEntry.sampleItems;
254
- return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
255
- className: styles.bankItem
256
- }, /*#__PURE__*/_react.default.createElement(QuizEntryComponent, Object.assign({}, this.props, bankProps), /*#__PURE__*/_react.default.createElement(QuizEntryBankComponent, Object.assign({}, this.props, bankProps)))), sampleItems.map(this.renderPrintableItemBankSample));
245
+ return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("div", {
246
+ css: this.props.styles.bankItem
247
+ }, (0, _emotion.jsx)(QuizEntryComponent, Object.assign({}, this.props, bankProps), (0, _emotion.jsx)(QuizEntryBankComponent, Object.assign({}, this.props, bankProps)))), sampleItems.map(this.renderPrintableItemBankSample));
257
248
  }
258
249
  }, {
259
250
  key: "isOverridable",
@@ -284,9 +275,9 @@ var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
284
275
  var itemProps = this.propsForItem();
285
276
  var mergedItem = this.isEditing() ? this.props.workingQuizEntry.getItem() : itemProps.entry;
286
277
  var ItemComponent = this.isOverriding() ? _index6.default : _index5.default;
287
- return /*#__PURE__*/_react.default.createElement(QuizEntryComponent, quizEntryProps, /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({}, bankEntryWarningWrapperProps, {
278
+ return (0, _emotion.jsx)(QuizEntryComponent, quizEntryProps, (0, _emotion.jsx)(_index.default, Object.assign({}, bankEntryWarningWrapperProps, {
288
279
  disableChildren: this.isEditing() && !this.isOverridable()
289
- }), /*#__PURE__*/_react.default.createElement(ItemComponent, Object.assign({}, itemProps, {
280
+ }), (0, _emotion.jsx)(ItemComponent, Object.assign({}, itemProps, {
290
281
  entry: mergedItem,
291
282
  quizEntry: this.props.quizEntry
292
283
  }))), this.renderFooter());
@@ -294,7 +285,7 @@ var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
294
285
  }, {
295
286
  key: "renderStimulus",
296
287
  value: function renderStimulus(bankEntryWarningWrapperProps) {
297
- return /*#__PURE__*/_react.default.createElement(_index11.default, {
288
+ return (0, _emotion.jsx)(_index11.default, {
298
289
  bankEntryWarningWrapperProps: bankEntryWarningWrapperProps,
299
290
  childEntries: this.props.childEntries,
300
291
  displayPosition: this.props.displayPosition,
@@ -322,7 +313,7 @@ var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
322
313
  }, {
323
314
  key: "renderTags",
324
315
  value: function renderTags() {
325
- return /*#__PURE__*/_react.default.createElement(_index8.default, {
316
+ return (0, _emotion.jsx)(_index8.default, {
326
317
  tagAssociations: this.props.tagAssociations
327
318
  });
328
319
  }
@@ -338,8 +329,8 @@ var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
338
329
  return null;
339
330
  }
340
331
 
341
- return /*#__PURE__*/_react.default.createElement("div", {
342
- className: styles.footer
332
+ return (0, _emotion.jsx)("div", {
333
+ css: this.props.styles.footer
343
334
  }, this.renderTags());
344
335
  }
345
336
  }, {
@@ -368,7 +359,7 @@ var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
368
359
  }, {
369
360
  key: "render",
370
361
  value: function render() {
371
- return this.props.connectDropTarget( /*#__PURE__*/_react.default.createElement("div", {
362
+ return this.props.connectDropTarget((0, _emotion.jsx)("div", {
372
363
  tabIndex: "-1"
373
364
  }, this.renderQuizEntryByType()));
374
365
  }
@@ -418,7 +409,8 @@ var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
418
409
  type: _propTypes.default.string,
419
410
  text: _propTypes.default.string
420
411
  }))),
421
- stimulusOrientation: _propTypes.default.string
412
+ stimulusOrientation: _propTypes.default.string,
413
+ styles: _propTypes.default.object
422
414
  }, _class2.defaultProps = {
423
415
  childEntries: (0, _immutable.List)(),
424
416
  draggingAboveHalf: false,
@@ -0,0 +1,51 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
+
12
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
+
14
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
+
16
+ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
17
+
18
+ var _react = _interopRequireDefault(require("react"));
19
+
20
+ var isClassComponent = function isClassComponent(Component) {
21
+ return !!(typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent);
22
+ };
23
+
24
+ var quizEntryPresenterWrapper = function quizEntryPresenterWrapper(Component) {
25
+ if (isClassComponent(Component)) {
26
+ return Component;
27
+ }
28
+
29
+ return /*#__PURE__*/function (_React$Component) {
30
+ (0, _inherits2.default)(ClassComponentWrapper, _React$Component);
31
+
32
+ var _super = (0, _createSuper2.default)(ClassComponentWrapper);
33
+
34
+ function ClassComponentWrapper() {
35
+ (0, _classCallCheck2.default)(this, ClassComponentWrapper);
36
+ return _super.apply(this, arguments);
37
+ }
38
+
39
+ (0, _createClass2.default)(ClassComponentWrapper, [{
40
+ key: "render",
41
+ value: function render() {
42
+ return /*#__PURE__*/_react.default.createElement(Component, this.props);
43
+ }
44
+ }]);
45
+ ClassComponentWrapper.displayName = "ClassComponentWrapper";
46
+ return ClassComponentWrapper;
47
+ }(_react.default.Component);
48
+ };
49
+
50
+ var _default = quizEntryPresenterWrapper;
51
+ exports.default = _default;
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
+
12
+ var generateStyle = function generateStyle(componentTheme) {
13
+ var mp = '@media print';
14
+ return {
15
+ footer: {
16
+ overflow: 'auto',
17
+ padding: componentTheme.footerPadding,
18
+ borderTop: "".concat(componentTheme.footerBorderWidth, " solid ").concat(componentTheme.footerBorderColor),
19
+ fontSize: componentTheme.footerFontSize
20
+ },
21
+ sampleItems: (0, _defineProperty2.default)({
22
+ display: 'none'
23
+ }, mp, {
24
+ display: 'inherit'
25
+ }),
26
+ bankItem: (0, _defineProperty2.default)({}, mp, {
27
+ display: 'none'
28
+ })
29
+ };
30
+ };
31
+
32
+ var _default = generateStyle;
33
+ exports.default = _default;
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = generator;
6
+ exports.default = void 0;
7
7
 
8
- function generator(_ref) {
8
+ var generateComponentTheme = function generateComponentTheme(_ref) {
9
9
  var spacing = _ref.spacing,
10
10
  colors = _ref.colors,
11
11
  borders = _ref.borders,
@@ -16,4 +16,7 @@ function generator(_ref) {
16
16
  footerBorderColor: colors.tiara,
17
17
  footerFontSize: typography.fontSizeXSmall
18
18
  };
19
- }
19
+ };
20
+
21
+ var _default = generateComponentTheme;
22
+ exports.default = _default;