@instructure/quiz-core 20.11.3-rc.7 → 20.11.3-rc.8

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

@@ -5,36 +5,28 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
 var _dec, _class, _class2, _temp;
 
+/** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Heading } from '@instructure/ui-heading';
 import { MetricGroup } from '@instructure/ui-metric';
 import { Text } from '@instructure/ui-text';
-import { themeable } from '@instructure/ui-themeable';
+import { withStyle, jsx } from '@instructure/emotion';
 import FormattedDuration from "../../../common/components/shared/FormattedDuration/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import Card from "../../../common/components/shared/Card/index.js";
 import Spinner from "../../../common/components/shared/spinner/Spinner.js";
 import CentileDistribution from "../charts/CentileDistribution/index.js";
 import MetricsListItem from "../MetricsListItem/index.js";
-var styles = {
-  componentId: 'fOAfX',
-  template: function template(theme) {
-    return "\n\n.fOAfX_bGBk{padding:".concat(theme.rootPadding || 'inherit', "}\n\n.fOAfX_CIyo{padding-bottom:").concat(theme.metricWrapperPadding || 'inherit', "}\n\n.fOAfX_CIyo,.fOAfX_gasz{margin-top:").concat(theme.wrapperMargin || 'inherit', "}\n\n@media screen and (--tabletBreakPoint){.fOAfX_eiMu{flex-basis:33.3%}}\n\n@media screen and (--phoneBreakPoint){.fOAfX_eiMu{flex-basis:50%}}");
-  },
-  'root': 'fOAfX_bGBk',
-  'metricWrapper': 'fOAfX_CIyo',
-  'wrapper': 'fOAfX_gasz',
-  'metric': 'fOAfX_eiMu'
-};
-import theme from "./theme.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 
-var _ref = /*#__PURE__*/React.createElement("br", null);
+var _ref = jsx("br", null);
 
-var _ref2 = /*#__PURE__*/React.createElement(Spinner, null);
+var _ref2 = jsx(Spinner, null);
 
-export var QuizAnalysisOverview = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var QuizAnalysisOverview = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(QuizAnalysisOverview, _Component);
 
   var _super = _createSuper(QuizAnalysisOverview);
