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

package/es/building/components/resources/quiz/editButton/EditButton.js

@@ -1,32 +1,43 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { IconButton } from '@instructure/ui-buttons';
 import { IconEditLine } from '@instructure/ui-icons';
-import makeScrollable from '../../../../../common/components/shared/functionality/makeScrollable';
+import makeScrollable from "../../../../../common/components/shared/functionality/makeScrollable.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import { omitProps } from '@instructure/ui-react-utils';
+
 var EditButton = /*#__PURE__*/function (_Component) {
+  _inherits(EditButton, _Component);
+
+  var _super = _createSuper(EditButton);
+
   function EditButton() {
     var _this;
+
     _classCallCheck(this, EditButton);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, EditButton, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.focus = function () {
       _this.button.focus();
     };
+
     _this.handleButtonRef = function (node) {
       return _this.button = node;
     };
+
     return _this;
   }
-  _inherits(EditButton, _Component);
-  return _createClass(EditButton, [{
+
+  _createClass(EditButton, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(IconButton, Object.assign({
@@ -41,7 +52,11 @@ var EditButton = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
+
+  EditButton.displayName = "EditButton";
+  return EditButton;
 }(Component);
+
 EditButton.propTypes = {
   onClick: PropTypes.func.isRequired,
   screenreaderText: PropTypes.string

package/es/building/components/resources/quiz/instructions/Edit/index.js

@@ -1,8 +1,10 @@
-import { connect } from '../../../../../../common/react-redux';
-import QuizInstructionsEdit from './presenter';
+import { connect } from "../../../../../../common/react-redux.js";
+import QuizInstructionsEdit from "./presenter.js";
+
 function mapStateToProps(state, props) {
   return {
     appContainer: state.getIn(['ui', 'appContainer'])
   };
 }
+
 export default connect(mapStateToProps, null)(QuizInstructionsEdit);

package/es/building/components/resources/quiz/instructions/Edit/presenter.js

@@ -1,44 +1,46 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _QuizInstructionsEdit;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button } from '@instructure/ui-buttons';
 import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import CustomPropTypes from '../../../../../../common/util/CustomPropTypes';
-import elementsForSelectors from '../../../../../../common/util/ElementsForSelectors';
+import CustomPropTypes from "../../../../../../common/util/CustomPropTypes.js";
+import elementsForSelectors from "../../../../../../common/util/ElementsForSelectors.js";
 import { INSTRUCTIONS_EDIT_ID } from '@instructure/quiz-common';
 import { RichContentInput } from '@instructure/quiz-rce';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-import wrapWithOutsideClickEmotion from '../../../../../../common/components/shared/functionality/componentWithOutsideClickEmotion';
-
-// ===================================
-
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+import wrapWithOutsideClickEmotion from "../../../../../../common/components/shared/functionality/componentWithOutsideClickEmotion.js"; // ===================================
 // once editing is toggled this div
 // is rendered & has actions that
 // allow for canceling
-
 // ===================================
-var QuizInstructionsEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructionsEdit = /*#__PURE__*/function (_Component) {
+
+var QuizInstructionsEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(QuizInstructionsEdit, _Component);
+
+  var _super = _createSuper(QuizInstructionsEdit);
+
   function QuizInstructionsEdit() {
     _classCallCheck(this, QuizInstructionsEdit);
-    return _callSuper(this, QuizInstructionsEdit, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(QuizInstructionsEdit, _Component);
-  return _createClass(QuizInstructionsEdit, [{
+
+  _createClass(QuizInstructionsEdit, [{
     key: "clickedOutside",
-    value:
     // enabled by wrapWithOutsideClick
-    function clickedOutside() {
+    value: function clickedOutside() {
       this.props.saveAndPreview();
-    }
+    } // enabled by wrapWithOutsideClick
 
-    // enabled by wrapWithOutsideClick
   }, {
     key: "ignoreClickOutsideIf",
     value: function ignoreClickOutsideIf(e) {
@@ -71,12 +73,15 @@ var QuizInstructionsEdit = (_dec = withStyle(generateStyle, generateComponentThe
       }, t('Done'))));
     }
   }]);
-}(Component), _QuizInstructionsEdit.propTypes = {
+
+  QuizInstructionsEdit.displayName = "QuizInstructionsEdit";
+  return QuizInstructionsEdit;
+}(Component), _class2.propTypes = {
   endEditing: PropTypes.func.isRequired,
   inputValue: PropTypes.string.isRequired,
   onInputChange: PropTypes.func.isRequired,
   saveAndPreview: PropTypes.func.isRequired,
   appContainer: CustomPropTypes.selectors.isRequired,
   styles: PropTypes.object
-}, _QuizInstructionsEdit)) || _class);
+}, _temp)) || _class);
 export default wrapWithOutsideClickEmotion(QuizInstructionsEdit);

package/es/building/components/resources/quiz/instructions/Edit/styles.js

@@ -17,4 +17,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
+
 export default generateStyle;

package/es/building/components/resources/quiz/instructions/Instructions/Instructions.examples.js

@@ -1,5 +1,5 @@
 import { fromJS } from 'immutable';
-import Quiz from '../../../../../../common/records/Quiz';
+import Quiz from "../../../../../../common/records/Quiz.js";
 export default {
   propValues: {
     isEditing: [true, false]

package/es/building/components/resources/quiz/instructions/Instructions/index.js

@@ -1,17 +1,19 @@
 import { compose } from 'redux';
-import { connect } from '../../../../../../common/react-redux';
-import { screenreaderNotification } from '../../../../../../common/actions/alerts';
-import { clearModifications, changeQuizInstructions } from '../../../../../../common/actions/modifications';
-import { saveQuizChange } from '../../../../../api/quizzes';
-import makeEditable from '../../../../../../common/components/shared/functionality/makeEditable';
-import { featureOn } from '../../../../../../common/util/featureCheck';
-import Instructions from './presenter';
+import { connect } from "../../../../../../common/react-redux.js";
+import { screenreaderNotification } from "../../../../../../common/actions/alerts.js";
+import { clearModifications, changeQuizInstructions } from "../../../../../../common/actions/modifications.js";
+import { saveQuizChange } from "../../../../../api/quizzes.js";
+import makeEditable from "../../../../../../common/components/shared/functionality/makeEditable.js";
+import { featureOn } from "../../../../../../common/util/featureCheck.js";
+import Instructions from "./presenter.js";
+
 function mapStateToProps(state) {
   return {
     errorsShowing: state.get('errorsShowing'),
     lockBlueprintContentEnabled: featureOn('lock_blueprint_content')
   };
 }
+
 var mapDispatchToProps = {
   changeQuizInstructions: changeQuizInstructions,
   clearModifications: clearModifications,

package/es/building/components/resources/quiz/instructions/Instructions/presenter.js

@@ -1,73 +1,90 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _QuizInstructions;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Heading } from '@instructure/ui-heading';
 import { withStyle, jsx } from '@instructure/emotion';
-import QuizInstructionsEdit from '../Edit';
-import QuizInstructionsShow from '../Show';
-import EditButton from '../../editButton/EditButton';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-import t from '@instructure/quiz-i18n/es/format-message';
-
-// ======================================
-
+import QuizInstructionsEdit from "../Edit/index.js";
+import QuizInstructionsShow from "../Show/index.js";
+import EditButton from "../../editButton/EditButton.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+import t from '@instructure/quiz-i18n/es/format-message'; // ======================================
 // renders the editable quiz instructions
 // input/display component
-
 // ======================================
 
-export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
+export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(QuizInstructions, _Component);
+
+  var _super = _createSuper(QuizInstructions);
+
   function QuizInstructions() {
     var _this;
+
     _classCallCheck(this, QuizInstructions);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizInstructions, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.workingInstructions = function () {
       return _this.props.quiz.getWorkingInstance().instructions || '';
     };
-    // =========
-    //  actions
-    // =========
+
     _this.updateWorkingInstructions = function (event, _ref) {
       var editorContent = _ref.editorContent;
+
       _this.props.changeQuizInstructions(_this.quizID(), editorContent);
     };
+
     _this.saveAndPreview = function () {
       _this.saveWorkingInstructions();
+
       _this.endEditing();
     };
+
     _this.endEditing = function () {
       _this.props.switchOffEditing();
+
       _this.props.clearModifications('quizzes', _this.quizID(), ['instructions']);
     };
+
     _this.toggleEditing = function () {
       var msg;
+
       if (_this.props.isEditing) {
         msg = t('Instructions edit mode off.');
+
         _this.props.screenreaderNotification(msg);
+
         _this.saveAndPreview();
       } else {
         msg = t('Instructions switched to edit mode. Navigate down to access text editor.');
+
         _this.props.screenreaderNotification(msg);
+
         _this.props.switchOnEditing();
       }
     };
+
     return _this;
   }
-  _inherits(QuizInstructions, _Component);
-  return _createClass(QuizInstructions, [{
+
+  _createClass(QuizInstructions, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this2 = this;
+
       // Only focus if we switch from edit mode to show mode
       if (prevProps.isEditing && !this.props.isEditing) {
         // use setTimeout to break away from RCE destruction that loses focus
@@ -75,11 +92,10 @@ export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponent
           _this2.editButton.getWrappedInstance().setFocus();
         }, 50);
       }
-    }
-
-    // ===========
+    } // ===========
     //   helpers
     // ===========
+
   }, {
     key: "quizID",
     value: function quizID() {
@@ -89,10 +105,13 @@ export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponent
     key: "isContentLocked",
     value: function isContentLocked() {
       var _this$props = this.props,
-        lockBlueprintContentEnabled = _this$props.lockBlueprintContentEnabled,
-        quiz = _this$props.quiz;
+          lockBlueprintContentEnabled = _this$props.lockBlueprintContentEnabled,
+          quiz = _this$props.quiz;
       return lockBlueprintContentEnabled && quiz.originalQuizLockedByBlueprint;
-    }
+    } // =========
+    //  actions
+    // =========
+
   }, {
     key: "saveWorkingInstructions",
     value: function saveWorkingInstructions() {
@@ -102,20 +121,21 @@ export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponent
     key: "setRef",
     value: function setRef(key) {
       var _this3 = this;
+
       return function (node) {
         _this3[key] = node;
       };
-    }
-
-    // ===============
+    } // ===============
     //    RENDERING
     // ===============
+
   }, {
     key: "editingRender",
     value: function editingRender() {
       if (!this.props.isEditing) {
         return;
       }
+
       return jsx(QuizInstructionsEdit, {
         endEditing: this.endEditing,
         inputValue: this.workingInstructions(),
@@ -130,6 +150,7 @@ export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponent
       if (this.props.isEditing) {
         return;
       }
+
       var contentLocked = this.props.quiz.originalQuizLockedByBlueprint;
       return jsx(QuizInstructionsShow, {
         ref: this.setRef('instructionsPreview'),
@@ -163,7 +184,10 @@ export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponent
       }))));
     }
   }]);
-}(Component), _QuizInstructions.propTypes = {
+
+  QuizInstructions.displayName = "QuizInstructions";
+  return QuizInstructions;
+}(Component), _class2.propTypes = {
   changeQuizInstructions: PropTypes.func.isRequired,
   clearModifications: PropTypes.func.isRequired,
   isEditing: PropTypes.bool.isRequired,
@@ -178,7 +202,7 @@ export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponent
   switchOnEditing: PropTypes.func.isRequired,
   // Injected by makeEditable,
   styles: PropTypes.object
-}, _QuizInstructions.defaultProps = {
+}, _class2.defaultProps = {
   scrollKey: void 0
-}, _QuizInstructions)) || _class);
+}, _temp)) || _class);
 export default QuizInstructions;

