@instructure/quiz-core 17.19.2-rc.4 → 17.19.3-rc.1

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

@@ -0,0 +1,197 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _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 _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
+var _partial = _interopRequireDefault(require("lodash/partial"));
+
+var _immutable = require("immutable");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+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 _interactionTypeMetadata = require("../../../util/interactionTypeMetadata.js");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'bLlES',
+  template: function template(theme) {
+    return "\n\n.bLlES_cvRx{padding-right:0.25rem}\n\n.bLlES_dsOT{width:10rem}\n\n.bLlES_cFIX{border-top:".concat(theme.stimulusDividerBorderWidth || 'inherit', " solid ").concat(theme.stimulusDividerBorderColor || 'inherit', ";margin-bottom:").concat(theme.stimulusDividerMarginBottom || 'inherit', ";margin-top:").concat(theme.stimulusDividerMarginTop || 'inherit', "}");
+  },
+  'iconWrapper': 'bLlES_cvRx',
+  'textWrapper': 'bLlES_dsOT',
+  'stimulusDivider': 'bLlES_cFIX'
+};
+var InteractionTypes = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _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 = _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;
+        name = (0, _formatMessage.default)('Stimulus');
+        title = (0, _formatMessage.default)('Add Stimulus');
+        automation = 'sdk-interaction-button-stimulus';
+      } else {
+        onClick = (0, _partial.default)(_this.props.addItem, intType);
+        var metadata = (0, _interactionTypeMetadata.interactionTypeMetadata)(intType);
+        Icon = metadata.icon;
+        name = metadata.name;
+        title = (0, _formatMessage.default)('Add {name} Item', {
+          name: name
+        });
+        automation = "sdk-interaction-button-".concat(intType.slug);
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        fluidWidth: true,
+        key: intType.slug,
+        margin: "0 0 xx-small",
+        onClick: onClick,
+        size: "small",
+        "data-automation": automation
+      }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid, {
+        colSpacing: "none",
+        vAlign: "middle"
+      }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Row, {
+        key: "iconrow"
+      }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
+        width: "auto"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.iconWrapper
+      }, /*#__PURE__*/_react.default.createElement(Icon, {
+        title: title
+      }))), /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, null, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.textWrapper
+      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        color: "primary"
+      }, name))))));
+    };
+
+    _this.renderInteractionTypeRows = function () {
+      var buttons = [];
+      var types = _this.props.types; // 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( /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
+          width: 12 / _this.props.columns,
+          key: intType.slug
+        }, button));
+      });
+      return buttons.map(function (gridCols, i) {
+        var key = gridCols.map(function (gridCol) {
+          return gridCol.key;
+        }).join('-');
+        return /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Row, {
+          key: key
+        }, gridCols);
+      });
+    };
+
+    _this.renderStimulusTypeButton = function () {
+      if (_this.props.allowStimulusCreation) {
+        var dividerRow = /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Row, {
+          key: "divider"
+        }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
+          key: "divider"
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.stimulusDivider
+        })));
+
+        var stimulusRow = /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Row, {
+          key: "stimulus"
+        }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
+          width: 12 / _this.props.columns,
+          key: "stimulus"
+        }, _this.renderInteractionTypeButton({
+          name: 'Stimulus',
+          slug: 'stimulus'
+        })));
+
+        return [dividerRow, stimulusRow];
+      }
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(InteractionTypes, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement(_uiGrid.Grid, {
+        rowSpacing: "none",
+        colSpacing: "small",
+        startAt: "medium"
+      }, this.renderInteractionTypeRows(), this.renderStimulusTypeButton());
+    }
+  }]);
+  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
+}, _class2.defaultProps = {
+  allowStimulusCreation: true,
+  types: (0, _immutable.List)()
+}, _temp)) || _class);
+exports.InteractionTypes = InteractionTypes;
+var _default = InteractionTypes;
+exports.default = _default;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var colors = _ref.colors,
+      borders = _ref.borders,
+      spacing = _ref.spacing;
+  return {
+    stimulusDividerBorderWidth: borders.widthSmall,
+    stimulusDividerBorderColor: colors.ash,
+    stimulusDividerMarginTop: spacing.xSmall,
+    stimulusDividerMarginBottom: spacing.small
+  };
+}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mapStateToProps = mapStateToProps;
+exports.default = void 0;
+
+var _immutable = require("immutable");
+
+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);
+  var currentPage = pageData.get('current', 1);
+  var contents = pageData.get('contents', (0, _immutable.Map)());
+  return {
+    totalPages: totalPages,
+    currentPage: currentPage,
+    contents: contents
+  };
+}
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, {
+  merge: _ui.merge,
+  set: _ui.set
+})(_presenter.default);
+
+exports.default = _default;

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

