@pie-element/hotspot 5.4.3-next.41 → 5.4.3-next.54

package/configure/src/hotspot-polygon.jsx

@@ -6,8 +6,8 @@ import { withStyles } from '@material-ui/core/styles/index';
 class PolComponent extends React.Component {
   static getDerivedStateFromProps(nextProps) {
     const { points } = nextProps;
-    const xList = points.map(p => (p.x));
-    const yList = points.map(p => (p.y));
+    const xList = points.map((p) => p.x);
+    const yList = points.map((p) => p.y);
 
     const xOffset = Math.min(...xList);
     const yOffset = Math.max(...yList);
@@ -16,14 +16,16 @@ class PolComponent extends React.Component {
       return {
         x: xOffset,
         y: yOffset,
-        points: points.reduce((acc, point) => { return acc.concat([point.x - xOffset, point.y - yOffset]) }, [])
+        points: points.reduce((acc, point) => {
+          return acc.concat([point.x - xOffset, point.y - yOffset]);
+        }, []),
       };
     }
 
     return {
       x: 0,
       y: 0,
-      points: []
+      points: [],
     };
   }
 
@@ -31,8 +33,8 @@ class PolComponent extends React.Component {
 
   handleClick = (e) => {
     const { points } = this.props;
-    const xList = points.map(p => (p.x));
-    const yList = points.map(p => (p.y));
+    const xList = points.map((p) => p.x);
+    const yList = points.map((p) => p.y);
 
     const width = Math.max(...xList) - Math.min(...xList);
     const height = Math.max(...yList) - Math.min(...yList);
@@ -63,7 +65,7 @@ class PolComponent extends React.Component {
       if (index % 2 === 0 && index + 1 < points.length) {
         acc.push({
           x: currentPointCoordinate + e.target.x(),
-          y: points[index + 1]  + e.target.y()
+          y: points[index + 1] + e.target.y(),
         });
 
         return acc;
@@ -73,18 +75,12 @@ class PolComponent extends React.Component {
     }, []);
 
     onDragEnd(id, {
-      points: newPoints
-    })
+      points: newPoints,
+    });
   };
 
   render() {
-    const {
-      classes,
-      correct,
-      hotspotColor,
-      outlineColor,
-      strokeWidth = 5
-    } = this.props;
+    const { classes, correct, hotspotColor, outlineColor, strokeWidth = 5 } = this.props;
     const { points, x, y } = this.state;
 
     return (
@@ -113,7 +109,7 @@ class PolComponent extends React.Component {
 const styles = () => ({
   base: {
     cursor: 'pointer',
-    opacity: 0.5
+    opacity: 0.5,
   },
 });
 
@@ -126,11 +122,13 @@ PolComponent.propTypes = {
   onClick: PropTypes.func.isRequired,
   onDragEnd: PropTypes.func.isRequired,
   outlineColor: PropTypes.string.isRequired,
-  points: PropTypes.arrayOf(PropTypes.shape({
-    x: PropTypes.number,
-    y: PropTypes.number
-  })).isRequired,
-  strokeWidth: PropTypes.number
+  points: PropTypes.arrayOf(
+    PropTypes.shape({
+      x: PropTypes.number,
+      y: PropTypes.number,
+    }),
+  ).isRequired,
+  strokeWidth: PropTypes.number,
 };
 
 PolComponent.defaultProps = {

package/configure/src/hotspot-rectangle.jsx

@@ -26,22 +26,12 @@ class RectComponent extends React.Component {
 
     onDragEnd(id, {
       x: e.target.x(),
-      y: e.target.y()
-    })
+      y: e.target.y(),
+    });
   };
 
   render() {
-    const {
-      classes,
-      correct,
-      height,
-      hotspotColor,
-      outlineColor,
-      width,
-      x,
-      y,
-      strokeWidth = 5
-    } = this.props;
+    const { classes, correct, height, hotspotColor, outlineColor, width, x, y, strokeWidth = 5 } = this.props;
 
     return (
       <Group>
@@ -69,7 +59,7 @@ class RectComponent extends React.Component {
 const styles = () => ({
   base: {
     cursor: 'pointer',
-    opacity: 0.5
+    opacity: 0.5,
   },
 });
 
@@ -86,7 +76,7 @@ RectComponent.propTypes = {
   width: PropTypes.number.isRequired,
   x: PropTypes.number.isRequired,
   y: PropTypes.number.isRequired,
-  strokeWidth: PropTypes.number
+  strokeWidth: PropTypes.number,
 };
 
 RectComponent.defaultProps = {

package/configure/src/index.js

@@ -6,7 +6,7 @@ import {
   DeleteImageEvent,
   InsertImageEvent,
   InsertSoundEvent,
-  DeleteSoundEvent
+  DeleteSoundEvent,
 } from '@pie-framework/pie-configure-events';
 
 import Root from './root';
@@ -20,7 +20,7 @@ export default class HotspotConfigure extends HTMLElement {
     ...model,
     hotspotList: model.hotspotList || [model.hotspotColor] || sensibleDefaults.model.hotspotList,
     outlineList: model.outlineList || [model.outlineColor] || sensibleDefaults.model.outlineList,
-    shapes: model.shapes || sensibleDefaults.model.shapes || {}
+    shapes: model.shapes || sensibleDefaults.model.shapes || {},
   });
 
   constructor() {
@@ -63,8 +63,8 @@ export default class HotspotConfigure extends HTMLElement {
     if (propertyType === 'multipleCorrect') {
       const { rectangles = [], polygons = [] } = _model.shapes || {};
 
-      _model.shapes.rectangles = rectangles.map(shape => ({ ...shape, correct: false }));
-      _model.shapes.polygons = polygons.map(shape => ({ ...shape, correct: false }));
+      _model.shapes.rectangles = rectangles.map((shape) => ({ ...shape, correct: false }));
+      _model.shapes.polygons = polygons.map((shape) => ({ ...shape, correct: false }));
     }
 
     this.onModelChanged(_model);
@@ -73,53 +73,53 @@ export default class HotspotConfigure extends HTMLElement {
   onColorChanged = (colorType, color) => {
     this.onModelChanged({
       ...this._model,
-      [colorType]: color
+      [colorType]: color,
     });
   };
 
-  onPromptChanged = prompt => {
+  onPromptChanged = (prompt) => {
     this.onModelChanged({
       ...this._model,
-      prompt
+      prompt,
     });
   };
 
-  onRationaleChanged = rationale => {
+  onRationaleChanged = (rationale) => {
     this.onModelChanged({
       ...this._model,
-      rationale
+      rationale,
     });
   };
 
-  onTeacherInstructionsChanged = teacherInstructions => {
+  onTeacherInstructionsChanged = (teacherInstructions) => {
     this.onModelChanged({
       ...this._model,
-      teacherInstructions
+      teacherInstructions,
     });
   };
 
-  onUpdateImageDimension = dimensions => {
+  onUpdateImageDimension = (dimensions) => {
     this.onModelChanged({
       ...this._model,
-      dimensions
+      dimensions,
     });
   };
 
-  onUpdateShapes = shapes => {
+  onUpdateShapes = (shapes) => {
     this.onModelChanged({
       ...this._model,
-      shapes
+      shapes,
     });
   };
 
-  onImageUpload = imageUrl => {
+  onImageUpload = (imageUrl) => {
     this.onModelChanged({
       ...this._model,
-      imageUrl
+      imageUrl,
     });
   };
 
-  insertImage = handler => {
+  insertImage = (handler) => {
     this.dispatchEvent(new InsertImageEvent(handler));
   };
 
@@ -148,11 +148,11 @@ export default class HotspotConfigure extends HTMLElement {
       onUpdateImageDimension: this.onUpdateImageDimension,
       imageSupport: {
         add: this.insertImage,
-        delete: this.onDeleteImage
+        delete: this.onDeleteImage,
       },
       uploadSoundSupport: {
         add: this.insertSound.bind(this),
-        delete: this.onDeleteSound.bind(this)
+        delete: this.onDeleteSound.bind(this),
       },
       onUpdateShapes: this.onUpdateShapes,
       onModelChangedByConfig: this.onModelChangedByConfig,

package/configure/src/root.jsx

@@ -1,10 +1,5 @@
 import React from 'react';
-import {
-  settings,
-  layout,
-  InputContainer,
-  NumberTextField
-} from '@pie-lib/config-ui';
+import { settings, layout, InputContainer, NumberTextField } from '@pie-lib/config-ui';
 import PropTypes from 'prop-types';
 import EditableHtml from '@pie-lib/editable-html';
 import { withStyles } from '@material-ui/core/styles';
@@ -14,13 +9,7 @@ import Tooltip from '@material-ui/core/Tooltip';
 import HotspotPalette from './hotspot-palette';
 import HotspotContainer from './hotspot-container';
 import classNames from 'classnames';
-import {
-  updateImageDimensions,
-  generateValidationMessage,
-  getUpdatedShapes,
-  getAllShapes,
-  groupShapes
-} from './utils';
+import { updateImageDimensions, generateValidationMessage, getUpdatedShapes, getAllShapes, groupShapes } from './utils';
 
 const { Panel, toggle } = settings;
 
@@ -47,7 +36,7 @@ export class Root extends React.Component {
       dimensions,
       nextImageDimensions,
       preserveAspectRatio.enabled,
-      resizeType
+      resizeType,
     );
     // transform shapes map into shapes array
     const shapesArray = getAllShapes(shapes);
@@ -73,7 +62,7 @@ export class Root extends React.Component {
       onRationaleChanged,
       onUpdateImageDimension,
       onTeacherInstructionsChanged,
-      onUpdateShapes
+      onUpdateShapes,
     } = this.props;
     const {
       multipleCorrect = {},
@@ -85,16 +74,10 @@ export class Root extends React.Component {
       preserveAspectRatio = {},
       maxImageWidth = {},
       maxImageHeight = {},
-      withRubric = {}
+      withRubric = {},
     } = configuration || {};
-    const {
-      teacherInstructionsEnabled,
-      promptEnabled,
-      rationaleEnabled,
-      spellCheckEnabled,
-      errors,
-      rubricEnabled
-    } = model || {};
+    const { teacherInstructionsEnabled, promptEnabled, rationaleEnabled, spellCheckEnabled, errors, rubricEnabled } =
+      model || {};
     const { shapesError, selectionsError } = errors || {};
     const toolbarOpts = {};
 
@@ -122,22 +105,17 @@ export class Root extends React.Component {
               configuration={configuration}
               onChangeConfiguration={onConfigurationChanged}
               groups={{
-                'Settings': {
-                  multipleCorrect:
-                    multipleCorrect.settings && toggle(multipleCorrect.label),
-                  partialScoring:
-                    partialScoring.settings && toggle(partialScoring.label),
-                  promptEnabled:
-                    prompt.settings && toggle(prompt.label),
+                Settings: {
+                  multipleCorrect: multipleCorrect.settings && toggle(multipleCorrect.label),
+                  partialScoring: partialScoring.settings && toggle(partialScoring.label),
+                  promptEnabled: prompt.settings && toggle(prompt.label),
                 },
                 Properties: {
-                  teacherInstructionsEnabled:
-                    teacherInstructions.settings && toggle(teacherInstructions.label),
+                  teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
                   rationaleEnabled: rationale.settings && toggle(rationale.label),
-                  spellCheckEnabled:
-                    spellCheck.settings && toggle(spellCheck.label),
-                  rubricEnabled: withRubric?.settings && toggle(withRubric?.label)
-                }
+                  spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+                  rubricEnabled: withRubric?.settings && toggle(withRubric?.label),
+                },
               }}
             />
           }
@@ -152,8 +130,8 @@ export class Root extends React.Component {
                   nonEmpty={false}
                   toolbarOpts={toolbarOpts}
                   spellCheck={spellCheckEnabled}
-                  maxImageWidth={maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth}
-                  maxImageHeight={maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight}
+                  maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}
+                  maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}
                   uploadSoundSupport={uploadSoundSupport}
                   languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}
                 />
@@ -177,18 +155,15 @@ export class Root extends React.Component {
             )}
 
             {rationaleEnabled && (
-              <InputContainer
-                label={rationale.label}
-                className={classes.prompt}
-              >
+              <InputContainer label={rationale.label} className={classes.prompt}>
                 <EditableHtml
                   markup={model.rationale || ''}
                   onChange={onRationaleChanged}
                   imageSupport={imageSupport}
                   toolbarOpts={toolbarOpts}
                   spellCheck={spellCheckEnabled}
-                  maxImageWidth={maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth}
-                  maxImageHeight={maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight}
+                  maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}
+                  maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}
                   uploadSoundSupport={uploadSoundSupport}
                   languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}
                 />
@@ -206,7 +181,7 @@ export class Root extends React.Component {
                 placement={'left'}
                 title={validationMessage}
               >
-                <Info fontSize={'small'} color={'primary'} style={{ float: 'right' }}/>
+                <Info fontSize={'small'} color={'primary'} style={{ float: 'right' }} />
               </Tooltip>
             </div>
             {shapesError && <div className={classes.errorText}>{shapesError}</div>}
@@ -217,12 +192,8 @@ export class Root extends React.Component {
               hotspotList={model.hotspotList}
               outlineColor={model.outlineColor}
               outlineList={model.outlineList}
-              onHotspotColorChange={color =>
-                this.handleColorChange('hotspot', color)
-              }
-              onOutlineColorChange={color =>
-                this.handleColorChange('outline', color)
-              }
+              onHotspotColorChange={(color) => this.handleColorChange('hotspot', color)}
+              onOutlineColorChange={(color) => this.handleColorChange('outline', color)}
             />
 
             <HotspotContainer
@@ -274,41 +245,41 @@ export class Root extends React.Component {
   }
 }
 
-const styles = theme => ({
+const styles = (theme) => ({
   base: {
-    marginTop: theme.spacing.unit * 3
+    marginTop: theme.spacing.unit * 3,
   },
   container: {
     display: 'flex',
-    marginTop: theme.spacing.unit
+    marginTop: theme.spacing.unit,
   },
   dimensions: {
-    display: 'flex'
+    display: 'flex',
   },
   field: {
     flex: 1,
-    width: '90%'
+    width: '90%',
   },
   label: {
-    marginTop: theme.spacing.unit * 4
+    marginTop: theme.spacing.unit * 4,
   },
   prompt: {
     paddingTop: theme.spacing.unit * 2,
-    width: '100%'
+    width: '100%',
   },
   subheading: {
-    marginRight: '5px'
+    marginRight: '5px',
   },
   regular: {
-    marginBottom: theme.spacing.unit * 3
+    marginBottom: theme.spacing.unit * 3,
   },
   switchElement: {
     justifyContent: 'space-between',
-    margin: 0
+    margin: 0,
   },
   flexContainer: {
     display: 'flex',
-    alignItems: 'center'
+    alignItems: 'center',
   },
   tooltip: {
     fontSize: '12px',
@@ -318,8 +289,8 @@ const styles = theme => ({
   errorText: {
     fontSize: '12px',
     color: 'red',
-    padding: '5px 0'
-  }
+    padding: '5px 0',
+  },
 });
 
 Root.propTypes = {
@@ -328,11 +299,11 @@ Root.propTypes = {
   model: PropTypes.object.isRequired,
   imageSupport: PropTypes.shape({
     add: PropTypes.func,
-    delete: PropTypes.func
+    delete: PropTypes.func,
   }),
   uploadSoundSupport: PropTypes.shape({
     add: PropTypes.func,
-    delete: PropTypes.func
+    delete: PropTypes.func,
   }),
   onImageUpload: PropTypes.func.isRequired,
   onColorChanged: PropTypes.func.isRequired,

package/configure/src/upload-control.jsx

@@ -4,36 +4,25 @@ import { withStyles } from '@material-ui/core/styles/index';
 
 import Button from './button';
 
-const UploadControl = ({
-  classNameButton,
-  classNameSection,
-  classes,
-  label,
-  onInputClick,
-  onUploadImage,
-  setRef
-}) => (
+const UploadControl = ({ classNameButton, classNameSection, classes, label, onInputClick, onUploadImage, setRef }) => (
   <div className={classNameSection}>
-    <Button
-      className={classNameButton}
-      label={label}
-      onClick={onInputClick}
-    />
+    <Button className={classNameButton} label={label} onClick={onInputClick} />
     <input
       accept="image/*"
       className={classes.input}
       onChange={onUploadImage}
-      ref={ref => { setRef(ref); }}
+      ref={(ref) => {
+        setRef(ref);
+      }}
       type="file"
     />
   </div>
 );
 
-
 const styles = () => ({
   input: {
-    display: 'none'
-  }
+    display: 'none',
+  },
 });
 
 UploadControl.propTypes = {
@@ -43,12 +32,12 @@ UploadControl.propTypes = {
   label: PropTypes.string.isRequired,
   onInputClick: PropTypes.func.isRequired,
   onUploadImage: PropTypes.func.isRequired,
-  setRef: PropTypes.func.isRequired
+  setRef: PropTypes.func.isRequired,
 };
 
 UploadControl.defaultProps = {
   classNameButton: '',
-  classNameSection: ''
+  classNameSection: '',
 };
 
 export default withStyles(styles)(UploadControl);

package/configure/src/utils.js

@@ -9,28 +9,29 @@ const updateImageDimensions = (initialDim, nextDim, keepAspectRatio, resizeType)
       // if we want to change image height => we update the width accordingly
       return {
         width: nextDim.height * imageAspectRatio,
-        height: nextDim.height
-      }
+        height: nextDim.height,
+      };
     }
 
     // if we want to change image width => we update the height accordingly
     return {
       width: nextDim.width,
-      height: nextDim.width / imageAspectRatio
-    }
+      height: nextDim.width / imageAspectRatio,
+    };
   }
 
   // if we don't want to keep aspect ratio, we just update both values
   return {
     width: nextDim.width,
-    height: nextDim.height
-  }
+    height: nextDim.height,
+  };
 };
 
 // referenceInitialValue = the initial value of the Stage
 // referenceNextValue = the next value of the Stage
 // currentValue = the value that has to be re-sized influenced by the changes that were made on the Stage
-const getDelta = (referenceInitialValue, referenceNextValue, currentValue) => (referenceNextValue / referenceInitialValue) * currentValue;
+const getDelta = (referenceInitialValue, referenceNextValue, currentValue) =>
+  (referenceNextValue / referenceInitialValue) * currentValue;
 
 const getUpdatedRectangle = (initialDim, nextDim, shape) => ({
   ...shape,
@@ -42,17 +43,17 @@ const getUpdatedRectangle = (initialDim, nextDim, shape) => ({
 
 const getUpdatedPlygon = (initialDim, nextDim, shape) => ({
   ...shape,
-  points: shape.points.map(point => ({
+  points: shape.points.map((point) => ({
     x: getDelta(initialDim.width, nextDim.width, point.x),
     y: getDelta(initialDim.height, nextDim.height, point.y),
-  }))
+  })),
 });
 
 // initialDim = the initial dimensions: { width, height } of the Stage
 // nextDim = the next dimensions: { width, height } of the Stage
 // shapes = array of shapes that have to be re-sized and re-positioned
 const getUpdatedShapes = (initialDim, nextDim, shapes) => {
-  return shapes.map(shape => {
+  return shapes.map((shape) => {
     if (shape.group === 'rectangles') {
       return getUpdatedRectangle(initialDim, nextDim, shape);
     }
@@ -75,16 +76,19 @@ const getAllShapes = (shapesMap) => {
   const shapesKeys = Object.keys(shapesMap);
 
   return shapesKeys.length
-    ? shapesKeys.reduce((acc, currentShapeKey) =>
-        acc.concat(
-          shapesMap[currentShapeKey]
-            ? shapesMap[currentShapeKey].map((shape, index) => ({
-              ...shape,
-              group: currentShapeKey,
-              index: shape.index || acc.length + index
-            }))
-            : []),
-      shapesArray)
+    ? shapesKeys.reduce(
+        (acc, currentShapeKey) =>
+          acc.concat(
+            shapesMap[currentShapeKey]
+              ? shapesMap[currentShapeKey].map((shape, index) => ({
+                  ...shape,
+                  group: currentShapeKey,
+                  index: shape.index || acc.length + index,
+                }))
+              : [],
+          ),
+        shapesArray,
+      )
     : shapesArray;
 };
 
@@ -97,7 +101,7 @@ const groupShapes = (shapesArray) => {
   shapesArray = shapesArray || [];
   const shapesMap = {
     rectangles: [],
-    polygons: []
+    polygons: [],
   };
 
   if (shapesArray.length) {
@@ -110,15 +114,18 @@ const groupShapes = (shapesArray) => {
   return cloneDeep(shapesMap);
 };
 
-const generateValidationMessage = config => {
+const generateValidationMessage = (config) => {
   const { minShapes, maxShapes, maxSelections } = config;
 
-  const shapesMessage = `\nThere should be at least ${minShapes} ` +
-    (maxShapes ? `and at most ${maxShapes} ` : '') + 'shapes defined.';
+  const shapesMessage =
+    `\nThere should be at least ${minShapes} ` + (maxShapes ? `and at most ${maxShapes} ` : '') + 'shapes defined.';
 
-  const selectionsMessage = `\nThere should be at least 1 ` +
-    (maxSelections ? `and at most ${maxSelections} ` : '') + 'shape' +
-    (maxSelections ? 's' : '') +  ' selected.';
+  const selectionsMessage =
+    `\nThere should be at least 1 ` +
+    (maxSelections ? `and at most ${maxSelections} ` : '') +
+    'shape' +
+    (maxSelections ? 's' : '') +
+    ' selected.';
 
   const message = 'Validation requirements:' + shapesMessage + selectionsMessage;
 
@@ -132,5 +139,5 @@ export {
   getAllShapes,
   groupShapes,
   getUpdatedRectangle,
-  getUpdatedPlygon
+  getUpdatedPlygon,
 };

package/controller/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["prompt","imageUrl","shapes","rectangles","polygons","multipleCorrect","partialScoring","dimensions","height","width","hotspotColor","hotspotList","outlineColor","outlineList"],"mappings":";;;;;;eAAe;AACbA,EAAAA,MAAM,EAAE,6BADK;AAEbC,EAAAA,QAAQ,EAAE,EAFG;AAGbC,EAAAA,MAAM,EAAE;AACNC,IAAAA,UAAU,EAAE,EADN;AAENC,IAAAA,QAAQ,EAAE;AAFJ,GAHK;AAObC,EAAAA,eAAe,EAAE,IAPJ;AAQbC,EAAAA,cAAc,EAAE,KARH;AASbC,EAAAA,UAAU,EAAE;AACVC,IAAAA,MAAM,EAAE,CADE;AAEVC,IAAAA,KAAK,EAAE;AAFG,GATC;AAabC,EAAAA,YAAY,EAAE,2BAbD;AAcbC,EAAAA,WAAW,EAAE,CACX,2BADW,CAdA;AAiBbC,EAAAA,YAAY,EAAE,MAjBD;AAkBbC,EAAAA,WAAW,EAAE,CACX,MADW;AAlBA,C","sourcesContent":["export default {\n  prompt: 'This is the question prompt',\n  imageUrl: '',\n  shapes: {\n    rectangles: [],\n    polygons: []\n  },\n  multipleCorrect: true,\n  partialScoring: false,\n  dimensions: {\n    height: 0,\n    width: 0\n  },\n  hotspotColor: 'rgba(137, 183, 244, 0.65)',\n  hotspotList: [\n    'rgba(137, 183, 244, 0.65)'\n  ],\n  outlineColor: 'blue',\n  outlineList: [\n    'blue'\n  ]\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["prompt","imageUrl","shapes","rectangles","polygons","multipleCorrect","partialScoring","dimensions","height","width","hotspotColor","hotspotList","outlineColor","outlineList"],"mappings":";;;;;;eAAe;AACbA,EAAAA,MAAM,EAAE,6BADK;AAEbC,EAAAA,QAAQ,EAAE,EAFG;AAGbC,EAAAA,MAAM,EAAE;AACNC,IAAAA,UAAU,EAAE,EADN;AAENC,IAAAA,QAAQ,EAAE;AAFJ,GAHK;AAObC,EAAAA,eAAe,EAAE,IAPJ;AAQbC,EAAAA,cAAc,EAAE,KARH;AASbC,EAAAA,UAAU,EAAE;AACVC,IAAAA,MAAM,EAAE,CADE;AAEVC,IAAAA,KAAK,EAAE;AAFG,GATC;AAabC,EAAAA,YAAY,EAAE,2BAbD;AAcbC,EAAAA,WAAW,EAAE,CAAC,2BAAD,CAdA;AAebC,EAAAA,YAAY,EAAE,MAfD;AAgBbC,EAAAA,WAAW,EAAE,CAAC,MAAD;AAhBA,C","sourcesContent":["export default {\n  prompt: 'This is the question prompt',\n  imageUrl: '',\n  shapes: {\n    rectangles: [],\n    polygons: [],\n  },\n  multipleCorrect: true,\n  partialScoring: false,\n  dimensions: {\n    height: 0,\n    width: 0,\n  },\n  hotspotColor: 'rgba(137, 183, 244, 0.65)',\n  hotspotList: ['rgba(137, 183, 244, 0.65)'],\n  outlineColor: 'blue',\n  outlineList: ['blue'],\n};\n"],"file":"defaults.js"}