@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,19 +1,35 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _PaginatedCollection;
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import * as Immutable from 'immutable';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { jsx } from '@instructure/emotion';
-import Paginator from "../Paginator/index.js";
-import Spinner from "../spinner/Spinner.js";
+import Paginator from '../Paginator';
+import Spinner from '../spinner/Spinner';
+
 /**
  * Renders pagination controls and manages state of page contents. `getPage`
  * will be called with the page number and any collection parameters, and should
@@ -27,28 +43,27 @@ import Spinner from "../spinner/Spinner.js";
  * underlying collection that is fetched. It thus resets the page cache when
  * `params` change.
  */
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
-var _ref2 = jsx(Spinner, null);
 export var PaginatedCollection = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_PaginatedCollection = /*#__PURE__*/function (_Component) {
-  _inherits(PaginatedCollection, _Component);
-  var _super = _createSuper(PaginatedCollection);
   function PaginatedCollection() {
-    var _this;
+    var _this2;
     _classCallCheck(this, PaginatedCollection);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.onPageChange = function (nextPage) {
-      _this.props.merge(_this.props.stateKey, {
+    _this2 = _callSuper(this, PaginatedCollection, [].concat(args));
+    _defineProperty(_this2, "onPageChange", function (nextPage) {
+      _this2.props.merge(_this2.props.stateKey, {
         current: nextPage
       });
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(PaginatedCollection, [{
+  _inherits(PaginatedCollection, _Component);
+  return _createClass(PaginatedCollection, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.getPage(this.props.stateKey, this.props.currentPage, this.props.params);
@@ -81,31 +96,29 @@ export var PaginatedCollection = (_dec = withStyleOverrides(generateStyle, gener
       var _getPage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(stateKey, page, params) {
         var _yield$this$props$get, records, totalPages;
         return _regeneratorRuntime.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: _defineProperty({}, page, records),
-                    total: totalPages
-                  });
-                }
-              case 8:
-              case "end":
-                return _context.stop();
-            }
+          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: _defineProperty({}, page, records),
+                  total: totalPages
+                });
+              }
+            case 8:
+            case "end":
+              return _context.stop();
           }
         }, _callee, this);
       }));
@@ -117,7 +130,7 @@ export var PaginatedCollection = (_dec = withStyleOverrides(generateStyle, gener
   }, {
     key: "recordsLoaded",
     value: function recordsLoaded() {
-      var page = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props.currentPage;
+      var page = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props.currentPage;
       return this.props.contents.get(page.toString()) !== void 0;
     }
   }, {
@@ -139,7 +152,7 @@ export var PaginatedCollection = (_dec = withStyleOverrides(generateStyle, gener
   }, {
     key: "renderLoading",
     value: function renderLoading() {
-      return _ref2;
+      return jsx(Spinner, null);
     }
   }, {
     key: "render",
@@ -154,9 +167,7 @@ export var PaginatedCollection = (_dec = withStyleOverrides(generateStyle, gener
       }, this.recordsLoaded() ? this.renderRecords() : this.renderLoading());
     }
   }]);
-  PaginatedCollection.displayName = "PaginatedCollection";
-  return PaginatedCollection;
-}(Component), _PaginatedCollection.displayName = 'PaginatedCollection', _PaginatedCollection.componentId = "Quizzes".concat(_PaginatedCollection.displayName), _PaginatedCollection.propTypes = {
+}(Component), _defineProperty(_PaginatedCollection, "displayName", 'PaginatedCollection'), _defineProperty(_PaginatedCollection, "componentId", "Quizzes".concat(_PaginatedCollection.displayName)), _defineProperty(_PaginatedCollection, "propTypes", {
   currentPage: PropTypes.number.isRequired,
   contents: ImmutablePropTypes.map.isRequired,
   empty: PropTypes.node,
@@ -168,8 +179,8 @@ export var PaginatedCollection = (_dec = withStyleOverrides(generateStyle, gener
   stateKey: PropTypes.string.isRequired,
   totalPages: PropTypes.number.isRequired,
   styles: PropTypes.object
-}, _PaginatedCollection.defaultProps = {
+}), _defineProperty(_PaginatedCollection, "defaultProps", {
   empty: null,
   params: Immutable.Map()
-}, _PaginatedCollection)) || _class);
+}), _PaginatedCollection)) || _class);
 export default PaginatedCollection;

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

