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

package/configure/lib/hotspot-polygon.js

@@ -0,0 +1,170 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+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 = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactKonva = require("react-konva");
+var _index = require("@material-ui/core/styles/index");
+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 PolComponent = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(PolComponent, _React$Component);
+  var _super = _createSuper(PolComponent);
+  function PolComponent() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, PolComponent);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {});
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (e) {
+      var points = _this.props.points;
+      var xList = points.map(function (p) {
+        return p.x;
+      });
+      var yList = points.map(function (p) {
+        return p.y;
+      });
+      var width = Math.max.apply(Math, (0, _toConsumableArray2["default"])(xList)) - Math.min.apply(Math, (0, _toConsumableArray2["default"])(xList));
+      var height = Math.max.apply(Math, (0, _toConsumableArray2["default"])(yList)) - Math.min.apply(Math, (0, _toConsumableArray2["default"])(yList));
+      var _this$props = _this.props,
+        isDrawing = _this$props.isDrawing,
+        onClick = _this$props.onClick,
+        id = _this$props.id;
+      if (width < 0 && height < 0 && isDrawing) {
+        return;
+      }
+      e.cancelBubble = true;
+      onClick(id);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseEnter", function () {
+      document.body.style.cursor = 'pointer';
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseLeave", function () {
+      document.body.style.cursor = 'default';
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleOnDragEnd", function (e) {
+      var _this$props2 = _this.props,
+        onDragEnd = _this$props2.onDragEnd,
+        id = _this$props2.id;
+      var points = e.target.points() || _this.state.points;
+      var newPoints = points.reduce(function (acc, currentPointCoordinate, index) {
+        if (index % 2 === 0 && index + 1 < points.length) {
+          acc.push({
+            x: currentPointCoordinate + e.target.x(),
+            y: points[index + 1] + e.target.y()
+          });
+          return acc;
+        } else {
+          return acc;
+        }
+      }, []);
+      onDragEnd(id, {
+        points: newPoints
+      });
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(PolComponent, [{
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+        classes = _this$props3.classes,
+        correct = _this$props3.correct,
+        hotspotColor = _this$props3.hotspotColor,
+        outlineColor = _this$props3.outlineColor,
+        _this$props3$strokeWi = _this$props3.strokeWidth,
+        strokeWidth = _this$props3$strokeWi === void 0 ? 5 : _this$props3$strokeWi;
+      var _this$state = this.state,
+        points = _this$state.points,
+        x = _this$state.x,
+        y = _this$state.y;
+      return /*#__PURE__*/_react["default"].createElement(_reactKonva.Group, null, /*#__PURE__*/_react["default"].createElement(_reactKonva.Line, {
+        classes: classes.base,
+        points: points,
+        closed: true,
+        fill: hotspotColor,
+        onClick: this.handleClick,
+        onTap: this.handleClick,
+        draggable: true,
+        stroke: outlineColor,
+        strokeWidth: correct ? strokeWidth : 0,
+        onMouseLeave: this.handleMouseLeave,
+        onMouseEnter: this.handleMouseEnter,
+        onDragEnd: this.handleOnDragEnd,
+        x: x,
+        y: y
+      }));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps) {
+      var points = nextProps.points;
+      var xList = points.map(function (p) {
+        return p.x;
+      });
+      var yList = points.map(function (p) {
+        return p.y;
+      });
+      var xOffset = Math.min.apply(Math, (0, _toConsumableArray2["default"])(xList));
+      var yOffset = Math.max.apply(Math, (0, _toConsumableArray2["default"])(yList));
+      if (points.length) {
+        return {
+          x: xOffset,
+          y: yOffset,
+          points: points.reduce(function (acc, point) {
+            return acc.concat([point.x - xOffset, point.y - yOffset]);
+          }, [])
+        };
+      }
+      return {
+        x: 0,
+        y: 0,
+        points: []
+      };
+    }
+  }]);
+  return PolComponent;
+}(_react["default"].Component);
+var styles = function styles() {
+  return {
+    base: {
+      cursor: 'pointer',
+      opacity: 0.5
+    }
+  };
+};
+PolComponent.propTypes = {
+  classes: _propTypes["default"].object.isRequired,
+  correct: _propTypes["default"].bool,
+  isDrawing: _propTypes["default"].bool.isRequired,
+  id: _propTypes["default"].string.isRequired,
+  hotspotColor: _propTypes["default"].string.isRequired,
+  onClick: _propTypes["default"].func.isRequired,
+  onDragEnd: _propTypes["default"].func.isRequired,
+  outlineColor: _propTypes["default"].string.isRequired,
+  points: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    x: _propTypes["default"].number,
+    y: _propTypes["default"].number
+  })).isRequired,
+  strokeWidth: _propTypes["default"].number
+};
+PolComponent.defaultProps = {
+  correct: false
+};
+var _default = (0, _index.withStyles)(styles)(PolComponent);
+exports["default"] = _default;
+//# sourceMappingURL=hotspot-polygon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hotspot-polygon.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactKonva","_index","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","PolComponent","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","points","props","xList","map","p","x","yList","y","width","Math","max","_toConsumableArray2","min","height","_this$props","isDrawing","onClick","id","cancelBubble","document","body","style","cursor","_this$props2","onDragEnd","target","state","newPoints","reduce","acc","currentPointCoordinate","index","push","_createClass2","key","value","render","_this$props3","classes","correct","hotspotColor","outlineColor","_this$props3$strokeWi","strokeWidth","_this$state","createElement","Group","Line","base","closed","fill","handleClick","onTap","draggable","stroke","onMouseLeave","handleMouseLeave","onMouseEnter","handleMouseEnter","handleOnDragEnd","getDerivedStateFromProps","nextProps","xOffset","yOffset","point","React","Component","styles","opacity","propTypes","PropTypes","object","isRequired","bool","string","func","arrayOf","shape","number","defaultProps","_default","withStyles","exports"],"sources":["../src/hotspot-polygon.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Group, Line } from 'react-konva';\nimport { withStyles } from '@material-ui/core/styles/index';\n\nclass PolComponent extends React.Component {\n  static getDerivedStateFromProps(nextProps) {\n    const { points } = nextProps;\n    const xList = points.map((p) => p.x);\n    const yList = points.map((p) => p.y);\n\n    const xOffset = Math.min(...xList);\n    const yOffset = Math.max(...yList);\n\n    if (points.length) {\n      return {\n        x: xOffset,\n        y: yOffset,\n        points: points.reduce((acc, point) => {\n          return acc.concat([point.x - xOffset, point.y - yOffset]);\n        }, []),\n      };\n    }\n\n    return {\n      x: 0,\n      y: 0,\n      points: [],\n    };\n  }\n\n  state = {};\n\n  handleClick = (e) => {\n    const { points } = this.props;\n    const xList = points.map((p) => p.x);\n    const yList = points.map((p) => p.y);\n\n    const width = Math.max(...xList) - Math.min(...xList);\n    const height = Math.max(...yList) - Math.min(...yList);\n\n    const { isDrawing, onClick, id } = this.props;\n\n    if (width < 0 && height < 0 && isDrawing) {\n      return;\n    }\n\n    e.cancelBubble = true;\n    onClick(id);\n  };\n\n  handleMouseEnter = () => {\n    document.body.style.cursor = 'pointer';\n  };\n\n  handleMouseLeave = () => {\n    document.body.style.cursor = 'default';\n  };\n\n  handleOnDragEnd = (e) => {\n    const { onDragEnd, id } = this.props;\n    const points = e.target.points() || this.state.points;\n\n    const newPoints = points.reduce((acc, currentPointCoordinate, index) => {\n      if (index % 2 === 0 && index + 1 < points.length) {\n        acc.push({\n          x: currentPointCoordinate + e.target.x(),\n          y: points[index + 1] + e.target.y(),\n        });\n\n        return acc;\n      } else {\n        return acc;\n      }\n    }, []);\n\n    onDragEnd(id, {\n      points: newPoints,\n    });\n  };\n\n  render() {\n    const { classes, correct, hotspotColor, outlineColor, strokeWidth = 5 } = this.props;\n    const { points, x, y } = this.state;\n\n    return (\n      <Group>\n        <Line\n          classes={classes.base}\n          points={points}\n          closed={true}\n          fill={hotspotColor}\n          onClick={this.handleClick}\n          onTap={this.handleClick}\n          draggable\n          stroke={outlineColor}\n          strokeWidth={correct ? strokeWidth : 0}\n          onMouseLeave={this.handleMouseLeave}\n          onMouseEnter={this.handleMouseEnter}\n          onDragEnd={this.handleOnDragEnd}\n          x={x}\n          y={y}\n        />\n      </Group>\n    );\n  }\n}\n\nconst styles = () => ({\n  base: {\n    cursor: 'pointer',\n    opacity: 0.5,\n  },\n});\n\nPolComponent.propTypes = {\n  classes: PropTypes.object.isRequired,\n  correct: PropTypes.bool,\n  isDrawing: PropTypes.bool.isRequired,\n  id: PropTypes.string.isRequired,\n  hotspotColor: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  onDragEnd: PropTypes.func.isRequired,\n  outlineColor: PropTypes.string.isRequired,\n  points: PropTypes.arrayOf(\n    PropTypes.shape({\n      x: PropTypes.number,\n      y: PropTypes.number,\n    }),\n  ).isRequired,\n  strokeWidth: PropTypes.number,\n};\n\nPolComponent.defaultProps = {\n  correct: false,\n};\n\nexport default withStyles(styles)(PolComponent);\n"],"mappings":"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"}