@@ -53,10 +45,10 @@ export var QuizAnalysisOverview = (_dec = themeable(theme, styles), _dec(_class
     _this.renderBatchTimestamp = function () {
       if (_this.props.quizAnalysis.batchTimestamp) {
         var timestamp = Date.parse(_this.props.quizAnalysis.batchTimestamp);
-        return /*#__PURE__*/React.createElement(Text, {
+        return jsx(Text, {
           color: "secondary",
           size: "x-small"
-        }, _ref, /*#__PURE__*/React.createElement("b", null, t('Data Last Updated:')), "\xA0", t.date(timestamp, 'medium'));
+        }, _ref, jsx("b", null, t('Data Last Updated:')), "\xA0", t.date(timestamp, 'medium'));
       }
     };
 
@@ -67,47 +59,47 @@ export var QuizAnalysisOverview = (_dec = themeable(theme, styles), _dec(_class
     key: "defaulMetrics",
     value: function defaulMetrics() {
       var quizAnalysis = this.props.quizAnalysis;
-      var formattedElapsedTime = /*#__PURE__*/React.createElement(FormattedDuration, {
+      var formattedElapsedTime = jsx(FormattedDuration, {
         fontSize: "x-large",
         seconds: quizAnalysis.meanElapsedTime()
       });
-      return /*#__PURE__*/React.createElement(MetricGroup, null, /*#__PURE__*/React.createElement(MetricsListItem, {
+      return jsx(MetricGroup, null, jsx(MetricsListItem, {
         key: "highScore",
         renderLabel: t('High Score'),
         renderValue: quizAnalysis.highScore(),
-        className: styles.metric,
+        css: this.props.styles.metric,
         isGroupChild: true
-      }), /*#__PURE__*/React.createElement(MetricsListItem, {
+      }), jsx(MetricsListItem, {
         key: "lowScore",
         renderLabel: t('Low Score'),
         renderValue: quizAnalysis.lowScore(),
-        className: styles.metric,
+        css: this.props.styles.metric,
         isGroupChild: true
-      }), /*#__PURE__*/React.createElement(MetricsListItem, {
+      }), jsx(MetricsListItem, {
         key: "meanScore",
         renderLabel: t('Mean Score'),
         renderValue: quizAnalysis.meanScore(),
-        className: styles.metric,
+        css: this.props.styles.metric,
         isGroupChild: true
-      }), /*#__PURE__*/React.createElement(MetricsListItem, {
+      }), jsx(MetricsListItem, {
         key: "standardDeviation",
         renderLabel: t('Standard Deviation'),
         renderValue: quizAnalysis.standardDeviation(),
-        className: styles.metric,
+        css: this.props.styles.metric,
         isGroupChild: true
-      }), /*#__PURE__*/React.createElement(MetricsListItem, {
+      }), jsx(MetricsListItem, {
         key: "meanElapsedTime",
         renderLabel: t('Mean Elapsed Time'),
-        renderValue: /*#__PURE__*/React.createElement(Text, {
+        renderValue: jsx(Text, {
           size: "x-large"
         }, formattedElapsedTime),
-        className: styles.metric,
+        css: this.props.styles.metric,
         isGroupChild: true
-      }), /*#__PURE__*/React.createElement(MetricsListItem, {
+      }), jsx(MetricsListItem, {
         key: "cronbachsAlpha",
         renderLabel: t('Cronbach\'s Alpha'),
         renderValue: quizAnalysis.cronbachsAlpha(),
-        className: styles.metric,
+        css: this.props.styles.metric,
         isGroupChild: true
       }));
     }
@@ -120,18 +112,18 @@ export var QuizAnalysisOverview = (_dec = themeable(theme, styles), _dec(_class
           quizAnalysis = _this$props.quizAnalysis,
           quizTitle = _this$props.quizTitle;
       if (!quizAnalysis.isLoaded()) return _ref2;
-      var list = React.Children.count(this.props.children) === 0 ? this.defaulMetrics() : /*#__PURE__*/React.createElement(MetricGroup, null, this.props.children);
-      return /*#__PURE__*/React.createElement(Card, {
-        className: styles.root
-      }, /*#__PURE__*/React.createElement(Heading, {
+      var list = React.Children.count(this.props.children) === 0 ? this.defaulMetrics() : jsx(MetricGroup, null, this.props.children);
+      return jsx(Card, {
+        css: this.props.styles.root
+      }, jsx(Heading, {
         level: "h4",
         as: "h2",
         color: "primary"
-      }, quizTitle), /*#__PURE__*/React.createElement("div", {
-        className: styles.metricWrapper
-      }, list), /*#__PURE__*/React.createElement("div", {
-        className: styles.wrapper
-      }, /*#__PURE__*/React.createElement(CentileDistribution, {
+      }, quizTitle), jsx("div", {
+        css: this.props.styles.metricWrapper
+      }, list), jsx("div", {
+        css: this.props.styles.wrapper
+      }, jsx(CentileDistribution, {
         animateDelay: animateDelay,
         animateDuration: animateDuration,
         summaryDistribution: quizAnalysis.decileDistribution(),
@@ -147,7 +139,8 @@ export var QuizAnalysisOverview = (_dec = themeable(theme, styles), _dec(_class
   animateDuration: PropTypes.number,
   quizAnalysis: ImmutablePropTypes.record.isRequired,
   quizTitle: PropTypes.string.isRequired,
-  children: PropTypes.arrayOf(PropTypes.node)
+  children: PropTypes.arrayOf(PropTypes.node),
+  styles: PropTypes.object
 }, _class2.defaultProps = {
   animateDelay: void 0,
   animateDuration: void 0,

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

@@ -0,0 +1,27 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var generateStyle = function generateStyle(componentTheme) {
+  var _metric;
+
+  var tabletBreakPoint = "@media screen and (".concat(componentTheme.tabletBreakPoint, ")");
+  var phoneBreakPoint = "@media screen and (".concat(componentTheme.phoneBreakPoint, ")");
+  return {
+    root: {
+      padding: componentTheme.rootPadding
+    },
+    metricWrapper: {
+      marginTop: componentTheme.wrapperMargin,
+      paddingBottom: componentTheme.metricWrapperPadding
+    },
+    wrapper: {
+      marginTop: componentTheme.wrapperMargin
+    },
+    metric: (_metric = {}, _defineProperty(_metric, tabletBreakPoint, {
+      flexBasis: '33.3%'
+    }), _defineProperty(_metric, phoneBreakPoint, {
+      flexBasis: '50%'
+    }), _metric)
+  };
+};
+
+export default generateStyle;

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

@@ -1,4 +1,4 @@
-export default function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
       typography = _ref.typography,
       colors = _ref.colors,
@@ -10,4 +10,6 @@ export default function generator(_ref) {
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     tabletBreakPoint: "max-width: ".concat(breakpoints.large)
   };
-}
+};
+
+export default generateComponentTheme;

package/lib/moderating/components/resources/ModerateTable/presenter.js

@@ -2,15 +2,11 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ModerateTable = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -23,14 +19,12 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _uiText = require("@instructure/ui-text");
 
 var _uiLink = require("@instructure/ui-link");
@@ -45,7 +39,7 @@ var _uiButtons = require("@instructure/ui-buttons");
 
 var _uiIcons = require("@instructure/ui-icons");
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _emotion = require("@instructure/emotion");
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
@@ -59,6 +53,8 @@ var _index4 = _interopRequireDefault(require("../../sidebar/ModerateTray/index.j
 
 var _Spinner = _interopRequireDefault(require("../../../../common/components/shared/spinner/Spinner.js"));
 
+var _styles = _interopRequireDefault(require("./styles.js"));
+
 var _theme = _interopRequireDefault(require("./theme.js"));
 
 var _index5 = _interopRequireDefault(require("../../sidebar/ResetQuiz/index.js"));
@@ -69,26 +65,15 @@ var _lodash = require("lodash");
 
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'eDRzW',
-  template: function template(theme) {
-    return "\n\n.eDRzW_bwKH{display:block;margin:".concat(theme.emptyTextMargin || 'inherit', " 0 0 0}\n\n.eDRzW_xNcP{background-color:").concat(theme.pageBackgroundColor || 'inherit', ";flex:1;overflow:auto}\n\n.eDRzW_eeML{display:inline-block;transition:transform 0.3s}\n\n.eDRzW_XujX{transform:scaleX(-1)}");
-  },
-  'emptyText': 'eDRzW_bwKH',
-  'page': 'eDRzW_xNcP',
-  'scoreToggleWrapper': 'eDRzW_eeML',
-  'mirror': 'eDRzW_XujX'
-};
+var _ref2 = (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)(_uiIcons.IconInfoLine, null));
 
-var _ref2 = /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement(_uiIcons.IconInfoLine, null));
+var _ref4 = (0, _emotion.jsx)(_uiIcons.IconConfigureLine, null);
 
-var _ref4 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconConfigureLine, null);
+var _ref5 = (0, _emotion.jsx)(_Spinner.default, null);
 
-var _ref5 = /*#__PURE__*/_react.default.createElement(_Spinner.default, null);
+var _ref6 = (0, _emotion.jsx)(_index5.default, null);
 
-var _ref6 = /*#__PURE__*/_react.default.createElement(_index5.default, null);
-
-var ModerateTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ModerateTable, _Component);
 
   var _super = (0, _createSuper2.default)(ModerateTable);
@@ -217,6 +202,9 @@ var ModerateTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
   (0, _createClass2.default)(ModerateTable, [{
     key: "componentDidMount",
     value: function componentDidMount() {
+      this.props.makeStyles({
+        displayScoreAsPercentage: this.state.displayScoreAsPercentage
+      });
       this.fetchData();
       var _this$props2 = this.props,
           hasSessionTimeLimit = _this$props2.hasSessionTimeLimit,
@@ -229,6 +217,9 @@ var ModerateTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
+      this.props.makeStyles({
+        displayScoreAsPercentage: this.state.displayScoreAsPercentage
+      });
       var _this$props3 = this.props,
           hasSessionTimeLimit = _this$props3.hasSessionTimeLimit,
           sessionTimeLimitInSeconds = _this$props3.sessionTimeLimitInSeconds;
@@ -276,7 +267,7 @@ var ModerateTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
           shouldRenderModerateButton = _this$props4.shouldRenderModerateButton;
       return this.props.tableData.map(function (rowData) {
         var id = rowData.id;
-        return /*#__PURE__*/_react.default.createElement(_index.default, {
+        return (0, _emotion.jsx)(_index.default, {
           anonymousGrading: _this2.props.anonymousGrading,
           onResultsLinkClick: onResultsLinkClick,
           onAccommodationsClick: _this2.props.onAccommodationsClick,
@@ -324,23 +315,23 @@ var ModerateTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
     value: function renderAlertContent(outstandingAttemptsCount) {
       var _this3 = this;
 
-      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_index2.default, {
+      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_index2.default, {
         name: "manual_submission"
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, null, _ref2, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_uiFlex.Flex, null, _ref2, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         padding: "xx-small"
       }, _formatMessage.default.rich('This assessment has <0>{count, plural, one {# attempt} other {# attempts}}</0> in progress.', {
         count: outstandingAttemptsCount,
         0: function _(_ref3) {
           var children = _ref3.children;
-          return /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
+          return (0, _emotion.jsx)(_uiLink.Link, {
             key: "0",
             onClick: _this3.openModalOnClick,
             "data-automation": "sdk-outstanding-quizzes-modal-open"
           }, children);
         }
-      })))), /*#__PURE__*/_react.default.createElement(_index2.default, {
+      })))), (0, _emotion.jsx)(_index2.default, {
         name: "manual_submission"
-      }, /*#__PURE__*/_react.default.createElement(_index3.default, {
+      }, (0, _emotion.jsx)(_index3.default, {
         quizSessionsData: this.props.quizSessionsData,
         quizSessionIdsAndUsers: this.props.quizSessionIdsAndUsers,
         handleSubmissionAndPoll: this.handleSubmissionAndPoll,
@@ -350,9 +341,9 @@ var ModerateTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
   }, {
     key: "renderScoreToggle",
     value: function renderScoreToggle() {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(styles.scoreToggleWrapper, (0, _defineProperty2.default)({}, styles.mirror, !this.state.displayScoreAsPercentage))
-      }, /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, {
+      return (0, _emotion.jsx)("div", {
+        css: this.props.styles.scoreToggleWrapper
+      }, (0, _emotion.jsx)(_uiButtons.IconButton, {
         size: "small",
         margin: "0 x-small",
         withBackground: false,
@@ -365,28 +356,28 @@ var ModerateTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
     key: "renderTable",
     value: function renderTable() {
       var outstandingAttemptsCount = this.countOutstandingAttempts();
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _emotion.jsx)("div", {
         className: "fs-mask"
-      }, outstandingAttemptsCount ? this.renderAlertContent(outstandingAttemptsCount) : null, /*#__PURE__*/_react.default.createElement(_uiTable.Table, {
+      }, outstandingAttemptsCount ? this.renderAlertContent(outstandingAttemptsCount) : null, (0, _emotion.jsx)(_uiTable.Table, {
         caption: (0, _formatMessage.default)('Moderation Table')
-      }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Head, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+      }, (0, _emotion.jsx)(_uiTable.Table.Head, null, (0, _emotion.jsx)(_uiTable.Table.Row, null, (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "moderation-table-student"
-      }, (0, _formatMessage.default)('Student')), !this.props.anonymousGrading && /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage.default)('Student')), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "moderation-table-attempts"
-      }, (0, _formatMessage.default)('Attempts')), !this.props.anonymousGrading && /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage.default)('Attempts')), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "moderation-table-score"
-      }, (0, _formatMessage.default)('Score'), this.renderScoreToggle()), !this.props.anonymousGrading && /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage.default)('Score'), this.renderScoreToggle()), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "moderation-table-time"
-      }, (0, _formatMessage.default)('Time')), !this.props.anonymousGrading && /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage.default)('Time')), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "moderation-table-log"
-      }, (0, _formatMessage.default)('Log')), this.props.onAccommodationsClick && !this.props.anonymousGrading && /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage.default)('Log')), this.props.onAccommodationsClick && !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "moderation-table-accommodations"
       }, (0, _formatMessage.default)({
         default: 'Accommodations',
         description: 'Support for students with who need extra time or attempts.'
-      })), this.props.shouldRenderModerateButton && /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+      })), this.props.shouldRenderModerateButton && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "moderation-table-moderate"
-      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Moderate'))))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Body, null, this.renderTableRows())));
+      }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Moderate'))))), (0, _emotion.jsx)(_uiTable.Table.Body, null, this.renderTableRows())));
     }
   }, {
     key: "renderContent",
@@ -397,18 +388,18 @@ var ModerateTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
           emptyMessage = _this$props5.emptyMessage;
       if (isFetching || this.state.isWaiting) return _ref5;
       if (tableData.length) return this.renderTable();
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: styles.emptyText
-      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+      return (0, _emotion.jsx)("span", {
+        css: this.props.styles.emptyText
+      }, (0, _emotion.jsx)(_uiText.Text, {
         color: "primary"
       }, emptyMessage));
     }
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.page
-      }, /*#__PURE__*/_react.default.createElement(_index4.default, {
+      return (0, _emotion.jsx)("div", {
+        css: this.props.styles.page
+      }, (0, _emotion.jsx)(_index4.default, {
         onClose: this.onCloseTray
       }, !this.props.anonymousGrading && _ref6, this.props.children), this.renderContent());
     }
@@ -461,7 +452,9 @@ var ModerateTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
   })).isRequired,
   quizId: _propTypes.default.string.isRequired,
   getQuizSessions: _propTypes.default.func.isRequired,
-  addSuccess: _propTypes.default.func.isRequired
+  addSuccess: _propTypes.default.func.isRequired,
+  styles: _propTypes.default.object,
+  makeStyles: _propTypes.default.func
 }, _class2.defaultProps = {
   anonymousGrading: false,
   children: void 0,

package/lib/moderating/components/resources/ModerateTable/styles.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var generateStyle = function generateStyle(componentTheme, props, state) {
+  return {
+    emptyText: {
+      display: 'block',
+      margin: "".concat(componentTheme.emptyTextMargin, " 0 0 0")
+    },
+    page: {
+      overflow: 'auto',
+      flex: '1',
+      backgroundColor: componentTheme.pageBackgroundColor
+    },
+    scoreToggleWrapper: (0, _objectSpread2.default)({
+      display: 'inline-block',
+      transition: 'transform 0.3s'
+    }, !state.displayScoreAsPercentage && {
+      transform: 'scaleX(-1)'
+    })
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/moderating/components/resources/ModerateTable/theme.js

@@ -3,13 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports.default = void 0;
 
-function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
       colors = _ref.colors;
   return {
     emptyTextMargin: spacing.small,
     pageBackgroundColor: colors.white
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;