@pie-element/hotspot 5.7.1-beta.1 → 5.7.1-beta.4

package/configure/lib/button.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var RawButton = function RawButton(_ref) {
+  var classes = _ref.classes,
+    className = _ref.className,
+    label = _ref.label,
+    onClick = _ref.onClick,
+    disabled = _ref.disabled;
+  return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: onClick,
+    disabled: disabled,
+    className: (0, _classnames["default"])(classes.addButton, className),
+    size: "small",
+    variant: "contained",
+    color: "default"
+  }, label);
+};
+RawButton.propTypes = {
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  label: _propTypes["default"].string,
+  onClick: _propTypes["default"].func
+};
+RawButton.defaultProps = {
+  className: '',
+  disabled: false,
+  label: 'Add',
+  onClick: function onClick() {}
+};
+var styles = function styles() {
+  return {
+    addButton: {
+      marginLeft: 8
+    }
+  };
+};
+var ButtonStyled = (0, _styles.withStyles)(styles)(RawButton);
+var _default = ButtonStyled;
+exports["default"] = _default;
+//# sourceMappingURL=button.js.map

package/configure/lib/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_Button","RawButton","_ref","classes","className","label","onClick","disabled","createElement","classNames","addButton","size","variant","color","propTypes","PropTypes","object","isRequired","string","bool","func","defaultProps","styles","marginLeft","ButtonStyled","withStyles","_default","exports"],"sources":["../src/button.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport Button from '@material-ui/core/Button';\n\nconst RawButton = ({ classes, className, label, onClick, disabled }) => (\n  <Button\n    onClick={onClick}\n    disabled={disabled}\n    className={classNames(classes.addButton, className)}\n    size=\"small\"\n    variant=\"contained\"\n    color=\"default\"\n  >\n    {label}\n  </Button>\n);\n\nRawButton.propTypes = {\n  classes: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string,\n  onClick: PropTypes.func,\n};\n\nRawButton.defaultProps = {\n  className: '',\n  disabled: false,\n  label: 'Add',\n  onClick: () => {},\n};\n\nconst styles = () => ({\n  addButton: {\n    marginLeft: 8,\n  },\n});\n\nconst ButtonStyled = withStyles(styles)(RawButton);\n\nexport default ButtonStyled;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAMK,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA;EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;EAAA,oBAC/Db,MAAA,YAAAc,aAAA,CAACR,OAAA,WAAM;IACLM,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBH,SAAS,EAAE,IAAAK,sBAAU,EAACN,OAAO,CAACO,SAAS,EAAEN,SAAS,CAAE;IACpDO,IAAI,EAAC,OAAO;IACZC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC;EAAS,GAEdR,KACK,CAAC;AAAA,CACV;AAEDJ,SAAS,CAACa,SAAS,GAAG;EACpBX,OAAO,EAAEY,qBAAS,CAACC,MAAM,CAACC,UAAU;EACpCb,SAAS,EAAEW,qBAAS,CAACG,MAAM;EAC3BX,QAAQ,EAAEQ,qBAAS,CAACI,IAAI;EACxBd,KAAK,EAAEU,qBAAS,CAACG,MAAM;EACvBZ,OAAO,EAAES,qBAAS,CAACK;AACrB,CAAC;AAEDnB,SAAS,CAACoB,YAAY,GAAG;EACvBjB,SAAS,EAAE,EAAE;EACbG,QAAQ,EAAE,KAAK;EACfF,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC;AAClB,CAAC;AAED,IAAMgB,MAAM,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAU;IACpBZ,SAAS,EAAE;MACTa,UAAU,EAAE;IACd;EACF,CAAC;AAAA,CAAC;AAEF,IAAMC,YAAY,GAAG,IAAAC,kBAAU,EAACH,MAAM,CAAC,CAACrB,SAAS,CAAC;AAAC,IAAAyB,QAAA,GAEpCF,YAAY;AAAAG,OAAA,cAAAD,QAAA"}