@@ -5,7 +5,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     emptyPadding: spacing.small,
     emptyFontSize: typography.fontSizeLarge,
-    emptyColor: colors.ash
+    emptyColor: colors.contrasts.grey4570
   };
 };
 export default generateComponentTheme;

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

@@ -1,34 +1,49 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Paginator;
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Pagination } from '@instructure/ui-pagination';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var Paginator = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Paginator = /*#__PURE__*/function (_Component) {
-  _inherits(Paginator, _Component);
-  var _super = _createSuper(Paginator);
   function Paginator() {
     _classCallCheck(this, Paginator);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Paginator, arguments);
   }
-  _createClass(Paginator, [{
+  _inherits(Paginator, _Component);
+  return _createClass(Paginator, [{
     key: "renderPagination",
     value: function renderPagination() {
-      var _this = this;
+      var _this2 = this;
       var paginationButtons = Array.from(Array(this.props.totalPages)).map(function (v, i) {
         var page = i + 1;
         return jsx(Pagination.Page, {
           key: page,
-          current: page === _this.props.currentPage,
-          onClick: _this.props.onPageChange.bind(null, page)
+          current: page === _this2.props.currentPage,
+          onClick: _this2.props.onPageChange.bind(null, page)
         }, page);
       });
       return jsx("div", {
@@ -45,13 +60,11 @@ export var Paginator = (_dec = withStyleOverrides(generateStyle, generateCompone
       return jsx("div", null, this.props.children, this.renderPagination());
     }
   }]);
-  Paginator.displayName = "Paginator";
-  return Paginator;
-}(Component), _Paginator.displayName = 'Paginator', _Paginator.componentId = "Quizzes".concat(_Paginator.displayName), _Paginator.propTypes = {
+}(Component), _defineProperty(_Paginator, "displayName", 'Paginator'), _defineProperty(_Paginator, "componentId", "Quizzes".concat(_Paginator.displayName)), _defineProperty(_Paginator, "propTypes", {
   children: PropTypes.node.isRequired,
   currentPage: PropTypes.number.isRequired,
   onPageChange: PropTypes.func.isRequired,
   totalPages: PropTypes.number.isRequired,
   styles: PropTypes.object
-}, _Paginator)) || _class);
+}), _Paginator)) || _class);
 export default Paginator;

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

@@ -1,12 +1,12 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { connect } from "../../../react-redux.js";
-import { PrintTrigger as PrintTriggerPresenter } from "./presenter.js";
+import { connect } from '../../../react-redux';
+import { PrintTrigger as PrintTriggerPresenter } from './presenter';
 import { PRINT_FONT_SIZE_MODAL, QUIZ_SESSION_GRADE_SCOPE } from '@instructure/quiz-common';