package/es/building/components/resources/quiz/instructions/Instructions/styles.js

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
 var generateStyle = function generateStyle(componentTheme) {
   var mp = '@media print';
   return {
@@ -28,4 +29,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
+
 export default generateStyle;

package/es/building/components/resources/quiz/instructions/Instructions/theme.js

@@ -1,7 +1,7 @@
 export default function generator(_ref) {
   var spacing = _ref.spacing,
-    colors = _ref.colors,
-    typography = _ref.typography;
+      colors = _ref.colors,
+      typography = _ref.typography;
   return {
     labelPadding: spacing.small,
     labelLeftPadding: spacing.large,

package/es/building/components/resources/quiz/instructions/Show/index.js

@@ -1,41 +1,49 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _QuizInstructionsShow;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { withStyle, jsx } from '@instructure/emotion';
 import { RichContentRenderer } from '@instructure/quiz-rce';
-import Overlay from '../../../../../../common/components/shared/overlay';
-import makeScrollable from '../../../../../../common/components/shared/functionality/makeScrollable';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-import t from '@instructure/quiz-i18n/es/format-message';
-
-// ==========================================
-
+import Overlay from "../../../../../../common/components/shared/overlay/index.js";
+import makeScrollable from "../../../../../../common/components/shared/functionality/makeScrollable.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+import t from '@instructure/quiz-i18n/es/format-message'; // ==========================================
 // this component shows the quiz instructions
 // has events that allow for toggling
 // editing and hover which shows an overlay
-
 // ==========================================
-export var QuizInstructionsShow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructionsShow = /*#__PURE__*/function (_Component) {
+
+export var QuizInstructionsShow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(QuizInstructionsShow, _Component);
+
+  var _super = _createSuper(QuizInstructionsShow);
+
   function QuizInstructionsShow() {
     var _this;
+
     _classCallCheck(this, QuizInstructionsShow);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizInstructionsShow, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.switchOnEditing = function () {
       _this.props.switchOnEditing();
     };
+
     return _this;
   }
-  _inherits(QuizInstructionsShow, _Component);
-  return _createClass(QuizInstructionsShow, [{
+
+  _createClass(QuizInstructionsShow, [{
     key: "render",
     value: function render() {
       return jsx("span", {
@@ -53,13 +61,16 @@ export var QuizInstructionsShow = (_dec = withStyle(generateStyle, generateCompo
       }))));
     }
   }]);
-}(Component), _QuizInstructionsShow.propTypes = {
+
+  QuizInstructionsShow.displayName = "QuizInstructionsShow";
+  return QuizInstructionsShow;
+}(Component), _class2.propTypes = {
   instructions: PropTypes.string,
   switchOnEditing: PropTypes.func.isRequired,
   contentLocked: PropTypes.bool,
   styles: PropTypes.object
-}, _QuizInstructionsShow.defaultProps = {
+}, _class2.defaultProps = {
   contentLocked: false,
   instructions: null
-}, _QuizInstructionsShow)) || _class);
+}, _temp)) || _class);
 export default makeScrollable(QuizInstructionsShow);

