@instructure/quiz-core 22.16.1 → 22.17.0

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Footer/index.js

@@ -1,6 +1,7 @@
 import { connect } from '../../../../../../common/react-redux';
 import makeEditable from '../../../../../../common/components/shared/functionality/makeEditable';
 import QuizEntryEditFooter from './presenter';
+import { getActiveQuiz } from '../../../../../../common/selectors/quizzes';
 export function mapStateToProps(state, props) {
     var entry = props.entry, quizEntry = props.quizEntry, workingQuizEntry = props.workingQuizEntry;
     var workingEntry;
@@ -12,8 +13,11 @@ export function mapStateToProps(state, props) {
         // Bank quizEntry with Item entry.
         workingEntry = entry.getWorkingInstance();
     }
+    var quiz = getActiveQuiz(state);
+    var isSurvey = quiz.isSurvey();
     return {
-        workingEntry: workingEntry
+        workingEntry: workingEntry,
+        isSurvey: isSurvey
     };
 }
 export default makeEditable(connect(mapStateToProps)(QuizEntryEditFooter));

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Footer/presenter.js

@@ -142,6 +142,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { View } from '@instructure/ui-view';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Text } from '@instructure/ui-text';
+import { Checkbox } from '@instructure/ui-checkbox';
 import NumberInput from '@instructure/quiz-number-input';
 import { IconButton } from '@instructure/ui-buttons';
 import { jsx } from '@instructure/emotion';
@@ -161,6 +162,18 @@ function countDecimals(normalizedPointsString) {
     var _normalizedPointsString_split = _sliced_to_array(normalizedPointsString.split('.'), 2), _ = _normalizedPointsString_split[0], decimals = _normalizedPointsString_split[1];
     return decimals ? decimals.length : 0;
 }
+function RequiredCheckbox(props) {
+    var isRequired = props.isRequired, onChange = props.onChange;
+    return /*#__PURE__*/ jsx(View, {
+        margin: "0 small 0 0"
+    }, /*#__PURE__*/ jsx(Checkbox, {
+        label: "Required",
+        value: "medium",
+        variant: "toggle",
+        onChange: onChange,
+        checked: isRequired
+    }));
+}
 export var QuizEntryEditFooter = /*#__PURE__*/ function(Component) {
     "use strict";
     _inherits(QuizEntryEditFooter, Component);
@@ -200,13 +213,23 @@ export var QuizEntryEditFooter = /*#__PURE__*/ function(Component) {
                     normalizedPoints: normalizedPoints
                 });
             }
+        }), _define_property(_this, "handleRequiredChange", function(event) {
+            var checked = event.target.checked;
+            _this.props.changeQuizEntryProperties(_this.props.quizEntry.id, {
+                required: checked
+            });
+            _this.setState({
+                isRequired: checked
+            });
         }), _define_property(_this, "handleButtonRef", function(node) {
             _this.addFeedbackButton = node;
         });
         var points = _this.getPoints();
+        var isRequired = _this.getIsRequired();
         _this.state = {
             points: points,
-            normalizedPoints: points
+            normalizedPoints: points,
+            isRequired: isRequired
         };
         return _this;
     }
@@ -229,6 +252,12 @@ export var QuizEntryEditFooter = /*#__PURE__*/ function(Component) {
                 return workingQuizEntry.regradeAdjustedPointsPossible(workingEntry.id) || workingQuizEntry.pointsPossible || 0;
             }
         },