-import * as printingActions from "../../../actions/printing.js";
-import * as modalActions from "../../../actions/modal.js";
-import * as quizEntriesApiActions from "../../../../building/api/quizEntries.js";
-import { getConfigTokenScope } from "../../../selectors/config.js";
+import * as printingActions from '../../../actions/printing';
+import * as modalActions from '../../../actions/modal';
+import * as quizEntriesApiActions from '../../../../building/api/quizEntries';
+import { getConfigTokenScope } from '../../../selectors/config';
 export function mapStateToProps(state) {
   return {
     activeQuizId: state.getIn(['quizzes', 'activeQuizId']),

package/es/common/components/shared/PrintTrigger/presenter.js

@@ -1,83 +1,98 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Overlay, Mask } from '@instructure/ui-overlays';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { QuizzesSpinner as Spinner } from "../spinner/Spinner.js";
-import CustomPropTypes from "../../../util/CustomPropTypes.js";
-import { printWithCss, ensureImagesLoaded } from "../../../util/printUtils.js";
-import PrintFontSizeModal from "../../PrintFontSizeModal/index.js";
+import { QuizzesSpinner as Spinner } from '../spinner/Spinner';
+import CustomPropTypes from '../../../util/CustomPropTypes';
+import { printWithCss, ensureImagesLoaded } from '../../../util/printUtils';
+import PrintFontSizeModal from '../../PrintFontSizeModal';
 import { PRINT_CURRENT_PAGE, PRINT_BLANK } from '@instructure/quiz-common';
 export var PrintTrigger = /*#__PURE__*/function (_Component) {
-  _inherits(PrintTrigger, _Component);
-  var _super = _createSuper(PrintTrigger);
   function PrintTrigger(props) {
-    var _this;
+    var _this2;
     _classCallCheck(this, PrintTrigger);
-    _this = _super.call(this, props);
-    _this.state = {
+    _this2 = _callSuper(this, PrintTrigger, [props]);
+    _defineProperty(_this2, "state", {
       waitingForPrintingToBeReady: false,
       printType: PRINT_CURRENT_PAGE,
       // quiz key or blank quiz
       shouldPrint: false
-    };
-    _this.print = function () {
-      printWithCss(_this.fontSize, 100);
-    };
-    _this.ensurePrintingIsReady = function (printFontSizeModalClose) {
-      _this.setState({
+    });
+    _defineProperty(_this2, "print", function () {
+      printWithCss(_this2.fontSize, 100);
+    });
+    _defineProperty(_this2, "ensurePrintingIsReady", function (printFontSizeModalClose) {
+      _this2.setState({
         waitingForPrintingToBeReady: true
       });
       var sampleItemFetchPromises = [];
-      if (!_this.props.isGrading) {
-        var _this$props = _this.props,
-          activeQuizId = _this$props.activeQuizId,
-          bankQuizEntryIds = _this$props.bankQuizEntryIds,
-          getSampleItemsForQuizEntry = _this$props.getSampleItemsForQuizEntry;
+      if (!_this2.props.isGrading) {
+        var _this2$props = _this2.props,
+          activeQuizId = _this2$props.activeQuizId,
+          bankQuizEntryIds = _this2$props.bankQuizEntryIds,
+          getSampleItemsForQuizEntry = _this2$props.getSampleItemsForQuizEntry;
         sampleItemFetchPromises = bankQuizEntryIds.map(function (bankQuizEntryId) {
           return getSampleItemsForQuizEntry(activeQuizId, bankQuizEntryId);
         });
       }
       var allPromises = [].concat(_toConsumableArray(sampleItemFetchPromises), [ensureImagesLoaded(), printFontSizeModalClose]);
       Promise.all(allPromises).then(function () {
-        _this.setState({
+        _this2.setState({
           waitingForPrintingToBeReady: false
         });
-        _this.onExited = function () {};
+        _this2.onExited = function () {};
       });
-    };
-    _this.handlePrintModalSubmit = function (fontSize, shouldPersist) {
+    });
+    _defineProperty(_this2, "handlePrintModalSubmit", function (fontSize, shouldPersist) {
       var printFontSizeModalClose = new Promise(function (resolve) {
-        _this.onExited = resolve;
+        _this2.onExited = resolve;
       });
-      _this.props.closePrintFontSizeModal();
+      _this2.props.closePrintFontSizeModal();
       if (shouldPersist) {
-        _this.props.persistPrintFontSize(fontSize);
+        _this2.props.persistPrintFontSize(fontSize);
       } else {
-        _this.props.setPrintFontSize(fontSize);
+        _this2.props.setPrintFontSize(fontSize);
       }
-      if (_this.state.printType === PRINT_BLANK) {
-        _this.props.navigateToPreviewPrint();
+      if (_this2.state.printType === PRINT_BLANK) {
+        _this2.props.navigateToPreviewPrint();
       } else {
-        _this.fontSize = fontSize;
-        _this.ensurePrintingIsReady(printFontSizeModalClose);
+        _this2.fontSize = fontSize;
+        _this2.ensurePrintingIsReady(printFontSizeModalClose);
       }
-    };
-    _this.handlePrint = function (printType) {
-      _this.setState({
+    });
+    _defineProperty(_this2, "handlePrint", function (printType) {
+      _this2.setState({
         printType: printType
       });
-      _this.props.openPrintFontSizeModal();
-    };
-    _this.onExited = function () {};
-    _this.fontSize = '';
-    return _this;
+      _this2.props.openPrintFontSizeModal();
+    });
+    _this2.onExited = function () {};
+    _this2.fontSize = '';
+    return _this2;
   }
-  _createClass(PrintTrigger, [{
+  _inherits(PrintTrigger, _Component);
+  return _createClass(PrintTrigger, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Overlay, {
@@ -97,10 +112,8 @@ export var PrintTrigger = /*#__PURE__*/function (_Component) {
       }), this.props.render(this.handlePrint));
     }
   }]);
-  PrintTrigger.displayName = "PrintTrigger";
-  return PrintTrigger;
 }(Component);
-PrintTrigger.propTypes = {
+_defineProperty(PrintTrigger, "propTypes", {
   activeQuizId: PropTypes.string,
   appContainer: CustomPropTypes.selectors,
   bankQuizEntryIds: PropTypes.arrayOf(PropTypes.string),
@@ -114,13 +127,13 @@ PrintTrigger.propTypes = {
   printFontSizeModalOpen: PropTypes.bool.isRequired,
   render: PropTypes.func.isRequired,
   setPrintFontSize: PropTypes.func.isRequired
-};
-PrintTrigger.defaultProps = {
+});
+_defineProperty(PrintTrigger, "defaultProps", {
   activeQuizId: null,
   appContainer: null,
   bankQuizEntryIds: [],
   isGrading: false,
   persistedPrintFontSize: 'medium',
   navigateToPreviewPrint: function navigateToPreviewPrint() {}
-};
+});
 export default PrintTrigger;

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

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _TagDisplay;
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -12,16 +28,15 @@ import { Text } from '@instructure/ui-text';
 import { Tag } from '@instructure/ui-tag';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
+import generateStyle from './styles';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var TagDisplay = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_TagDisplay = /*#__PURE__*/function (_Component) {
-  _inherits(TagDisplay, _Component);
-  var _super = _createSuper(TagDisplay);
   function TagDisplay() {
     _classCallCheck(this, TagDisplay);
-    return _super.apply(this, arguments);
+    return _callSuper(this, TagDisplay, arguments);
   }
-  _createClass(TagDisplay, [{
+  _inherits(TagDisplay, _Component);
+  return _createClass(TagDisplay, [{
     key: "render",
     value: function render() {
       if (this.props.tagAssociations == null) {
@@ -57,14 +72,12 @@ export var TagDisplay = (_dec = withStyleOverrides(generateStyle, null), _dec(_c
       }));
     }
   }]);
-  TagDisplay.displayName = "TagDisplay";
-  return TagDisplay;
-}(Component), _TagDisplay.displayName = 'TagDisplay', _TagDisplay.componentId = "Quizzes".concat(_TagDisplay.displayName), _TagDisplay.propTypes = {
+}(Component), _defineProperty(_TagDisplay, "displayName", 'TagDisplay'), _defineProperty(_TagDisplay, "componentId", "Quizzes".concat(_TagDisplay.displayName)), _defineProperty(_TagDisplay, "propTypes", {
   display: PropTypes.number,
   tagAssociations: ImmutablePropTypes.listOf(ImmutablePropTypes.map),
   styles: PropTypes.object
-}, _TagDisplay.defaultProps = {
+}), _defineProperty(_TagDisplay, "defaultProps", {
   display: 2,
   tagAssociations: null
-}, _TagDisplay)) || _class);
+}), _TagDisplay)) || _class);
 export default TagDisplay;

package/es/common/components/shared/TagDisplay/styles.js

@@ -1,7 +1,7 @@
 var generateStyle = function generateStyle() {
   return {
     tags: {
-      float: 'right'
+      "float": 'right'
     }
   };
 };

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

@@ -1,2 +1,2 @@
-import TagSelect from "./presenter.js";
+import TagSelect from './presenter';
 export default TagSelect;