@digabi/exam-engine-core 24.0.0 → 25.0.0-alpha.1

package/dist/components/exam/ChoiceAnswer.js

@@ -1,45 +1,83 @@
-import classNames from 'classnames';
-import React, { useCallback, useContext } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { getNumericAttribute, mapChildElements, query } from '../../dom-utils';
-import { QuestionContext } from '../context/QuestionContext';
-import { saveAnswer } from '../../store/answers/actions';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const dom_utils_1 = require("../../dom-utils");
+const QuestionContext_1 = require("../context/QuestionContext");
+const actions_1 = require("../../store/answers/actions");
 const ChoiceAnswerOption = ({ selected, element, renderChildNodes, questionId, onSelect, direction, value }) => {
     const className = element.getAttribute('class');
-    const content = (React.createElement("div", { className: classNames('e-choice-answer-option e-column e-pointer', className, {
+    const content = (react_1.default.createElement("div", { className: (0, classnames_1.default)('e-choice-answer-option e-column e-pointer', className, {
             'e-choice-answer-option--selected': selected
         }) }, renderChildNodes(element)));
-    return direction === 'vertical' ? (React.createElement("div", { className: "e-mrg-b-1" },
-        React.createElement("label", { className: classNames('e-columns', {
-                'e-columns--inline': query(element, ['image', 'video']) == null /* Force full width for options containing responsive media */
+    return direction === 'vertical' ? (react_1.default.createElement("div", { className: "e-mrg-b-1" },
+        react_1.default.createElement("label", { className: (0, classnames_1.default)('e-columns', {
+                'e-columns--inline': (0, dom_utils_1.query)(element, ['image', 'video']) == null /* Force full width for options containing responsive media */
             }) },
-            React.createElement("input", { type: "radio", className: "e-radio-button e-column e-column--narrow", name: String(questionId), onChange: onSelect, value: value, checked: selected }),
-            content))) : (React.createElement("div", { className: "e-column e-mrg-b-1" },
-        React.createElement("label", { className: "e-block e-text-center" },
-            React.createElement("input", { type: "radio", className: "e-radio-button", name: String(questionId), onChange: onSelect, value: value, checked: selected }),
+            react_1.default.createElement("input", { type: "radio", className: "e-radio-button e-column e-column--narrow", name: String(questionId), onChange: onSelect, value: value, checked: selected }),
+            content))) : (react_1.default.createElement("div", { className: "e-column e-mrg-b-1" },
+        react_1.default.createElement("label", { className: "e-block e-text-center" },
+            react_1.default.createElement("input", { type: "radio", className: "e-radio-button", name: String(questionId), onChange: onSelect, value: value, checked: selected }),
             content)));
 };
 const ChoiceAnswer = ({ element, renderChildNodes, renderComponentOverrides }) => {
-    const questionId = getNumericAttribute(element, 'question-id');
+    const questionId = (0, dom_utils_1.getNumericAttribute)(element, 'question-id');
     const displayNumber = element.getAttribute('display-number');
     const direction = element.getAttribute('direction') || 'vertical';
     const className = element.getAttribute('class');
-    const { questionLabelIds } = useContext(QuestionContext);
-    const answer = useSelector((state) => state.answers.answersById[questionId]);
-    const dispatch = useDispatch();
-    const onSelect = useCallback(event => {
-        dispatch(saveAnswer({ type: 'choice', questionId, value: event.currentTarget.value, displayNumber }));
+    const { questionLabelIds } = (0, react_1.useContext)(QuestionContext_1.QuestionContext);
+    const answer = (0, react_redux_1.useSelector)((state) => state.answers.answersById[questionId]);
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const onSelect = (0, react_1.useCallback)(event => {
+        dispatch((0, actions_1.saveAnswer)({ type: 'choice', questionId, value: event.currentTarget.value, displayNumber }));
     }, [questionId, displayNumber]);
-    return (React.createElement("div", { className: classNames('e-choice-answer e-mrg-b-4', className, {
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('e-choice-answer e-mrg-b-4', className, {
             'e-columns': direction === 'horizontal'
         }), "data-question-id": questionId, role: "radiogroup", "aria-labelledby": questionLabelIds },
-        React.createElement("span", { className: "anchor", id: `question-nr-${displayNumber}` }),
-        mapChildElements(element, childElement => {
+        react_1.default.createElement("span", { className: "anchor", id: `question-nr-${displayNumber}` }),
+        (0, dom_utils_1.mapChildElements)(element, childElement => {
             const optionId = childElement.getAttribute('option-id');
             const isNoAnswer = childElement.getAttribute('type') === 'no-answer';
             const value = isNoAnswer ? '' : optionId;
             const selected = answer != null && answer.value === value;
-            return (React.createElement(ChoiceAnswerOption, { element: childElement,
+            return (react_1.default.createElement(ChoiceAnswerOption, { element: childElement,
                 onSelect,
                 renderChildNodes,
                 renderComponentOverrides,
@@ -50,5 +88,5 @@ const ChoiceAnswer = ({ element, renderChildNodes, renderComponentOverrides }) =
                 value }));
         })));
 };
-export default React.memo(ChoiceAnswer);
+exports.default = react_1.default.memo(ChoiceAnswer);
 //# sourceMappingURL=ChoiceAnswer.js.map

package/dist/components/exam/ChoiceAnswer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceAnswer.js","sourceRoot":"","sources":["../../../src/components/exam/ChoiceAnswer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChoiceAnswer.js","sourceRoot":"","sources":["../../../src/components/exam/ChoiceAnswer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAAmC;AACnC,+CAAsD;AACtD,6CAAsD;AACtD,+CAA8E;AAG9E,gEAA4D;AAC5D,yDAAwD;AAWxD,MAAM,kBAAkB,GAAG,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,KAAK,EACmB,EAAE,EAAE;IAC5B,MAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IAE/C,MAAM,OAAO,GAAG,CACd,uCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,2CAA2C,EAAE,SAAS,EAAE;YAC5E,kCAAkC,EAAE,QAAQ;SAC7C,CAAC,IAED,gBAAgB,CAAC,OAAO,CAAC,CACtB,CACP,CAAA;IAED,OAAO,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,CAChC,uCAAK,SAAS,EAAC,WAAW;QACxB,yCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,WAAW,EAAE;gBACjC,mBAAmB,EACjB,IAAA,iBAAK,EAAC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,IAAI,CAAC,8DAA8D;aAC5G,CAAC;YAEF,yCACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,0CAA0C,EACpD,IAAI,EAAE,MAAM,CAAC,UAAU,CAAC,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,GACjB;YACD,OAAO,CACF,CACJ,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,oBAAoB;QACjC,yCAAO,SAAS,EAAC,uBAAuB;YACtC,yCACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAE,MAAM,CAAC,UAAU,CAAC,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,GACjB;YACD,OAAO,CACF,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,YAAY,GAAgD,CAAC,EACjE,OAAO,EACP,gBAAgB,EAChB,wBAAwB,EACzB,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,IAAA,+BAAmB,EAAC,OAAO,EAAE,aAAa,CAAE,CAAA;IAC/D,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAE,CAAA;IAC7D,MAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,UAAU,CAAA;IACjE,MAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IAE/C,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,iCAAe,CAAC,CAAA;IACxD,MAAM,MAAM,GAAG,IAAA,yBAAW,EACxB,CAAC,KAAgC,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,UAAU,CAA8B,CACzG,CAAA;IACD,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAA;IAC9B,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAC1B,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,IAAA,oBAAU,EAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC,CAAA;IACvG,CAAC,EACD,CAAC,UAAU,EAAE,aAAa,CAAC,CAC5B,CAAA;IAED,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAA2B,EAAE,SAAS,EAAE;YAC5D,WAAW,EAAE,SAAS,KAAK,YAAY;SACxC,CAAC,sBACgB,UAAU,EAC5B,IAAI,EAAC,YAAY,qBACA,gBAAgB;QAEjC,wCAAM,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,eAAe,aAAa,EAAE,GAAI;QAE9D,IAAA,4BAAgB,EAAC,OAAO,EAAE,YAAY,CAAC,EAAE;YACxC,MAAM,QAAQ,GAAG,YAAY,CAAC,YAAY,CAAC,WAAW,CAAE,CAAA;YACxD,MAAM,UAAU,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,WAAW,CAAA;YACpE,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAA;YACxC,MAAM,QAAQ,GAAG,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,KAAK,KAAK,KAAK,CAAA;YAEzD,OAAO,CACL,8BAAC,kBAAkB,IAEf,OAAO,EAAE,YAAY;gBACrB,QAAQ;gBACR,gBAAgB;gBAChB,wBAAwB;gBACxB,UAAU;gBACV,GAAG,EAAE,QAAQ;gBACb,SAAS;gBACT,QAAQ;gBACR,KAAK,GAEP,CACH,CAAA;QACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,eAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA"}

package/dist/components/exam/DNDAllOptions.js

@@ -1,14 +1,21 @@
-import { useDroppable } from '@dnd-kit/core';
-import { SortableContext } from '@dnd-kit/sortable';
-import React from 'react';
-import { DNDDroppable } from '../shared/DNDDroppable';
-import { useExamTranslation } from '../../i18n';
-export const AllDNDOptions = ({ items, renderChildNodes, renderComponentOverrides, answerOptionElements }) => {
-    const { setNodeRef } = useDroppable({ id: 'root' });
-    const { t } = useExamTranslation();
-    return (React.createElement(SortableContext, { items: items },
-        React.createElement("span", { className: "droppable-title" }, t('dnd-answers.all-answer-options')),
-        React.createElement("span", { ref: setNodeRef },
-            React.createElement(DNDDroppable, { renderChildNodes: renderChildNodes, renderComponentOverrides: renderComponentOverrides, questionId: "root", page: "exam", classes: ['root'], answerOptionElements: answerOptionElements }))));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AllDNDOptions = void 0;
+const core_1 = require("@dnd-kit/core");
+const sortable_1 = require("@dnd-kit/sortable");
+const react_1 = __importDefault(require("react"));
+const DNDDroppable_1 = require("../shared/DNDDroppable");
+const i18n_1 = require("../../i18n");
+const AllDNDOptions = ({ items, renderChildNodes, renderComponentOverrides, answerOptionElements }) => {
+    const { setNodeRef } = (0, core_1.useDroppable)({ id: 'root' });
+    const { t } = (0, i18n_1.useExamTranslation)();
+    return (react_1.default.createElement(sortable_1.SortableContext, { items: items },
+        react_1.default.createElement("span", { className: "droppable-title" }, t('dnd-answers.all-answer-options')),
+        react_1.default.createElement("span", { ref: setNodeRef },
+            react_1.default.createElement(DNDDroppable_1.DNDDroppable, { renderChildNodes: renderChildNodes, renderComponentOverrides: renderComponentOverrides, questionId: "root", page: "exam", classes: ['root'], answerOptionElements: answerOptionElements }))));
+};
+exports.AllDNDOptions = AllDNDOptions;
 //# sourceMappingURL=DNDAllOptions.js.map

package/dist/components/exam/DNDAllOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DNDAllOptions.js","sourceRoot":"","sources":["../../../src/components/exam/DNDAllOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAE/C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,EAMrB,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,YAAY,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAA;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,eAAe,IAAC,KAAK,EAAE,KAAK;QAC3B,8BAAM,SAAS,EAAC,iBAAiB,IAAE,CAAC,CAAC,gCAAgC,CAAC,CAAQ;QAC9E,8BAAM,GAAG,EAAE,UAAU;YACnB,oBAAC,YAAY,IACX,gBAAgB,EAAE,gBAAgB,EAClC,wBAAwB,EAAE,wBAAwB,EAClD,UAAU,EAAC,MAAM,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,CAAC,MAAM,CAAC,EACjB,oBAAoB,EAAE,oBAAoB,GAC1C,CACG,CACS,CACnB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"DNDAllOptions.js","sourceRoot":"","sources":["../../../src/components/exam/DNDAllOptions.tsx"],"names":[],"mappings":";;;;;;AAAA,wCAA8D;AAC9D,gDAAmD;AACnD,kDAAyB;AAEzB,yDAAqD;AACrD,qCAA+C;AAExC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,EAMrB,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,mBAAY,EAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAA;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAkB,GAAE,CAAA;IAElC,OAAO,CACL,8BAAC,0BAAe,IAAC,KAAK,EAAE,KAAK;QAC3B,wCAAM,SAAS,EAAC,iBAAiB,IAAE,CAAC,CAAC,gCAAgC,CAAC,CAAQ;QAC9E,wCAAM,GAAG,EAAE,UAAU;YACnB,8BAAC,2BAAY,IACX,gBAAgB,EAAE,gBAAgB,EAClC,wBAAwB,EAAE,wBAAwB,EAClD,UAAU,EAAC,MAAM,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,CAAC,MAAM,CAAC,EACjB,oBAAoB,EAAE,oBAAoB,GAC1C,CACG,CACS,CACnB,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,aAAa,iBA6BzB"}

package/dist/components/exam/DNDAnswerContainer.js

@@ -1,24 +1,60 @@
-import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
-import React, { useEffect, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { getAnswerOptionIdsByQuestionId, getAnswerOptionsByOptionId, query, queryAll } from '../../dom-utils';
-import { saveAnswer } from '../../store/answers/actions';
-import { DNDTitleAndDroppable } from '../shared/DNDTitleAndDroppable';
-import { AllDNDOptions } from './DNDAllOptions';
-import { DNDAnswerOptionDraggable } from './DNDAnswerOptionDraggable';
-import { coordinateGetter } from './multipleContainersKeyboardCoordinates';
-export const DNDAnswerContainer = ({ element, renderChildNodes, renderComponentOverrides }) => {
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DNDAnswerContainer = void 0;
+const core_1 = require("@dnd-kit/core");
+const react_1 = __importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const dom_utils_1 = require("../../dom-utils");
+const actions_1 = require("../../store/answers/actions");
+const DNDTitleAndDroppable_1 = require("../shared/DNDTitleAndDroppable");
+const DNDAllOptions_1 = require("./DNDAllOptions");
+const DNDAnswerOptionDraggable_1 = require("./DNDAnswerOptionDraggable");
+const multipleContainersKeyboardCoordinates_1 = require("./multipleContainersKeyboardCoordinates");
+const DNDAnswerContainer = ({ element, renderChildNodes, renderComponentOverrides }) => {
     var _a;
-    const dispatch = useDispatch();
-    const [activeId, setActiveId] = useState();
-    const [optionIdsByQuestionId, setOptionIdsByQuestionId] = useState({});
-    const [answerOptionsById, setAnswerOptionsById] = useState({});
-    const [displayNumbersById, setDisplayNumbersById] = useState({});
-    const answers = useSelector((state) => state.answers);
-    useEffect(() => {
-        const dndAnswers = queryAll(element, 'dnd-answer').filter(e => !!query(e, 'dnd-answer-title'));
-        const answerOptionIdsByQuestionId = getAnswerOptionIdsByQuestionId(element, answers.answersById);
-        const answerOptionsByOptionId = getAnswerOptionsByOptionId(element);
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const [activeId, setActiveId] = (0, react_1.useState)();
+    const [optionIdsByQuestionId, setOptionIdsByQuestionId] = (0, react_1.useState)({});
+    const [answerOptionsById, setAnswerOptionsById] = (0, react_1.useState)({});
+    const [displayNumbersById, setDisplayNumbersById] = (0, react_1.useState)({});
+    const answers = (0, react_redux_1.useSelector)((state) => state.answers);
+    (0, react_1.useEffect)(() => {
+        const dndAnswers = (0, dom_utils_1.queryAll)(element, 'dnd-answer').filter(e => !!(0, dom_utils_1.query)(e, 'dnd-answer-title'));
+        const answerOptionIdsByQuestionId = (0, dom_utils_1.getAnswerOptionIdsByQuestionId)(element, answers.answersById);
+        const answerOptionsByOptionId = (0, dom_utils_1.getAnswerOptionsByOptionId)(element);
         const displayNumbersById = dndAnswers.reduce((acc, el) => {
             const questionId = el.getAttribute('question-id');
             const displayNumber = el.getAttribute('display-number');
@@ -28,8 +64,8 @@ export const DNDAnswerContainer = ({ element, renderChildNodes, renderComponentO
         setAnswerOptionsById(answerOptionsByOptionId);
         setDisplayNumbersById(displayNumbersById);
     }, [element]);
-    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
-        coordinateGetter
+    const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor), (0, core_1.useSensor)(core_1.KeyboardSensor, {
+        coordinateGetter: multipleContainersKeyboardCoordinates_1.coordinateGetter
     }));
     function findContainer(id) {
         if (id in optionIdsByQuestionId) {
@@ -65,26 +101,27 @@ export const DNDAnswerContainer = ({ element, renderChildNodes, renderComponentO
         const questionIdNumber = Number(questionId);
         const value = (optionId === null || optionId === void 0 ? void 0 : optionId.toString()) || '';
         const displayNumber = displayNumbersById[questionId];
-        dispatch(saveAnswer({ type: 'choice', questionId: questionIdNumber, value, displayNumber }));
+        dispatch((0, actions_1.saveAnswer)({ type: 'choice', questionId: questionIdNumber, value, displayNumber }));
     }
-    const dndAnswersWithQuestion = queryAll(element, 'dnd-answer').filter(e => !!query(e, 'dnd-answer-title'));
+    const dndAnswersWithQuestion = (0, dom_utils_1.queryAll)(element, 'dnd-answer').filter(e => !!(0, dom_utils_1.query)(e, 'dnd-answer-title'));
     const allAnswerOptionElements = (_a = optionIdsByQuestionId.root) === null || _a === void 0 ? void 0 : _a.map(id => answerOptionsById[id] || null).filter(Boolean);
     // We can not render the prop 'element' (XML) here, because we will change the DOM structure when items are dragged around¯, but the XML can not be changed
-    return (React.createElement("div", { className: "e-dnd-answer-container" },
-        React.createElement(DndContext, { sensors: sensors, onDragStart: handleDragStart, onDragEnd: handleDragEnd },
+    return (react_1.default.createElement("div", { className: "e-dnd-answer-container" },
+        react_1.default.createElement(core_1.DndContext, { sensors: sensors, onDragStart: handleDragStart, onDragEnd: handleDragEnd },
             dndAnswersWithQuestion.map(element => {
                 var _a;
                 const questionId = element.getAttribute('question-id');
                 const dndAnswerOptions = (_a = (optionIdsByQuestionId[questionId] || [])) === null || _a === void 0 ? void 0 : _a.map(id => (answerOptionsById === null || answerOptionsById === void 0 ? void 0 : answerOptionsById[id]) || null).filter(Boolean);
                 const itemIds = optionIdsByQuestionId[questionId] || [];
-                return (React.createElement(DNDTitleAndDroppable, { key: questionId, element: element, renderChildNodes: renderChildNodes, renderComponentOverrides: renderComponentOverrides, itemIds: itemIds, answerOptionElements: dndAnswerOptions, page: "exam" }));
+                return (react_1.default.createElement(DNDTitleAndDroppable_1.DNDTitleAndDroppable, { key: questionId, element: element, renderChildNodes: renderChildNodes, renderComponentOverrides: renderComponentOverrides, itemIds: itemIds, answerOptionElements: dndAnswerOptions, page: "exam" }));
             }),
-            React.createElement(AllDNDOptions, { items: optionIdsByQuestionId.root || [], renderChildNodes: renderChildNodes, renderComponentOverrides: renderComponentOverrides, answerOptionElements: allAnswerOptionElements }),
-            React.createElement(DragOverlay, { className: "e-dnd-answer-drag-overlay", dropAnimation: {
+            react_1.default.createElement(DNDAllOptions_1.AllDNDOptions, { items: optionIdsByQuestionId.root || [], renderChildNodes: renderChildNodes, renderComponentOverrides: renderComponentOverrides, answerOptionElements: allAnswerOptionElements }),
+            react_1.default.createElement(core_1.DragOverlay, { className: "e-dnd-answer-drag-overlay", dropAnimation: {
                     duration: 250,
                     easing: 'ease-in-out'
-                } }, activeId ? (React.createElement(DNDAnswerOptionDraggable, { element: answerOptionsById[activeId], renderChildNodes: renderChildNodes, renderComponentOverrides: renderComponentOverrides })) : null))));
+                } }, activeId ? (react_1.default.createElement(DNDAnswerOptionDraggable_1.DNDAnswerOptionDraggable, { element: answerOptionsById[activeId], renderChildNodes: renderChildNodes, renderComponentOverrides: renderComponentOverrides })) : null))));
 };
+exports.DNDAnswerContainer = DNDAnswerContainer;
 function moveValue(state, from, to, value) {
     const newState = { ...state };
     // Remove the value from its current container

package/dist/components/exam/DNDAnswerContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DNDAnswerContainer.js","sourceRoot":"","sources":["../../../src/components/exam/DNDAnswerContainer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DNDAnswerContainer.js","sourceRoot":"","sources":["../../../src/components/exam/DNDAnswerContainer.tsx"],"names":[],"mappings":"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"}

package/dist/components/exam/DNDAnswerOptionDraggable.js

@@ -1,18 +1,25 @@
-import { useDraggable } from '@dnd-kit/core';
-import { faUpDownLeftRight } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React from 'react';
-import { getNumericAttribute } from '../../dom-utils';
-import { DNDAnswerOption } from '../results/DNDAnswerOption';
-export const DNDAnswerOptionDraggable = ({ element, renderChildNodes, renderComponentOverrides }) => {
-    const optionId = getNumericAttribute(element, 'option-id');
-    const { attributes, listeners, setNodeRef, isDragging, setActivatorNodeRef } = useDraggable({
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DNDAnswerOptionDraggable = void 0;
+const core_1 = require("@dnd-kit/core");
+const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+const react_1 = __importDefault(require("react"));
+const dom_utils_1 = require("../../dom-utils");
+const DNDAnswerOption_1 = require("../results/DNDAnswerOption");
+const DNDAnswerOptionDraggable = ({ element, renderChildNodes, renderComponentOverrides }) => {
+    const optionId = (0, dom_utils_1.getNumericAttribute)(element, 'option-id');
+    const { attributes, listeners, setNodeRef, isDragging, setActivatorNodeRef } = (0, core_1.useDraggable)({
         id: optionId
     });
     const style = { opacity: isDragging ? 0.3 : 1 };
-    return (React.createElement("div", { ref: setNodeRef, className: "e-dnd-answer-option", "data-testid": "dnd-answer-option" },
-        React.createElement(DNDAnswerOption, { element: element, renderChildNodes: renderChildNodes, renderComponentOverrides: renderComponentOverrides, style: style }),
-        React.createElement("div", { ...listeners, ...attributes, ref: setActivatorNodeRef, className: "drag-handle" },
-            React.createElement(FontAwesomeIcon, { size: "1x", icon: faUpDownLeftRight }))));
+    return (react_1.default.createElement("div", { ref: setNodeRef, className: "e-dnd-answer-option", "data-testid": "dnd-answer-option" },
+        react_1.default.createElement(DNDAnswerOption_1.DNDAnswerOption, { element: element, renderChildNodes: renderChildNodes, renderComponentOverrides: renderComponentOverrides, style: style }),
+        react_1.default.createElement("div", { ...listeners, ...attributes, ref: setActivatorNodeRef, className: "drag-handle" },
+            react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { size: "1x", icon: free_solid_svg_icons_1.faUpDownLeftRight }))));
 };
+exports.DNDAnswerOptionDraggable = DNDAnswerOptionDraggable;
 //# sourceMappingURL=DNDAnswerOptionDraggable.js.map

package/dist/components/exam/DNDAnswerOptionDraggable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DNDAnswerOptionDraggable.js","sourceRoot":"","sources":["../../../src/components/exam/DNDAnswerOptionDraggable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,OAAO,EACP,gBAAgB,EAChB,wBAAwB,EACL,EAAE,EAAE;IACvB,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAE,CAAA;IAE3D,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,YAAY,CAAC;QAC1F,EAAE,EAAE,QAAQ;KACb,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAE/C,OAAO,CACL,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,qBAAqB,iBAAa,mBAAmB;QACnF,oBAAC,eAAe,IACd,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,wBAAwB,EAAE,wBAAwB,EAClD,KAAK,EAAE,KAAK,GACZ;QAEF,gCAAS,SAAS,KAAM,UAAU,EAAE,GAAG,EAAE,mBAAmB,EAAE,SAAS,EAAC,aAAa;YACnF,oBAAC,eAAe,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,iBAAiB,GAAI,CAClD,CACF,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"DNDAnswerOptionDraggable.js","sourceRoot":"","sources":["../../../src/components/exam/DNDAnswerOptionDraggable.tsx"],"names":[],"mappings":";;;;;;AAAA,wCAA4C;AAC5C,4EAAqE;AACrE,sEAAgE;AAChE,kDAAyB;AAEzB,+CAAqD;AACrD,gEAA4D;AAErD,MAAM,wBAAwB,GAAG,CAAC,EACvC,OAAO,EACP,gBAAgB,EAChB,wBAAwB,EACL,EAAE,EAAE;IACvB,MAAM,QAAQ,GAAG,IAAA,+BAAmB,EAAC,OAAO,EAAE,WAAW,CAAE,CAAA;IAE3D,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,IAAA,mBAAY,EAAC;QAC1F,EAAE,EAAE,QAAQ;KACb,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAE/C,OAAO,CACL,uCAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,qBAAqB,iBAAa,mBAAmB;QACnF,8BAAC,iCAAe,IACd,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,wBAAwB,EAAE,wBAAwB,EAClD,KAAK,EAAE,KAAK,GACZ;QAEF,0CAAS,SAAS,KAAM,UAAU,EAAE,GAAG,EAAE,mBAAmB,EAAE,SAAS,EAAC,aAAa;YACnF,8BAAC,mCAAe,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,wCAAiB,GAAI,CAClD,CACF,CACP,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,wBAAwB,4BA2BpC"}

package/dist/components/exam/DropdownAnswer.js

@@ -1,45 +1,83 @@
-import { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import classNames from 'classnames';
-import { useSelect } from 'downshift';
-import * as _ from 'lodash-es';
-import React, { useContext, useEffect, useRef, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { findChildElement, getNumericAttribute, mapChildElements, NBSP } from '../../dom-utils';
-import * as fonts from '../../fonts';
-import { useExamTranslation } from '../../i18n';
-import { answerScoreId } from '../../ids';
-import { QuestionContext } from '../context/QuestionContext';
-import { Score } from '../shared/Score';
-import { saveAnswer } from '../../store/answers/actions';
-import { AnnotationContext } from '../context/AnnotationProvider';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+const classnames_1 = __importDefault(require("classnames"));
+const downshift_1 = require("downshift");
+const _ = __importStar(require("lodash-es"));
+const react_1 = __importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const dom_utils_1 = require("../../dom-utils");
+const fonts = __importStar(require("../../fonts"));
+const i18n_1 = require("../../i18n");
+const ids_1 = require("../../ids");
+const QuestionContext_1 = require("../context/QuestionContext");
+const Score_1 = require("../shared/Score");
+const actions_1 = require("../../store/answers/actions");
+const AnnotationProvider_1 = require("../context/AnnotationProvider");
 const menuBorderWidthPx = 2;
 const roundingErrorCompensationPx = 1;
 const noAnswer = '';
 const runningInBrowser = !navigator.userAgent.includes('jsdom/');
 const DropdownAnswer = ({ element, renderChildNodes }) => {
-    const questionId = getNumericAttribute(element, 'question-id');
-    const maxScore = getNumericAttribute(element, 'max-score');
-    const answer = useSelector((state) => state.answers.answersById[questionId]);
-    const dispatch = useDispatch();
+    const questionId = (0, dom_utils_1.getNumericAttribute)(element, 'question-id');
+    const maxScore = (0, dom_utils_1.getNumericAttribute)(element, 'max-score');
+    const answer = (0, react_redux_1.useSelector)((state) => state.answers.answersById[questionId]);
+    const dispatch = (0, react_redux_1.useDispatch)();
     const displayNumber = element.getAttribute('display-number');
     const currentlySelectedItem = answer &&
         answer.value &&
-        findChildElement(element, childElement => answer.value === childElement.getAttribute('option-id'));
-    const labelRef = useRef(null);
-    const menuRef = React.useRef(null);
-    const [measuring, setMeasuring] = useState(true);
-    const [fontsLoaded, setFontsLoaded] = useState(fonts.loaded);
+        (0, dom_utils_1.findChildElement)(element, childElement => answer.value === childElement.getAttribute('option-id'));
+    const labelRef = (0, react_1.useRef)(null);
+    const menuRef = react_1.default.useRef(null);
+    const [measuring, setMeasuring] = (0, react_1.useState)(true);
+    const [fontsLoaded, setFontsLoaded] = (0, react_1.useState)(fonts.loaded);
     if (runningInBrowser) {
         // Force a re-measure if element changes or fonts are loaded after this
         // component has been rendered.
         fonts.ready.then(() => !fontsLoaded && setFontsLoaded(true)).catch(() => { });
-        useEffect(() => setMeasuring(true), [element]);
-        useEffect(() => {
+        (0, react_1.useEffect)(() => setMeasuring(true), [element]);
+        (0, react_1.useEffect)(() => {
             if (measuring && menuRef.current && labelRef.current) {
                 const menuEl = menuRef.current;
                 const labelEl = labelRef.current;
-                const preferredWidth = _.max(mapChildElements(menuEl, el => el.firstElementChild.scrollWidth));
+                const preferredWidth = _.max((0, dom_utils_1.mapChildElements)(menuEl, el => el.firstElementChild.scrollWidth));
                 // Run the DOM mutations on the next frame to avoid layout trashing in exams with lots of dropdowns.
                 const requestId = requestAnimationFrame(() => {
                     labelEl.style.width = `${preferredWidth + menuBorderWidthPx + roundingErrorCompensationPx}px`;
@@ -50,42 +88,42 @@ const DropdownAnswer = ({ element, renderChildNodes }) => {
         });
     }
     const items = [noAnswer, ...element.children];
-    const { answers, questionLabelIds } = useContext(QuestionContext);
-    const { getItemProps, getMenuProps, getToggleButtonProps, highlightedIndex, isOpen, selectedItem } = useSelect({
+    const { answers, questionLabelIds } = (0, react_1.useContext)(QuestionContext_1.QuestionContext);
+    const { getItemProps, getMenuProps, getToggleButtonProps, highlightedIndex, isOpen, selectedItem } = (0, downshift_1.useSelect)({
         items,
         itemToString: item => (item ? item.textContent : ''),
         onSelectedItemChange: ({ selectedItem }) => {
             const value = selectedItem ? selectedItem.getAttribute('option-id') : '';
-            dispatch(saveAnswer({ type: 'choice', questionId, value, displayNumber }));
+            dispatch((0, actions_1.saveAnswer)({ type: 'choice', questionId, value, displayNumber }));
         },
         initialSelectedItem: currentlySelectedItem
     });
-    const { t } = useExamTranslation();
-    const scoreId = answerScoreId(element);
-    const annotationsEnabled = useContext(AnnotationContext);
+    const { t } = (0, i18n_1.useExamTranslation)();
+    const scoreId = (0, ids_1.answerScoreId)(element);
+    const annotationsEnabled = (0, react_1.useContext)(AnnotationProvider_1.AnnotationContext);
     const mouseHandlerOverrides = {
         onClick: () => { },
         onMouseDown: () => { },
         onMouseMove: () => { }
     };
-    return (React.createElement("span", { className: "e-nowrap" },
-        React.createElement("span", { className: "anchor", id: `question-nr-${displayNumber}` }),
-        React.createElement("span", { className: classNames('e-dropdown-answer e-normal'), "data-question-id": questionId },
-            React.createElement("button", { className: classNames('e-dropdown-answer__toggle-button e-button-plain e-columns', {
+    return (react_1.default.createElement("span", { className: "e-nowrap" },
+        react_1.default.createElement("span", { className: "anchor", id: `question-nr-${displayNumber}` }),
+        react_1.default.createElement("span", { className: (0, classnames_1.default)('e-dropdown-answer e-normal'), "data-question-id": questionId },
+            react_1.default.createElement("button", { className: (0, classnames_1.default)('e-dropdown-answer__toggle-button e-button-plain e-columns', {
                     'e-dropdown-answer__toggle-button--open': isOpen
                 }), ...getToggleButtonProps({
                     'aria-describedby': scoreId,
                     'aria-labelledby': questionLabelIds
                 }, { suppressRefError: !runningInBrowser }) },
-                React.createElement("span", { className: "e-dropdown-answer__label e-column e-pad-l-1 e-pad-r-4" },
-                    React.createElement("span", { className: "e-ellipsis e-block", ref: labelRef }, selectedItem ? (renderChildNodes(selectedItem)) : (React.createElement("span", { "aria-label": t.raw('dropdown-answer.label') }, NBSP)))),
-                React.createElement("span", { className: classNames('e-dropdown-answer__toggle-icon e-text-center e-column e-column--narrow e-column--gapless') },
-                    React.createElement(FontAwesomeIcon, { icon: isOpen ? faChevronUp : faChevronDown }))),
-            React.createElement("span", { ...getMenuProps({
-                    className: classNames('e-dropdown-answer__menu', { 'e-dropdown-answer__menu--open': isOpen }),
+                react_1.default.createElement("span", { className: "e-dropdown-answer__label e-column e-pad-l-1 e-pad-r-4" },
+                    react_1.default.createElement("span", { className: "e-ellipsis e-block", ref: labelRef }, selectedItem ? (renderChildNodes(selectedItem)) : (react_1.default.createElement("span", { "aria-label": t.raw('dropdown-answer.label') }, dom_utils_1.NBSP)))),
+                react_1.default.createElement("span", { className: (0, classnames_1.default)('e-dropdown-answer__toggle-icon e-text-center e-column e-column--narrow e-column--gapless') },
+                    react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: isOpen ? free_solid_svg_icons_1.faChevronUp : free_solid_svg_icons_1.faChevronDown }))),
+            react_1.default.createElement("span", { ...getMenuProps({
+                    className: (0, classnames_1.default)('e-dropdown-answer__menu', { 'e-dropdown-answer__menu--open': isOpen }),
                     'aria-labelledby': undefined,
                     ref: menuRef
-                }, { suppressRefError: !runningInBrowser }) }, items.map((item, i) => (React.createElement("span", { className: classNames('e-dropdown-answer__menu-item e-block e-pad-l-1 e-pad-r-4', {
+                }, { suppressRefError: !runningInBrowser }) }, items.map((item, i) => (react_1.default.createElement("span", { className: (0, classnames_1.default)('e-dropdown-answer__menu-item e-block e-pad-l-1 e-pad-r-4', {
                     'e-dropdown-answer__menu-item--selected': item === selectedItem,
                     'e-bg-color-off-white': highlightedIndex !== i,
                     'e-bg-color-link e-color-off-white': highlightedIndex === i
@@ -93,8 +131,8 @@ const DropdownAnswer = ({ element, renderChildNodes }) => {
                     item,
                     index: i
                 }), ...(annotationsEnabled ? mouseHandlerOverrides : {}) },
-                React.createElement("span", { className: classNames('e-dropdown-answer__menu-item-inner e-block', { 'e-nowrap': measuring }) }, item ? renderChildNodes(item) : React.createElement("span", { "aria-label": t.raw('dropdown-answer.clear') }, NBSP))))))),
-        answers.length > 1 && React.createElement(Score, { score: maxScore, size: 'inline', id: scoreId })));
+                react_1.default.createElement("span", { className: (0, classnames_1.default)('e-dropdown-answer__menu-item-inner e-block', { 'e-nowrap': measuring }) }, item ? renderChildNodes(item) : react_1.default.createElement("span", { "aria-label": t.raw('dropdown-answer.clear') }, dom_utils_1.NBSP))))))),
+        answers.length > 1 && react_1.default.createElement(Score_1.Score, { score: maxScore, size: 'inline', id: scoreId })));
 };
-export default React.memo(DropdownAnswer);
+exports.default = react_1.default.memo(DropdownAnswer);
 //# sourceMappingURL=DropdownAnswer.js.map