@pie-element/drawing-response 4.3.4-next.41 → 4.3.4-next.54

package/src/drawing-response/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Typography from '@material-ui/core/Typography';
-import {Collapsible, PreviewPrompt} from '@pie-lib/render-ui';
+import { Collapsible, PreviewPrompt } from '@pie-lib/render-ui';
 import { withStyles } from '@material-ui/core/styles';
 
 import Container from './container';
@@ -11,7 +11,7 @@ class DrawingResponseComponent extends React.Component {
     super(props);
     this.state = {
       showCorrect: false,
-      hasError: false
+      hasError: false,
     };
   }
 
@@ -21,18 +21,10 @@ class DrawingResponseComponent extends React.Component {
 
   render() {
     const {
-      model: {
-        disabled,
-        imageDimensions,
-        imageUrl,
-        prompt,
-        mode,
-        teacherInstructions,
-        backgroundImageEnabled = true
-      },
+      model: { disabled, imageDimensions, imageUrl, prompt, mode, teacherInstructions, backgroundImageEnabled = true },
       session,
       onSessionChange,
-      classes
+      classes,
     } = this.props;
     const { hasError, errorMessage } = this.state;
     const isEvaluateMode = mode === 'evaluate';
@@ -46,7 +38,7 @@ class DrawingResponseComponent extends React.Component {
             <Collapsible
               labels={{
                 hidden: 'Show Teacher Instructions',
-                visible: 'Hide Teacher Instructions'
+                visible: 'Hide Teacher Instructions',
               }}
             >
               <PreviewPrompt prompt={teacherInstructions} />
@@ -77,13 +69,13 @@ DrawingResponseComponent.propTypes = {
   classes: PropTypes.object,
   model: PropTypes.object.isRequired,
   onSessionChange: PropTypes.func.isRequired,
-  session: PropTypes.object.isRequired
+  session: PropTypes.object.isRequired,
 };
 
 const styles = () => ({
   prompt: {
-    fontSize: 'inherit'
-  }
+    fontSize: 'inherit',
+  },
 });
 
 export default withStyles(styles)(DrawingResponseComponent);

package/src/index.js

@@ -10,13 +10,7 @@ export default class DrawingResponse extends HTMLElement {
   set model(m) {
     this._model = m;
 
-    this.dispatchEvent(
-      new ModelSetEvent(
-        this.tagName.toLowerCase(),
-        this.isComplete(),
-        !!this._model
-      )
-    );
+    this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), this.isComplete(), !!this._model));
     this._render();
   }
 
@@ -28,9 +22,7 @@ export default class DrawingResponse extends HTMLElement {
     this._session.drawables = update.drawables;
     this._session.texts = update.texts;
 
-    this.dispatchEvent(
-      new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete())
-    );
+    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete()));
 
     this._render();
   };
@@ -53,7 +45,7 @@ export default class DrawingResponse extends HTMLElement {
       const el = React.createElement(DrawingResponseComponent, {
         model: this._model,
         session: this._session,
-        onSessionChange: this.sessionChanged
+        onSessionChange: this.sessionChanged,
       });
 
       ReactDOM.render(el, this, () => {