@instructure/quiz-core 20.17.2-rc.1 → 20.17.2-rc.11

package/lib/common/components/layout/navbar/index.js

@@ -1,80 +1,52 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.NavBar = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiTopNavBar = require("@instructure/ui-top-nav-bar");
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _emotion = require("@instructure/emotion");
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var _ref = (0, _emotion.jsx)(_uiIcons.IconQuizLine, {
-  color: "primary",
-  size: "small"
-});
-
-var NavBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(NavBar, _Component);
-
-  var _super = (0, _createSuper2.default)(NavBar);
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _NavBar, _IconQuizLine;
+/** @jsx jsx */
+var NavBar = exports.NavBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
   function NavBar() {
     var _this;
-
     (0, _classCallCheck2.default)(this, NavBar);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
+    _this = (0, _callSuper2.default)(this, NavBar, [].concat(args));
     _this.hiddenActionItemsMenuTriggerLabel = function (hiddenChildrenCount) {
       return (0, _formatMessage.default)('{hiddenChildrenCount} more actions', {
         hiddenChildrenCount: hiddenChildrenCount
       });
     };
-
     _this.hiddenMenuItemsMenuTriggerLabel = function (hiddenChildrenCount) {
       return (0, _formatMessage.default)('{hiddenChildrenCount} More', {
         hiddenChildrenCount: hiddenChildrenCount
       });
     };
-
     _this.renderBrand = function () {
       return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.Brand, {
         screenReaderLabel: (0, _formatMessage.default)('Quizzes'),
-        renderIcon: _ref
+        renderIcon: _IconQuizLine || (_IconQuizLine = (0, _emotion.jsx)(_uiIcons.IconQuizLine, {
+          color: "primary",
+          size: "small"
+        }))
       });
     };
-
     _this.renderMenuItems = function () {
       return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.MenuItems, {
         listLabel: (0, _formatMessage.default)('Page navigation'),
@@ -84,7 +56,6 @@ var NavBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
         return _this.renderMenuItem(menuItem);
       }));
     };
-
     _this.renderMenuItem = function (menuItem) {
       return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.Item, {
         id: menuItem.path,
@@ -92,25 +63,21 @@ var NavBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
         onClick: function onClick() {
           return _this.props.handleMenuItemChange(menuItem.path);
         } // eslint-disable-line react/jsx-no-bind
-
       }, menuItem.text);
     };
-
     _this.renderActionItems = function () {
       return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.ActionItems, {
         listLabel: (0, _formatMessage.default)('Actions'),
         renderHiddenItemsMenuTriggerLabel: _this.hiddenActionItemsMenuTriggerLabel
       }, (0, _toConsumableArray2.default)(_this.props.actionItems));
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(NavBar, [{
+  (0, _inherits2.default)(NavBar, _Component);
+  return (0, _createClass2.default)(NavBar, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar, {
         breakpoint: this.props.styles.phoneBreakPoint,
         mediaQueryMatch: "element",
@@ -136,9 +103,7 @@ var NavBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
       });
     }
   }]);
-  NavBar.displayName = "NavBar";
-  return NavBar;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _NavBar.propTypes = {
   menuItems: _propTypes.default.arrayOf(_propTypes.default.shape({
     path: _propTypes.default.string.isRequired,
     text: _propTypes.default.string.isRequired
@@ -146,11 +111,9 @@ var NavBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
   handleMenuItemChange: _propTypes.default.func,
   actionItems: _propTypes.default.arrayOf(_propTypes.default.node),
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _NavBar.defaultProps = {
   menuItems: [],
   handleMenuItemChange: function handleMenuItemChange() {},
   actionItems: []
-}, _temp)) || _class);
-exports.NavBar = NavBar;
-var _default = NavBar;
-exports.default = _default;
+}, _NavBar)) || _class);
+var _default = exports.default = NavBar;

package/lib/common/components/layout/navbar/styles.js