package/configure/lib/defaults.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  model: {
+    prompt: 'This is the question prompt',
+    toolbarEditorPosition: 'bottom',
+    promptEnabled: true,
+    imageUrl: '',
+    shapes: {
+      rectangles: [],
+      polygons: []
+    },
+    multipleCorrect: true,
+    partialScoring: false,
+    dimensions: {
+      height: 0,
+      width: 0
+    },
+    hotspotColor: 'rgba(137, 183, 244, 0.25)',
+    hotspotList: ['rgba(137, 183, 244, 0.25)'],
+    outlineColor: 'blue',
+    outlineList: ['blue'],
+    rationaleEnabled: true,
+    teacherInstructionsEnabled: true,
+    studentInstructionsEnabled: true,
+    strokeWidth: 5
+  },
+  configuration: {
+    multipleCorrect: {
+      settings: true,
+      label: 'Multiple Correct Responses'
+    },
+    partialScoring: {
+      settings: false,
+      label: 'Allow Partial Scoring'
+    },
+    rationale: {
+      settings: true,
+      label: 'Rationale'
+    },
+    prompt: {
+      settings: true,
+      label: 'Prompt'
+    },
+    settingsPanelDisabled: false,
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
+    teacherInstructions: {
+      settings: true,
+      label: 'Teacher Instructions'
+    },
+    preserveAspectRatio: {
+      settings: false,
+      enabled: true,
+      label: 'Preserve aspect ratio'
+    },
+    minShapes: 2,
+    maxImageWidth: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric'
+    }
+  }
+};
+exports["default"] = _default;
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["model","prompt","toolbarEditorPosition","promptEnabled","imageUrl","shapes","rectangles","polygons","multipleCorrect","partialScoring","dimensions","height","width","hotspotColor","hotspotList","outlineColor","outlineList","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","strokeWidth","configuration","settings","label","rationale","settingsPanelDisabled","spellCheck","enabled","teacherInstructions","preserveAspectRatio","minShapes","maxImageWidth","maxImageHeight","withRubric","exports","_default"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n  model: {\n    prompt: 'This is the question prompt',\n    toolbarEditorPosition: 'bottom',\n    promptEnabled: true,\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.25)',\n    hotspotList: ['rgba(137, 183, 244, 0.25)'],\n    outlineColor: 'blue',\n    outlineList: ['blue'],\n    rationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    strokeWidth: 5,\n  },\n  configuration: {\n    multipleCorrect: {\n      settings: true,\n      label: 'Multiple Correct Responses',\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring',\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n    },\n    settingsPanelDisabled: false,\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n    },\n    preserveAspectRatio: {\n      settings: false,\n      enabled: true,\n      label: 'Preserve aspect ratio',\n    },\n    minShapes: 2,\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n  },\n};\n"],"mappings":";;;;;;eAAe;EACbA,KAAK,EAAE;IACLC,MAAM,EAAE,6BAA6B;IACrCC,qBAAqB,EAAE,QAAQ;IAC/BC,aAAa,EAAE,IAAI;IACnBC,QAAQ,EAAE,EAAE;IACZC,MAAM,EAAE;MACNC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAE;IACZ,CAAC;IACDC,eAAe,EAAE,IAAI;IACrBC,cAAc,EAAE,KAAK;IACrBC,UAAU,EAAE;MACVC,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE;IACT,CAAC;IACDC,YAAY,EAAE,2BAA2B;IACzCC,WAAW,EAAE,CAAC,2BAA2B,CAAC;IAC1CC,YAAY,EAAE,MAAM;IACpBC,WAAW,EAAE,CAAC,MAAM,CAAC;IACrBC,gBAAgB,EAAE,IAAI;IACtBC,0BAA0B,EAAE,IAAI;IAChCC,0BAA0B,EAAE,IAAI;IAChCC,WAAW,EAAE;EACf,CAAC;EACDC,aAAa,EAAE;IACbb,eAAe,EAAE;MACfc,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDd,cAAc,EAAE;MACda,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE;IACT,CAAC;IACDC,SAAS,EAAE;MACTF,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDtB,MAAM,EAAE;MACNqB,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDE,qBAAqB,EAAE,KAAK;IAC5BC,UAAU,EAAE;MACVH,KAAK,EAAE,YAAY;MACnBD,QAAQ,EAAE,KAAK;MACfK,OAAO,EAAE;IACX,CAAC;IACDC,mBAAmB,EAAE;MACnBN,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDM,mBAAmB,EAAE;MACnBP,QAAQ,EAAE,KAAK;MACfK,OAAO,EAAE,IAAI;MACbJ,KAAK,EAAE;IACT,CAAC;IACDO,SAAS,EAAE,CAAC;IACZC,aAAa,EAAE;MACbH,mBAAmB,EAAE,GAAG;MACxB3B,MAAM,EAAE,GAAG;MACXuB,SAAS,EAAE;IACb,CAAC;IACDQ,cAAc,EAAE;MACdJ,mBAAmB,EAAE,GAAG;MACxB3B,MAAM,EAAE,GAAG;MACXuB,SAAS,EAAE;IACb,CAAC;IACDS,UAAU,EAAE;MACVX,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAAAW,OAAA,cAAAC,QAAA"}

