@pie-element/drawing-response 4.3.4-next.5 → 4.3.4-next.57

package/src/drawing-response/icon.jsx

@@ -9,7 +9,7 @@ import {
   mdiCircle,
   mdiFormatColorText,
   mdiFormatColorFill,
-  mdiEraser
+  mdiEraser,
 } from '@mdi/js';
 
 const IconWrapper = ({ path }) => {
@@ -17,37 +17,36 @@ const IconWrapper = ({ path }) => {
 
   switch (path) {
     case 'mdiPencil':
-      iconPath = mdiPencil; break;
+      iconPath = mdiPencil;
+      break;
     case 'mdiMinus':
-      iconPath = mdiMinus; break;
+      iconPath = mdiMinus;
+      break;
     case 'mdiCircle':
-      iconPath = mdiCircle; break;
+      iconPath = mdiCircle;
+      break;
     case 'mdiRectangle':
-      iconPath = mdiRectangle; break;
+      iconPath = mdiRectangle;
+      break;
     case 'mdiFormatColorText':
-      iconPath = mdiFormatColorText; break;
+      iconPath = mdiFormatColorText;
+      break;
     case 'mdiFormatColorFill':
-      iconPath = mdiFormatColorFill; break;
+      iconPath = mdiFormatColorFill;
+      break;
     case 'mdiEraser':
-      iconPath = mdiEraser; break;
+      iconPath = mdiEraser;
+      break;
     default:
-      iconPath = mdiCursorDefault; break;
+      iconPath = mdiCursorDefault;
+      break;
   }
 
-  return (
-    <Icon
-      path={iconPath}
-      size={0.8}
-      rotate={180}
-      horizontal
-      vertical
-      color="#2B3963"
-    />
-  )
+  return <Icon path={iconPath} size={0.8} rotate={180} horizontal vertical color="#2B3963" />;
 };
 
 IconWrapper.propTypes = {
-  path: PropTypes.string.isRequired
+  path: PropTypes.string.isRequired,
 };
 
 export default IconWrapper;

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, () => {