@instructure/quiz-core 20.20.1-rc.2 → 20.20.1-snapshot.4

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

@@ -1,115 +1,70 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 = 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 _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiToggleDetails = require("@instructure/ui-toggle-details");
-
 var _emotion = require("@instructure/emotion");
-
 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 _componentWithOutsideClickEmotion = _interopRequireDefault(require("../../../shared/functionality/componentWithOutsideClickEmotion.js"));
-
 var _index6 = _interopRequireDefault(require("../../../../../building/components/resources/ActionButtons/index.js"));
-
 var _styles = _interopRequireDefault(require("./styles.js"));
-
 var _theme = _interopRequireDefault(require("./theme.js"));
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _dec, _class, _class2, _temp;
-
-var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var _dec, _class, _StimulusEdit;
+/** @jsx jsx */
+var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_StimulusEdit = /*#__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.props.clearModifications('quizEntries', _this.props.quizEntry.id);
-
       if (_this.props.stimulus.isTemporary()) {
         _this.props.clearTemporaryStimulus(_this.props.quizId);
       }
     };
-
     _this.onCancel = function (e) {
       _this.props.hideError(_this.props.guid);
-
       _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
@@ -121,7 +76,6 @@ var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
         cancelText: (0, _formatMessage.default)('Keep Stimulus')
       });
     };
-
     _this.handleDeleteStimulus = function () {
       if (_this.props.stimulus.isTemporary()) {
         _this.handleDeleteTemporary();
@@ -129,11 +83,9 @@ var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
         _this.props.openDeleteStimulusModal();
       }
     };
-
     _this.handleStimulusCreated = /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(stimulusData) {
+      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) {
@@ -145,10 +97,8 @@ var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
                 });
                 _context.next = 4;
                 return _this.props.updateQuizEntry(quizId, quizEntry.id, mods);
-
               case 4:
                 _this.props.getQuizEntries(quizId);
-
               case 5:
               case "end":
                 return _context.stop();
@@ -156,26 +106,22 @@ var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
           }
         }, _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;
-
+        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,
@@ -186,101 +132,73 @@ var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
           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 _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 = 8;
                   break;
                 }
-
                 _context2.next = 4;
                 return _this.props.showError(_this.props.guid);
-
               case 4:
                 _this.props.screenreaderNotification((0, _formatMessage.default)('Simulus not saved due to validation errors with the data.'));
-
                 _this.props.clearNextQuizEntry();
-
                 _this.focusFirstErrorField();
-
                 return _context2.abrupt("return");
-
               case 8:
                 _this.setState({
                   canSubmit: false
                 });
-
                 _this.props.hideError(_this.props.guid);
-
                 _context2.prev = 10;
-
                 if (!stimulus.isTemporary()) {
                   _context2.next = 17;
                   break;
                 }
-
                 _context2.next = 14;
                 return _this.props.createStimulusAndQuizEntry(quizId, workingStimulus.toJS(), quizEntry);
-
               case 14:
                 _this.props.clearTemporaryStimulus(quizId);
-
                 _context2.next = 28;
                 break;
-
               case 17:
                 if (!_this.props.shouldClone) {
                   _context2.next = 26;
                   break;
                 }
-
                 _context2.next = 20;
                 return _this.props.createStimulus(workingStimulus, _this.props.quizId, 'quiz', workingStimulus.id);
-
               case 20:
                 stimulusData = _context2.sent;
                 _context2.next = 23;
                 return _this.handleStimulusCreated(stimulusData);
-
               case 23:
                 _this.props.clearTemporaryStimulus(quizId);
-
                 _context2.next = 28;
                 break;
-
               case 26:
                 _context2.next = 28;
                 return _this.props.updateStimulus(workingStimulus.toJS(), quizId);
-
               case 28:
                 _context2.next = 34;
                 break;
-
               case 30:
                 _context2.prev = 30;
                 _context2.t0 = _context2["catch"](10);
-
                 _this.setState({
                   canSubmit: true
                 });
-
                 throw _context2.t0;
-
               case 34:
                 _this.afterSubmit();
-
               case 35:
               case "end":
                 return _context2.stop();
@@ -288,43 +206,33 @@ var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
           }
         }, _callee2, null, [[10, 30]]);
       }));
-
       return function (_x2) {
         return _ref2.apply(this, arguments);
       };
     }();
-
     _this.focusFirstErrorField = function () {
       if (_this.stimulusEditArea) {
         var editArea = _reactDom.default.findDOMNode(_this.stimulusEditArea);
-
         var firstErrorField = editArea === null || editArea === void 0 ? void 0 : editArea.querySelector('[aria-invalid="true"]');
         firstErrorField && firstErrorField.focus();
       }
     };
-
     _this.handleRef = function (node) {
       _this.stimulusEditArea = node;
     };
-
     _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, {
@@ -333,14 +241,12 @@ var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
         });
       }
     };
-
     _this.getEntryForBank = function () {
       var _this$props3 = _this.props,
-          stimulus = _this$props3.stimulus,
-          workingStimulus = _this$props3.workingStimulus,
-          quizId = _this$props3.quizId,
-          shouldClone = _this$props3.shouldClone;
-
+        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()) {
@@ -353,14 +259,11 @@ var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
         return Promise.resolve(stimulus);
       }
     };
-
     _this.setTitleRef = function (elem) {
       _this.stimulusEditTitleRef = elem;
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(StimulusEdit, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -369,7 +272,6 @@ var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
         // fire before the mods are cleared
         setTimeout(this.clearModifications);
       }
-
       this.props.switchOffEditing();
     }
   }, {
@@ -405,7 +307,6 @@ var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
       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();
       }
@@ -495,14 +396,12 @@ var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
     key: "render",
     value: function render() {
       this.stimulusEditInfoRef = null;
-
       if (this.props.isBankedContent) {
         return (0, _emotion.jsx)(_index3.default, this.props.bankEntryWarningWrapperProps(), (0, _emotion.jsx)(_index4.default, this.props));
       }
-
       var _this$props4 = this.props,
-          stimulus = _this$props4.stimulus,
-          quizEntry = _this$props4.quizEntry;
+        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');
@@ -512,7 +411,7 @@ var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
   }]);
   StimulusEdit.displayName = "StimulusEdit";
   return StimulusEdit;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _StimulusEdit.propTypes = {
   addContentPopoverOpen: _propTypes.default.bool.isRequired,
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   bankEntryWarningWrapperProps: _propTypes.default.func,
@@ -553,14 +452,12 @@ var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
   onEditToggle: _propTypes.default.func.isRequired,
   shouldFocusOnMount: _propTypes.default.bool.isRequired,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _StimulusEdit.defaultProps = {
   bankEntryWarningWrapperProps: function bankEntryWarningWrapperProps() {},
   errorsShowing: false,
   isBankedContent: false,
   nextQuizEntry: null
-}, _temp)) || _class);
+}, _StimulusEdit)) || _class);
 exports.StimulusEdit = StimulusEdit;
-
 var _default = (0, _componentWithOutsideClickEmotion.default)(StimulusEdit);
-
 exports.default = _default;

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

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

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

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      typography = _ref.typography,
-      colors = _ref.colors;
+    typography = _ref.typography,
+    colors = _ref.colors;
   return {
     stimulusPadding: spacing.large,
     buttonWrapperPadding: spacing.small,
@@ -22,6 +21,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     stimulusButtonsZIndex: '3333'
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

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

@@ -1,24 +1,16 @@
 "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(),
@@ -26,14 +18,11 @@ function mapStateToProps(state, props) {
     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;

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

@@ -1,112 +1,71 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StimulusEditInfo = 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 = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _uiTextInput = require("@instructure/ui-text-input");
-
 var _uiFormField = require("@instructure/ui-form-field");
-
 var _emotion = require("@instructure/emotion");
-
 var _uiHeading = require("@instructure/ui-heading");
-
 var _quizRce = require("@instructure/quiz-rce");
-
 var _instUIMessages = require("../../../../util/instUIMessages.js");
-
 var _uiSimpleSelect = require("@instructure/ui-simple-select");
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _uiToggleDetails = require("@instructure/ui-toggle-details");
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _styles = _interopRequireDefault(require("./styles.js"));
-
 var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _StimulusEditInfo;
+/** @jsx jsx */
 var _ref3 = (0, _emotion.jsx)(_uiIcons.IconUpdownLine, {
   rotate: "90"
 });
