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

package/lib/common/components/shared/InteractionTypes/presenter.js

@@ -1,41 +1,71 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.InteractionTypes = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = require("react");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
 var _partial = _interopRequireDefault(require("lodash/partial"));
+
 var _immutable = require("immutable");
+
 var _emotion = require("@instructure/emotion");
+
 var _uiButtons = require("@instructure/ui-buttons");
+
 var _uiText = require("@instructure/ui-text");
+
 var _uiIcons = require("@instructure/ui-icons");
+
 var _uiGrid = require("@instructure/ui-grid");
+
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-var _interactionTypeMetadata = require("../../../util/interactionTypeMetadata");
+
+var _interactionTypeMetadata = require("../../../util/interactionTypeMetadata.js");
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _InteractionTypes;
-/** @jsx jsx */
-var InteractionTypes = exports.InteractionTypes = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_InteractionTypes = /*#__PURE__*/function (_Component) {
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var InteractionTypes = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(InteractionTypes, _Component);
+
+  var _super = (0, _createSuper2.default)(InteractionTypes);
+
   function InteractionTypes() {
     var _this;
+
     (0, _classCallCheck2.default)(this, InteractionTypes);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, InteractionTypes, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.renderInteractionTypeButton = function (intType, i) {
       var onClick, Icon, name, title, automation;
+
       if (intType.name === 'Stimulus') {
         onClick = _this.props.addStimulus;
         Icon = _uiIcons.IconPlusLine;
@@ -52,6 +82,7 @@ var InteractionTypes = exports.InteractionTypes = (_dec = (0, _emotion.withStyle
         });
         automation = "sdk-interaction-button-".concat(intType.slug);
       }
+
       return (0, _emotion.jsx)(_uiButtons.Button, {
         key: intType.slug,
         margin: "0 0 xx-small",
@@ -77,18 +108,20 @@ var InteractionTypes = exports.InteractionTypes = (_dec = (0, _emotion.withStyle
         color: "primary"
       }, name)))))));
     };
