@instructure/quiz-core 17.19.2 → 17.19.3-rc.0

package/lib/common/components/resources/stimulus/StimulusEdit/presenter.js

@@ -0,0 +1,558 @@
+"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.StimulusEdit = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
+var _first = _interopRequireDefault(require("lodash/first"));
+
+var _partial = _interopRequireDefault(require("lodash/partial"));
+
+var _uiButtons = require("@instructure/ui-buttons");
+
+var _uiToggleDetails = require("@instructure/ui-toggle-details");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _warningHelpers = require("../../../../util/warningHelpers.js");
+
+var _index = _interopRequireDefault(require("../../../../../banks/components/AddToBankModal/index.js"));
+
+var _index2 = _interopRequireDefault(require("../../../../../building/components/resources/AddToBankOptions/index.js"));
+
+var _index3 = _interopRequireDefault(require("../../WarningWrapper/index.js"));
+
+var _CustomPropTypes = _interopRequireDefault(require("../../../../../common/util/CustomPropTypes.js"));
+
+var _ElementsForSelectors = _interopRequireDefault(require("../../../../../common/util/ElementsForSelectors.js"));
+
+var _index4 = _interopRequireDefault(require("../StimulusShowInfo/index.js"));
+
+var _index5 = _interopRequireDefault(require("../StimulusEditInfo/index.js"));
+
+var _componentWithOutsideClick = _interopRequireDefault(require("../../../shared/functionality/componentWithOutsideClick.js"));
+
+var _index6 = _interopRequireDefault(require("../../../../../building/components/resources/ActionButtons/index.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'eCUGW',
+  template: function template(theme) {
+    return "\n\n.eCUGW_dRGY{padding-bottom:".concat(theme.stimulusPadding || 'inherit', ";padding-top:").concat(theme.stimulusPadding || 'inherit', "}\n\n.eCUGW_cjWK{display:flex;justify-content:flex-end}\n\n.eCUGW_nqth{padding-left:").concat(theme.buttonWrapperPadding || 'inherit', "}\n\n.eCUGW_fsuY{align-items:center;display:flex;height:1rem;justify-content:space-between;padding-left:").concat(theme.headerPadding || 'inherit', ";padding-right:").concat(theme.headerPadding || 'inherit', "}\n\n.eCUGW_dMwa{height:100%;padding:").concat(theme.stimulusContentPadding || 'inherit', "}\n\n.eCUGW_ffXB{color:").concat(theme.stimulusLabelColor || 'inherit', ";font-size:").concat(theme.stimulusLabelFontSize || 'inherit', "}\n\n.eCUGW_fjJt{color:").concat(theme.stimulusButtonsColor || 'inherit', ";display:inline-flex;flex:0 0 auto;text-align:right;z-index:").concat(theme.stimulusButtonsZIndex || 'inherit', "}\n\n[dir=ltr] .eCUGW_fjJt,[dir=rtl] .eCUGW_fjJt{text-align:right}\n\n.eCUGW_fjJt button{background-color:transparent;background-color:initial}\n\n.eCUGW_fBJf{padding-top:").concat(theme.optionPadding || 'inherit', "}");
+  },
+  'stimulus': 'eCUGW_dRGY',
+  'footer': 'eCUGW_cjWK',
+  'buttonWrapper': 'eCUGW_nqth',
+  'header': 'eCUGW_fsuY',
+  'stimulusContent': 'eCUGW_dMwa',
+  'stimulusLabel': 'eCUGW_ffXB',
+  'stimulusButtons': 'eCUGW_fjJt',
+  'optionWrapper': 'eCUGW_fBJf'
+};
+var StimulusEdit = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(StimulusEdit, _Component);
+
+  var _super = (0, _createSuper2.default)(StimulusEdit);
+
+  function StimulusEdit() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, StimulusEdit);
+
+    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.state = {
+      canSubmit: true
+    };
+
+    _this.clearModifications = function () {
+      _this.props.clearModifications('stimuli', _this.props.stimulus.id);
+    };
+
+    _this.onCancel = function (e) {
+      _this.props.hideError(_this.props.guid);
+
+      if (_this.props.stimulus.isTemporary()) {
+        _this.props.clearTemporaryStimulus(_this.props.quizId);
+      }
+
+      _this.props.switchOffEditing();
+
+      _this.clearModifications();
+
+      _this.props.setUi(_quizCommon.SHOULD_CLONE_ITEM, false);
+    };
+
+    _this.handleDeleteTemporary = function () {
+      _this.props.withConfirm(function () {
+        _this.onCancel();
+
+        _this.props.setUi(_quizCommon.DELETED_QUIZ_ENTRY, {
+          position: Math.ceil(_this.props.quizEntry.position),
+          inStimulus: false
+        });
+      }, {
+        title: (0, _formatMessage.default)('Confirm Stimulus Removal'),
+        text: (0, _formatMessage.default)('Are you sure you want to remove this stimulus?'),
+        continueText: (0, _formatMessage.default)('Submit'),
+        cancelText: (0, _formatMessage.default)('Cancel')
+      });
+    };
+
+    _this.handleDeleteStimulus = function () {
+      if (_this.props.stimulus.isTemporary()) {
+        _this.handleDeleteTemporary();
+      } else {
+        _this.props.openDeleteStimulusModal();
+      }
+    };
+
+    _this.handleStimulusCreated = /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(stimulusData) {
+        var _this$props, quizId, quizEntry, mods;
+
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _this$props = _this.props, quizId = _this$props.quizId, quizEntry = _this$props.quizEntry;
+                mods = Object.assign({}, quizEntry.toJS(), {
+                  entryId: stimulusData.id,
+                  entryType: 'Stimulus'
+                });
+                _context.next = 4;
+                return _this.props.updateQuizEntry(quizId, quizEntry.id, mods);
+
+              case 4:
+                _this.props.getQuizEntries(quizId);
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }();
+
+    _this.createNextQuizEntry = function () {
+      var _this$props$nextQuizE = _this.props.nextQuizEntry,
+          interactionTypeData = _this$props$nextQuizE.interactionTypeData,
+          quizId = _this$props$nextQuizE.quizId,
+          position = _this$props$nextQuizE.position,
+          stimulusId = _this$props$nextQuizE.stimulusId,
+          parentEntryId = _this$props$nextQuizE.parentEntryId;
+
+      if (!interactionTypeData) {
+        _this.props.createTempStimulus(quizId, position);
+      } else {
+        var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
+        var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
+
+        _this.props.createTempItem(quizId, position, {
+          id: interactionTypeData.id,
+          interactionData: defaultInteractionData,
+          itemBody: interactionTypeData.itemBody,
+          properties: interactionTypeData.defaultProperties,
+          scoringAlgorithm: (0, _first.default)(interactionTypeData.scoringAlgorithmOptions),
+          scoringData: scoringData,
+          userResponseType: (0, _first.default)(interactionTypeData.userResponseTypeOptions)
+        }, parentEntryId, stimulusId);
+      }
+
+      _this.props.clearNextQuizEntry();
+    };
+
+    _this.onSubmit = /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(e) {
+        var _this$props2, stimulus, workingStimulus, quizId, quizEntry, stimulusData;
+
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _this$props2 = _this.props, stimulus = _this$props2.stimulus, workingStimulus = _this$props2.workingStimulus, quizId = _this$props2.quizId, quizEntry = _this$props2.quizEntry;
+
+                if (workingStimulus.isValid()) {
+                  _context2.next = 6;
+                  break;
+                }
+
+                _this.props.showError(_this.props.guid);
+
+                _this.props.screenreaderNotification((0, _formatMessage.default)('Simulus not saved due to validation errors with the data.'));
+
+                _this.props.clearNextQuizEntry();
+
+                return _context2.abrupt("return");
+
+              case 6:
+                _this.setState({
+                  canSubmit: false
+                });
+
+                _this.props.hideError(_this.props.guid);
+
+                _context2.prev = 8;
+
+                if (!stimulus.isTemporary()) {
+                  _context2.next = 15;
+                  break;
+                }
+
+                _context2.next = 12;
+                return _this.props.createStimulusAndQuizEntry(quizId, workingStimulus.toJS(), quizEntry);
+
+              case 12:
+                _this.props.clearTemporaryStimulus(quizId);
+
+                _context2.next = 26;
+                break;
+
+              case 15:
+                if (!_this.props.shouldClone) {
+                  _context2.next = 24;
+                  break;
+                }
+
+                _context2.next = 18;
+                return _this.props.createStimulus(workingStimulus, _this.props.quizId, 'quiz', workingStimulus.id);
+
+              case 18:
+                stimulusData = _context2.sent;
+                _context2.next = 21;
+                return _this.handleStimulusCreated(stimulusData);
+
+              case 21:
+                _this.props.clearTemporaryStimulus(quizId);
+
+                _context2.next = 26;
+                break;
+
+              case 24:
+                _context2.next = 26;
+                return _this.props.updateStimulus(workingStimulus.toJS(), quizId);
+
+              case 26:
+                _context2.next = 32;
+                break;
+
+              case 28:
+                _context2.prev = 28;
+                _context2.t0 = _context2["catch"](8);
+
+                _this.setState({
+                  canSubmit: true
+                });
+
+                throw _context2.t0;
+
+              case 32:
+                _this.afterSubmit();
+
+              case 33:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, null, [[8, 28]]);
+      }));
+
+      return function (_x2) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+
+    _this.onSuccess = function (url) {
+      _this.props.setUploadStatus(_quizCommon.FILE_UPLOAD_SUCCESS);
+    };
+
+    _this.handleAddToBankContinue = function () {
+      _this.setState({
+        canSubmit: false
+      });
+    };
+
+    _this.handleAddToBank = function (bankEntry) {
+      if (_this.props.workingQuizEntry.isTemporary) {
+        _this.props.createQuizEntry(_this.props.quizId, bankEntry.id, 'BankEntry', _this.props.workingQuizEntry.getProperties());
+
+        _this.props.clearTemporaryStimulus(_this.props.quizId);
+
+        _this.clearModifications();
+
+        _this.props.switchOffEditing();
+      } else {
+        _this.props.updateQuizEntry(_this.props.quizId, _this.props.workingQuizEntry.id, {
+          entryId: bankEntry.id,
+          entryType: 'BankEntry'
+        });
+      }
+    };
+
+    _this.getEntryForBank = function () {
+      var _this$props3 = _this.props,
+          stimulus = _this$props3.stimulus,
+          workingStimulus = _this$props3.workingStimulus,
+          quizId = _this$props3.quizId,
+          shouldClone = _this$props3.shouldClone;
+
+      if (stimulus.isTemporary()) {
+        return _this.props.createStimulus(workingStimulus, quizId);
+      } else if (stimulus.hasModifications()) {
+        if (shouldClone) {
+          return _this.props.createStimulus(workingStimulus, quizId);
+        } else {
+          return _this.props.updateStimulus(workingStimulus, quizId);
+        }
+      } else {
+        return Promise.resolve(stimulus);
+      }
+    };
+
+    _this.setTitleRef = function (elem) {
+      _this.stimulusEditTitleRef = elem;
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(StimulusEdit, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (!this.props.nextQuizEntry) {
+        // adding timeout so any content rce events
+        // fire before the mods are cleared
+        setTimeout(this.clearModifications);
+      }
+
+      this.props.switchOffEditing();
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.stimulusEditTitleRef && this.stimulusEditTitleRef.focus();
+      this.props.switchOnEditing();
+      this.props.onEditToggle(this.props.quizEntry.id);
+    }
+  }, {
+    key: "clickedOutside",
+    value: function clickedOutside() {
+      if (this.props.stimulus.isImmutable() || this.props.isBankedContent) {
+        this.props.switchOffEditing();
+      } else {
+        this.onSubmit();
+      }
+    }
+  }, {
+    key: "ignoreClickOutsideIf",
+    value: function ignoreClickOutsideIf(e) {
+      // Need to iterate over the appNodes since Gauge and lti have a different index for the sdk node
+      var appNodes = (0, _ElementsForSelectors.default)(this.props.appContainer);
+      var outsideApp = appNodes.every(function (node) {
+        return node && !node.contains(e.target);
+      });
+      return outsideApp;
+    }
+  }, {
+    key: "afterSubmit",
+    value: function afterSubmit() {
+      this.props.switchOffEditing();
+      this.clearModifications();
+      this.props.setUi(_quizCommon.SHOULD_CLONE_ITEM, false);
+      this.props.screenreaderNotification((0, _formatMessage.default)('Changes to stimulus saved.'));
+
+      if (this.props.nextQuizEntry) {
+        this.createNextQuizEntry();
+      }
+    }
+  }, {
+    key: "saveText",
+    value: function saveText() {
+      return this.props.stimulus.isTemporary() ? (0, _formatMessage.default)('Add Stimulus') : (0, _formatMessage.default)('Save Stimulus');
+    }
+  }, {
+    key: "renderAddToBankModal",
+    value: function renderAddToBankModal() {
+      return /*#__PURE__*/_react.default.createElement(_index.default, {
+        label: (0, _formatMessage.default)('Add to an Item Bank'),
+        onAdd: this.handleAddToBank,
+        onContinue: this.handleAddToBankContinue,
+        getEntry: this.getEntryForBank,
+        entryId: this.props.guid,
+        entryType: this.props.quizEntry.entryType
+      });
+    }
+  }, {
+    key: "renderAddToBankOptions",
+    value: function renderAddToBankOptions() {
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uiToggleDetails.ToggleDetails, {
+        variant: "filled",
+        key: "itemBanking",
+        summary: (0, _formatMessage.default)('Item Banking')
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.optionWrapper
+      }, /*#__PURE__*/_react.default.createElement(_index2.default, {
+        displayPosition: this.props.displayPosition,
+        entryType: this.props.quizEntry.entryType,
+        guid: this.props.guid,
+        isValid: this.props.workingStimulus.isValid(),
+        openModal: this.props.openModal,
+        screenreaderNotification: this.props.screenreaderNotification,
+        showError: this.props.showError
+      }))), this.renderAddToBankModal());
+    }
+  }, {
+    key: "renderStimulusEdit",
+    value: function renderStimulusEdit() {
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.stimulus
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.header
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.stimulusLabel
+      }, (0, _formatMessage.default)('Stimulus')), /*#__PURE__*/_react.default.createElement(_index6.default, {
+        connectDragSource: this.props.connectDragSource,
+        displayPosition: this.props.displayPosition,
+        onDelete: this.handleDeleteStimulus,
+        quizEntries: this.props.quizEntries,
+        quizEntry: this.props.quizEntry,
+        shouldDisableDragHandle: true,
+        shouldRenderEdit: false,
+        shouldFocusOnMount: this.props.shouldFocusOnMount
+      })), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.stimulusContent
+      }, /*#__PURE__*/_react.default.createElement(_index5.default, {
+        errorsShowing: this.props.errorsShowing,
+        guid: this.props.guid,
+        stimulus: this.props.stimulus,
+        isBankedContent: this.props.isBankedContent,
+        parentId: this.props.quizId,
+        parentType: "quiz",
+        setTitleRef: this.setTitleRef
+      }), this.renderAddToBankOptions())), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.footer
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.buttonWrapper
+      }, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        type: "button",
+        onClick: this.onCancel,
+        "data-automation": "sdk-stimulus-discardButton"
+      }, (0, _formatMessage.default)('Discard'))), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.buttonWrapper
+      }, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        type: "button",
+        variant: "primary",
+        disabled: !this.state.canSubmit,
+        onClick: this.onSubmit
+      }, this.saveText()))));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      this.stimulusEditInfoRef = null;
+
+      if (this.props.isBankedContent) {
+        return /*#__PURE__*/_react.default.createElement(_index3.default, this.props.bankEntryWarningWrapperProps(), /*#__PURE__*/_react.default.createElement(_index4.default, this.props));
+      }
+
+      var _this$props4 = this.props,
+          stimulus = _this$props4.stimulus,
+          quizEntry = _this$props4.quizEntry;
+      var needsWarning = stimulus.isImmutable() || quizEntry.isArchivedBankEntry;
+      var propForWrapperFunc = quizEntry.isArchivedBankEntry ? _warningHelpers.propsForBankEntryVersioningWrapper : _warningHelpers.propsForStimulusVersioningWrapper;
+      var propsForStimulusVersioning = propForWrapperFunc(needsWarning, this.props.shouldClone, (0, _partial.default)(this.props.setUi, _quizCommon.SHOULD_CLONE_ITEM), this.props.switchOffEditing, true, quizEntry.isArchivedBankEntry ? 'info' : 'warning');
+      var hasWarningWrapper = needsWarning && !this.props.shouldClone;
+      return /*#__PURE__*/_react.default.createElement(_index3.default, propsForStimulusVersioning, hasWarningWrapper ? /*#__PURE__*/_react.default.createElement(_index4.default, this.props) : this.renderStimulusEdit());
+    }
+  }]);
+  StimulusEdit.displayName = "StimulusEdit";
+  return StimulusEdit;
+}(_react.Component), _class2.propTypes = {
+  addContentPopoverOpen: _propTypes.default.bool.isRequired,
+  appContainer: _CustomPropTypes.default.selectors.isRequired,
+  bankEntryWarningWrapperProps: _propTypes.default.func,
+  clearModifications: _propTypes.default.func.isRequired,
+  clearNextQuizEntry: _propTypes.default.func.isRequired,
+  createTempItem: _propTypes.default.func.isRequired,
+  createTempStimulus: _propTypes.default.func.isRequired,
+  clearTemporaryStimulus: _propTypes.default.func.isRequired,
+  createQuizEntry: _propTypes.default.func.isRequired,
+  connectDragSource: _propTypes.default.func.isRequired,
+  createStimulus: _propTypes.default.func.isRequired,
+  createStimulusAndQuizEntry: _propTypes.default.func.isRequired,
+  displayPosition: _propTypes.default.number.isRequired,
+  errorsShowing: _propTypes.default.bool,
+  getQuizEntries: _propTypes.default.func.isRequired,
+  guid: _propTypes.default.string.isRequired,
+  hideError: _propTypes.default.func.isRequired,
+  isBankedContent: _propTypes.default.bool,
+  openModal: _propTypes.default.func.isRequired,
+  openDeleteStimulusModal: _propTypes.default.func.isRequired,
+  nextQuizEntry: _reactImmutableProptypes.default.map,
+  quizEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
+  quizEntry: _reactImmutableProptypes.default.record.isRequired,
+  quizId: _propTypes.default.string.isRequired,
+  screenreaderNotification: _propTypes.default.func.isRequired,
+  setUi: _propTypes.default.func.isRequired,
+  setUploadStatus: _propTypes.default.func.isRequired,
+  shouldClone: _propTypes.default.bool.isRequired,
+  showError: _propTypes.default.func.isRequired,
+  stimulus: _reactImmutableProptypes.default.record.isRequired,
+  switchOnEditing: _propTypes.default.func.isRequired,
+  switchOffEditing: _propTypes.default.func.isRequired,
+  updateQuizEntry: _propTypes.default.func.isRequired,
+  updateStimulus: _propTypes.default.func.isRequired,
+  withConfirm: _propTypes.default.func.isRequired,
+  workingQuizEntry: _reactImmutableProptypes.default.record.isRequired,
+  workingStimulus: _reactImmutableProptypes.default.record.isRequired,
+  onEditToggle: _propTypes.default.func.isRequired,
+  shouldFocusOnMount: _propTypes.default.bool.isRequired
+}, _class2.defaultProps = {
+  bankEntryWarningWrapperProps: function bankEntryWarningWrapperProps() {},
+  errorsShowing: true,
+  isBankedContent: false,
+  nextQuizEntry: null
+}, _temp)) || _class);
+exports.StimulusEdit = StimulusEdit;
+
+var _default = (0, _componentWithOutsideClick.default)(StimulusEdit);
+
+exports.default = _default;