package/es/building/components/resources/quiz/instructions/Show/styles.js

@@ -27,4 +27,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
+
 export default generateStyle;

package/es/building/components/resources/quiz/instructions/Show/theme.js

@@ -1,7 +1,7 @@
 export default function generator(_ref) {
   var spacing = _ref.spacing,
-    colors = _ref.colors,
-    typography = _ref.typography;
+      colors = _ref.colors,
+      typography = _ref.typography;
   return {
     instructionsShowWrapperPadding: spacing.large,
     instructionsShowTextFontSize: typography.fontSizeMedium

package/es/building/components/resources/quiz/title/Edit/index.js

@@ -1,8 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _TitleEdit;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -10,34 +12,40 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import ReactDOM from 'react-dom';
 import defer from 'lodash/defer';
 import { withStyle, jsx } from '@instructure/emotion';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-import Errors from '../../../../../../common/components/shared/errors/Errors';
-import t from '@instructure/quiz-i18n/es/format-message';
-
-// =================================
-
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+import Errors from "../../../../../../common/components/shared/errors/Errors.js";
+import t from '@instructure/quiz-i18n/es/format-message'; // =================================
 // once editing is toggled this div
 // is rendered & has actions that
 // allow for canceling
-
 // =================================
 
-export var TitleEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_TitleEdit = /*#__PURE__*/function (_Component) {
+export var TitleEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(TitleEdit, _Component);
+
+  var _super = _createSuper(TitleEdit);
+
   function TitleEdit() {
     var _this;
+
     _classCallCheck(this, TitleEdit);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, TitleEdit, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.defer = function (fn) {
       // to enable syncronous testing
       var deferFn = _this.props.deferMock || defer;
       deferFn(fn);
     };
+
     _this.switchOffEditing = function () {
       var fromEnterPressed = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+
       _this.ifValidElseError(function () {
         _this.defer(function () {
           if (fromEnterPressed) {
@@ -51,31 +59,34 @@ export var TitleEdit = (_dec = withStyle(generateStyle, generateComponentTheme),
         });
       });
     };
+
     _this.handleKeyUp = function (e) {
       if (_this.enterPressed && e.keyCode === 13) {
         return _this.switchOffEditing(true);
       }
     };
+
     _this.handleKeyDown = function (e) {
       if (!e.repeat && e.keyCode === 13) {
         _this.enterPressed = true;
       }
     };
+
     _this.handleBlur = function (e) {
       _this.switchOffEditing(false);
     };
+
     return _this;
   }
-  _inherits(TitleEdit, _Component);
-  return _createClass(TitleEdit, [{
+
+  _createClass(TitleEdit, [{
     key: "componentDidMount",
-    value:
     // todo: extract this into a shared method
     // to be used on many components
-    function componentDidMount() {
+    value: function componentDidMount() {
       this.props.makeStyles();
-      var input = ReactDOM.findDOMNode(this.input);
-      // some browsers add chars so * 2 to ensure at end
+      var input = ReactDOM.findDOMNode(this.input); // some browsers add chars so * 2 to ensure at end
+
       var valLength = input.value.length * 2;
       input.focus();
       input.setSelectionRange(valLength, valLength);
@@ -99,6 +110,7 @@ export var TitleEdit = (_dec = withStyle(generateStyle, generateComponentTheme),
     key: "setRef",
     value: function setRef(key) {
       var _this2 = this;
+
       return function (node) {
         _this2[key] = node;
       };
@@ -143,7 +155,10 @@ export var TitleEdit = (_dec = withStyle(generateStyle, generateComponentTheme),
       })), this.renderErrors());
     }
   }]);
-}(Component), _TitleEdit.propTypes = {
+
+  TitleEdit.displayName = "TitleEdit";
+  return TitleEdit;
+}(Component), _class2.propTypes = {
   value: PropTypes.string.isRequired,
   isValid: PropTypes.bool.isRequired,
   showError: PropTypes.func.isRequired,
@@ -156,8 +171,8 @@ export var TitleEdit = (_dec = withStyle(generateStyle, generateComponentTheme),
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _TitleEdit.defaultProps = {
+}, _class2.defaultProps = {
   errorsAreShowing: false,
   deferMock: defer
-}, _TitleEdit)) || _class);
+}, _temp)) || _class);
 export default TitleEdit;