@instructure/quiz-core 20.35.3-rc.3 → 20.35.3-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.
@@ -53,6 +53,9 @@ var NavWrapper = (_dec = withStyleOverrides(generateStyle, generateComponentThem
53
53
  }, {
54
54
  key: "renderReturnButton",
55
55
  value: function renderReturnButton() {
56
+ if (!this.props.styles.showReturnButton) {
57
+ return null;
58
+ }
56
59
  var _this$props = this.props,
57
60
  navigateToBuild = _this$props.navigateToBuild,
58
61
  closeTray = _this$props.closeTray,
@@ -1,5 +1,6 @@
1
1
  var generateStyle = function generateStyle(componentTheme) {
2
2
  return {
3
+ showReturnButton: true,
3
4
  nav: {
4
5
  display: 'flex',
5
6
  flexDirection: 'row',
@@ -1,3 +1,4 @@
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
1
2
  import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
2
3
  import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
4
  import _createClass from "@babel/runtime/helpers/esm/createClass";
@@ -39,6 +40,9 @@ export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentT
39
40
  });
40
41
  };
41
42
  _this.renderBrand = function () {
43
+ if (!_this.props.styles.showBrandIcon) {
44
+ return null;
45
+ }
42
46
  return jsx(TopNavBar.Brand, {
43
47
  screenReaderLabel: t('Quizzes'),
44
48
  renderIcon: _ref
@@ -80,10 +84,14 @@ export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentT
80
84
  inverseColor: true
81
85
  }, function () {
82
86
  return jsx(TopNavBar.Layout, {
83
- themeOverride: {
87
+ themeOverride: _objectSpread(_objectSpread({
84
88
  desktopBackgroundInverse: _this2.props.styles.backgroundColor,
85
89
  smallViewportBackgroundInverse: _this2.props.styles.backgroundColor
86
- },
90
+ }, !_this2.props.styles.desktopBottomBorder ? {
91
+ desktopBottomBorder: false
92
+ } : {}), !_this2.props.styles.desktopBottomBorderInverse ? {
93
+ desktopBottomBorderInverse: false
94
+ } : {}),
87
95
  navLabel: t('Quizzes navigation bar'),
88
96
  desktopConfig: {
89
97
  hideActionsUserSeparator: true
@@ -1,5 +1,8 @@
1
1
  var generateStyle = function generateStyle(componentTheme) {
2
2
  return {
3
+ showBrandIcon: true,
4
+ desktopBottomBorder: true,
5
+ desktopBottomBorderInverse: true,
3
6
  backgroundColor: componentTheme.backgroundColor,
4
7
  phoneBreakPoint: componentTheme.phoneBreakPoint
5
8
  };
@@ -9,7 +9,10 @@ var generateStyle = function generateStyle(componentTheme, props) {
9
9
  boxSizing: 'border-box',
10
10
  width: componentTheme.sidebarWidthClosed,
11
11
  backgroundColor: componentTheme.sidebarBackgroundColor,
12
- border: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
12
+ borderTop: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
13
+ borderRight: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
14
+ borderBottom: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
15
+ borderLeft: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
13
16
  color: componentTheme.sidebarColor,
14
17
  height: '100%',
15
18
  overflow: 'hidden',
@@ -60,6 +60,9 @@ var NavWrapper = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _t
60
60
  }, {
61
61
  key: "renderReturnButton",
62
62
  value: function renderReturnButton() {
63
+ if (!this.props.styles.showReturnButton) {
64
+ return null;
65
+ }
63
66
  var _this$props = this.props,
64
67
  navigateToBuild = _this$props.navigateToBuild,
65
68
  closeTray = _this$props.closeTray,
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var generateStyle = function generateStyle(componentTheme) {
8
8
  return {
9
+ showReturnButton: true,
9
10
  nav: {
10
11
  display: 'flex',
11
12
  flexDirection: 'row',
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = exports.NavBar = void 0;
8
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
8
9
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
9
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
11
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -46,6 +47,9 @@ var NavBar = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme
46
47
  });
47
48
  };
48
49
  _this.renderBrand = function () {
50
+ if (!_this.props.styles.showBrandIcon) {
51
+ return null;
52
+ }
49
53
  return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.Brand, {
50
54
  screenReaderLabel: (0, _formatMessage.default)('Quizzes'),
51
55
  renderIcon: _ref
@@ -87,10 +91,14 @@ var NavBar = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme
87
91
  inverseColor: true
88
92
  }, function () {
89
93
  return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.Layout, {
90
- themeOverride: {
94
+ themeOverride: (0, _objectSpread2.default)((0, _objectSpread2.default)({
91
95
  desktopBackgroundInverse: _this2.props.styles.backgroundColor,
92
96
  smallViewportBackgroundInverse: _this2.props.styles.backgroundColor
93
- },
97
+ }, !_this2.props.styles.desktopBottomBorder ? {
98
+ desktopBottomBorder: false
99
+ } : {}), !_this2.props.styles.desktopBottomBorderInverse ? {
100
+ desktopBottomBorderInverse: false
101
+ } : {}),
94
102
  navLabel: (0, _formatMessage.default)('Quizzes navigation bar'),
95
103
  desktopConfig: {
96
104
  hideActionsUserSeparator: true
@@ -6,6 +6,9 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var generateStyle = function generateStyle(componentTheme) {
8
8
  return {
9
+ showBrandIcon: true,
10
+ desktopBottomBorder: true,
11
+ desktopBottomBorderInverse: true,
9
12
  backgroundColor: componentTheme.backgroundColor,
10
13
  phoneBreakPoint: componentTheme.phoneBreakPoint
11
14
  };
@@ -16,7 +16,10 @@ var generateStyle = function generateStyle(componentTheme, props) {
16
16
  boxSizing: 'border-box',
17
17
  width: componentTheme.sidebarWidthClosed,
18
18
  backgroundColor: componentTheme.sidebarBackgroundColor,
19
- border: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
19
+ borderTop: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
20
+ borderRight: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
21
+ borderBottom: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
22
+ borderLeft: "".concat(componentTheme.sidebarBorderWidth, " solid ").concat(componentTheme.sidebarBorderColor),
20
23
  color: componentTheme.sidebarColor,
21
24
  height: '100%',
22
25
  overflow: 'hidden',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/quiz-core",
3
- "version": "20.35.3-rc.3+01a9f9cbd",
3
+ "version": "20.35.3-rc.4+03bf2e57f",
4
4
  "license": "MIT",
5
5
  "description": "The Quiz React SDK by Instructure Inc.",
6
6
  "author": "Instructure, Inc. Engineering and Product Design",
@@ -46,11 +46,11 @@
46
46
  "@instructure/emotion": "^8.56.3",
47
47
  "@instructure/grading-utils": "^1.0.0",
48
48
  "@instructure/outcomes-ui": "^3.2.2",
49
- "@instructure/quiz-common": "^20.35.3-rc.3+01a9f9cbd",
50
- "@instructure/quiz-i18n": "^20.35.3-rc.3+01a9f9cbd",
51
- "@instructure/quiz-interactions": "^20.35.3-rc.3+01a9f9cbd",
52
- "@instructure/quiz-number-input": "^20.35.3-rc.3+01a9f9cbd",
53
- "@instructure/quiz-rce": "^20.35.3-rc.3+01a9f9cbd",
49
+ "@instructure/quiz-common": "^20.35.3-rc.4+03bf2e57f",
50
+ "@instructure/quiz-i18n": "^20.35.3-rc.4+03bf2e57f",
51
+ "@instructure/quiz-interactions": "^20.35.3-rc.4+03bf2e57f",
52
+ "@instructure/quiz-number-input": "^20.35.3-rc.4+03bf2e57f",
53
+ "@instructure/quiz-rce": "^20.35.3-rc.4+03bf2e57f",
54
54
  "@instructure/ui-a11y-content": "^8.56.3",
55
55
  "@instructure/ui-alerts": "^8.56.3",
56
56
  "@instructure/ui-avatar": "^8.56.3",
@@ -114,7 +114,7 @@
114
114
  "file-saver": "~2.0.5",
115
115
  "humps": "^2.0.0",
116
116
  "immutable": "^3.8.1",
117
- "instructure-validations": "^20.35.3-rc.3+01a9f9cbd",
117
+ "instructure-validations": "^20.35.3-rc.4+03bf2e57f",
118
118
  "ipaddr.js": "^1.5.4",
119
119
  "isomorphic-fetch": "^2.2.0",
120
120
  "isuuid": "^0.1.0",
@@ -163,7 +163,7 @@
163
163
  "jquery": "^2.2.3",
164
164
  "karma-junit-reporter": "^2.0.1",
165
165
  "most-subject": "^5.3.0",
166
- "quiz-presets": "^20.35.3-rc.3+01a9f9cbd",
166
+ "quiz-presets": "^20.35.3-rc.4+03bf2e57f",
167
167
  "react": "^16.8.6",
168
168
  "react-addons-test-utils": "^15.6.2",
169
169
  "react-dom": "^16.8.6",
@@ -179,5 +179,5 @@
179
179
  "publishConfig": {
180
180
  "access": "public"
181
181
  },
182
- "gitHead": "01a9f9cbdab17affbe78e0b42506e235ea26eb8f"
182
+ "gitHead": "03bf2e57fdc3379d33a09042beba6167e6eb896e"
183
183
  }