package/configure/lib/hotspot-container.js

@@ -0,0 +1,350 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Container = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _index = require("@material-ui/core/styles/index");
+var _Help = _interopRequireDefault(require("@material-ui/icons/Help"));
+var _hotspotDrawable = _interopRequireDefault(require("./hotspot-drawable"));
+var _button = _interopRequireDefault(require("./button"));
+var _uploadControl = _interopRequireDefault(require("./upload-control"));
+var _utils = require("./utils");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var isImage = function isImage(file) {
+  var imageType = /image.*/;
+  return file.type.match(imageType);
+};
+var Container = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(Container, _Component);
+  var _super = _createSuper(Container);
+  function Container(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Container);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleFileRead", function (file) {
+      if (file instanceof Blob) {
+        var onImageUpload = _this.props.onImageUpload;
+        var reader = new FileReader();
+        reader.onloadend = function () {
+          return onImageUpload(reader.result);
+        };
+        reader.readAsDataURL(file);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleUploadImage", function (e) {
+      e.preventDefault();
+      _this.handleFileRead(e.target.files[0]);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "enableDropzone", function () {
+      return _this.setState({
+        dropzoneActive: true
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "disableDropzone", function () {
+      return _this.setState({
+        dropzoneActive: false
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleOnPaste", function (e) {
+      var files = e.clipboardData.files;
+      if (files && isImage(files[0])) {
+        _this.handleFileRead(files[0]);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleOnDrop", function (e) {
+      e.preventDefault();
+      var _e$dataTransfer = e.dataTransfer,
+        items = _e$dataTransfer.items,
+        files = _e$dataTransfer.files;
+      if (items && items[0].kind === 'file') {
+        var file = items[0].getAsFile();
+        if (isImage(file)) {
+          _this.handleFileRead(file);
+        }
+      } else if (isImage(files[0])) {
+        _this.handleFileRead(files[0]);
+      }
+      _this.disableDropzone();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleOnDragOver", function (e) {
+      e.preventDefault();
+      var dropzoneActive = _this.state.dropzoneActive;
+      if (!dropzoneActive) {
+        _this.enableDropzone();
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleOnDragExit", function (e) {
+      e.preventDefault();
+      _this.disableDropzone();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onUpdateShapes", function (newShapes) {
+      var onUpdateShapes = _this.props.onUpdateShapes;
+      _this.setState({
+        shapes: newShapes
+      },
+      // always transform shapes array back into shapes map when saving changes
+      function () {
+        return onUpdateShapes((0, _utils.groupShapes)(newShapes));
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleUndo", function () {
+      var shapes = _this.state.shapes;
+      if (shapes && shapes.length) {
+        // sort by index value
+        var newShapes = shapes.sort(function (a, b) {
+          return parseInt(a.index) - parseInt(b.index);
+        });
+        newShapes = newShapes ? newShapes.slice(0, newShapes.length - 1) : [];
+        _this.onUpdateShapes(newShapes);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClearAll", function () {
+      return _this.onUpdateShapes([]);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleEnableDrag", function () {
+      return _this.setState({
+        dragEnabled: true
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDisableDrag", function () {
+      return _this.setState({
+        dragEnabled: false
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleInputClick", function () {
+      return _this.input.click();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleTooltip", function () {
+      return _this.setState({
+        showTooltip: !_this.state.showTooltip
+      });
+    });
+    _this.state = {
+      dragEnabled: true,
+      // always transform shapes map into shapes array at this level
+      shapes: (0, _utils.getAllShapes)(props.shapes)
+    };
+    return _this;
+  }
+  (0, _createClass2["default"])(Container, [{
+    key: "render",
+    value: function render() {
+      var _classNames,
+        _this2 = this;
+      var _this$props = this.props,
+        classes = _this$props.classes,
+        dimensions = _this$props.dimensions,
+        hasErrors = _this$props.hasErrors,
+        hotspotColor = _this$props.hotspotColor,
+        imageUrl = _this$props.imageUrl,
+        multipleCorrect = _this$props.multipleCorrect,
+        onUpdateImageDimension = _this$props.onUpdateImageDimension,
+        outlineColor = _this$props.outlineColor,
+        strokeWidth = _this$props.strokeWidth,
+        preserveAspectRatioEnabled = _this$props.preserveAspectRatioEnabled;
+      var _this$state = this.state,
+        dropzoneActive = _this$state.dropzoneActive,
+        dragEnabled = _this$state.dragEnabled,
+        showTooltip = _this$state.showTooltip;
+      var shapes = this.state.shapes;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.base
+      }, /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+        className: (0, _classnames["default"])(classes.box, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.boxError, hasErrors && !dropzoneActive), (0, _defineProperty2["default"])(_classNames, classes.boxActive, dropzoneActive), _classNames))
+      }, dragEnabled ? {
+        onDragExit: this.handleOnDragExit,
+        onDragLeave: this.handleOnDragExit,
+        onDragOver: this.handleOnDragOver,
+        onDrop: this.handleOnDrop,
+        onPaste: this.handleOnPaste
+      } : {}), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.toolbar
+      }, imageUrl && /*#__PURE__*/_react["default"].createElement(_uploadControl["default"], {
+        classNameButton: classes.replaceButton,
+        classNameSection: classes.replaceSection,
+        label: "Replace Image",
+        onInputClick: this.handleInputClick,
+        onUploadImage: this.handleUploadImage,
+        setRef: function setRef(ref) {
+          _this2.input = ref;
+        }
+      }), /*#__PURE__*/_react["default"].createElement(_button["default"], {
+        disabled: !(shapes && shapes.length),
+        onClick: this.handleUndo,
+        label: "Undo"
+      }), /*#__PURE__*/_react["default"].createElement(_button["default"], {
+        disabled: !(shapes && shapes.length),
+        onClick: this.handleClearAll,
+        label: "Clear all"
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        ref: function ref(_ref) {
+          _this2.imageSection = _ref;
+        },
+        className: classes.drawableHeight
+      }, imageUrl ? /*#__PURE__*/_react["default"].createElement(_hotspotDrawable["default"], {
+        dimensions: dimensions,
+        disableDrag: this.handleDisableDrag,
+        enableDrag: this.handleEnableDrag,
+        imageUrl: imageUrl,
+        hotspotColor: hotspotColor,
+        multipleCorrect: multipleCorrect,
+        onUpdateImageDimension: onUpdateImageDimension,
+        onUpdateShapes: this.onUpdateShapes,
+        outlineColor: outlineColor,
+        shapes: shapes,
+        strokeWidth: strokeWidth,
+        preserveAspectRatioEnabled: preserveAspectRatioEnabled
+      }) : /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.drawableHeight, classes.centered)
+      }, /*#__PURE__*/_react["default"].createElement("label", null, "Drag and drop or upload image from computer"), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uploadControl["default"], {
+        label: "Upload Image",
+        onInputClick: this.handleInputClick,
+        onUploadImage: this.handleUploadImage,
+        setRef: function setRef(ref) {
+          _this2.input = ref;
+        }
+      }))), imageUrl && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.tooltip
+      }, showTooltip && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.tooltipContent
+      }, /*#__PURE__*/_react["default"].createElement("label", null, "Click and drag to create a hotspot. Click the hotspot to mark correct. Click again to unmark."), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.tooltipArrow
+      })), /*#__PURE__*/_react["default"].createElement(_Help["default"], {
+        className: classes.icon,
+        onMouseOut: this.toggleTooltip,
+        onMouseOver: this.toggleTooltip
+      }))));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps, prevState) {
+      // always transform shapes map into shapes array at this level
+      return _objectSpread(_objectSpread({}, prevState), {}, {
+        shapes: (0, _utils.getAllShapes)(nextProps.shapes)
+      });
+    }
+  }]);
+  return Container;
+}(_react.Component);
+exports.Container = Container;
+var styles = function styles(theme) {
+  return {
+    base: {
+      marginTop: theme.spacing.unit * 2
+    },
+    box: {
+      border: '1px solid #E0E1E6',
+      borderRadius: '5px'
+    },
+    boxActive: {
+      border: '1px solid #0032C2'
+    },
+    boxError: {
+      border: '1px solid red'
+    },
+    centered: {
+      alignItems: 'center',
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'center'
+    },
+    drawableHeight: {
+      minHeight: 350,
+      paddingBottom: theme.spacing.unit * 5,
+      paddingRight: theme.spacing.unit * 5
+    },
+    icon: {
+      '&:hover': {
+        color: '#333131',
+        cursor: 'help'
+      },
+      color: '#C1C1C1'
+    },
+    replaceButton: {
+      marginLeft: 0
+    },
+    replaceSection: {
+      marginRight: 'auto'
+    },
+    toolbar: {
+      backgroundColor: '#ECEDF1',
+      borderBottom: '1px solid #E0E1E6',
+      borderTopLeftRadius: '5px',
+      borderTopRightRadius: '5px',
+      display: 'flex',
+      justifyContent: 'flex-end',
+      padding: theme.spacing.unit
+    },
+    tooltip: {
+      position: 'relative',
+      textAlign: 'right',
+      padding: theme.spacing.unit
+    },
+    tooltipContent: {
+      background: '#333131',
+      borderRadius: '4px',
+      color: '#FFFFFF',
+      fontSize: theme.typography.fontSize,
+      lineHeight: '18px',
+      marginTop: '-60px',
+      padding: theme.spacing.unit,
+      position: 'absolute',
+      right: '5px',
+      textAlign: 'left',
+      width: '300px'
+    },
+    tooltipArrow: {
+      width: 0,
+      height: 0,
+      borderLeft: '10px solid transparent',
+      borderRight: '10px solid transparent',
+      borderTop: '10px solid #333131',
+      marginBottom: -10,
+      marginTop: '4px',
+      position: 'absolute',
+      right: '5px'
+    }
+  };
+};
+Container.propTypes = {
+  classes: _propTypes["default"].object.isRequired,
+  dimensions: _propTypes["default"].object.isRequired,
+  imageUrl: _propTypes["default"].string.isRequired,
+  hotspotColor: _propTypes["default"].string.isRequired,
+  multipleCorrect: _propTypes["default"].bool.isRequired,
+  onImageUpload: _propTypes["default"].func.isRequired,
+  onUpdateImageDimension: _propTypes["default"].func.isRequired,
+  onUpdateShapes: _propTypes["default"].func.isRequired,
+  outlineColor: _propTypes["default"].string.isRequired,
+  shapes: _propTypes["default"].shape({
+    rectangles: _propTypes["default"].array,
+    polygons: _propTypes["default"].array
+  }).isRequired,
+  strokeWidth: _propTypes["default"].number,
+  preserveAspectRatioEnabled: _propTypes["default"].bool
+};
+Container.defaultProps = {
+  strokeWidth: 5
+};
+var _default = (0, _index.withStyles)(styles)(Container);
+exports["default"] = _default;
+//# sourceMappingURL=hotspot-container.js.map