-
 var _ref4 = (0, _emotion.jsx)(_uiIcons.IconUpdownLine, null);
-
-var StimulusEditInfo = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var StimulusEditInfo = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_StimulusEditInfo = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(StimulusEditInfo, _Component);
-
   var _super = (0, _createSuper2.default)(StimulusEditInfo);
-
   function StimulusEditInfo() {
     var _this;
-
     (0, _classCallCheck2.default)(this, StimulusEditInfo);
-
     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.inputErrors = function (field) {
       if (_this.props.errorsShowing) {
         var errorMap = _this.props.workingStimulus.getErrors().toJS() || {};
         return (0, _instUIMessages.toErrors)(errorMap[field] || []);
       }
     };
-
     _this.onOrientationChange = function (e, _ref) {
       var value = _ref.value;
-
       var newData = _this.props.workingStimulus.set('orientation', value);
-
       _this.props.modifyStimulus(newData);
     };
-
     _this.onTextInputChange = function (field) {
       return function (e) {
         var newData = _this.props.workingStimulus.set(field, e.target.value);
-
         _this.props.modifyStimulus(newData);
       };
     };
-
     _this.onBodyChange = function (e, _ref2) {
       var editorContent = _ref2.editorContent;
-
       var newData = _this.props.workingStimulus.set('body', editorContent);
-
       _this.props.modifyStimulus(newData);
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(StimulusEditInfo, [{
     key: "headerText",
     value: function headerText() {
@@ -209,7 +168,7 @@ var StimulusEditInfo = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   }]);
   StimulusEditInfo.displayName = "StimulusEditInfo";
   return StimulusEditInfo;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _StimulusEditInfo.propTypes = {
   isBankedContent: _propTypes.default.bool,
   stimulus: _reactImmutableProptypes.default.record.isRequired,
   workingStimulus: _reactImmutableProptypes.default.record.isRequired,
@@ -218,10 +177,10 @@ var StimulusEditInfo = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   setTitleRef: _propTypes.default.func,
   stimulusOrientationEnabled: _propTypes.default.bool.isRequired,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _StimulusEditInfo.defaultProps = {
   isBankedContent: false,
   setTitleRef: function setTitleRef() {}
-}, _temp)) || _class);
+}, _StimulusEditInfo)) || _class);
 exports.StimulusEditInfo = StimulusEditInfo;
 var _default = StimulusEditInfo;
 exports.default = _default;

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

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

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

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      typography = _ref.typography,
-      colors = _ref.colors;
+    typography = _ref.typography,
+    colors = _ref.colors;
   return {
     sectionPadding: spacing.small,
     optionalLabelColor: colors.ash,
@@ -16,6 +15,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     urlLabelMargin: spacing.xSmall
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;