@@ -0,0 +1,228 @@
+"use strict";
+
+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 _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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var Immutable = _interopRequireWildcard(require("immutable"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _index = _interopRequireDefault(require("../Paginator/index.js"));
+
+var _Spinner = _interopRequireDefault(require("../spinner/Spinner.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+/**
+ * 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 styles = {
+  componentId: 'wHCnH',
+  template: function template(theme) {
+    return "\n\n.wHCnH_eMrv{color:".concat(theme.emptyColor || 'inherit', ";font-size:").concat(theme.emptyFontSize || 'inherit', ";padding:").concat(theme.emptyPadding || 'inherit', ";text-align:center}\n\n[dir=ltr] .wHCnH_eMrv,[dir=rtl] .wHCnH_eMrv{text-align:center}");
+  },
+  'empty': 'wHCnH_eMrv'
+};
+
+var _ref2 = /*#__PURE__*/_react.default.createElement(_Spinner.default, null);
+
+var PaginatedCollection = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _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 = _super.call.apply(_super, [this].concat(args));
+
+    _this.onPageChange = function (nextPage) {
+      _this.props.merge(_this.props.stateKey, {
+        current: nextPage
+      });
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(PaginatedCollection, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.getPage(this.props.stateKey, this.props.currentPage, this.props.params);
+    }
+  }, {
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(_ref) {
+      var merge = _ref.merge,
+          params = _ref.params,
+          set = _ref.set,
+          stateKey = _ref.stateKey;
+
+      if (!params.equals(this.props.params)) {
+        set(stateKey, Immutable.fromJS({
+          current: 1
+        }));
+      } else if (stateKey !== this.props.stateKey) {
+        merge(stateKey, {
+          current: 1
+        });
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.getPage(this.props.stateKey, this.props.currentPage, this.props.params);
+    }
+  }, {
+    key: "getPage",
+    value: function () {
+      var _getPage = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(stateKey, page, params) {
+        var _yield$this$props$get, records, totalPages;
+
+        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;
+    }()
+  }, {
+    key: "recordsLoaded",
+    value: function recordsLoaded() {
+      var page = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props.currentPage;
+      return this.props.contents.get(page.toString()) !== void 0;
+    }
+  }, {
+    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());
+    }
+  }, {
+    key: "renderEmpty",
+    value: function renderEmpty() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.empty
+      }, this.props.empty);
+    }
+  }, {
+    key: "renderLoading",
+    value: function renderLoading() {
+      return _ref2;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          currentPage = _this$props.currentPage,
+          totalPages = _this$props.totalPages;
+      return /*#__PURE__*/_react.default.createElement(_index.default, {
+        currentPage: currentPage,
+        onPageChange: this.onPageChange,
+        totalPages: totalPages
+      }, this.recordsLoaded() ? this.renderRecords() : this.renderLoading());
+    }
+  }]);
+  PaginatedCollection.displayName = "PaginatedCollection";
+  return PaginatedCollection;
+}(_react.Component), _class2.propTypes = {
+  currentPage: _propTypes.default.number.isRequired,
+  contents: _reactImmutableProptypes.default.map.isRequired,
+  empty: _propTypes.default.node,
+  getPage: _propTypes.default.func.isRequired,
+  merge: _propTypes.default.func.isRequired,
+  params: _reactImmutableProptypes.default.map,
+  renderRecords: _propTypes.default.func.isRequired,
+  set: _propTypes.default.func.isRequired,
+  stateKey: _propTypes.default.string.isRequired,
+  totalPages: _propTypes.default.number.isRequired
+}, _class2.defaultProps = {
+  empty: null,
+  params: Immutable.Map()
+}, _temp)) || _class);
+exports.PaginatedCollection = PaginatedCollection;
+var _default = PaginatedCollection;
+exports.default = _default;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var colors = _ref.colors,
+      typography = _ref.typography,
+      spacing = _ref.spacing;
+  return {
+    emptyPadding: spacing.small,
+    emptyFontSize: typography.fontSizeLarge,
+    emptyColor: colors.ash
+  };
+}

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

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _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 _uiPagination = require("@instructure/ui-pagination");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'fVnQK',
+  template: function template(theme) {
+    return "\n\n.fVnQK_bPMN{padding-top:".concat(theme.paginationPadding || 'inherit', "}");
+  },
+  'pagination': 'fVnQK_bPMN'
+};
+var Paginator = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _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 _super.apply(this, arguments);
+  }
+
+  (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 /*#__PURE__*/_react.default.createElement(_uiPagination.Pagination.Page, {
+          key: page,
+          current: page === _this.props.currentPage,
+          onClick: _this.props.onPageChange.bind(null, page)
+          /* eslint-disable-line react/jsx-no-bind */
+
+        }, page);
+      });
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.pagination
+      }, /*#__PURE__*/_react.default.createElement(_uiPagination.Pagination, {
+        labelNext: (0, _formatMessage.default)('Next page'),
+        labelPrev: (0, _formatMessage.default)('Previous page'),
+        variant: "compact"
+      }, paginationButtons));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement("div", null, this.props.children, this.renderPagination());
+    }
+  }]);
+  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
+}, _temp)) || _class);
+exports.Paginator = Paginator;
+var _default = Paginator;
+exports.default = _default;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var spacing = _ref.spacing;
+  return {
+    paginationPadding: spacing.small
+  };
+}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mapStateToProps = mapStateToProps;
+exports.default = exports.PrintTrigger = void 0;
+
+var _redux = require("redux");
+
+var _reactRedux = require("../../../react-redux.js");
+
+var _presenter = require("./presenter.js");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var printingActions = _interopRequireWildcard(require("../../../actions/printing.js"));
+
+var modalActions = _interopRequireWildcard(require("../../../actions/modal.js"));
+
+function mapStateToProps(state) {
+  return {
+    appContainer: state.getIn(['ui', 'appContainer']),
+    printFontSizeModalOpen: state.getIn(['modal', 'isOpen']) === _quizCommon.PRINT_FONT_SIZE_MODAL,
+    persistedPrintFontSize: state.getIn(['printing', 'fontSizePreference'])
+  };
+}
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    openPrintFontSizeModal: (0, _redux.bindActionCreators)(modalActions.openModal.bind(modalActions, _quizCommon.PRINT_FONT_SIZE_MODAL), dispatch),
+    closePrintFontSizeModal: (0, _redux.bindActionCreators)(modalActions.closeModal.bind(modalActions, _quizCommon.PRINT_FONT_SIZE_MODAL), dispatch),
+    persistPrintFontSize: (0, _redux.bindActionCreators)(printingActions.persistPrintFontSizePreference.bind(printingActions), dispatch),
+    setPrintFontSize: (0, _redux.bindActionCreators)(printingActions.setPrintFontSizePreference.bind(printingActions), dispatch)
+  };
+};
+
+var PrintTrigger = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.PrintTrigger);
+exports.PrintTrigger = PrintTrigger;
+var _default = PrintTrigger;
+exports.default = _default;