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

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.
@@ -241,7 +241,7 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
241
241
  content = /*#__PURE__*/React.createElement(Flex, null, _ref3, /*#__PURE__*/React.createElement(Flex.Item, {
242
242
  shouldShrink: true
243
243
  }, /*#__PURE__*/React.createElement(Text, {
244
- color: "error"
244
+ color: "danger"
245
245
  }, t('You are attempting to add content containing course links which may not work when used in other courses.'))));
246
246
  } else {
247
247
  content = /*#__PURE__*/React.createElement(Text, {
@@ -619,7 +619,7 @@ export var BankEntry = (_dec = themeable(theme, styles), _dec(_class = (_temp =
619
619
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
620
620
  className: styles.entryEdit
621
621
  }, /*#__PURE__*/React.createElement(WarningWrapper, versioningProps, canEdit && /*#__PURE__*/React.createElement(Alert, {
622
- closeButtonLabel: t('Dismiss'),
622
+ renderCloseButtonLabel: t('Dismiss'),
623
623
  margin: "0 0 medium 0"
624
624
  }, /*#__PURE__*/React.createElement(Text, {
625
625
  color: "primary"
@@ -224,10 +224,10 @@ export var QuizEntryEditFooter = (_dec = themeable(theme, styles), _dec(_class =
224
224
  value: function render() {
225
225
  return /*#__PURE__*/React.createElement(View, {
226
226
  as: "div",
227
- background: "light",
227
+ background: "secondary",
228
228
  padding: "xx-small none"
229
229
  }, /*#__PURE__*/React.createElement(Flex, {
230
- wrapItems: true,
230
+ wrap: "wrap",
231
231
  justifyItems: "space-between",
232
232
  alignItems: "center"
233
233
  }, /*#__PURE__*/React.createElement(Flex.Item, {
@@ -52,7 +52,7 @@ export var Alerts = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cl
52
52
  }, /*#__PURE__*/React.createElement(Alert, {
53
53
  variant: "error",
54
54
  onDismiss: closeAlert,
55
- closeButtonLabel: t('Close'),
55
+ renderCloseButtonLabel: t('Close'),
56
56
  transition: "none"
57
57
  }, alert.message));
58
58
  }
@@ -63,7 +63,7 @@ export var Alerts = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cl
63
63
  }, /*#__PURE__*/React.createElement(Alert, {
64
64
  variant: alert.variant,
65
65
  onDismiss: closeAlert,
66
- closeButtonLabel: t('Close'),
66
+ renderCloseButtonLabel: t('Close'),
67
67
  transition: "none"
68
68
  }, alert.message));
69
69
  };
@@ -51,8 +51,8 @@ export var Title = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cla
51
51
  return /*#__PURE__*/React.createElement(AccessibleContent, {
52
52
  alt: title
53
53
  }, /*#__PURE__*/React.createElement(Tooltip, {
54
- tip: title,
55
- variant: "inverse"
54
+ renderTip: title,
55
+ color: "primary"
56
56
  }, this.renderTitle(truncatedTitle)));
57
57
  }
58
58
 
@@ -61,7 +61,7 @@ export var AddContentPopover = (_dec = themeable(theme, styles), _dec(_class = (
61
61
  return /*#__PURE__*/React.createElement(Popover, {
62
62
  on: "click",
63
63
  onToggle: _this.toggle,
64
- show: _this.props.isEditing,
64
+ isShowingContent: _this.props.isEditing,
65
65
  shouldCloseOnEscape: true,
66
66
  shouldContainFocus: true
67
67
  }, /*#__PURE__*/React.createElement(Popover.Trigger, null, _this.renderAddContentButton()), /*#__PURE__*/React.createElement(Popover.Content, null, /*#__PURE__*/React.createElement(AddContentBody, {
@@ -28,7 +28,7 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
28
28
  as: "div",
29
29
  padding: "small",
30
30
  margin: "x-small 0 0 0",
31
- background: "light"
31
+ background: "secondary"
32
32
  }, /*#__PURE__*/React.createElement(View, {
33
33
  as: "div"
34
34
  }, /*#__PURE__*/React.createElement(Text, {
@@ -52,7 +52,7 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
52
52
  display: "inline-block",
53
53
  borderRadius: "small",
54
54
  position: "relative",
55
- focused: _this.state.isTruncated && focused,
55
+ withFocusOutline: _this.state.isTruncated && focused,
56
56
  as: "div",
57
57
  tabIndex: _this.state.isTruncated ? 0 : null
58
58
  }, /*#__PURE__*/React.createElement(TruncateText, {
@@ -72,7 +72,7 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
72
72
  }
73
73
 
74
74
  return /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(ScreenReaderContent, null, studentName), _this.state.isTruncated ? /*#__PURE__*/React.createElement(Tooltip, {
75
- tip: studentName,
75
+ renderTip: studentName,
76
76
  mountNode: mountNode
77
77
  }, _this.renderName) : _this.renderName());
78
78
  };
@@ -88,7 +88,7 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
88
88
  display: "block",
89
89
  borderRadius: "small",
90
90
  position: "relative",
91
- focused: this.state.isTruncated && focused,
91
+ withFocusOutline: this.state.isTruncated && focused,
92
92
  as: "h2",
93
93
  tabIndex: this.state.isTruncated ? 0 : null
94
94
  }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, this.labelText()), /*#__PURE__*/React.createElement(TruncateText, {
@@ -134,7 +134,7 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
134
134
  padding: "medium"
135
135
  }, this.state.isTruncated ? /*#__PURE__*/React.createElement(Tooltip, {
136
136
  placement: "start",
137
- tip: this.labelText(),
137
+ renderTip: this.labelText(),
138
138
  mountNode: this.getTrayRef || null
139
139
  }, function (_ref) {
140
140
  var focused = _ref.focused;
@@ -274,7 +274,7 @@ var AddToBankModal = /*#__PURE__*/function (_Component) {
274
274
  content = /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, null, _ref3, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
275
275
  shouldShrink: true
276
276
  }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
277
- color: "error"
277
+ color: "danger"
278
278
  }, (0, _formatMessage.default)('You are attempting to add content containing course links which may not work when used in other courses.'))));
279
279
  } else {
280
280
  content = /*#__PURE__*/_react.default.createElement(_uiText.Text, {
@@ -671,7 +671,7 @@ var BankEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
671
671
  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
672
672
  className: styles.entryEdit
673
673
  }, /*#__PURE__*/_react.default.createElement(_index9.default, versioningProps, canEdit && /*#__PURE__*/_react.default.createElement(_uiAlerts.Alert, {
674
- closeButtonLabel: (0, _formatMessage.default)('Dismiss'),
674
+ renderCloseButtonLabel: (0, _formatMessage.default)('Dismiss'),
675
675
  margin: "0 0 medium 0"
676
676
  }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
677
677
  color: "primary"
@@ -254,10 +254,10 @@ var QuizEntryEditFooter = (_dec = (0, _uiThemeable.themeable)(_theme.default, st
254
254
  value: function render() {
255
255
  return /*#__PURE__*/_react.default.createElement(_uiView.View, {
256
256
  as: "div",
257
- background: "light",
257
+ background: "secondary",
258
258
  padding: "xx-small none"
259
259
  }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
260
- wrapItems: true,
260
+ wrap: "wrap",
261
261
  justifyItems: "space-between",
262
262
  alignItems: "center"
263
263
  }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
@@ -75,7 +75,7 @@ var Alerts = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_
75
75
  }, /*#__PURE__*/_react.default.createElement(_uiAlerts.Alert, {
76
76
  variant: "error",
77
77
  onDismiss: closeAlert,
78
- closeButtonLabel: (0, _formatMessage.default)('Close'),
78
+ renderCloseButtonLabel: (0, _formatMessage.default)('Close'),
79
79
  transition: "none"
80
80
  }, alert.message));
81
81
  }
@@ -86,7 +86,7 @@ var Alerts = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_
86
86
  }, /*#__PURE__*/_react.default.createElement(_uiAlerts.Alert, {
87
87
  variant: alert.variant,
88
88
  onDismiss: closeAlert,
89
- closeButtonLabel: (0, _formatMessage.default)('Close'),
89
+ renderCloseButtonLabel: (0, _formatMessage.default)('Close'),
90
90
  transition: "none"
91
91
  }, alert.message));
92
92
  };
@@ -71,8 +71,8 @@ var Title = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_c
71
71
  return /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
72
72
  alt: title
73
73
  }, /*#__PURE__*/_react.default.createElement(_uiTooltip.Tooltip, {
74
- tip: title,
75
- variant: "inverse"
74
+ renderTip: title,
75
+ color: "primary"
76
76
  }, this.renderTitle(truncatedTitle)));
77
77
  }
78
78
 
@@ -86,7 +86,7 @@ var AddContentPopover = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
86
86
  return /*#__PURE__*/_react.default.createElement(_uiPopover.Popover, {
87
87
  on: "click",
88
88
  onToggle: _this.toggle,
89
- show: _this.props.isEditing,
89
+ isShowingContent: _this.props.isEditing,
90
90
  shouldCloseOnEscape: true,
91
91
  shouldContainFocus: true
92
92
  }, /*#__PURE__*/_react.default.createElement(_uiPopover.Popover.Trigger, null, _this.renderAddContentButton()), /*#__PURE__*/_react.default.createElement(_uiPopover.Popover.Content, null, /*#__PURE__*/_react.default.createElement(_index2.default, {
@@ -48,7 +48,7 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
48
48
  as: "div",
49
49
  padding: "small",
50
50
  margin: "x-small 0 0 0",
51
- background: "light"
51
+ background: "secondary"
52
52
  }, /*#__PURE__*/_react.default.createElement(_uiView.View, {
53
53
  as: "div"
54
54
  }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
@@ -77,7 +77,7 @@ var AccommodationModal = /*#__PURE__*/function (_Component) {
77
77
  display: "inline-block",
78
78
  borderRadius: "small",
79
79
  position: "relative",
80
- focused: _this.state.isTruncated && focused,
80
+ withFocusOutline: _this.state.isTruncated && focused,
81
81
  as: "div",
82
82
  tabIndex: _this.state.isTruncated ? 0 : null
83
83
  }, /*#__PURE__*/_react.default.createElement(_uiTruncateText.TruncateText, {
@@ -97,7 +97,7 @@ var AccommodationModal = /*#__PURE__*/function (_Component) {
97
97
  }
98
98
 
99
99
  return /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, null, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, studentName), _this.state.isTruncated ? /*#__PURE__*/_react.default.createElement(_uiTooltip.Tooltip, {
100
- tip: studentName,
100
+ renderTip: studentName,
101
101
  mountNode: mountNode
102
102
  }, _this.renderName) : _this.renderName());
103
103
  };
@@ -113,7 +113,7 @@ var ModerateTray = /*#__PURE__*/function (_Component) {
113
113
  display: "block",
114
114
  borderRadius: "small",
115
115
  position: "relative",
116
- focused: this.state.isTruncated && focused,
116
+ withFocusOutline: this.state.isTruncated && focused,
117
117
  as: "h2",
118
118
  tabIndex: this.state.isTruncated ? 0 : null
119
119
  }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, this.labelText()), /*#__PURE__*/_react.default.createElement(_uiTruncateText.TruncateText, {
@@ -159,7 +159,7 @@ var ModerateTray = /*#__PURE__*/function (_Component) {
159
159
  padding: "medium"
160
160
  }, this.state.isTruncated ? /*#__PURE__*/_react.default.createElement(_uiTooltip.Tooltip, {
161
161
  placement: "start",
162
- tip: this.labelText(),
162
+ renderTip: this.labelText(),
163
163
  mountNode: this.getTrayRef || null
164
164
  }, function (_ref) {
165
165
  var focused = _ref.focused;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/quiz-core",
3
- "version": "18.2.1-rc.2+f39d76d88",
3
+ "version": "18.2.1-rc.4+33584288b",
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": "18.2.1-rc.2+f39d76d88",
46
- "@instructure/quiz-i18n": "18.2.1-rc.2+f39d76d88",
47
- "@instructure/quiz-interactions": "18.2.1-rc.2+f39d76d88",
48
- "@instructure/quiz-number-input": "18.2.1-rc.2+f39d76d88",
49
- "@instructure/quiz-rce": "18.2.1-rc.2+f39d76d88",
45
+ "@instructure/quiz-common": "18.2.1-rc.4+33584288b",
46
+ "@instructure/quiz-i18n": "18.2.1-rc.4+33584288b",
47
+ "@instructure/quiz-interactions": "18.2.1-rc.4+33584288b",
48
+ "@instructure/quiz-number-input": "18.2.1-rc.4+33584288b",
49
+ "@instructure/quiz-rce": "18.2.1-rc.4+33584288b",
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": "18.2.1-rc.2+f39d76d88",
110
+ "instructure-validations": "18.2.1-rc.4+33584288b",
111
111
  "ipaddr.js": "^1.5.4",
112
112
  "isomorphic-fetch": "^2.2.0",
113
113
  "isuuid": "^0.1.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": "18.2.1-rc.2+f39d76d88",
161
+ "quiz-presets": "18.2.1-rc.4+33584288b",
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": "f39d76d8848092fa90adcf98d91da3059534dc8c"
177
+ "gitHead": "33584288bd02ddfd96c745d11caab72a59e186d4"
178
178
  }