package/configure/lib/hotspot-rectangle.js

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+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 = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactKonva = require("react-konva");
+var _index = require("@material-ui/core/styles/index");
+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 RectComponent = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(RectComponent, _React$Component);
+  var _super = _createSuper(RectComponent);
+  function RectComponent() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, RectComponent);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (e) {
+      var _this$props = _this.props,
+        width = _this$props.width,
+        height = _this$props.height,
+        isDrawing = _this$props.isDrawing,
+        onClick = _this$props.onClick,
+        id = _this$props.id;
+      if (width < 0 && height < 0 && isDrawing) {
+        return;
+      }
+      e.cancelBubble = true;
+      onClick(id);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseEnter", function () {
+      document.body.style.cursor = 'pointer';
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseLeave", function () {
+      document.body.style.cursor = 'default';
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleOnDragEnd", function (e) {
+      var _this$props2 = _this.props,
+        onDragEnd = _this$props2.onDragEnd,
+        id = _this$props2.id;
+      onDragEnd(id, {
+        x: e.target.x(),
+        y: e.target.y()
+      });
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(RectComponent, [{
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+        classes = _this$props3.classes,
+        correct = _this$props3.correct,
+        height = _this$props3.height,
+        hotspotColor = _this$props3.hotspotColor,
+        outlineColor = _this$props3.outlineColor,
+        width = _this$props3.width,
+        x = _this$props3.x,
+        y = _this$props3.y,
+        _this$props3$strokeWi = _this$props3.strokeWidth,
+        strokeWidth = _this$props3$strokeWi === void 0 ? 5 : _this$props3$strokeWi;
+      return /*#__PURE__*/_react["default"].createElement(_reactKonva.Group, null, /*#__PURE__*/_react["default"].createElement(_reactKonva.Rect, {
+        classes: classes.base,
+        width: width,
+        height: height,
+        fill: hotspotColor,
+        onClick: this.handleClick,
+        onTap: this.handleClick,
+        draggable: true,
+        stroke: outlineColor,
+        strokeWidth: correct ? strokeWidth : 0,
+        onMouseLeave: this.handleMouseLeave,
+        onMouseEnter: this.handleMouseEnter,
+        onDragEnd: this.handleOnDragEnd,
+        x: x,
+        y: y
+      }));
+    }
+  }]);
+  return RectComponent;
+}(_react["default"].Component);
+var styles = function styles() {
+  return {
+    base: {
+      cursor: 'pointer',
+      opacity: 0.5
+    }
+  };
+};
+RectComponent.propTypes = {
+  classes: _propTypes["default"].object.isRequired,
+  correct: _propTypes["default"].bool,
+  isDrawing: _propTypes["default"].bool.isRequired,
+  id: _propTypes["default"].string.isRequired,
+  height: _propTypes["default"].number.isRequired,
+  hotspotColor: _propTypes["default"].string.isRequired,
+  onClick: _propTypes["default"].func.isRequired,
+  onDragEnd: _propTypes["default"].func.isRequired,
+  outlineColor: _propTypes["default"].string.isRequired,
+  width: _propTypes["default"].number.isRequired,
+  x: _propTypes["default"].number.isRequired,
+  y: _propTypes["default"].number.isRequired,
+  strokeWidth: _propTypes["default"].number
+};
+RectComponent.defaultProps = {
+  correct: false
+};
+var _default = (0, _index.withStyles)(styles)(RectComponent);
+exports["default"] = _default;
+//# sourceMappingURL=hotspot-rectangle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hotspot-rectangle.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactKonva","_index","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","RectComponent","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","_this$props","props","width","height","isDrawing","onClick","id","cancelBubble","document","body","style","cursor","_this$props2","onDragEnd","x","target","y","_createClass2","key","value","render","_this$props3","classes","correct","hotspotColor","outlineColor","_this$props3$strokeWi","strokeWidth","createElement","Group","Rect","base","fill","handleClick","onTap","draggable","stroke","onMouseLeave","handleMouseLeave","onMouseEnter","handleMouseEnter","handleOnDragEnd","React","Component","styles","opacity","propTypes","PropTypes","object","isRequired","bool","string","number","func","defaultProps","_default","withStyles","exports"],"sources":["../src/hotspot-rectangle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Rect, Group } from 'react-konva';\nimport { withStyles } from '@material-ui/core/styles/index';\n\nclass RectComponent extends React.Component {\n  handleClick = (e) => {\n    const { width, height, isDrawing, onClick, id } = this.props;\n    if (width < 0 && height < 0 && isDrawing) {\n      return;\n    }\n    e.cancelBubble = true;\n    onClick(id);\n  };\n\n  handleMouseEnter = () => {\n    document.body.style.cursor = 'pointer';\n  };\n\n  handleMouseLeave = () => {\n    document.body.style.cursor = 'default';\n  };\n\n  handleOnDragEnd = (e) => {\n    const { onDragEnd, id } = this.props;\n\n    onDragEnd(id, {\n      x: e.target.x(),\n      y: e.target.y(),\n    });\n  };\n\n  render() {\n    const { classes, correct, height, hotspotColor, outlineColor, width, x, y, strokeWidth = 5 } = this.props;\n\n    return (\n      <Group>\n        <Rect\n          classes={classes.base}\n          width={width}\n          height={height}\n          fill={hotspotColor}\n          onClick={this.handleClick}\n          onTap={this.handleClick}\n          draggable\n          stroke={outlineColor}\n          strokeWidth={correct ? strokeWidth : 0}\n          onMouseLeave={this.handleMouseLeave}\n          onMouseEnter={this.handleMouseEnter}\n          onDragEnd={this.handleOnDragEnd}\n          x={x}\n          y={y}\n        />\n      </Group>\n    );\n  }\n}\n\nconst styles = () => ({\n  base: {\n    cursor: 'pointer',\n    opacity: 0.5,\n  },\n});\n\nRectComponent.propTypes = {\n  classes: PropTypes.object.isRequired,\n  correct: PropTypes.bool,\n  isDrawing: PropTypes.bool.isRequired,\n  id: PropTypes.string.isRequired,\n  height: PropTypes.number.isRequired,\n  hotspotColor: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  onDragEnd: PropTypes.func.isRequired,\n  outlineColor: PropTypes.string.isRequired,\n  width: PropTypes.number.isRequired,\n  x: PropTypes.number.isRequired,\n  y: PropTypes.number.isRequired,\n  strokeWidth: PropTypes.number,\n};\n\nRectComponent.defaultProps = {\n  correct: false,\n};\n\nexport default withStyles(styles)(RectComponent);\n"],"mappings":"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"}