package/lib/common/components/resources/stimulus/StimulusEdit/theme.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var spacing = _ref.spacing,
+      typography = _ref.typography,
+      colors = _ref.colors;
+  return {
+    stimulusPadding: spacing.large,
+    buttonWrapperPadding: spacing.small,
+    headerPadding: spacing.small,
+    optionPadding: spacing.small,
+    stimulusContentPadding: spacing.small,
+    stimulusContentPaddingBottom: spacing.small,
+    stimulusLabelColor: colors.ash,
+    stimulusLabelFontSize: typography.fontSizeSmall,
+    stimulusButtonsColor: colors.oxford,
+    stimulusButtonsZIndex: '3333'
+  };
+}

package/lib/common/components/resources/stimulus/StimulusEditInfo/index.js

@@ -0,0 +1,39 @@
+"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 _redux = require("redux");
+
+var _reactRedux = require("../../../../react-redux.js");
+
+var modificationActions = _interopRequireWildcard(require("../../../../actions/modifications.js"));
+
+var _featureCheck = require("../../../../../common/util/featureCheck.js");
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
+function mapStateToProps(state, props) {
+  return {
+    workingStimulus: props.stimulus.getWorkingInstance(),
+    errorsShowing: state.getIn(['errorsShowing', props.guid], props.errorsShowing || false),
+    stimulusOrientationEnabled: (0, _featureCheck.featureOn)('customizable_stimulus_orientation')
+  };
+}
+
+function mapDispatchToProps(dispatch) {
+  var modActions = (0, _redux.bindActionCreators)(modificationActions, dispatch);
+  return {
+    modifyStimulus: modActions.modifyStimulus
+  };
+}
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
+
+exports.default = _default;