package/configure/lib/hotspot-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hotspot-container.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_index","_Help","_hotspotDrawable","_button","_uploadControl","_utils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","isImage","file","imageType","type","match","Container","_Component","_inherits2","_super","props","_this","_classCallCheck2","_assertThisInitialized2","Blob","onImageUpload","reader","FileReader","onloadend","readAsDataURL","preventDefault","handleFileRead","files","setState","dropzoneActive","clipboardData","_e$dataTransfer","dataTransfer","items","kind","getAsFile","disableDropzone","state","enableDropzone","newShapes","onUpdateShapes","shapes","groupShapes","sort","a","b","parseInt","index","slice","dragEnabled","input","click","showTooltip","getAllShapes","_createClass2","value","render","_classNames","_this2","_this$props","classes","dimensions","hasErrors","hotspotColor","imageUrl","multipleCorrect","onUpdateImageDimension","outlineColor","strokeWidth","preserveAspectRatioEnabled","_this$state","createElement","className","base","_extends2","classNames","box","boxError","boxActive","onDragExit","handleOnDragExit","onDragLeave","onDragOver","handleOnDragOver","onDrop","handleOnDrop","onPaste","handleOnPaste","toolbar","classNameButton","replaceButton","classNameSection","replaceSection","label","onInputClick","handleInputClick","onUploadImage","handleUploadImage","setRef","ref","disabled","onClick","handleUndo","handleClearAll","imageSection","drawableHeight","disableDrag","handleDisableDrag","enableDrag","handleEnableDrag","centered","tooltip","tooltipContent","tooltipArrow","icon","onMouseOut","toggleTooltip","onMouseOver","getDerivedStateFromProps","nextProps","prevState","Component","exports","styles","theme","marginTop","spacing","unit","border","borderRadius","alignItems","display","flexDirection","justifyContent","minHeight","paddingBottom","paddingRight","color","cursor","marginLeft","marginRight","backgroundColor","borderBottom","borderTopLeftRadius","borderTopRightRadius","padding","position","textAlign","background","fontSize","typography","lineHeight","right","width","height","borderLeft","borderRight","borderTop","marginBottom","propTypes","PropTypes","isRequired","string","bool","func","shape","rectangles","array","polygons","number","defaultProps","_default","withStyles"],"sources":["../src/hotspot-container.jsx"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport Help from '@material-ui/icons/Help';\n\nimport Drawable from './hotspot-drawable';\nimport Button from './button';\nimport UploadControl from './upload-control';\nimport { getAllShapes, groupShapes } from './utils';\n\nconst isImage = (file) => {\n  const imageType = /image.*/;\n\n  return file.type.match(imageType);\n};\n\nexport class Container extends Component {\n  static getDerivedStateFromProps(nextProps, prevState) {\n    // always transform shapes map into shapes array at this level\n    return {\n      ...prevState,\n      shapes: getAllShapes(nextProps.shapes),\n    };\n  }\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragEnabled: true,\n      // always transform shapes map into shapes array at this level\n      shapes: getAllShapes(props.shapes),\n    };\n  }\n\n  handleFileRead = (file) => {\n    if (file instanceof Blob) {\n      const { onImageUpload } = this.props;\n      const reader = new FileReader();\n\n      reader.onloadend = () => onImageUpload(reader.result);\n      reader.readAsDataURL(file);\n    }\n  };\n\n  handleUploadImage = (e) => {\n    e.preventDefault();\n\n    this.handleFileRead(e.target.files[0]);\n  };\n\n  enableDropzone = () => this.setState({ dropzoneActive: true });\n\n  disableDropzone = () => this.setState({ dropzoneActive: false });\n\n  handleOnPaste = (e) => {\n    const { files } = e.clipboardData;\n\n    if (files && isImage(files[0])) {\n      this.handleFileRead(files[0]);\n    }\n  };\n\n  handleOnDrop = (e) => {\n    e.preventDefault();\n\n    const { items, files } = e.dataTransfer;\n\n    if (items && items[0].kind === 'file') {\n      const file = items[0].getAsFile();\n\n      if (isImage(file)) {\n        this.handleFileRead(file);\n      }\n    } else if (isImage(files[0])) {\n      this.handleFileRead(files[0]);\n    }\n\n    this.disableDropzone();\n  };\n\n  handleOnDragOver = (e) => {\n    e.preventDefault();\n\n    const { dropzoneActive } = this.state;\n\n    if (!dropzoneActive) {\n      this.enableDropzone();\n    }\n  };\n\n  handleOnDragExit = (e) => {\n    e.preventDefault();\n\n    this.disableDropzone();\n  };\n\n  onUpdateShapes = (newShapes) => {\n    const { onUpdateShapes } = this.props;\n\n    this.setState(\n      { shapes: newShapes },\n      // always transform shapes array back into shapes map when saving changes\n      () => onUpdateShapes(groupShapes(newShapes)),\n    );\n  };\n\n  handleUndo = () => {\n    const { shapes } = this.state;\n\n    if (shapes && shapes.length) {\n      // sort by index value\n      let newShapes = shapes.sort((a, b) => parseInt(a.index) - parseInt(b.index));\n\n      newShapes = newShapes ? newShapes.slice(0, newShapes.length - 1) : [];\n\n      this.onUpdateShapes(newShapes);\n    }\n  };\n\n  handleClearAll = () => this.onUpdateShapes([]);\n\n  handleEnableDrag = () => this.setState({ dragEnabled: true });\n\n  handleDisableDrag = () => this.setState({ dragEnabled: false });\n\n  handleInputClick = () => this.input.click();\n\n  toggleTooltip = () => this.setState({ showTooltip: !this.state.showTooltip });\n\n  render() {\n    const {\n      classes,\n      dimensions,\n      hasErrors,\n      hotspotColor,\n      imageUrl,\n      multipleCorrect,\n      onUpdateImageDimension,\n      outlineColor,\n      strokeWidth,\n      preserveAspectRatioEnabled,\n    } = this.props;\n    const { dropzoneActive, dragEnabled, showTooltip } = this.state;\n    const { shapes } = this.state;\n\n    return (\n      <div className={classes.base}>\n        <div\n          className={classNames(classes.box, {\n            [classes.boxError]: hasErrors && !dropzoneActive,\n            [classes.boxActive]: dropzoneActive,\n          })}\n          {...(dragEnabled\n            ? {\n                onDragExit: this.handleOnDragExit,\n                onDragLeave: this.handleOnDragExit,\n                onDragOver: this.handleOnDragOver,\n                onDrop: this.handleOnDrop,\n                onPaste: this.handleOnPaste,\n              }\n            : {})}\n        >\n          <div className={classes.toolbar}>\n            {imageUrl && (\n              <UploadControl\n                classNameButton={classes.replaceButton}\n                classNameSection={classes.replaceSection}\n                label=\"Replace Image\"\n                onInputClick={this.handleInputClick}\n                onUploadImage={this.handleUploadImage}\n                setRef={(ref) => {\n                  this.input = ref;\n                }}\n              />\n            )}\n\n            <Button disabled={!(shapes && shapes.length)} onClick={this.handleUndo} label=\"Undo\" />\n            <Button disabled={!(shapes && shapes.length)} onClick={this.handleClearAll} label=\"Clear all\" />\n          </div>\n\n          <div\n            ref={(ref) => {\n              this.imageSection = ref;\n            }}\n            className={classes.drawableHeight}\n          >\n            {imageUrl ? (\n              <Drawable\n                dimensions={dimensions}\n                disableDrag={this.handleDisableDrag}\n                enableDrag={this.handleEnableDrag}\n                imageUrl={imageUrl}\n                hotspotColor={hotspotColor}\n                multipleCorrect={multipleCorrect}\n                onUpdateImageDimension={onUpdateImageDimension}\n                onUpdateShapes={this.onUpdateShapes}\n                outlineColor={outlineColor}\n                shapes={shapes}\n                strokeWidth={strokeWidth}\n                preserveAspectRatioEnabled={preserveAspectRatioEnabled}\n              />\n            ) : (\n              <div className={classNames(classes.drawableHeight, classes.centered)}>\n                <label>Drag and drop or upload image from computer</label>\n                <br />\n                <UploadControl\n                  label=\"Upload Image\"\n                  onInputClick={this.handleInputClick}\n                  onUploadImage={this.handleUploadImage}\n                  setRef={(ref) => {\n                    this.input = ref;\n                  }}\n                />\n              </div>\n            )}\n          </div>\n\n          {imageUrl && (\n            <div className={classes.tooltip}>\n              {showTooltip && (\n                <div className={classes.tooltipContent}>\n                  <label>\n                    Click and drag to create a hotspot. Click the hotspot to mark correct. Click again to unmark.\n                  </label>\n                  <div className={classes.tooltipArrow} />\n                </div>\n              )}\n\n              <Help className={classes.icon} onMouseOut={this.toggleTooltip} onMouseOver={this.toggleTooltip} />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  base: {\n    marginTop: theme.spacing.unit * 2,\n  },\n  box: {\n    border: '1px solid #E0E1E6',\n    borderRadius: '5px',\n  },\n  boxActive: {\n    border: '1px solid #0032C2',\n  },\n  boxError: {\n    border: '1px solid red',\n  },\n  centered: {\n    alignItems: 'center',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n  },\n  drawableHeight: {\n    minHeight: 350,\n    paddingBottom: theme.spacing.unit * 5,\n    paddingRight: theme.spacing.unit * 5,\n  },\n  icon: {\n    '&:hover': {\n      color: '#333131',\n      cursor: 'help',\n    },\n    color: '#C1C1C1',\n  },\n  replaceButton: {\n    marginLeft: 0,\n  },\n  replaceSection: {\n    marginRight: 'auto',\n  },\n  toolbar: {\n    backgroundColor: '#ECEDF1',\n    borderBottom: '1px solid #E0E1E6',\n    borderTopLeftRadius: '5px',\n    borderTopRightRadius: '5px',\n    display: 'flex',\n    justifyContent: 'flex-end',\n    padding: theme.spacing.unit,\n  },\n  tooltip: {\n    position: 'relative',\n    textAlign: 'right',\n    padding: theme.spacing.unit,\n  },\n  tooltipContent: {\n    background: '#333131',\n    borderRadius: '4px',\n    color: '#FFFFFF',\n    fontSize: theme.typography.fontSize,\n    lineHeight: '18px',\n    marginTop: '-60px',\n    padding: theme.spacing.unit,\n    position: 'absolute',\n    right: '5px',\n    textAlign: 'left',\n    width: '300px',\n  },\n  tooltipArrow: {\n    width: 0,\n    height: 0,\n    borderLeft: '10px solid transparent',\n    borderRight: '10px solid transparent',\n    borderTop: '10px solid #333131',\n    marginBottom: -10,\n    marginTop: '4px',\n    position: 'absolute',\n    right: '5px',\n  },\n});\n\nContainer.propTypes = {\n  classes: PropTypes.object.isRequired,\n  dimensions: PropTypes.object.isRequired,\n  imageUrl: PropTypes.string.isRequired,\n  hotspotColor: PropTypes.string.isRequired,\n  multipleCorrect: PropTypes.bool.isRequired,\n  onImageUpload: PropTypes.func.isRequired,\n  onUpdateImageDimension: PropTypes.func.isRequired,\n  onUpdateShapes: PropTypes.func.isRequired,\n  outlineColor: PropTypes.string.isRequired,\n  shapes: PropTypes.shape({\n    rectangles: PropTypes.array,\n    polygons: PropTypes.array,\n  }).isRequired,\n  strokeWidth: PropTypes.number,\n  preserveAspectRatioEnabled: PropTypes.bool,\n};\n\nContainer.defaultProps = {\n  strokeWidth: 5,\n};\n\nexport default withStyles(styles)(Container);\n"],"mappings":"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"}