package/configure/lib/index.js

@@ -0,0 +1,177 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+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 _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _debug = _interopRequireDefault(require("debug"));
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+var _root = _interopRequireDefault(require("./root"));
+var _defaults = _interopRequireDefault(require("./defaults"));
+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 log = (0, _debug["default"])('hotspot:configure');
+var HotspotConfigure = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(HotspotConfigure, _HTMLElement);
+  var _super = _createSuper(HotspotConfigure);
+  function HotspotConfigure() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, HotspotConfigure);
+    _this = _super.call(this);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onConfigurationChanged", function (c) {
+      _this._configuration = c;
+      _this._render();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onModelChangedByConfig", function (m, propertyType) {
+      var _model = m;
+      if (propertyType === 'multipleCorrect') {
+        var _ref = _model.shapes || {},
+          _ref$rectangles = _ref.rectangles,
+          rectangles = _ref$rectangles === void 0 ? [] : _ref$rectangles,
+          _ref$polygons = _ref.polygons,
+          polygons = _ref$polygons === void 0 ? [] : _ref$polygons;
+        _model.shapes.rectangles = rectangles.map(function (shape) {
+          return _objectSpread(_objectSpread({}, shape), {}, {
+            correct: false
+          });
+        });
+        _model.shapes.polygons = polygons.map(function (shape) {
+          return _objectSpread(_objectSpread({}, shape), {}, {
+            correct: false
+          });
+        });
+      }
+      _this.onModelChanged(_model);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onColorChanged", function (colorType, color) {
+      _this.onModelChanged(_objectSpread(_objectSpread({}, _this._model), {}, (0, _defineProperty2["default"])({}, colorType, color)));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPromptChanged", function (prompt) {
+      _this.onModelChanged(_objectSpread(_objectSpread({}, _this._model), {}, {
+        prompt: prompt
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRationaleChanged", function (rationale) {
+      _this.onModelChanged(_objectSpread(_objectSpread({}, _this._model), {}, {
+        rationale: rationale
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTeacherInstructionsChanged", function (teacherInstructions) {
+      _this.onModelChanged(_objectSpread(_objectSpread({}, _this._model), {}, {
+        teacherInstructions: teacherInstructions
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onUpdateImageDimension", function (dimensions) {
+      _this.onModelChanged(_objectSpread(_objectSpread({}, _this._model), {}, {
+        dimensions: dimensions
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onUpdateShapes", function (shapes) {
+      _this.onModelChanged(_objectSpread(_objectSpread({}, _this._model), {}, {
+        shapes: shapes
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onImageUpload", function (imageUrl) {
+      _this.onModelChanged(_objectSpread(_objectSpread({}, _this._model), {}, {
+        imageUrl: imageUrl
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "insertImage", function (handler) {
+      _this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDeleteImage", function (src, done) {
+      _this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+    });
+    _this._model = HotspotConfigure.createDefaultModel();
+    _this._configuration = _defaults["default"].configuration;
+    _this.onModelChanged = _this.onModelChanged.bind((0, _assertThisInitialized2["default"])(_this));
+    return _this;
+  }
+  (0, _createClass2["default"])(HotspotConfigure, [{
+    key: "model",
+    set: function set(s) {
+      this._model = HotspotConfigure.createDefaultModel(s);
+      this._render();
+    }
+  }, {
+    key: "configuration",
+    set: function set(c) {
+      this._configuration = c;
+      this._render();
+    }
+  }, {
+    key: "dispatchModelUpdated",
+    value: function dispatchModelUpdated(reset) {
+      var resetValue = !!reset;
+      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, resetValue));
+    }
+  }, {
+    key: "onModelChanged",
+    value: function onModelChanged(m, reset) {
+      this._model = m;
+      this.dispatchModelUpdated(reset);
+      this._render();
+    }
+  }, {
+    key: "insertSound",
+    value: function insertSound(handler) {
+      this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+    }
+  }, {
+    key: "onDeleteSound",
+    value: function onDeleteSound(src, done) {
+      this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+    }
+  }, {
+    key: "_render",
+    value: function _render() {
+      log('_render');
+      var element = /*#__PURE__*/_react["default"].createElement(_root["default"], {
+        configuration: this._configuration,
+        model: this._model,
+        onColorChanged: this.onColorChanged,
+        onImageUpload: this.onImageUpload,
+        onRationaleChanged: this.onRationaleChanged,
+        onConfigurationChanged: this.onConfigurationChanged,
+        onPromptChanged: this.onPromptChanged,
+        onUpdateImageDimension: this.onUpdateImageDimension,
+        imageSupport: {
+          add: this.insertImage,
+          "delete": this.onDeleteImage
+        },
+        uploadSoundSupport: {
+          add: this.insertSound.bind(this),
+          "delete": this.onDeleteSound.bind(this)
+        },
+        onUpdateShapes: this.onUpdateShapes,
+        onModelChangedByConfig: this.onModelChangedByConfig,
+        onTeacherInstructionsChanged: this.onTeacherInstructionsChanged
+      });
+      _reactDom["default"].render(element, this);
+    }
+  }]);
+  return HotspotConfigure;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+exports["default"] = HotspotConfigure;
+(0, _defineProperty2["default"])(HotspotConfigure, "createDefaultModel", function () {
+  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _objectSpread(_objectSpread(_objectSpread({}, _defaults["default"].model), model), {}, {
+    hotspotList: model.hotspotList || [model.hotspotColor] || _defaults["default"].model.hotspotList,
+    outlineList: model.outlineList || [model.outlineColor] || _defaults["default"].model.outlineList,
+    shapes: model.shapes || _defaults["default"].model.shapes || {}
+  });
+});
+//# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactDom","_debug","_pieConfigureEvents","_root","_defaults","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","log","debug","HotspotConfigure","_HTMLElement","_inherits2","_super","_this","_classCallCheck2","_assertThisInitialized2","c","_configuration","_render","m","propertyType","_model","_ref","shapes","_ref$rectangles","rectangles","_ref$polygons","polygons","map","shape","correct","onModelChanged","colorType","color","prompt","rationale","teacherInstructions","dimensions","imageUrl","handler","dispatchEvent","InsertImageEvent","src","done","DeleteImageEvent","createDefaultModel","sensibleDefaults","configuration","bind","_createClass2","set","s","value","dispatchModelUpdated","reset","resetValue","ModelUpdatedEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","element","React","createElement","Root","model","onColorChanged","onImageUpload","onRationaleChanged","onConfigurationChanged","onPromptChanged","onUpdateImageDimension","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","onUpdateShapes","onModelChangedByConfig","onTeacherInstructionsChanged","ReactDOM","render","_wrapNativeSuper2","HTMLElement","exports","undefined","hotspotList","hotspotColor","outlineList","outlineColor"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\n\nimport Root from './root';\nimport sensibleDefaults from './defaults';\n\nconst log = debug('hotspot:configure');\n\nexport default class HotspotConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({\n    ...sensibleDefaults.model,\n    ...model,\n    hotspotList: model.hotspotList || [model.hotspotColor] || sensibleDefaults.model.hotspotList,\n    outlineList: model.outlineList || [model.outlineColor] || sensibleDefaults.model.outlineList,\n    shapes: model.shapes || sensibleDefaults.model.shapes || {},\n  });\n\n  constructor() {\n    super();\n    this._model = HotspotConfigure.createDefaultModel();\n    this._configuration = sensibleDefaults.configuration;\n    this.onModelChanged = this.onModelChanged.bind(this);\n  }\n\n  set model(s) {\n    this._model = HotspotConfigure.createDefaultModel(s);\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  dispatchModelUpdated(reset) {\n    const resetValue = !!reset;\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));\n  }\n\n  onModelChanged(m, reset) {\n    this._model = m;\n    this.dispatchModelUpdated(reset);\n    this._render();\n  }\n\n  onConfigurationChanged = (c) => {\n    this._configuration = c;\n    this._render();\n  };\n\n  onModelChangedByConfig = (m, propertyType) => {\n    const _model = m;\n\n    if (propertyType === 'multipleCorrect') {\n      const { rectangles = [], polygons = [] } = _model.shapes || {};\n\n      _model.shapes.rectangles = rectangles.map((shape) => ({ ...shape, correct: false }));\n      _model.shapes.polygons = polygons.map((shape) => ({ ...shape, correct: false }));\n    }\n\n    this.onModelChanged(_model);\n  };\n\n  onColorChanged = (colorType, color) => {\n    this.onModelChanged({\n      ...this._model,\n      [colorType]: color,\n    });\n  };\n\n  onPromptChanged = (prompt) => {\n    this.onModelChanged({\n      ...this._model,\n      prompt,\n    });\n  };\n\n  onRationaleChanged = (rationale) => {\n    this.onModelChanged({\n      ...this._model,\n      rationale,\n    });\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.onModelChanged({\n      ...this._model,\n      teacherInstructions,\n    });\n  };\n\n  onUpdateImageDimension = (dimensions) => {\n    this.onModelChanged({\n      ...this._model,\n      dimensions,\n    });\n  };\n\n  onUpdateShapes = (shapes) => {\n    this.onModelChanged({\n      ...this._model,\n      shapes,\n    });\n  };\n\n  onImageUpload = (imageUrl) => {\n    this.onModelChanged({\n      ...this._model,\n      imageUrl,\n    });\n  };\n\n  insertImage = (handler) => {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  };\n\n  onDeleteImage = (src, done) => {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  };\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  _render() {\n    log('_render');\n    let element = React.createElement(Root, {\n      configuration: this._configuration,\n      model: this._model,\n      onColorChanged: this.onColorChanged,\n      onImageUpload: this.onImageUpload,\n      onRationaleChanged: this.onRationaleChanged,\n      onConfigurationChanged: this.onConfigurationChanged,\n      onPromptChanged: this.onPromptChanged,\n      onUpdateImageDimension: this.onUpdateImageDimension,\n      imageSupport: {\n        add: this.insertImage,\n        delete: this.onDeleteImage,\n      },\n      uploadSoundSupport: {\n        add: this.insertSound.bind(this),\n        delete: this.onDeleteSound.bind(this),\n      },\n      onUpdateShapes: this.onUpdateShapes,\n      onModelChangedByConfig: this.onModelChangedByConfig,\n      onTeacherInstructionsChanged: this.onTeacherInstructionsChanged,\n    });\n\n    ReactDOM.render(element, this);\n  }\n}\n"],"mappings":"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"}