@@ -4,13 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateStyle = function generateStyle(componentTheme) {
   return {
     backgroundColor: componentTheme.backgroundColor,
     phoneBreakPoint: componentTheme.phoneBreakPoint
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/common/components/layout/navbar/theme.js

@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var breakpoints = _ref.breakpoints,
-      colors = _ref.colors;
+    colors = _ref.colors;
   return {
     backgroundColor: colors.porcelain,
     phoneBreakPoint: breakpoints.medium
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/common/components/layout/sidebar/PositionSummary/index.js

@@ -1,47 +1,30 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PositionSummary = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _emotion = require("@instructure/emotion");
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _dec, _class, _class2, _temp;
-
-var PositionSummary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(PositionSummary, _Component);
-
-  var _super = (0, _createSuper2.default)(PositionSummary);
-
+var _dec, _class, _PositionSummary;
+/** @jsx jsx */
+var PositionSummary = exports.PositionSummary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
   function PositionSummary() {
     (0, _classCallCheck2.default)(this, PositionSummary);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, PositionSummary, arguments);
   }
-
-  (0, _createClass2.default)(PositionSummary, [{
+  (0, _inherits2.default)(PositionSummary, _Component);
+  return (0, _createClass2.default)(PositionSummary, [{
     key: "render",
     value: function render() {
       return (0, _emotion.jsx)("div", {
@@ -59,13 +42,9 @@ var PositionSummary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
       })));
     }
   }]);
-  PositionSummary.displayName = "PositionSummary";
-  return PositionSummary;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _PositionSummary.propTypes = {
   firstPosition: _propTypes.default.number.isRequired,
   lastPosition: _propTypes.default.number.isRequired,
   styles: _propTypes.default.object
-}, _temp)) || _class);
-exports.PositionSummary = PositionSummary;
-var _default = PositionSummary;
-exports.default = _default;
+}, _PositionSummary)) || _class);
+var _default = exports.default = PositionSummary;

package/lib/common/components/layout/sidebar/PositionSummary/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateStyle = function generateStyle(componentTheme) {
   return {
     column: {
@@ -31,6 +30,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/common/components/layout/sidebar/PositionSummary/theme.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      spacing = _ref.spacing,
-      borders = _ref.borders,
-      typography = _ref.typography;
+    spacing = _ref.spacing,
+    borders = _ref.borders,
+    typography = _ref.typography;
   return {
     numberSummaryColor: colors.licorice,
     numberSummaryFontSize: typography.fontSizeMedium,
@@ -20,6 +19,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     verticalDotsBorderColor: colors.licorice
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/common/components/layout/sidebar/Sidebar/Pin.js

@@ -1,56 +1,36 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Pin = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _uiLink = require("@instructure/ui-link");
-
 // Component exists to prevent the recreation of the scroll function with each render,
 // which would cause a new rerender on each data change
-var Pin = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Pin, _Component);
-
-  var _super = (0, _createSuper2.default)(Pin);
-
+var Pin = exports.Pin = /*#__PURE__*/function (_Component) {
   function Pin() {
     var _this;
-
     (0, _classCallCheck2.default)(this, Pin);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
+    _this = (0, _callSuper2.default)(this, Pin, [].concat(args));
     _this.scroll = function () {
       _this.props.scrollToItem(_this.props.position)(_this.props.sessionItemId);
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(Pin, [{
+  (0, _inherits2.default)(Pin, _Component);
+  return (0, _createClass2.default)(Pin, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
@@ -62,15 +42,10 @@ var Pin = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-  Pin.displayName = "Pin";
-  return Pin;
 }(_react.Component);
-
-exports.Pin = Pin;
 Pin.propTypes = {
   scrollToItem: _propTypes.default.func.isRequired,
   sessionItemId: _propTypes.default.string.isRequired,
   position: _propTypes.default.number.isRequired
 };
-var _default = Pin;
-exports.default = _default;
+var _default = exports.default = Pin;

package/lib/common/components/layout/sidebar/Sidebar/Sidebar.examples.js

@@ -1,25 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _immutable = require("immutable");
-
-var _ref = /*#__PURE__*/_react.default.createElement("div", {
-  key: "1"
-}, "child1");
-
-var _ref2 = /*#__PURE__*/_react.default.createElement("div", {
-  key: "2"
-}, "child2");
-
-var _default = {
+var _div, _div2;
+var _default = exports.default = {
   propValues: {
     taking: [false, true],
     sidebarOpen: [false, true],
@@ -27,7 +16,11 @@ var _default = {
   },
   getComponentProps: function getComponentProps(props) {
     return {
-      children: [_ref, _ref2],
+      children: [_div || (_div = /*#__PURE__*/_react.default.createElement("div", {
+        key: "1"
+      }, "child1")), _div2 || (_div2 = /*#__PURE__*/_react.default.createElement("div", {
+        key: "2"
+      }, "child2"))],
       scrollToItem: function scrollToItem() {
         return Function.prototype;
       },
@@ -42,5 +35,4 @@ var _default = {
       shouldCloseOnBlur: false
     };
   }
-};
-exports.default = _default;
+};