@instructure/quiz-core 20.11.5-rc.0 → 20.11.5-rc.2

package/lib/reporting/components/resources/QuizAndItemAnalysis/presenter.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +15,7 @@ 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"));
 
@@ -25,7 +23,7 @@ var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-p
 
 var _uiHeading = require("@instructure/ui-heading");
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _emotion = require("@instructure/emotion");
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
@@ -43,23 +41,15 @@ var _QuizAnalysisOverview = _interopRequireDefault(require("../../../../reportin
 
 var _index4 = _interopRequireDefault(require("../../MetricsListItem/index.js"));
 
+var _styles = _interopRequireDefault(require("./styles.js"));
+
 var _theme = _interopRequireDefault(require("./theme.js"));
 
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'cNnNG',
-  template: function template(theme) {
-    return "\n\n.cNnNG_nvdO{margin:".concat(theme.titleMarginTop || 'inherit', " ").concat(theme.titleMarginLeftRight || 'inherit', " ").concat(theme.titleMarginBottom || 'inherit', " ").concat(theme.titleMarginLeftRight || 'inherit', "}\n\n.cNnNG_bwKH{color:").concat(theme.emptyTextColor || 'inherit', ";font-size:").concat(theme.emptyTextFontSize || 'inherit', ";padding:").concat(theme.emptyTextPadding || 'inherit', ";text-align:center}\n\n[dir=ltr] .cNnNG_bwKH,[dir=rtl] .cNnNG_bwKH{text-align:center}\n\n.cNnNG_eiMu{justify-content:center}");
-  },
-  'title': 'cNnNG_nvdO',
-  'emptyText': 'cNnNG_bwKH',
-  'metric': 'cNnNG_eiMu'
-};
-
-var _ref2 = /*#__PURE__*/_react.default.createElement(_Spinner.default, null);
+var _ref2 = (0, _emotion.jsx)(_Spinner.default, null);
 
-var QuizAndItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
+var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
   (0, _inherits2.default)(QuizAndItemAnalysis, _withI18nSupport);
 
   var _super = (0, _createSuper2.default)(QuizAndItemAnalysis);
@@ -98,9 +88,9 @@ var QuizAndItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, st
       var mean = _formatMessage.default.rich('{score}<0>/{possible, number} pts</0>', {
         0: function _(_ref) {
           var children = _ref.children;
-          return /*#__PURE__*/_react.default.createElement("span", {
+          return (0, _emotion.jsx)("span", {
             key: "mean",
-            className: styles.metricNote
+            css: _this.props.styles.metricNote
           }, children);
         },
         score: itemAnalysis.meanScore(this.locale) || 0,
@@ -110,41 +100,41 @@ var QuizAndItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, st
       this.props.itemMetrics.forEach(function (key) {
         switch (key) {
           case 'difficultyIndex':
-            metrics.push( /*#__PURE__*/_react.default.createElement(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_index4.default, {
               key: "difficultyIndex",
               renderLabel: (0, _formatMessage.default)('Difficulty Index'),
               renderValue: itemAnalysis.difficultyIndex(_this.locale),
-              className: styles.metric,
+              customStyles: _this.props.styles.metric,
               isGroupChild: true
             }));
             break;
 
           case 'discriminationIndex':
-            metrics.push( /*#__PURE__*/_react.default.createElement(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_index4.default, {
               key: "discriminationIndex",
               renderLabel: (0, _formatMessage.default)('Discrimination Index'),
               renderValue: itemAnalysis.discriminationIndex(_this.locale),
-              className: styles.metric,
+              customStyles: _this.props.styles.metric,
               isGroupChild: true
             }));
             break;
 
           case 'rpb':
-            metrics.push( /*#__PURE__*/_react.default.createElement(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_index4.default, {
               key: "rpb",
               renderLabel: (0, _formatMessage.default)('RPB'),
               renderValue: itemAnalysis.pointBiserial(_this.locale),
-              className: styles.metric,
+              customStyles: _this.props.styles.metric,
               isGroupChild: true
             }));
             break;
 
           case 'meanEarnedScore':
-            metrics.push( /*#__PURE__*/_react.default.createElement(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_index4.default, {
               key: "meanEarnedScore",
               renderLabel: (0, _formatMessage.default)('Mean Earned Score'),
               renderValue: mean,
-              className: styles.metric,
+              customStyles: _this.props.styles.metric,
               isGroupChild: true
             }));
             break;
@@ -155,70 +145,70 @@ var QuizAndItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, st
   }, {
     key: "generateQuizAnalysisMetrics",
     value: function generateQuizAnalysisMetrics(quizAnalysis) {
-      var metrics = [];
+      var _this2 = this;
 
-      var formattedElapsedTime = /*#__PURE__*/_react.default.createElement(_index2.default, {
+      var metrics = [];
+      var formattedElapsedTime = (0, _emotion.jsx)(_index2.default, {
         seconds: quizAnalysis.meanElapsedTime()
       });
-
       this.props.quizMetrics.forEach(function (key) {
         switch (key) {
           case 'highScore':
-            metrics.push( /*#__PURE__*/_react.default.createElement(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_index4.default, {
               key: "highScore",
               renderLabel: (0, _formatMessage.default)('High Score'),
               renderValue: quizAnalysis.highScore(),
-              className: styles.metric,
+              customStyles: _this2.props.styles.metric,
               isGroupChild: true
             }));
             break;
 
           case 'lowScore':
-            metrics.push( /*#__PURE__*/_react.default.createElement(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_index4.default, {
               key: "lowScore",
               renderLabel: (0, _formatMessage.default)('Low Score'),
               renderValue: quizAnalysis.lowScore(),
-              className: styles.metric,
+              customStyles: _this2.props.styles.metric,
               isGroupChild: true
             }));
             break;
 
           case 'meanScore':
-            metrics.push( /*#__PURE__*/_react.default.createElement(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_index4.default, {
               key: "meanScore",
               renderLabel: (0, _formatMessage.default)('Mean Score'),
               renderValue: quizAnalysis.meanScore(),
-              className: styles.metric,
+              customStyles: _this2.props.styles.metric,
               isGroupChild: true
             }));
             break;
 
           case 'standardDeviation':
-            metrics.push( /*#__PURE__*/_react.default.createElement(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_index4.default, {
               key: "standardDeviation",
               renderLabel: (0, _formatMessage.default)('Standard Deviation'),
               renderValue: quizAnalysis.standardDeviation(),
-              className: styles.metric,
+              customStyles: _this2.props.styles.metric,
               isGroupChild: true
             }));
             break;
 
           case 'meanElapsedTime':
-            metrics.push( /*#__PURE__*/_react.default.createElement(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_index4.default, {
               key: "meanElapsedTime",
               renderLabel: (0, _formatMessage.default)('Mean Elapsed Time'),
               renderValue: formattedElapsedTime,
-              className: styles.metric,
+              customStyles: _this2.props.styles.metric,
               isGroupChild: true
             }));
             break;
 
           case 'cronbachsAlpha':
-            metrics.push( /*#__PURE__*/_react.default.createElement(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_index4.default, {
               key: "cronbachsAlpha",
               renderLabel: (0, _formatMessage.default)('Cronbach\'s Alpha'),
               renderValue: quizAnalysis.cronbachsAlpha(),
-              className: styles.metric,
+              customStyles: _this2.props.styles.metric,
               isGroupChild: true
             }));
             break;
@@ -229,7 +219,7 @@ var QuizAndItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, st
   }, {
     key: "renderItemAnalysisRows",
     value: function renderItemAnalysisRows() {
-      var _this2 = this;
+      var _this3 = this;
 
       var _this$props = this.props,
           animateDelay = _this$props.animateDelay,
@@ -244,16 +234,16 @@ var QuizAndItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, st
         return;
       }
 
-      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.title
-      }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("div", {
+        css: this.props.styles.title
+      }, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "h3",
         as: "h2",
         color: "primary"
       }, (0, _formatMessage.default)('Item Analysis'))), itemAnalyses.toArray().map(function (itemAnalysis, i) {
-        var itemMetrics = _this2.generateItemAnalysisMetrics(itemAnalysis);
+        var itemMetrics = _this3.generateItemAnalysisMetrics(itemAnalysis);
 
-        return /*#__PURE__*/_react.default.createElement(_index3.default, {
+        return (0, _emotion.jsx)(_index3.default, {
           animateDelay: animateDelay,
           animateDuration: animateDuration,
           expanded: openRows[itemAnalysis.itemId],
@@ -263,16 +253,16 @@ var QuizAndItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, st
           position: i + 1,
           quizId: activeQuizId,
           toggleExpanded: toggleItemAnalysisRowExpanded,
-          outcomesEndpoint: _this2.props.outcomesEndpoint,
-          outcomesToken: _this2.props.outcomesToken
+          outcomesEndpoint: _this3.props.outcomesEndpoint,
+          outcomesToken: _this3.props.outcomesToken
         }, itemMetrics);
       }));
     }
   }, {
     key: "renderNotFound",
     value: function renderNotFound() {
-      return /*#__PURE__*/_react.default.createElement(_index.default, {
-        className: styles.emptyText
+      return (0, _emotion.jsx)(_index.default, {
+        css: this.props.styles.emptyText
       }, (0, _formatMessage.default)('This report is no longer in use, please use the new Quiz and Item Analysis report.  ' + 'Reports generated before { lastReportDate } from this link will be available ' + 'until the summer of 2024. New reports cannot be generated from this link.', {
         lastReportDate: this.formatDateShort(new Date('2024-01-31'))
       }));
@@ -286,9 +276,9 @@ var QuizAndItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, st
           quiz = _this$props2.quiz,
           quizAnalysis = _this$props2.quizAnalysis;
       var quizMetrics = this.generateQuizAnalysisMetrics(quizAnalysis);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _emotion.jsx)("div", {
         className: "fs-mask"
-      }, /*#__PURE__*/_react.default.createElement(_QuizAnalysisOverview.default, {
+      }, (0, _emotion.jsx)(_QuizAnalysisOverview.default, {
         animateDelay: animateDelay,
         animateDuration: animateDuration,
         quizAnalysis: quizAnalysis,
@@ -325,7 +315,8 @@ var QuizAndItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, st
   getExistingQuiz: _propTypes.default.func.isRequired,
   getItemAnalyses: _propTypes.default.func.isRequired,
   getQuizAnalysis: _propTypes.default.func.isRequired,
-  locale: _propTypes.default.string
+  locale: _propTypes.default.string,
+  styles: _propTypes.default.object
 }, _class2.defaultProps = {
   animateDelay: void 0,
   animateDuration: void 0,

package/lib/reporting/components/resources/QuizAndItemAnalysis/styles.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    title: {
+      margin: "".concat(componentTheme.titleMarginTop, " ").concat(componentTheme.titleMarginLeftRight, " ").concat(componentTheme.titleMarginBottom, " ").concat(componentTheme.titleMarginLeftRight)
+    },
+    emptyText: {
+      padding: componentTheme.emptyTextPadding,
+      fontSize: componentTheme.emptyTextFontSize,
+      textAlign: 'center',
+      color: componentTheme.emptyTextColor
+    },
+    metric: {
+      justifyContent: 'center'
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/reporting/components/resources/QuizAndItemAnalysis/theme.js

@@ -3,9 +3,9 @@
 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,
       typography = _ref.typography,
       colors = _ref.colors;
@@ -17,4 +17,7 @@ function generator(_ref) {
     emptyTextFontSize: typography.fontSizeLarge,
     emptyTextColor: colors.ash
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.11.5-rc.0+2bcbfb725",
+  "version": "20.11.5-rc.2+da4c513cc",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -44,11 +44,11 @@
     "@instructure/emotion": "^8.51.0",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^3.2.2",
-    "@instructure/quiz-common": "20.11.5-rc.0+2bcbfb725",
-    "@instructure/quiz-i18n": "20.11.5-rc.0+2bcbfb725",
-    "@instructure/quiz-interactions": "20.11.5-rc.0+2bcbfb725",
-    "@instructure/quiz-number-input": "20.11.5-rc.0+2bcbfb725",
-    "@instructure/quiz-rce": "20.11.5-rc.0+2bcbfb725",
+    "@instructure/quiz-common": "20.11.5-rc.2+da4c513cc",
+    "@instructure/quiz-i18n": "20.11.5-rc.2+da4c513cc",
+    "@instructure/quiz-interactions": "20.11.5-rc.2+da4c513cc",
+    "@instructure/quiz-number-input": "20.11.5-rc.2+da4c513cc",
+    "@instructure/quiz-rce": "20.11.5-rc.2+da4c513cc",
     "@instructure/ui-a11y-content": "^8.51.0",
     "@instructure/ui-alerts": "^8.51.0",
     "@instructure/ui-avatar": "^8.51.0",
@@ -112,7 +112,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "20.11.5-rc.0+2bcbfb725",
+    "instructure-validations": "20.11.5-rc.2+da4c513cc",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -163,7 +163,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "20.11.5-rc.0+2bcbfb725",
+    "quiz-presets": "20.11.5-rc.2+da4c513cc",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -179,5 +179,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2bcbfb72577de725d94e2090af4c55bf5303d1d8"
+  "gitHead": "da4c513ccef6feab44eccfd4f0f772de3fa43fec"
 }

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

@@ -1,85 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
-/* eslint "jsx-a11y/click-events-have-key-events": "warn" */
-
-/* eslint "jsx-a11y/no-static-element-interactions": "warn" */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-/*
- * We might be able to do the mouse over stuff automatically inside of this
- * component but it seems like this is the simplest and best choice for now.
- */
-
-import { themeable } from '@instructure/ui-themeable';
-var styles = {
-  componentId: 'PuSJn',
-  template: function template(theme) {
-    return "\n\n.PuSJn_bGBk{align-self:center;position:relative}\n\n.PuSJn_cYkL{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:".concat(theme.overlayZIndex || 'inherit', "}\n\n.PuSJn_cYkL:hover{border-left:").concat(theme.overlayBarSize || 'inherit', " solid ").concat(theme.overlayBarColor || 'inherit', ";box-sizing:border-box}\n\nbody.tox-fullscreen .PuSJn_cYkL{z-index:0}\n\n@media print{.PuSJn_cYkL:hover{border-left:none}}");
-  },
-  'root': 'PuSJn_bGBk',
-  'overlay': 'PuSJn_cYkL'
-};
-import theme from "./theme.js";
-var Overlay = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(Overlay, _Component);
-
-  var _super = _createSuper(Overlay);
-
-  function Overlay() {
-    _classCallCheck(this, Overlay);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Overlay, [{
-    key: "overlayDiv",
-    value: function overlayDiv() {
-      if (this.props.hideOverlay) {
-        return null;
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        role: "presentation",
-        className: styles.overlay,
-        onClick: this.props.onClick,
-        "data-automation": "sdk-overlay"
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          wrapperClassName = _this$props.wrapperClassName,
-          children = _this$props.children,
-          tabIndex = _this$props.tabIndex,
-          ariaLabel = _this$props.ariaLabel;
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames(styles.root, wrapperClassName),
-        tabIndex: tabIndex,
-        "aria-label": ariaLabel
-      }, this.overlayDiv(), children);
-    }
-  }]);
-
-  Overlay.displayName = "Overlay";
-  return Overlay;
-}(Component), _class2.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired,
-  hideOverlay: PropTypes.bool,
-  onClick: PropTypes.func.isRequired,
-  wrapperClassName: PropTypes.string,
-  tabIndex: PropTypes.string,
-  ariaLabel: PropTypes.string
-}, _class2.defaultProps = {
-  hideOverlay: false,
-  tabIndex: '0',
-  wrapperClassName: '',
-  ariaLabel: void 0
-}, _temp)) || _class);
-export default Overlay;

package/es/common/components/shared/overlayEmotion/theme.js

@@ -1,12 +0,0 @@
-var generateComponentTheme = function generateComponentTheme(_ref) {
-  var colors = _ref.colors,
-      borders = _ref.borders,
-      spacing = _ref.spacing;
-  return {
-    overlayZIndex: '2222',
-    overlayBarColor: colors.electric,
-    overlayBarSize: '0.3rem'
-  };
-};
-
-export default generateComponentTheme;

package/lib/common/components/shared/overlay/Overlay.js

@@ -1,95 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _uiThemeable = require("@instructure/ui-themeable");
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var styles = {
-  componentId: 'PuSJn',
-  template: function template(theme) {
-    return "\n\n.PuSJn_bGBk{align-self:center;position:relative}\n\n.PuSJn_cYkL{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:".concat(theme.overlayZIndex || 'inherit', "}\n\n.PuSJn_cYkL:hover{border-left:").concat(theme.overlayBarSize || 'inherit', " solid ").concat(theme.overlayBarColor || 'inherit', ";box-sizing:border-box}\n\nbody.tox-fullscreen .PuSJn_cYkL{z-index:0}\n\n@media print{.PuSJn_cYkL:hover{border-left:none}}");
-  },
-  'root': 'PuSJn_bGBk',
-  'overlay': 'PuSJn_cYkL'
-};
-var Overlay = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Overlay, _Component);
-
-  var _super = (0, _createSuper2.default)(Overlay);
-
-  function Overlay() {
-    (0, _classCallCheck2.default)(this, Overlay);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(Overlay, [{
-    key: "overlayDiv",
-    value: function overlayDiv() {
-      if (this.props.hideOverlay) {
-        return null;
-      }
-
-      return /*#__PURE__*/_react.default.createElement("div", {
-        role: "presentation",
-        className: styles.overlay,
-        onClick: this.props.onClick,
-        "data-automation": "sdk-overlay"
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          wrapperClassName = _this$props.wrapperClassName,
-          children = _this$props.children,
-          tabIndex = _this$props.tabIndex,
-          ariaLabel = _this$props.ariaLabel;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(styles.root, wrapperClassName),
-        tabIndex: tabIndex,
-        "aria-label": ariaLabel
-      }, this.overlayDiv(), children);
-    }
-  }]);
-  Overlay.displayName = "Overlay";
-  return Overlay;
-}(_react.Component), _class2.propTypes = {
-  children: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.arrayOf(_propTypes.default.element)]).isRequired,
-  hideOverlay: _propTypes.default.bool,
-  onClick: _propTypes.default.func.isRequired,
-  wrapperClassName: _propTypes.default.string,
-  tabIndex: _propTypes.default.string,
-  ariaLabel: _propTypes.default.string
-}, _class2.defaultProps = {
-  hideOverlay: false,
-  tabIndex: '0',
-  wrapperClassName: '',
-  ariaLabel: void 0
-}, _temp)) || _class);
-var _default = Overlay;
-exports.default = _default;

package/lib/common/components/shared/overlayEmotion/theme.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var generateComponentTheme = function generateComponentTheme(_ref) {
-  var colors = _ref.colors,
-      borders = _ref.borders,
-      spacing = _ref.spacing;
-  return {
-    overlayZIndex: '2222',
-    overlayBarColor: colors.electric,
-    overlayBarSize: '0.3rem'
-  };
-};
-
-var _default = generateComponentTheme;
-exports.default = _default;