+
     _this.renderInteractionTypeRows = function () {
       var buttons = [];
-      var types = _this.props.types;
+      var types = _this.props.types; // The interaction types are in alphabetical order
 
-      // The interaction types are in alphabetical order
       types.sortBy(function (intType) {
         return (0, _interactionTypeMetadata.interactionTypeMetadata)(intType).name;
       }).forEach(function (intType, i) {
         var button = _this.renderInteractionTypeButton(intType, i);
+
         if (i % _this.props.columns === 0) {
           buttons[Math.floor(i / _this.props.columns)] = [];
         }
+
         buttons[Math.floor(i / _this.props.columns)].push((0, _emotion.jsx)(_uiGrid.Grid.Col, {
           width: 12 / _this.props.columns,
           key: intType.slug
@@ -103,6 +136,7 @@ var InteractionTypes = exports.InteractionTypes = (_dec = (0, _emotion.withStyle
         }, gridCols);
       });
     };
+
     _this.renderStimulusTypeButton = function () {
       if (_this.props.allowStimulusCreation) {
         var dividerRow = (0, _emotion.jsx)(_uiGrid.Grid.Row, {
@@ -124,10 +158,11 @@ var InteractionTypes = exports.InteractionTypes = (_dec = (0, _emotion.withStyle
         return [dividerRow, stimulusRow];
       }
     };
+
     return _this;
   }
-  (0, _inherits2.default)(InteractionTypes, _Component);
-  return (0, _createClass2.default)(InteractionTypes, [{
+
+  (0, _createClass2.default)(InteractionTypes, [{
     key: "render",
     value: function render() {
       return (0, _emotion.jsx)(_uiGrid.Grid, {
@@ -137,15 +172,19 @@ var InteractionTypes = exports.InteractionTypes = (_dec = (0, _emotion.withStyle
       }, this.renderInteractionTypeRows(), this.renderStimulusTypeButton());
     }
   }]);
-}(_react.Component), _InteractionTypes.propTypes = {
+  InteractionTypes.displayName = "InteractionTypes";
+  return InteractionTypes;
+}(_react.Component), _class2.propTypes = {
   columns: _propTypes.default.number.isRequired,
   addItem: _propTypes.default.func.isRequired,
   addStimulus: _propTypes.default.func.isRequired,
   allowStimulusCreation: _propTypes.default.bool,
   types: _reactImmutableProptypes.default.list,
   styles: _propTypes.default.object
-}, _InteractionTypes.defaultProps = {
+}, _class2.defaultProps = {
   allowStimulusCreation: true,
   types: (0, _immutable.List)()
-}, _InteractionTypes)) || _class);
-var _default = exports.default = InteractionTypes;
+}, _temp)) || _class);
+exports.InteractionTypes = InteractionTypes;
+var _default = InteractionTypes;
+exports.default = _default;

package/lib/common/components/shared/InteractionTypes/styles.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateStyle = function generateStyle(componentTheme) {
   return {
     iconWrapper: {
@@ -19,4 +20,6 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

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

@@ -4,10 +4,11 @@ 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;
+      borders = _ref.borders,
+      spacing = _ref.spacing;
   return {
     stimulusDividerBorderWidth: borders.widthSmall,
     stimulusDividerBorderColor: colors.ash,
@@ -15,4 +16,6 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     stimulusDividerMarginBottom: spacing.small
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/common/components/shared/PaginatedCollection/index.js

@@ -1,15 +1,21 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
 exports.mapStateToProps = mapStateToProps;
+exports.default = void 0;
+
 var _immutable = require("immutable");
-var _reactRedux = require("../../../react-redux");
-var _presenter = _interopRequireDefault(require("./presenter"));
-var _ui = require("../../../actions/ui");
+
+var _reactRedux = require("../../../react-redux.js");
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
+var _ui = require("../../../actions/ui.js");
+
 function mapStateToProps(state, props) {
   var pageData = state.getIn(['ui', props.stateKey], (0, _immutable.Map)());
   var totalPages = pageData.get('total', 0);
@@ -21,7 +27,10 @@ function mapStateToProps(state, props) {
     contents: contents
   };
 }
-var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, {
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, {
   merge: _ui.merge,
   set: _ui.set
-})(_presenter.default);
+})(_presenter.default);
+
+exports.default = _default;

package/lib/common/components/shared/PaginatedCollection/presenter.js

@@ -1,59 +1,76 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PaginatedCollection = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = require("react");
+
 var Immutable = _interopRequireWildcard(require("immutable"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
 var _emotion = require("@instructure/emotion");
-var _Paginator = _interopRequireDefault(require("../Paginator"));
-var _Spinner2 = _interopRequireDefault(require("../spinner/Spinner"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _PaginatedCollection, _Spinner;
-/** @jsx jsx */
-/**
- * Renders pagination controls and manages state of page contents. `getPage`
- * will be called with the page number and any collection parameters, and should
- * return a promise that resolves to `{ records, totalPages }`, where `records`
- * is an array of arbitrary records, and `totalPages` is the total number of
- * pages. `renderRecords` will be called with `records` as returned from the
- * `getPage` function. It is the responsibility of that function to render the
- * page.
- *
- * This component assumes that changing collection `params` can change the
- * underlying collection that is fetched. It thus resets the page cache when
- * `params` change.
- */
-var PaginatedCollection = exports.PaginatedCollection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_PaginatedCollection = /*#__PURE__*/function (_Component) {
+
+var _index = _interopRequireDefault(require("../Paginator/index.js"));
+
+var _Spinner = _interopRequireDefault(require("../spinner/Spinner.js"));
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var _ref2 = (0, _emotion.jsx)(_Spinner.default, null);
+
+var PaginatedCollection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(PaginatedCollection, _Component);
+
+  var _super = (0, _createSuper2.default)(PaginatedCollection);
+
   function PaginatedCollection() {
     var _this;
+
     (0, _classCallCheck2.default)(this, PaginatedCollection);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, PaginatedCollection, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.onPageChange = function (nextPage) {
       _this.props.merge(_this.props.stateKey, {
         current: nextPage
       });
     };
+
     return _this;
   }
-  (0, _inherits2.default)(PaginatedCollection, _Component);
-  return (0, _createClass2.default)(PaginatedCollection, [{
+
+  (0, _createClass2.default)(PaginatedCollection, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.getPage(this.props.stateKey, this.props.currentPage, this.props.params);
@@ -62,9 +79,10 @@ var PaginatedCollection = exports.PaginatedCollection = (_dec = (0, _emotion.wit
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(_ref) {
       var merge = _ref.merge,
-        params = _ref.params,
-        set = _ref.set,
-        stateKey = _ref.stateKey;
+          params = _ref.params,
+          set = _ref.set,
+          stateKey = _ref.stateKey;
+
       if (!params.equals(this.props.params)) {
         set(stateKey, Immutable.fromJS({
           current: 1
@@ -83,38 +101,48 @@ var PaginatedCollection = exports.PaginatedCollection = (_dec = (0, _emotion.wit
   }, {
     key: "getPage",
     value: function () {
-      var _getPage = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(stateKey, page, params) {
+      var _getPage = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(stateKey, page, params) {
         var _yield$this$props$get, records, totalPages;
-        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!this.recordsLoaded(page)) {
-                _context.next = 2;
-                break;
-              }
-              return _context.abrupt("return");
-            case 2:
-              _context.next = 4;
-              return this.props.getPage(page, params);
-            case 4:
-              _yield$this$props$get = _context.sent;
-              records = _yield$this$props$get.records;
-              totalPages = _yield$this$props$get.totalPages;
-              if (params.equals(this.props.params)) {
-                this.props.merge(stateKey, {
-                  contents: (0, _defineProperty2.default)({}, page, records),
-                  total: totalPages
-                });
-              }
-            case 8:
-            case "end":
-              return _context.stop();
+
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!this.recordsLoaded(page)) {
+                  _context.next = 2;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 2:
+                _context.next = 4;
+                return this.props.getPage(page, params);
+
+              case 4:
+                _yield$this$props$get = _context.sent;
+                records = _yield$this$props$get.records;
+                totalPages = _yield$this$props$get.totalPages;
+
+                if (params.equals(this.props.params)) {
+                  this.props.merge(stateKey, {
+                    contents: (0, _defineProperty2.default)({}, page, records),
+                    total: totalPages
+                  });
+                }
+
+              case 8:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee, this);
       }));
+
       function getPage(_x, _x2, _x3) {
         return _getPage.apply(this, arguments);
       }
+
       return getPage;
     }()
   }, {
@@ -127,9 +155,11 @@ var PaginatedCollection = exports.PaginatedCollection = (_dec = (0, _emotion.wit
     key: "renderRecords",
     value: function renderRecords() {
       var records = this.props.contents.get(this.props.currentPage.toString());
+
       if (records.size === 0 && this.props.empty) {
         return this.renderEmpty();
       }
+
       return this.props.renderRecords(records.toJS());
     }
   }, {
@@ -142,22 +172,24 @@ var PaginatedCollection = exports.PaginatedCollection = (_dec = (0, _emotion.wit
   }, {
     key: "renderLoading",
     value: function renderLoading() {
-      return _Spinner || (_Spinner = (0, _emotion.jsx)(_Spinner2.default, null));
+      return _ref2;
     }
   }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        currentPage = _this$props.currentPage,
-        totalPages = _this$props.totalPages;
-      return (0, _emotion.jsx)(_Paginator.default, {
+          currentPage = _this$props.currentPage,
+          totalPages = _this$props.totalPages;
+      return (0, _emotion.jsx)(_index.default, {
         currentPage: currentPage,
         onPageChange: this.onPageChange,
         totalPages: totalPages
       }, this.recordsLoaded() ? this.renderRecords() : this.renderLoading());
     }
   }]);
-}(_react.Component), _PaginatedCollection.propTypes = {
+  PaginatedCollection.displayName = "PaginatedCollection";
+  return PaginatedCollection;
+}(_react.Component), _class2.propTypes = {
   currentPage: _propTypes.default.number.isRequired,
   contents: _reactImmutableProptypes.default.map.isRequired,
   empty: _propTypes.default.node,
@@ -169,8 +201,10 @@ var PaginatedCollection = exports.PaginatedCollection = (_dec = (0, _emotion.wit
   stateKey: _propTypes.default.string.isRequired,
   totalPages: _propTypes.default.number.isRequired,
   styles: _propTypes.default.object
-}, _PaginatedCollection.defaultProps = {
+}, _class2.defaultProps = {
   empty: null,
   params: Immutable.Map()
-}, _PaginatedCollection)) || _class);
-var _default = exports.default = PaginatedCollection;
+}, _temp)) || _class);
+exports.PaginatedCollection = PaginatedCollection;
+var _default = PaginatedCollection;
+exports.default = _default;

package/lib/common/components/shared/PaginatedCollection/styles.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateStyle = function generateStyle(componentTheme) {
   return {
     empty: {
@@ -14,4 +15,6 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

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

@@ -4,14 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-    typography = _ref.typography,
-    spacing = _ref.spacing;
+      typography = _ref.typography,
+      spacing = _ref.spacing;
   return {
     emptyPadding: spacing.small,
     emptyFontSize: typography.fontSizeLarge,
     emptyColor: colors.ash
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/common/components/shared/Paginator/index.js

@@ -1,39 +1,59 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Paginator = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = require("react");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _uiPagination = require("@instructure/ui-pagination");
+
 var _emotion = require("@instructure/emotion");
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _Paginator;
-/** @jsx jsx */
-var Paginator = exports.Paginator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Paginator = /*#__PURE__*/function (_Component) {
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var Paginator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Paginator, _Component);
+
+  var _super = (0, _createSuper2.default)(Paginator);
+
   function Paginator() {
     (0, _classCallCheck2.default)(this, Paginator);
-    return (0, _callSuper2.default)(this, Paginator, arguments);
+    return _super.apply(this, arguments);
   }
-  (0, _inherits2.default)(Paginator, _Component);
-  return (0, _createClass2.default)(Paginator, [{
+
+  (0, _createClass2.default)(Paginator, [{
     key: "renderPagination",
     value: function renderPagination() {
       var _this = this;
+
       var paginationButtons = Array.from(Array(this.props.totalPages)).map(function (v, i) {
         var page = i + 1;
         return (0, _emotion.jsx)(_uiPagination.Pagination.Page, {
           key: page,
           current: page === _this.props.currentPage,
-          onClick: _this.props.onPageChange.bind(null, page) /* eslint-disable-line react/jsx-no-bind */
+          onClick: _this.props.onPageChange.bind(null, page)
+          /* eslint-disable-line react/jsx-no-bind */
+
         }, page);
       });
       return (0, _emotion.jsx)("div", {
@@ -50,11 +70,15 @@ var Paginator = exports.Paginator = (_dec = (0, _emotion.withStyle)(_styles.defa
       return (0, _emotion.jsx)("div", null, this.props.children, this.renderPagination());
     }
   }]);
-}(_react.Component), _Paginator.propTypes = {
+  Paginator.displayName = "Paginator";
+  return Paginator;
+}(_react.Component), _class2.propTypes = {
   children: _propTypes.default.node.isRequired,
   currentPage: _propTypes.default.number.isRequired,
   onPageChange: _propTypes.default.func.isRequired,
   totalPages: _propTypes.default.number.isRequired,
   styles: _propTypes.default.object
-}, _Paginator)) || _class);
-var _default = exports.default = Paginator;
+}, _temp)) || _class);
+exports.Paginator = Paginator;
+var _default = Paginator;
+exports.default = _default;

package/lib/common/components/shared/Paginator/styles.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateStyle = function generateStyle(componentTheme) {
   return {
     pagination: {
@@ -11,4 +12,6 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

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

@@ -4,10 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing;
   return {
     paginationPadding: spacing.small
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;