+        {
+            key: "getIsRequired",
+            value: function getIsRequired() {
+                return this.props.workingQuizEntry.isRequired || false;
+            }
+        },
         {
             key: "pointsDisabled",
             value: function pointsDisabled() {
@@ -293,9 +322,14 @@ export var QuizEntryEditFooter = /*#__PURE__*/ function(Component) {
         {
             key: "renderLeftFooter",
             value: function renderLeftFooter() {
+                var isRequired = this.state.isRequired;
+                var component = this.props.isSurvey ? /*#__PURE__*/ jsx(RequiredCheckbox, {
+                    isRequired: isRequired,
+                    onChange: this.handleRequiredChange
+                }) : this.renderPointsSection();
                 return /*#__PURE__*/ jsx("div", {
                     css: this.props.styles.leftFooter
-                }, this.renderPointsSection(), this.renderFeedbackSection());
+                }, component, this.renderFeedbackSection());
             }
         },
         {
@@ -343,6 +377,7 @@ _define_property(QuizEntryEditFooter, "componentId", "Quizzes".concat(QuizEntryE
 _define_property(QuizEntryEditFooter, "propTypes", {
     alternativeRightFooter: PropTypes.func,
     changeQuizEntryPoints: PropTypes.func.isRequired,
+    changeQuizEntryProperties: PropTypes.func.isRequired,
     clearChanges: PropTypes.func.isRequired,
     disableSubmit: PropTypes.bool,
     displayPosition: PropTypes.number.isRequired,
@@ -359,7 +394,8 @@ _define_property(QuizEntryEditFooter, "propTypes", {
     workingEntry: ImmutablePropTypes.record.isRequired,
     // This prop is flagged as unused, but it is actually used
     workingQuizEntry: ImmutablePropTypes.record.isRequired,
-    styles: PropTypes.object
+    styles: PropTypes.object,
+    isSurvey: PropTypes.bool.isRequired
 });
 _define_property(QuizEntryEditFooter, "defaultProps", {
     alternativeRightFooter: null,

package/lib/building/components/resources/quizEntry/QuizEntryEdit/index.js

@@ -74,6 +74,7 @@ function mapDispatchToProps(dispatch) {
         newActiveBank: bindActionCreators(newActiveBank, dispatch),
         changeItemTitle: boundModificationActions.changeItemTitle,
         changeQuizEntryPoints: boundModificationActions.changeQuizEntryPoints,
+        changeQuizEntryProperties: boundModificationActions.changeQuizEntryProperties,
         clearModifications: boundModificationActions.clearModifications,
         clearTemporaryItem: boundModificationActions.clearTemporaryItem,
         clearNextQuizEntry: boundModificationActions.clearNextQuizEntry,

package/lib/building/components/resources/quizEntry/QuizEntryEdit/presenter.js

@@ -530,6 +530,7 @@ var QuizEntryEdit = /*#__PURE__*/ function(Component) {
                 var footerProps = pick(this.props, [
                     'alternativeRightFooter',
                     'changeQuizEntryPoints',
+                    'changeQuizEntryProperties',
                     'clearTemporaryItem',
                     'displayPosition',
                     'entry',

package/lib/building/components/resources/quizEntry/QuizEntryShow/components/LeftHeader.js

@@ -0,0 +1,151 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import React from 'react';
+import PropTypes from 'prop-types';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import t from '@instructure/quiz-i18n/format-message';
+import { IconBankLine, IconAiColoredSolid } from '@instructure/ui-icons';
+import { Flex } from '@instructure/quiz-common';
+import { TruncateText } from '@instructure/ui-truncate-text';
+import { Text } from '@instructure/ui-text';
+import { View } from '@instructure/ui-view';
+import { Tooltip } from '@instructure/ui-tooltip';
+import { Item } from '../../../../../../common/records';
+function QuizEntryLeftHeaderText(param) {
+    var content = param.content, textProps = param.textProps, viewProps = param.viewProps;
+    return /*#__PURE__*/ React.createElement(View, _object_spread({
+        as: "div"
+    }, viewProps), /*#__PURE__*/ React.createElement(TruncateText, {
+        color: "secondary"
+    }, /*#__PURE__*/ React.createElement(Text, _object_spread({
+        color: "secondary",
+        size: "small"
+    }, textProps), content)));
+}
+QuizEntryLeftHeaderText.propTypes = {
+    content: PropTypes.string.isRequired,
+    textProps: PropTypes.shape(Text.propTypes),
+    viewProps: PropTypes.shape(View.propTypes)
+};
+function BankedContent(param) {
+    var quizEntry = param.quizEntry;
+    if (!quizEntry.isBank && !quizEntry.isBankEntry) {
+        return null;
+    }
+    return /*#__PURE__*/ React.createElement(View, {
+        stacking: "topmost"
+    }, /*#__PURE__*/ React.createElement(IconBankLine, null));
+}
+function AiGeneratedContent() {
+    return /*#__PURE__*/ React.createElement(View, {
+        stacking: "topmost"
+    }, /*#__PURE__*/ React.createElement(Tooltip, {
+        renderTip: t('This question was generated using AI'),
+        placement: "top center",
+        on: [
+            'hover',
+            'focus'
+        ]
+    }, /*#__PURE__*/ React.createElement(IconAiColoredSolid, {
+        color: "primary",
+        "aria-label": t('This question was generated using AI')
+    })));
+}
+export function InteractionTypeName(param) {
+    var name = param.name, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? null : _param_defaultValue, textProps = param.textProps;
+    if (!name && !defaultValue) {
+        return null;
+    }
+    var interactionName = name || defaultValue;
+    return /*#__PURE__*/ React.createElement(QuizEntryLeftHeaderText, {
+        content: interactionName,
+        viewProps: {
+            'data-automation': 'sdk-interaction-type-name-div'
+        },
+        textProps: textProps
+    });
+}
+InteractionTypeName.propTypes = {
+    name: PropTypes.string.isRequired,
+    defaultValue: PropTypes.string,
+    textProps: PropTypes.shape(Text.propTypes)
+};
+export function RequiredIndicator() {
+    return /*#__PURE__*/ React.createElement(QuizEntryLeftHeaderText, {
+        content: t('(Required)'),
+        textProps: {
+            fontStyle: 'italic'
+        }
+    });
+}
+export function PointsPossible(param) {
+    var pointsPossible = param.pointsPossible;
+    return /*#__PURE__*/ React.createElement(QuizEntryLeftHeaderText, {
+        content: t("{\n        points, plural,\n          one {# point}\n        other {# points}\n      }", {
+            points: pointsPossible || 0
+        }),
+        viewProps: {
+            className: 'points',
+            'data-automation': 'sdk-points-possible-div'
+        }
+    });
+}
+export function LeftHeader(param) {
+    var quizEntry = param.quizEntry, entry = param.entry, interactionTypeName = param.interactionTypeName, isSurvey = param.isSurvey;
+    return /*#__PURE__*/ React.createElement(Flex, {
+        alignItems: "center",
+        height: "100%",
+        gap: "mediumSmall"
+    }, /*#__PURE__*/ React.createElement(BankedContent, {
+        quizEntry: quizEntry
+    }), quizEntry.isAiGenerated && /*#__PURE__*/ React.createElement(AiGeneratedContent, null), _instanceof(entry, Item) && /*#__PURE__*/ React.createElement(InteractionTypeName, {
+        name: entry.getInteractionType().name,
+        defaultValue: interactionTypeName
+    }), !isSurvey && /*#__PURE__*/ React.createElement(PointsPossible, {
+        pointsPossible: quizEntry.pointsPossible
+    }), entry.title && /*#__PURE__*/ React.createElement(QuizEntryLeftHeaderText, {
+        content: entry.title,
+        viewProps: {
+            'data-automation': 'sdk-quiz-entry-title-div'
+        }
+    }), quizEntry.isRequired && /*#__PURE__*/ React.createElement(RequiredIndicator, null));
+}
+LeftHeader.propTypes = {
+    entry: ImmutablePropTypes.record.isRequired,
+    quizEntry: ImmutablePropTypes.record.isRequired,
+    isSurvey: PropTypes.bool,
+    interactionTypeName: PropTypes.string
+};

package/lib/building/components/resources/quizEntry/QuizEntryShow/index.js

@@ -5,7 +5,7 @@ import { createItem } from '../../../../../common/actions/modifications';
 import { removeQuizEntry } from '../../../../api/quizEntries';
 import { withConfirm } from '../../../../../common/actions/modal';
 import { QuizEntryShowPresenter } from './presenter';
-import { getQuizEntryWithErrorsShowing } from '../../../../../common/selectors/quizzes';
+import { getQuizEntryWithErrorsShowing, getActiveQuiz } from '../../../../../common/selectors/quizzes';
 import { CREATE_ITEM_CALL, UPDATE_ITEM_CALL } from '@instructure/quiz-common';
 import { featureOn } from '../../../../../common/util/featureCheck';
 function mapStateToProps(state, props) {
@@ -31,6 +31,8 @@ function mapStateToProps(state, props) {
     ], Map()).find(function(interactionType) {
         return interactionType.get('slug') === 'rich-fill-blank';
     });
+    var quiz = getActiveQuiz(state);
+    var isSurvey = quiz.isSurvey();
     return {
         createItemCallStatus: state.getIn([
             'calls',
@@ -48,7 +50,8 @@ function mapStateToProps(state, props) {
             'calls',
             UPDATE_ITEM_CALL,
             'requestStatus'
-        ], '')
+        ], ''),
+        isSurvey: isSurvey
     };
 }
 var mapDispatchToProps = {

package/lib/building/components/resources/quizEntry/QuizEntryShow/presenter.js

@@ -130,25 +130,17 @@ function _is_native_reflect_construct() {
         return !!result;
     })();
 }
-function _ts_decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
 import { DragSource } from 'react-dnd';
-import { IconAiColoredSolid, IconBankLine } from '@instructure/ui-icons';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
 import { FillBlankInteractionType } from '@instructure/quiz-interactions';
-import { TOP, withStyleOverrides } from '@instructure/quiz-common';
+import { TOP, withStyleOverrides, Flex } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/format-message';
 import { convertFITBtoRich } from '../../../../../common/util/fitbCopyHelper';
-import Item from '../../../../../common/records/Item';
 import Overlay from '../../../../../common/components/shared/overlay';
 import ActionButtons from '../../ActionButtons';
 import { ItemTypes, dragSource, collectDrag } from '../../../../../common/components/shared/drag_and_drop/dragAndDropUtils';
@@ -156,15 +148,14 @@ import PositionBox from '../../../../../common/components/resources/positionBox/
 import DragAndDropZone from '../../../../../common/components/shared/drag_and_drop/DragAndDropZone';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { Tooltip } from '@instructure/ui-tooltip';
-import { View } from '@instructure/ui-view';
-var QuizEntryShow = /*#__PURE__*/ function(Component) {
+import { LeftHeader } from './components/LeftHeader';
+var BaseQuizEntryShow = /*#__PURE__*/ function(Component) {
     "use strict";
-    _inherits(QuizEntryShow, Component);
-    function QuizEntryShow() {
-        _class_call_check(this, QuizEntryShow);
+    _inherits(BaseQuizEntryShow, Component);
+    function BaseQuizEntryShow() {
+        _class_call_check(this, BaseQuizEntryShow);
         var _this;
-        _this = _call_super(this, QuizEntryShow, arguments), _define_property(_this, "state", {
+        _this = _call_super(this, BaseQuizEntryShow, arguments), _define_property(_this, "state", {
             editAfterCall: null,
             copyAfterCall: null
         }), _define_property(_this, "editingOn", function() {
@@ -215,7 +206,7 @@ var QuizEntryShow = /*#__PURE__*/ function(Component) {
         });
         return _this;
     }
-    _create_class(QuizEntryShow, [
+    _create_class(BaseQuizEntryShow, [
         {
             key: "componentDidUpdate",
             value: function componentDidUpdate() {
@@ -266,14 +257,6 @@ var QuizEntryShow = /*#__PURE__*/ function(Component) {
                 return false;
             }
         },
-        {
-            key: "getPointsText",
-            value: function getPointsText(points) {
-                return t("{\n      points, plural,\n        one {# point}\n      other {# points}\n    }", {
-                    points: points
-                });
-            }
-        },
         {
             key: "removalDialogData",
             value: function removalDialogData() {
@@ -291,71 +274,6 @@ var QuizEntryShow = /*#__PURE__*/ function(Component) {
                 return this.props.quizEntries.size === 1;
             }
         },
-        {
-            key: "renderPointsPossible",
-            value: function renderPointsPossible() {
-                if (_instanceof(this.props.entry, Item)) {
-                    var pointsPossible = this.props.quizEntry.pointsPossible;
-                    return /*#__PURE__*/ jsx("div", {
-                        className: "points",
-                        css: this.props.styles.points,
-                        "data-automation": "sdk-points-possible-div"
-                    }, this.getPointsText(pointsPossible || 0));
-                }
-            }
-        },
-        {
-            key: "renderInteractionType",
-            value: function renderInteractionType() {
-                if (_instanceof(this.props.entry, Item)) {
-                    var interactionTypeName = this.props.entry.getInteractionType().name || this.props.interactionTypeName;
-                    return /*#__PURE__*/ jsx("div", {
-                        css: this.props.styles.interactionTypeName,
-                        "data-automation": "sdk-interaction-type-name-div"
-                    }, interactionTypeName);
-                }
-            }
-        },
-        {
-            key: "renderBankedContent",
-            value: function renderBankedContent() {
-                if (this.props.quizEntry.isBank || this.props.quizEntry.isBankEntry) {
-                    return /*#__PURE__*/ jsx(IconBankLine, null);
-                }
-            }
-        },
-        {
-            key: "renderAiGeneratedContent",
-            value: function renderAiGeneratedContent() {
-                if (!this.props.quizEntry.isAiGenerated) {
-                    return null;
-                }
-                return /*#__PURE__*/ jsx(View, {
-                    stacking: "topmost"
-                }, /*#__PURE__*/ jsx(Tooltip, {
-                    renderTip: t('This question was generated using AI'),
-                    placement: "top center",
-                    on: [
-                        'hover',
-                        'focus'
-                    ]
-                }, /*#__PURE__*/ jsx(IconAiColoredSolid, {
-                    color: "primary",
-                    "aria-label": t('This question was generated using AI')
-                })));
-            }
-        },
-        {
-            key: "renderLeftHeader",
-            value: function renderLeftHeader() {
-                return /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.leftHeader
-                }, this.renderBankedContent(), this.renderAiGeneratedContent(), this.renderInteractionType(), this.renderPointsPossible(), /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.title,
-                    "data-automation": "sdk-quiz-entry-title-div"
-                }, this.props.entry.title));
-            }
-        },
         {
             key: "setInert",
             value: function setInert(node) {
@@ -365,7 +283,7 @@ var QuizEntryShow = /*#__PURE__*/ function(Component) {
         {
             key: "render",
             value: function render() {
-                var _this_props = this.props, connectDragPreview = _this_props.connectDragPreview, displayPosition = _this_props.displayPosition, draggingOver = _this_props.draggingOver, draggingAboveHalf = _this_props.draggingAboveHalf, quizEntry = _this_props.quizEntry, stimulusOrientation = _this_props.stimulusOrientation, isContentLockedByBlueprint = _this_props.isContentLockedByBlueprint, lockBlueprintContentEnabled = _this_props.lockBlueprintContentEnabled;
+                var _this_props = this.props, connectDragPreview = _this_props.connectDragPreview, displayPosition = _this_props.displayPosition, draggingOver = _this_props.draggingOver, draggingAboveHalf = _this_props.draggingAboveHalf, quizEntry = _this_props.quizEntry, stimulusOrientation = _this_props.stimulusOrientation, isContentLockedByBlueprint = _this_props.isContentLockedByBlueprint, lockBlueprintContentEnabled = _this_props.lockBlueprintContentEnabled, interactionTypeName = _this_props.interactionTypeName, entry = _this_props.entry, isSurvey = _this_props.isSurvey;
                 var positionToDisplay = this.props.quizEntry.positionToDisplay(displayPosition);
                 var positionText = t('Preview of question at position {position}', {
                     position: positionToDisplay
@@ -398,7 +316,16 @@ var QuizEntryShow = /*#__PURE__*/ function(Component) {
                     position: positionToDisplay,
                     headingText: positionText,
                     headingLevel: quizEntry.isInStimulus ? 'h3' : 'h2'
-                }), this.renderLeftHeader(), /*#__PURE__*/ jsx(ActionButtons, {
+                }), /*#__PURE__*/ jsx(Flex.Item, {
+                    shouldGrow: true,
+                    overflowX: "hidden",
+                    overflowY: "hidden"
+                }, /*#__PURE__*/ jsx(LeftHeader, {
+                    quizEntry: quizEntry,
+                    entry: entry,
+                    interactionTypeName: interactionTypeName,
+                    isSurvey: isSurvey
+                })), /*#__PURE__*/ jsx(ActionButtons, {
                     connectDragSource: this.props.connectDragSource,
                     displayPosition: this.props.displayPosition,
                     onDelete: this.removeItem,
@@ -422,11 +349,11 @@ var QuizEntryShow = /*#__PURE__*/ function(Component) {
             }
         }
     ]);
-    return QuizEntryShow;
+    return BaseQuizEntryShow;
 }(Component);
-_define_property(QuizEntryShow, "displayName", 'QuizEntryShow');
-_define_property(QuizEntryShow, "componentId", "Quizzes".concat(QuizEntryShow.displayName));
-_define_property(QuizEntryShow, "propTypes", {
+_define_property(BaseQuizEntryShow, "displayName", 'QuizEntryShow');
+_define_property(BaseQuizEntryShow, "componentId", "Quizzes".concat(BaseQuizEntryShow.displayName));
+_define_property(BaseQuizEntryShow, "propTypes", {
     children: PropTypes.oneOfType([
         PropTypes.arrayOf(PropTypes.node),
         PropTypes.node
@@ -461,9 +388,10 @@ _define_property(QuizEntryShow, "propTypes", {
     switchOnEditing: PropTypes.func.isRequired,
     updateItemCallStatus: PropTypes.string.isRequired,
     withConfirm: PropTypes.func.isRequired,
-    styles: PropTypes.object
+    styles: PropTypes.object,
+    isSurvey: PropTypes.bool
 });
-_define_property(QuizEntryShow, "defaultProps", {
+_define_property(BaseQuizEntryShow, "defaultProps", {
     children: null,
     draggingOver: false,
     draggingAboveHalf: false,
@@ -478,9 +406,6 @@ _define_property(QuizEntryShow, "defaultProps", {
     richFITBInteractionID: '',
     stimulusOrientation: null
 });
-QuizEntryShow = _ts_decorate([
-    withStyleOverrides(generateStyle, generateComponentTheme)
-], QuizEntryShow);
-export var QuizEntryShowRaw = QuizEntryShow;
+export var QuizEntryShow = withStyleOverrides(generateStyle, generateComponentTheme)(BaseQuizEntryShow);
 export var QuizEntryShowPresenter = DragSource(ItemTypes.QUIZ_ENTRY, dragSource, collectDrag)(QuizEntryShow);
 export default QuizEntryShowPresenter;

package/lib/building/components/resources/quizEntry/QuizEntryShow/styles.js

@@ -52,15 +52,6 @@ function _object_spread_props(target, source) {
 }
 var generateStyle = function(componentTheme) {
     var mp = '@media print';
-    var interactionTypeStyles = {
-        color: componentTheme.titleInteractionTypeNamePointsColor,
-        fontSize: componentTheme.titleInteractionTypeNamePointsFontSize,
-        marginLeft: componentTheme.titleInteractionTypeNamePointsLeftMargin,
-        marginRight: componentTheme.titleInteractionTypeNamePointsRightMargin,
-        textOverflow: 'ellipsis',
-        overflow: 'hidden',
-        whiteSpace: 'nowrap'
-    };
     var optionsButtonDragDropStyle = {
         backgroundColor: 'transparent',
         border: 'none',
@@ -116,9 +107,6 @@ var generateStyle = function(componentTheme) {
                 backgroundColor: 'initial'
             }
         },
-        title: interactionTypeStyles,
-        interactionTypeName: interactionTypeStyles,
-        points: interactionTypeStyles,
         itemHolder: {
             overflowWrap: 'anywhere',
             margin: componentTheme.itemHolderMargin

package/lib/common/actions/modal.js

@@ -11,7 +11,8 @@ export function withConfirm(onContinue) {
         continueVariant: void 0,
         cancelText: void 0,
         size: void 0,
-        shouldReturnFocus: true
+        shouldReturnFocus: true,
+        submitButtonDisabled: false
     };
     var modalOptions = Object.assign({}, defaultConfirmOptions, opts);
     return {

package/lib/common/components/ConfirmationModal/index.js

@@ -30,7 +30,7 @@ import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
 import { connect } from '../../react-redux';
 import { closeModal } from '../../actions/modal';
-import ConfirmationModal from './presenter';
+import { ConfirmationModal } from './presenter';
 var mapStateToProps = function(state) {
     var modal = state.get('modal');
     return _object_spread({