@instructure/quiz-core 20.30.1-snapshot.1 → 20.30.1-snapshot.3

package/es/banks/components/Banks/presenter.js

@@ -202,7 +202,7 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
           hero: _ref4
         });
       }
-      return t('You don\'t have any banks yet');
+      return t("You don't have any banks yet");
     };
     _this.state = {
       searchTerms: _this.props.searchTerms || ''

package/es/banks/components/NavWrapper/presenter.js

@@ -107,7 +107,7 @@ var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
       return jsx(View, null, jsx(Global, {
         styles: {
           'body.tox-fullscreen .nav': {
-            'display': 'none'
+            display: 'none'
           }
         }
       }), jsx("div", {

package/es/banks/components/SharingModal/ShareList/ShareList.examples.js

@@ -2,17 +2,17 @@ import { fromJS } from 'immutable';
 export default {
   propValues: {
     shares: [fromJS([{
-      title: "Test Person",
-      entity_type: "user",
-      entity_id: "banana",
-      permission: "edit",
-      id: "5"
+      title: 'Test Person',
+      entity_type: 'user',
+      entity_id: 'banana',
+      permission: 'edit',
+      id: '5'
     }]), fromJS([{
-      title: "Course X",
-      entity_type: "course",
-      entity_id: "X",
-      permission: "read",
-      id: "7"
+      title: 'Course X',
+      entity_type: 'course',
+      entity_id: 'X',
+      permission: 'read',
+      id: '7'
     }])],
     onPermissionChange: [Function.prototype],
     onPersonRemove: [Function.prototype],

package/es/building/components/resources/quizEntry/QuizEntryEdit/Footer/styles.js

@@ -15,8 +15,7 @@ var generateStyle = function generateStyle(componentTheme) {
       marginLeft: componentTheme.feedbackSectionLeftMarg
     }),
     pointsInput: {
-      width: '6.1rem',
-      /* wide enough to fit 3 decimal places (i.e. 8.888) */
+      width: '6.1rem' /* wide enough to fit 3 decimal places (i.e. 8.888) */,
       fontSize: componentTheme.pointsInputFontSize,
       display: 'inline-flex'
     }

package/es/building/components/resources/quizEntry/QuizEntryEdit/styles.js

@@ -9,8 +9,7 @@ var generateStyle = function generateStyle(componentTheme) {
     quizEntryEdit: {
       fontSize: componentTheme.quizEntryEditFontSize,
       position: 'relative',
-      transform: 'translate3d(0, 0, 0)',
-      /* for drag and drop preview to work */
+      transform: 'translate3d(0, 0, 0)' /* for drag and drop preview to work */,
       margin: "".concat(componentTheme.quizEntryEditMargin, " 0"),
       zIndex: '3333'
     }

package/es/common/components/ImportModal/index.js

@@ -18,11 +18,11 @@ export function progressValue(progressNumber) {
   var callsToCheck = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
   var callProgressWhenCompleted = 1;
   // We are using 50 because 50 == (100 / 2.0) and import and API calls each contribute 1/2 of the overall progress
-  return progressNumber
+  return progressNumber ?
   // If importing, then the calls are completed and we skip the calculation
-  ? (callProgressWhenCompleted + progressNumber) * 50
+  (callProgressWhenCompleted + progressNumber) * 50 :
   // If no progressNumber, then the callProgress counts is working on the first 50%
-  : callProgress(callsToCheck, callsMade) * 50;
+  callProgress(callsToCheck, callsMade) * 50;
 }
 export var generateImportModalId = function generateImportModalId(id) {
   return "".concat(id, "_").concat(IMPORT_MODAL);

package/es/common/components/PrintFontSizeModal/presenter.js

@@ -114,7 +114,7 @@ export var PrintFontSizeModal = (_dec = withStyle(generateStyle, generateCompone
         description: t('Text size'),
         "data-automation": "print-font-size-modal-radio-group"
       }, this.sizes.map(function (size) {
-        var label = jsx("div", null, jsx("span", null, size.label), " ", jsx("p", {
+        var label = jsx("div", null, jsx("span", null, size.label), ' ', jsx("p", {
           "aria-hidden": "true",
           style: {
             fontSize: "".concat(size.size, "rem"),

package/es/common/components/RceConfigProvider/presenter.js

@@ -103,6 +103,7 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
     displayOldLinks: displayOldLinks
   };
   useEffect(function () {
+    ;
     _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var json;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {

package/es/common/components/RceConfigProvider/rceConfigFetcher.js

@@ -18,7 +18,7 @@ export var fetchRceConfig = /*#__PURE__*/function () {
             _context.next = 3;
             return fetch(rceConfigUrl.href, {
               headers: {
-                'Authorization': "Bearer ".concat(jwt)
+                Authorization: "Bearer ".concat(jwt)
               }
             });
           case 3:

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

@@ -22,8 +22,8 @@ export default {
         sessionItemId: '11',
         position: 1
       }]),
-      role: "Wat",
-      title: "Temp",
+      role: 'Wat',
+      title: 'Temp',
       toggleSidebar: Function.prototype,
       screenreaderNotification: Function.prototype,
       shouldCloseOnBlur: false

package/es/common/components/shared/overlay/index.js

@@ -52,7 +52,7 @@ var Overlay = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
       return jsx(React.Fragment, null, jsx(Global, {
         styles: {
           'body.tox-fullscreen .overlay': {
-            'zIndex': '0'
+            zIndex: '0'
           }
         }
       }), jsx("div", {

package/es/common/kinesis/client.js

@@ -20,8 +20,8 @@ export var buildKinesisClient = function buildKinesisClient(configuration, crede
   return new Kinesis(kinesisConfig);
 };
 export var buildCredentials = function buildCredentials(credentialParams) {
-  var creds = new Credentials(credentialParams.access_key_id, credentialParams.secret_access_key, credentialParams.session_token // credentialParams
-  );
+  var creds = new Credentials(credentialParams.access_key_id, credentialParams.secret_access_key, credentialParams.session_token) // credentialParams
+  ;
   creds.expireTime = Date.parse(credentialParams.expiration);
   return creds;
 };

package/es/common/records/QuizSession.js

@@ -141,6 +141,7 @@ export var QuizSession = /*#__PURE__*/function (_ReduxRecord) {
       // Still accurate?
       var email, fullName, givenName;
       if (this.user) {
+        ;
         var _this$user$toJS = this.user.toJS();
         email = _this$user$toJS.email;
         fullName = _this$user$toJS.fullName;

package/es/common/util/componentForItem.js

@@ -3,7 +3,7 @@ var _require = require('humps'),
 import * as interactions from '@instructure/quiz-interactions';
 var slugToNameMap = {
   'multi-answer': 'MultipleAnswer',
-  'choice': 'MultipleChoice'
+  choice: 'MultipleChoice'
 };
 export var componentForItem = function componentForItem(intTypeSlug, usage) {
   var componentKey = slugToNameMap[intTypeSlug];

package/es/common/util/interactionTypeRecordForItem.js

@@ -3,7 +3,7 @@ var _require = require('humps'),
 import * as interactions from '@instructure/quiz-interactions';
 var slugToNameMap = {
   'multi-answer': 'MultipleAnswer',
-  'choice': 'MultipleChoice'
+  choice: 'MultipleChoice'
 };
 var interactionTypeRecordForItem = function interactionTypeRecordForItem(intTypeSlug) {
   if (!intTypeSlug) {

package/es/index.js

@@ -1,11 +1,11 @@
 /* eslint "import/newline-after-import": "warn" */
 /**
-*
-* In g/356542 we tried importing takingApiActions from here, and it caused a weird karma issue.
-* Nothing from this file should be imported from within quiz-core!
-* These exports are for other packages to use.
-* We should look into configuring an import/no-restricted-paths eslint rule to prevent this.
-*/
+ *
+ * In g/356542 we tried importing takingApiActions from here, and it caused a weird karma issue.
+ * Nothing from this file should be imported from within quiz-core!
+ * These exports are for other packages to use.
+ * We should look into configuring an import/no-restricted-paths eslint rule to prevent this.
+ */
 // Components
 export { DragDroppableSDKApp as SDKApp } from "./common/components/SDKApp/index.js";
 export { ModerateTable } from "./moderating/components/resources/ModerateTable/index.js";

package/es/moderating/components/resources/AccommodationsModal/index.js

@@ -4,6 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
+import { Text } from '@instructure/ui-text';
 import { Tooltip } from '@instructure/ui-tooltip';
 import { Modal } from '@instructure/ui-modal';
 import { TruncateText } from '@instructure/ui-truncate-text';
@@ -12,6 +13,8 @@ import { View } from '@instructure/ui-view';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
+import { featureOn } from "../../../../common/util/featureCheck.js";
+import { IfFeature } from "../../../../common/components/shared/IfFeature/index.js";
 export var AccommodationModal = /*#__PURE__*/function (_Component) {
   _inherits(AccommodationModal, _Component);
   var _super = _createSuper(AccommodationModal);
@@ -54,6 +57,9 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
       }, _this.props.studentName));
     };
     _this.renderHeading = function () {
+      if (featureOn('atteq_apply_changes_to_current_quiz_attempts')) {
+        return /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Student Accommodation')), t('Student Accommodation'));
+      }
       var _this$props = _this.props,
         mountNode = _this$props.mountNode,
         studentName = _this$props.studentName;
@@ -76,6 +82,14 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
     return _this;
   }
   _createClass(AccommodationModal, [{
+    key: "labelText",
+    value: function labelText() {
+      if (featureOn('atteq_apply_changes_to_current_quiz_attempts')) {
+        return t('Student Accommodation');
+      }
+      return this.props.studentName || t('Accommodations Modal');
+    }
+  }, {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -86,7 +100,7 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
         children = _this$props2.children;
       return /*#__PURE__*/React.createElement(Modal, {
         open: open,
-        label: studentName || t('Accommodations Modal'),
+        label: this.labelText(),
         mountNode: mountNode,
         size: "small",
         onExited: this.handleAccommodationsModalExited
@@ -95,7 +109,12 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
         placement: "end",
         offset: "medium",
         screenReaderLabel: t('Close')
-      }), this.renderHeading()), /*#__PURE__*/React.createElement(Modal.Body, null, children), /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement(Button, {
+      }), this.renderHeading()), /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement(IfFeature, {
+        name: "atteq_apply_changes_to_current_quiz_attempts"
+      }, /*#__PURE__*/React.createElement(Text, {
+        weight: "bold",
+        as: "h2"
+      }, studentName)), children), /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement(Button, {
         onClick: this.cancelAction,
         margin: "xxx-small",
         "data-automation": "sdk-moderation-cancel"

package/es/moderating/components/resources/OutstandingQuizzesModal/OutstandingQuizzesModal.examples.js

@@ -1,66 +1,66 @@
 export default {
   propValues: {
     quizSessionIdsAndUsers: [[{
-      id: "12",
-      name: "Student A"
+      id: '12',
+      name: 'Student A'
     }, {
-      id: "15",
-      name: "Student B"
+      id: '15',
+      name: 'Student B'
     }, {
-      id: "16",
-      name: "Student C"
+      id: '16',
+      name: 'Student C'
     }, {
-      id: "18",
-      name: "Student D"
+      id: '18',
+      name: 'Student D'
     }, {
-      id: "19",
-      name: "Student E"
+      id: '19',
+      name: 'Student E'
     }, {
-      id: "21",
-      name: "Student F"
+      id: '21',
+      name: 'Student F'
     }, {
-      id: "22",
-      name: "Student G"
+      id: '22',
+      name: 'Student G'
     }, {
-      id: "26",
-      name: "Student H"
+      id: '26',
+      name: 'Student H'
     }, {
-      id: "39",
-      name: "Student K"
+      id: '39',
+      name: 'Student K'
     }], [{
-      id: "12",
-      name: "Student A"
+      id: '12',
+      name: 'Student A'
     }]],
     quizSessionsData: [[{
-      id: "12",
-      status: "in_progress"
+      id: '12',
+      status: 'in_progress'
     }, {
-      id: "15",
-      status: "in_progress"
+      id: '15',
+      status: 'in_progress'
     }, {
-      id: "16",
-      status: "in_progress"
+      id: '16',
+      status: 'in_progress'
     }, {
-      id: "18",
-      status: "in_progress"
+      id: '18',
+      status: 'in_progress'
     }, {
-      id: "19",
-      status: "in_progress"
+      id: '19',
+      status: 'in_progress'
     }, {
-      id: "21",
-      status: "in_progress"
+      id: '21',
+      status: 'in_progress'
     }, {
-      id: "22",
-      status: "in_progress"
+      id: '22',
+      status: 'in_progress'
     }, {
-      id: "26",
-      status: "in_progress"
+      id: '26',
+      status: 'in_progress'
     }, {
-      id: "39",
-      status: "in_progress"
+      id: '39',
+      status: 'in_progress'
     }], [{
-      id: "12",
-      name: "Student A"
+      id: '12',
+      name: 'Student A'
     }]]
   },
   getComponentProps: function getComponentProps(props) {

package/es/moderating/components/sidebar/ModerateTray/presenter.js

@@ -7,6 +7,7 @@ import PropTypes from 'prop-types';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Flex } from '@instructure/ui-flex';
 import { View } from '@instructure/ui-view';
+import { Text } from '@instructure/ui-text';
 import { Tooltip } from '@instructure/ui-tooltip';
 import { Tray } from '@instructure/ui-tray';
 import { Button, CloseButton } from '@instructure/ui-buttons';
@@ -26,12 +27,20 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
-      isTruncated: false
+      titleIsTruncated: false,
+      participantNameIsTruncated: false
     };
-    _this.handleUpdate = function (isTruncated) {
-      if (_this.state.isTruncated !== isTruncated) {
+    _this.handleTitleUpdate = function (titleIsTruncated) {
+      if (_this.state.titleIsTruncated !== titleIsTruncated) {
         _this.setState({
-          isTruncated: isTruncated
+          titleIsTruncated: titleIsTruncated
+        });
+      }
+    };
+    _this.handleParticipantNameUpdate = function (participantNameIsTruncated) {
+      if (_this.state.participantNameIsTruncated !== participantNameIsTruncated) {
+        _this.setState({
+          participantNameIsTruncated: participantNameIsTruncated
         });
       }
     };
@@ -40,7 +49,8 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
     };
     _this.handleTrayExited = function () {
       _this.setState({
-        isTruncated: false
+        titleIsTruncated: false,
+        participantNameIsTruncated: false
       });
     };
     _this.setCloseRef = function (el) {
@@ -57,19 +67,16 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
       _this.props.closeTray();
     };
     _this.renderTitleAndCloseButton = function () {
-      return /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Flex.Item, {
+      return /*#__PURE__*/React.createElement(Flex, {
+        justifyItems: "space-between"
+      }, /*#__PURE__*/React.createElement(Flex.Item, {
         shouldGrow: true,
         shouldShrink: true
-      }, _this.state.isTruncated ? /*#__PURE__*/React.createElement(Tooltip, {
-        placement: "start",
-        renderTip: _this.labelText(),
-        mountNode: _this.getTrayRef || null
-      }, function (_ref) {
-        var focused = _ref.focused;
-        return _this.renderName({
-          focused: focused
-        });
-      }) : _this.renderName()), /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(CloseButton, {
+      }, featureOn('atteq_apply_changes_to_current_quiz_attempts') ? /*#__PURE__*/React.createElement(Text, {
+        as: "h2",
+        size: "large",
+        weight: "bold"
+      }, t('In Progress Accommodation')) : _this.renderHeading()), /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(CloseButton, {
         onClick: _this.props.closeTray,
         elementRef: _this.setCloseRef,
         screenReaderLabel: t('Close')
@@ -98,9 +105,25 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
     return _this;
   }
   _createClass(ModerateTray, [{
-    key: "renderName",
-    value: function renderName(renderProps) {
-      var focused = renderProps && renderProps.focused;
+    key: "renderHeading",
+    value: function renderHeading() {
+      var _this2 = this;
+      return this.state.titleIsTruncated ? /*#__PURE__*/React.createElement(Tooltip, {
+        placement: "start",
+        renderTip: this.labelText(),
+        mountNode: this.getTrayRef || null
+      }, function (_ref) {
+        var focused = _ref.focused;
+        return _this2.renderHeadingName({
+          focused: focused
+        });
+      }) : this.renderHeadingName();
+    }
+  }, {
+    key: "renderHeadingName",
+    value: function renderHeadingName() {
+      var _ref2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
+        focused = _ref2.focused;
       return (
         /*#__PURE__*/
         // When using TruncateText inside a Tooltip, a focusable wrapper element is required
@@ -109,20 +132,69 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
           display: "block",
           borderRadius: "small",
           position: "relative",
-          withFocusOutline: this.state.isTruncated && focused,
+          withFocusOutline: this.state.titleIsTruncated && focused,
           as: "h2",
           tabIndex: this.state.isTruncated ? 0 : null
         }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, this.labelText()), /*#__PURE__*/React.createElement(TruncateText, {
           "aria-hidden": "true",
           maxLines: 2,
           truncate: "character",
-          onUpdate: this.handleUpdate
+          onUpdate: this.handleTitleUpdate
         }, this.labelText()))
       );
     }
+  }, {
+    key: "renderName",
+    value: function renderName(renderProps) {
+      if (!featureOn('atteq_apply_changes_to_current_quiz_attempts')) {
+        return null;
+      }
+      var focused = renderProps && renderProps.focused;
+      return (
+        /*#__PURE__*/
+        // When using TruncateText inside a Tooltip, a focusable wrapper element is required
+        // tabIndex={0} makes the div focusable and allows KO users to access the tooltip
+        React.createElement(View, {
+          display: "block",
+          borderRadius: "small",
+          position: "relative",
+          withFocusOutline: this.state.participantNameIsTruncated && focused,
+          tabIndex: this.state.participantNameIsTruncated ? 0 : null,
+          margin: "small 0"
+        }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, this.props.participantName), /*#__PURE__*/React.createElement(TruncateText, {
+          "aria-hidden": "true",
+          maxLines: 2,
+          truncate: "character",
+          onUpdate: this.handleParticipantNameUpdate
+        }, /*#__PURE__*/React.createElement(Text, {
+          weight: "bold"
+        }, this.props.participantName)))
+      );
+    }
+  }, {
+    key: "renderNameWithTooltip",
+    value: function renderNameWithTooltip() {
+      var _this3 = this;
+      if (!featureOn('atteq_apply_changes_to_current_quiz_attempts')) {
+        return null;
+      }
+      return this.state.titleIsTruncated ? /*#__PURE__*/React.createElement(Tooltip, {
+        placement: "start",
+        renderTip: this.props.participantName,
+        mountNode: this.getTrayRef || null
+      }, function (_ref3) {
+        var focused = _ref3.focused;
+        return _this3.renderName({
+          focused: focused
+        });
+      }) : this.renderName();
+    }
   }, {
     key: "labelText",
     value: function labelText() {
+      if (featureOn('atteq_apply_changes_to_current_quiz_attempts')) {
+        return t('In Progress Accommodation');
+      }
       if (this.props.participantName) {
         return this.props.participantName;
       }
@@ -139,6 +211,7 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
         onExited: this.handleTrayExited,
         open: this.props.isOpen,
         placement: "end",
+        size: featureOn('atteq_apply_changes_to_current_quiz_attempts') ? 'regular' : void 0,
         shouldCloseOnDocumentClick: true,
         ref: this.setTrayRef
       }, /*#__PURE__*/React.createElement(Flex, {
@@ -150,7 +223,7 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
       }, this.renderTitleAndCloseButton()), /*#__PURE__*/React.createElement(Flex.Item, {
         shouldGrow: true,
         padding: "0 medium"
-      }, this.renderChildren()), featureOn('add_time_to_existing_quiz_sessions') && /*#__PURE__*/React.createElement(Flex.Item, null, this.renderFooter())));
+      }, this.renderNameWithTooltip(), this.renderChildren()), featureOn('add_time_to_existing_quiz_sessions') && /*#__PURE__*/React.createElement(Flex.Item, null, this.renderFooter())));
     }
   }]);
   ModerateTray.displayName = "ModerateTray";

package/es/reporting/api/getAnalysesExport.js

@@ -10,7 +10,7 @@ var getFetcher = function getFetcher(format) {
   }
   return new Fetcher({
     headers: {
-      'Accept': mimeType
+      Accept: mimeType
     },
     injectMissingUserToken: true,
     asyncResponseHandler: function asyncResponseHandler(response) {

package/es/reporting/components/itemAnalysis/AnswerFrequencySummary/styles.js

@@ -21,8 +21,8 @@ var generateStyle = function generateStyle(componentTheme, props) {
       animationName: contentAnimation,
       animationFillMode: 'forwards',
       animationDuration: '0.3s',
-      'th': contentCellStyles,
-      'td': contentCellStyles
+      th: contentCellStyles,
+      td: contentCellStyles
     },
     bar: {
       background: componentTheme.barBackgroundColor,

package/es/reporting/components/quizAnalysis/QuizAnalysisOverview.js

@@ -84,7 +84,7 @@ export var QuizAnalysisOverview = (_dec = withStyle(generateStyle, generateCompo
         isGroupChild: true
       }), jsx(MetricsListItem, {
         key: "cronbachsAlpha",
-        renderLabel: t('Cronbach\'s Alpha'),
+        renderLabel: t("Cronbach's Alpha"),
         renderValue: quizAnalysis.cronbachsAlpha(),
         customStyles: this.props.styles.metric,
         isGroupChild: true

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/ChoiceTypeTableRow/styles.js

@@ -16,7 +16,7 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }, props.choice.correct && {
       backgroundColor: componentTheme.colorGreen,
       borderRadius: '4px 0 0 4px',
-      'svg': {
+      svg: {
         fill: 'white'
       }
     }),

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/styles.js

@@ -23,7 +23,7 @@ var generateStyle = function generateStyle(componentTheme, props) {
     },
     iconCorrect: {
       backgroundColor: componentTheme.colorGreen,
-      'svg': {
+      svg: {
         fill: 'white'
       }
     },

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/styles.js

@@ -7,13 +7,13 @@ var generateStyle = function generateStyle(componentTheme) {
       width: '46px',
       justifyContent: 'center',
       alignItems: 'center',
-      'svg': {
+      svg: {
         fill: 'white'
       }
     },
     collapsingTable: {
       minWidth: '500px',
-      'table': {
+      table: {
         borderCollapse: 'separate',
         borderSpacing: '0 12px'
       },
@@ -126,7 +126,7 @@ var generateStyle = function generateStyle(componentTheme) {
       paddingLeft: '45px'
     },
     iconWhite: {
-      'svg': {
+      svg: {
         fill: 'white'
       }
     },