@pie-element/hotspot 11.1.1 → 11.1.2-next.0

package/configure/lib/hotspot-palette.js

@@ -1,107 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _configUi = require("@pie-lib/config-ui");
-var _Select = _interopRequireDefault(require("@mui/material/Select"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _styles = require("@mui/material/styles");
-const BaseContainer = (0, _styles.styled)('div')(({
-  theme
-}) => ({
-  marginTop: theme.spacing(2),
-  display: 'flex'
-}));
-const StyledInputContainer = (0, _styles.styled)(_configUi.InputContainer)({
-  flex: 1,
-  width: '90%'
-});
-const StyledMenuItem = (0, _styles.styled)(_MenuItem.default)(({
-  theme
-}) => ({
-  borderRadius: '2px',
-  height: '22px',
-  marginLeft: theme.spacing(2),
-  marginRight: theme.spacing(2),
-  marginTop: theme.spacing(2)
-}));
-class Palette extends _react.default.Component {
-  constructor(...args) {
-    super(...args);
-    (0, _defineProperty2.default)(this, "onChange", name => event => {
-      const {
-        value
-      } = event.target;
-      const {
-        onHotspotColorChange,
-        onOutlineColorChange
-      } = this.props;
-      if (name === 'hotspot') {
-        onHotspotColorChange(value);
-      } else {
-        onOutlineColorChange(value);
-      }
-    });
-  }
-  render() {
-    const {
-      hotspotColor,
-      outlineColor,
-      hotspotList,
-      outlineList
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement(BaseContainer, null, /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
-      label: "Hot Spot"
-    }, /*#__PURE__*/_react.default.createElement(_Select.default, {
-      onChange: this.onChange('hotspot'),
-      value: hotspotColor,
-      variant: "standard",
-      MenuProps: {
-        transitionDuration: {
-          enter: 225,
-          exit: 195
-        }
-      }
-    }, hotspotList.map(hotspot => /*#__PURE__*/_react.default.createElement(StyledMenuItem, {
-      key: hotspot,
-      value: hotspot,
-      style: {
-        backgroundColor: hotspot
-      }
-    }, hotspot)))), /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
-      label: "Response Outline"
-    }, /*#__PURE__*/_react.default.createElement(_Select.default, {
-      onChange: this.onChange('outline'),
-      value: outlineColor,
-      variant: "standard",
-      MenuProps: {
-        transitionDuration: {
-          enter: 225,
-          exit: 195
-        }
-      }
-    }, outlineList.map(outline => /*#__PURE__*/_react.default.createElement(StyledMenuItem, {
-      key: outline,
-      value: outline,
-      style: {
-        border: `2px solid ${outline}`
-      }
-    }, outline)))));
-  }
-}
-Palette.propTypes = {
-  hotspotColor: _propTypes.default.string.isRequired,
-  hotspotList: _propTypes.default.array.isRequired,
-  onHotspotColorChange: _propTypes.default.func.isRequired,
-  onOutlineColorChange: _propTypes.default.func.isRequired,
-  outlineColor: _propTypes.default.string.isRequired,
-  outlineList: _propTypes.default.array.isRequired
-};
-var _default = exports.default = Palette;
-//# sourceMappingURL=hotspot-palette.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"hotspot-palette.js","names":["_react","_interopRequireDefault","require","_propTypes","_configUi","_Select","_MenuItem","_styles","BaseContainer","styled","theme","marginTop","spacing","display","StyledInputContainer","InputContainer","flex","width","StyledMenuItem","MenuItem","borderRadius","height","marginLeft","marginRight","Palette","React","Component","constructor","args","_defineProperty2","default","name","event","value","target","onHotspotColorChange","onOutlineColorChange","props","render","hotspotColor","outlineColor","hotspotList","outlineList","createElement","label","onChange","variant","MenuProps","transitionDuration","enter","exit","map","hotspot","key","style","backgroundColor","outline","border","propTypes","PropTypes","string","isRequired","array","func","_default","exports"],"sources":["../src/hotspot-palette.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { InputContainer } from '@pie-lib/config-ui';\nimport Select from '@mui/material/Select';\nimport MenuItem from '@mui/material/MenuItem';\nimport { styled } from '@mui/material/styles';\n\nconst BaseContainer = styled('div')(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  display: 'flex',\n}));\n\nconst StyledInputContainer = styled(InputContainer)({\n  flex: 1,\n  width: '90%',\n});\n\nconst StyledMenuItem = styled(MenuItem)(({ theme }) => ({\n  borderRadius: '2px',\n  height: '22px',\n  marginLeft: theme.spacing(2),\n  marginRight: theme.spacing(2),\n  marginTop: theme.spacing(2),\n}));\n\nclass Palette extends React.Component {\n  onChange = (name) => (event) => {\n    const { value } = event.target;\n    const { onHotspotColorChange, onOutlineColorChange } = this.props;\n\n    if (name === 'hotspot') {\n      onHotspotColorChange(value);\n    } else {\n      onOutlineColorChange(value);\n    }\n  };\n\n  render() {\n    const { hotspotColor, outlineColor, hotspotList, outlineList } = this.props;\n\n    return (\n      <BaseContainer>\n        <StyledInputContainer label=\"Hot Spot\">\n          <Select \n            onChange={this.onChange('hotspot')} \n            value={hotspotColor}\n            variant='standard'\n            MenuProps={{ transitionDuration: { enter: 225, exit: 195 } }}\n            >\n            {hotspotList.map((hotspot) => (\n              <StyledMenuItem key={hotspot} value={hotspot} style={{ backgroundColor: hotspot }}>\n                {hotspot}\n              </StyledMenuItem>\n            ))}\n          </Select>\n        </StyledInputContainer>\n\n        <StyledInputContainer label=\"Response Outline\">\n          <Select \n            onChange={this.onChange('outline')} \n            value={outlineColor} \n            variant='standard'\n            MenuProps={{ transitionDuration: { enter: 225, exit: 195 } }}\n          >\n            {outlineList.map((outline) => (\n              <StyledMenuItem\n                key={outline}\n                value={outline}\n                style={{ border: `2px solid ${outline}` }}\n              >\n                {outline}\n              </StyledMenuItem>\n            ))}\n          </Select>\n        </StyledInputContainer>\n      </BaseContainer>\n    );\n  }\n}\n\nPalette.propTypes = {\n  hotspotColor: PropTypes.string.isRequired,\n  hotspotList: PropTypes.array.isRequired,\n  onHotspotColorChange: PropTypes.func.isRequired,\n  onOutlineColorChange: PropTypes.func.isRequired,\n  outlineColor: PropTypes.string.isRequired,\n  outlineList: PropTypes.array.isRequired,\n};\n\nexport default Palette;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/hotspot-polygon.js

@@ -1,293 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-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 _ReactKonvaCore = require("react-konva/lib/ReactKonvaCore");
-var _DeleteWidget = _interopRequireDefault(require("./DeleteWidget"));
-const HOVERED_COLOR = '#00BFFF';
-class PolComponent extends _react.default.Component {
-  constructor(...args) {
-    super(...args);
-    (0, _defineProperty2.default)(this, "getOffset", points => {
-      const xList = points.map(p => p.x);
-      const yList = points.map(p => p.y);
-      return {
-        x: Math.min(...xList),
-        y: Math.max(...yList)
-      };
-    });
-    (0, _defineProperty2.default)(this, "serialize", points => {
-      const {
-        x: xOffset,
-        y: yOffset
-      } = this.getOffset(points);
-      return points.reduce((acc, point) => [...acc, point.x - xOffset, point.y - yOffset], []);
-    });
-    (0, _defineProperty2.default)(this, "getInitialState", points => {
-      if (points.length) {
-        const {
-          x,
-          y
-        } = this.getOffset(points);
-        return {
-          x,
-          y,
-          points
-        };
-      }
-      return {
-        id: '',
-        x: 0,
-        y: 0,
-        points: []
-      };
-    });
-    (0, _defineProperty2.default)(this, "state", {
-      hovered: false,
-      isDragging: false,
-      ...this.getInitialState(this.props.points)
-    });
-    (0, _defineProperty2.default)(this, "handleClick", e => {
-      const {
-        points
-      } = this.props;
-      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);
-      const {
-        isDrawing,
-        onClick,
-        id
-      } = this.props;
-      if (width < 0 && height < 0 && isDrawing) {
-        return;
-      }
-      if (isDrawing && id === 'newPolygon') {
-        this.props.addPolygonPoint(e);
-        return;
-      }
-      e.cancelBubble = true;
-      onClick(id);
-    });
-    (0, _defineProperty2.default)(this, "handleMouseEnter", () => {
-      this.setState({
-        hovered: true
-      });
-      document.body.style.cursor = 'pointer';
-    });
-    (0, _defineProperty2.default)(this, "handleMouseLeave", () => {
-      this.setState({
-        hovered: false
-      });
-      document.body.style.cursor = 'default';
-    });
-    (0, _defineProperty2.default)(this, "handleOnDragEnd", (e, updateModel = false) => {
-      const {
-        onDragEnd,
-        id
-      } = this.props;
-      const points = e.target.points() || this.serialize(this.state.points);
-      const newPoints = points.reduce((acc, currentPointCoordinate, index) => {
-        if (index % 2 === 0 && index + 1 < points.length) {
-          return [...acc, {
-            x: currentPointCoordinate + e.target.x(),
-            y: points[index + 1] + e.target.y()
-          }];
-        }
-        return acc;
-      }, []);
-      this.setState({
-        points: newPoints,
-        ...this.getOffset(newPoints),
-        isDragging: updateModel ? false : this.state.isDragging
-      });
-      if (updateModel) {
-        onDragEnd(id, {
-          points: newPoints
-        });
-      }
-    });
-    (0, _defineProperty2.default)(this, "handleOnDragVertex", (e, changedIndex, updateModel) => {
-      const {
-        onDragEnd,
-        id
-      } = this.props;
-      const {
-        points
-      } = this.state;
-      const newPoints = points.map((point, index) => index === changedIndex ? {
-        x: e.target.x(),
-        y: e.target.y()
-      } : point);
-      this.setState({
-        points: newPoints,
-        ...this.getOffset(newPoints),
-        isDragging: updateModel ? false : this.state.isDragging
-      });
-      if (updateModel) {
-        onDragEnd(id, {
-          points: newPoints
-        });
-      }
-    });
-    (0, _defineProperty2.default)(this, "onDragStart", () => {
-      this.setState({
-        isDragging: true
-      });
-    });
-    (0, _defineProperty2.default)(this, "handleDelete", id => {
-      const {
-        onDeleteShape
-      } = this.props;
-      onDeleteShape(id);
-    });
-  }
-  static getDerivedStateFromProps(nextProps, prevState) {
-    const {
-      id,
-      points,
-      imageHeight,
-      imageWidth
-    } = nextProps;
-    // we execute this code only if image dimensions changed or an hotspot was added/deleted
-    if (prevState.imageHeight !== imageHeight || prevState.imageWidth !== imageWidth || prevState.id !== nextProps.id || JSON.stringify(prevState.points) !== JSON.stringify(points)) {
-      const xList = points.map(p => p.x);
-      const yList = points.map(p => p.y);
-      const x = Math.min(...xList);
-      const y = Math.max(...yList);
-      return {
-        id,
-        x,
-        y,
-        points,
-        imageHeight,
-        imageWidth
-      };
-    }
-    return null;
-  }
-  // serialize(points) {
-  //   return points.reduce((acc, point) => [...acc, point.x, point.y], []);
-  // }
-
-  getBoundingBox(points) {
-    const xValues = points.map(point => point.x);
-    const yValues = points.map(point => point.y);
-    const minX = Math.min(...xValues);
-    const maxX = Math.max(...xValues);
-    const minY = Math.min(...yValues);
-    const maxY = Math.max(...yValues);
-    return {
-      x: minX,
-      y: minY,
-      width: maxX - minX,
-      height: maxY - minY
-    };
-  }
-  render() {
-    const {
-      correct,
-      id,
-      hotspotColor,
-      outlineColor,
-      selectedHotspotColor,
-      hoverOutlineColor,
-      strokeWidth = 5
-    } = this.props;
-    const {
-      points,
-      x,
-      y,
-      hovered
-    } = this.state;
-    const isInProgress = id === 'newPolygon';
-    const showPoints = hovered || id === 'newPolygon';
-    const calculatedStrokeWidth = correct ? strokeWidth : hovered ? 1 : 0;
-    const calculatedStroke = correct ? outlineColor : hovered ? HOVERED_COLOR : '';
-    const boundingBox = this.getBoundingBox(points);
-    const calculatedFill = correct && selectedHotspotColor ? selectedHotspotColor : hotspotColor;
-    return /*#__PURE__*/_react.default.createElement(_reactKonva.Group, {
-      onMouseLeave: this.handleMouseLeave,
-      onMouseEnter: this.handleMouseEnter
-    }, hoverOutlineColor && hovered && /*#__PURE__*/_react.default.createElement(_ReactKonvaCore.Rect, {
-      x: boundingBox.x,
-      y: boundingBox.y,
-      width: boundingBox.width,
-      height: boundingBox.height,
-      stroke: hoverOutlineColor,
-      strokeWidth: 2,
-      listening: false
-    }), /*#__PURE__*/_react.default.createElement(_reactKonva.Line, {
-      points: this.serialize(points),
-      closed: !isInProgress,
-      fill: isInProgress ? 'transparent' : calculatedFill,
-      onClick: this.handleClick,
-      onTap: this.handleClick,
-      draggable: true,
-      stroke: isInProgress ? outlineColor : calculatedStroke,
-      strokeWidth: isInProgress ? 1 : calculatedStrokeWidth,
-      onDragStart: this.onDragStart,
-      onDragMove: this.handleOnDragEnd,
-      onDragEnd: e => this.handleOnDragEnd(e, true),
-      x: x,
-      y: y
-    }), showPoints && points.map((point, index) => /*#__PURE__*/_react.default.createElement(_reactKonva.Circle, {
-      key: index,
-      x: point.x,
-      y: point.y,
-      radius: 5,
-      fill: index === 0 && id === 'newPolygon' ? 'blue' : 'white',
-      stroke: HOVERED_COLOR,
-      strokeWidth: 1,
-      onClick: this.handleClick,
-      onDragStart: this.onDragStart,
-      onDragMove: e => {
-        this.handleOnDragVertex(e, index);
-      },
-      onDragEnd: e => {
-        this.handleOnDragVertex(e, index, true);
-      },
-      draggable: true,
-      opacity: 4
-    })), !this.state.isDragging && this.state.hovered && /*#__PURE__*/_react.default.createElement(_DeleteWidget.default, {
-      x: x,
-      y: y,
-      id: id,
-      handleWidgetClick: this.handleDelete,
-      points: points
-    }));
-  }
-}
-PolComponent.propTypes = {
-  correct: _propTypes.default.bool,
-  isDrawing: _propTypes.default.bool.isRequired,
-  id: _propTypes.default.string.isRequired,
-  imageHeight: _propTypes.default.number,
-  imageWidth: _propTypes.default.number,
-  hotspotColor: _propTypes.default.string.isRequired,
-  selectedHotspotColor: _propTypes.default.string,
-  hoverOutlineColor: _propTypes.default.string,
-  onClick: _propTypes.default.func.isRequired,
-  addPolygonPoint: _propTypes.default.func.isRequired,
-  onDeleteShape: _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 = exports.default = PolComponent;
-//# sourceMappingURL=hotspot-polygon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"hotspot-polygon.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactKonva","_ReactKonvaCore","_DeleteWidget","HOVERED_COLOR","PolComponent","React","Component","constructor","args","_defineProperty2","default","points","xList","map","p","x","yList","y","Math","min","max","xOffset","yOffset","getOffset","reduce","acc","point","length","id","hovered","isDragging","getInitialState","props","e","width","height","isDrawing","onClick","addPolygonPoint","cancelBubble","setState","document","body","style","cursor","updateModel","onDragEnd","target","serialize","state","newPoints","currentPointCoordinate","index","changedIndex","onDeleteShape","getDerivedStateFromProps","nextProps","prevState","imageHeight","imageWidth","JSON","stringify","getBoundingBox","xValues","yValues","minX","maxX","minY","maxY","render","correct","hotspotColor","outlineColor","selectedHotspotColor","hoverOutlineColor","strokeWidth","isInProgress","showPoints","calculatedStrokeWidth","calculatedStroke","boundingBox","calculatedFill","createElement","Group","onMouseLeave","handleMouseLeave","onMouseEnter","handleMouseEnter","Rect","stroke","listening","Line","closed","fill","handleClick","onTap","draggable","onDragStart","onDragMove","handleOnDragEnd","Circle","key","radius","handleOnDragVertex","opacity","handleWidgetClick","handleDelete","propTypes","PropTypes","bool","isRequired","string","number","func","arrayOf","shape","defaultProps","_default","exports"],"sources":["../src/hotspot-polygon.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Group, Line, Circle } from 'react-konva';\nimport { Rect } from 'react-konva/lib/ReactKonvaCore';\nimport DeleteWidget from './DeleteWidget';\n\nconst HOVERED_COLOR = '#00BFFF';\n\nclass PolComponent extends React.Component {\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { id, points, imageHeight, imageWidth } = nextProps;\n    // we execute this code only if image dimensions changed or an hotspot was added/deleted\n    if (\n      prevState.imageHeight !== imageHeight ||\n      prevState.imageWidth !== imageWidth ||\n      prevState.id !== nextProps.id ||\n      JSON.stringify(prevState.points) !== JSON.stringify(points)\n    ) {\n      const xList = points.map((p) => p.x);\n      const yList = points.map((p) => p.y);\n\n      const x = Math.min(...xList);\n      const y = Math.max(...yList);\n\n      return {\n        id,\n        x,\n        y,\n        points,\n        imageHeight,\n        imageWidth,\n      };\n    }\n\n    return null;\n  }\n\n  getOffset = (points) => {\n    const xList = points.map((p) => p.x);\n    const yList = points.map((p) => p.y);\n\n    return {\n      x: Math.min(...xList),\n      y: Math.max(...yList),\n    };\n  };\n\n  serialize = (points) => {\n    const { x: xOffset, y: yOffset } = this.getOffset(points);\n\n    return points.reduce((acc, point) => [...acc, point.x - xOffset, point.y - yOffset], []);\n  };\n\n  getInitialState = (points) => {\n    if (points.length) {\n      const { x, y } = this.getOffset(points);\n\n      return {\n        x,\n        y,\n        points,\n      };\n    }\n\n    return {\n      id: '',\n      x: 0,\n      y: 0,\n      points: [],\n    };\n  };\n\n  state = {\n    hovered: false,\n    isDragging: false,\n    ...this.getInitialState(this.props.points),\n  };\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    if (isDrawing && id === 'newPolygon') {\n      this.props.addPolygonPoint(e);\n      return;\n    }\n\n    e.cancelBubble = true;\n    onClick(id);\n  };\n\n  handleMouseEnter = () => {\n    this.setState({ hovered: true });\n    document.body.style.cursor = 'pointer';\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ hovered: false });\n    document.body.style.cursor = 'default';\n  };\n\n  handleOnDragEnd = (e, updateModel = false) => {\n    const { onDragEnd, id } = this.props;\n    const points = e.target.points() || this.serialize(this.state.points);\n\n    const newPoints = points.reduce((acc, currentPointCoordinate, index) => {\n      if (index % 2 === 0 && index + 1 < points.length) {\n        return [\n          ...acc,\n          {\n            x: currentPointCoordinate + e.target.x(),\n            y: points[index + 1] + e.target.y(),\n          },\n        ];\n      }\n\n      return acc;\n    }, []);\n\n    this.setState({\n      points: newPoints,\n      ...this.getOffset(newPoints),\n      isDragging: updateModel ? false : this.state.isDragging,\n    });\n\n    if (updateModel) {\n      onDragEnd(id, { points: newPoints });\n    }\n  };\n\n  handleOnDragVertex = (e, changedIndex, updateModel) => {\n    const { onDragEnd, id } = this.props;\n    const { points } = this.state;\n\n    const newPoints = points.map((point, index) =>\n      index === changedIndex ? { x: e.target.x(), y: e.target.y() } : point,\n    );\n\n    this.setState({\n      points: newPoints,\n      ...this.getOffset(newPoints),\n      isDragging: updateModel ? false : this.state.isDragging,\n    });\n\n    if (updateModel) {\n      onDragEnd(id, { points: newPoints });\n    }\n  };\n\n  onDragStart = () => {\n    this.setState({ isDragging: true });\n  };\n\n  handleDelete = (id) => {\n    const { onDeleteShape } = this.props;\n    onDeleteShape(id);\n  };\n\n  // serialize(points) {\n  //   return points.reduce((acc, point) => [...acc, point.x, point.y], []);\n  // }\n\n  getBoundingBox(points) {\n    const xValues = points.map((point) => point.x);\n    const yValues = points.map((point) => point.y);\n    const minX = Math.min(...xValues);\n    const maxX = Math.max(...xValues);\n    const minY = Math.min(...yValues);\n    const maxY = Math.max(...yValues);\n    return {\n      x: minX,\n      y: minY,\n      width: maxX - minX,\n      height: maxY - minY,\n    };\n  }\n\n  render() {\n    const {\n      correct,\n      id,\n      hotspotColor,\n      outlineColor,\n      selectedHotspotColor,\n      hoverOutlineColor,\n      strokeWidth = 5,\n    } = this.props;\n\n    const { points, x, y, hovered } = this.state;\n    const isInProgress = id === 'newPolygon';\n    const showPoints = hovered || id === 'newPolygon';\n\n    const calculatedStrokeWidth = correct ? strokeWidth : hovered ? 1 : 0;\n    const calculatedStroke = correct ? outlineColor : hovered ? HOVERED_COLOR : '';\n    const boundingBox = this.getBoundingBox(points);\n    const calculatedFill = correct && selectedHotspotColor ? selectedHotspotColor : hotspotColor;\n\n    return (\n      <Group onMouseLeave={this.handleMouseLeave} onMouseEnter={this.handleMouseEnter}>\n        {hoverOutlineColor && hovered && (\n          <Rect\n            x={boundingBox.x}\n            y={boundingBox.y}\n            width={boundingBox.width}\n            height={boundingBox.height}\n            stroke={hoverOutlineColor}\n            strokeWidth={2}\n            listening={false}\n          />\n        )}\n        <Line\n          points={this.serialize(points)}\n          closed={!isInProgress}\n          fill={isInProgress ? 'transparent' : calculatedFill}\n          onClick={this.handleClick}\n          onTap={this.handleClick}\n          draggable\n          stroke={isInProgress ? outlineColor : calculatedStroke}\n          strokeWidth={isInProgress ? 1 : calculatedStrokeWidth}\n          onDragStart={this.onDragStart}\n          onDragMove={this.handleOnDragEnd}\n          onDragEnd={(e) => this.handleOnDragEnd(e, true)}\n          x={x}\n          y={y}\n        />\n\n        {showPoints &&\n          points.map((point, index) => (\n            <Circle\n              key={index}\n              x={point.x}\n              y={point.y}\n              radius={5}\n              fill={index === 0 && id === 'newPolygon' ? 'blue' : 'white'}\n              stroke={HOVERED_COLOR}\n              strokeWidth={1}\n              onClick={this.handleClick}\n              onDragStart={this.onDragStart}\n              onDragMove={(e) => {\n                this.handleOnDragVertex(e, index);\n              }}\n              onDragEnd={(e) => {\n                this.handleOnDragVertex(e, index, true);\n              }}\n              draggable\n              opacity={4}\n            />\n          ))}\n        {!this.state.isDragging && this.state.hovered && (\n          <DeleteWidget x={x} y={y} id={id} handleWidgetClick={this.handleDelete} points={points} />\n        )}\n      </Group>\n    );\n  }\n}\n\nPolComponent.propTypes = {\n  correct: PropTypes.bool,\n  isDrawing: PropTypes.bool.isRequired,\n  id: PropTypes.string.isRequired,\n  imageHeight: PropTypes.number,\n  imageWidth: PropTypes.number,\n  hotspotColor: PropTypes.string.isRequired,\n  selectedHotspotColor: PropTypes.string,\n  hoverOutlineColor: PropTypes.string,\n  onClick: PropTypes.func.isRequired,\n  addPolygonPoint: PropTypes.func.isRequired,\n  onDeleteShape: 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 PolComponent;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,MAAMK,aAAa,GAAG,SAAS;AAE/B,MAAMC,YAAY,SAASC,cAAK,CAACC,SAAS,CAAC;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,qBA6B5BC,MAAM,IAAK;MACtB,MAAMC,KAAK,GAAGD,MAAM,CAACE,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,CAAC,CAAC;MACpC,MAAMC,KAAK,GAAGL,MAAM,CAACE,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACG,CAAC,CAAC;MAEpC,OAAO;QACLF,CAAC,EAAEG,IAAI,CAACC,GAAG,CAAC,GAAGP,KAAK,CAAC;QACrBK,CAAC,EAAEC,IAAI,CAACE,GAAG,CAAC,GAAGJ,KAAK;MACtB,CAAC;IACH,CAAC;IAAA,IAAAP,gBAAA,CAAAC,OAAA,qBAEYC,MAAM,IAAK;MACtB,MAAM;QAAEI,CAAC,EAAEM,OAAO;QAAEJ,CAAC,EAAEK;MAAQ,CAAC,GAAG,IAAI,CAACC,SAAS,CAACZ,MAAM,CAAC;MAEzD,OAAOA,MAAM,CAACa,MAAM,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAK,CAAC,GAAGD,GAAG,EAAEC,KAAK,CAACX,CAAC,GAAGM,OAAO,EAAEK,KAAK,CAACT,CAAC,GAAGK,OAAO,CAAC,EAAE,EAAE,CAAC;IAC1F,CAAC;IAAA,IAAAb,gBAAA,CAAAC,OAAA,2BAEkBC,MAAM,IAAK;MAC5B,IAAIA,MAAM,CAACgB,MAAM,EAAE;QACjB,MAAM;UAAEZ,CAAC;UAAEE;QAAE,CAAC,GAAG,IAAI,CAACM,SAAS,CAACZ,MAAM,CAAC;QAEvC,OAAO;UACLI,CAAC;UACDE,CAAC;UACDN;QACF,CAAC;MACH;MAEA,OAAO;QACLiB,EAAE,EAAE,EAAE;QACNb,CAAC,EAAE,CAAC;QACJE,CAAC,EAAE,CAAC;QACJN,MAAM,EAAE;MACV,CAAC;IACH,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,iBAEO;MACNmB,OAAO,EAAE,KAAK;MACdC,UAAU,EAAE,KAAK;MACjB,GAAG,IAAI,CAACC,eAAe,CAAC,IAAI,CAACC,KAAK,CAACrB,MAAM;IAC3C,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,uBAEcuB,CAAC,IAAK;MACnB,MAAM;QAAEtB;MAAO,CAAC,GAAG,IAAI,CAACqB,KAAK;MAC7B,MAAMpB,KAAK,GAAGD,MAAM,CAACE,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,CAAC,CAAC;MACpC,MAAMC,KAAK,GAAGL,MAAM,CAACE,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACG,CAAC,CAAC;MAEpC,MAAMiB,KAAK,GAAGhB,IAAI,CAACE,GAAG,CAAC,GAAGR,KAAK,CAAC,GAAGM,IAAI,CAACC,GAAG,CAAC,GAAGP,KAAK,CAAC;MACrD,MAAMuB,MAAM,GAAGjB,IAAI,CAACE,GAAG,CAAC,GAAGJ,KAAK,CAAC,GAAGE,IAAI,CAACC,GAAG,CAAC,GAAGH,KAAK,CAAC;MAEtD,MAAM;QAAEoB,SAAS;QAAEC,OAAO;QAAET;MAAG,CAAC,GAAG,IAAI,CAACI,KAAK;MAE7C,IAAIE,KAAK,GAAG,CAAC,IAAIC,MAAM,GAAG,CAAC,IAAIC,SAAS,EAAE;QACxC;MACF;MAEA,IAAIA,SAAS,IAAIR,EAAE,KAAK,YAAY,EAAE;QACpC,IAAI,CAACI,KAAK,CAACM,eAAe,CAACL,CAAC,CAAC;QAC7B;MACF;MAEAA,CAAC,CAACM,YAAY,GAAG,IAAI;MACrBF,OAAO,CAACT,EAAE,CAAC;IACb,CAAC;IAAA,IAAAnB,gBAAA,CAAAC,OAAA,4BAEkB,MAAM;MACvB,IAAI,CAAC8B,QAAQ,CAAC;QAAEX,OAAO,EAAE;MAAK,CAAC,CAAC;MAChCY,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,MAAM,GAAG,SAAS;IACxC,CAAC;IAAA,IAAAnC,gBAAA,CAAAC,OAAA,4BAEkB,MAAM;MACvB,IAAI,CAAC8B,QAAQ,CAAC;QAAEX,OAAO,EAAE;MAAM,CAAC,CAAC;MACjCY,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,MAAM,GAAG,SAAS;IACxC,CAAC;IAAA,IAAAnC,gBAAA,CAAAC,OAAA,2BAEiB,CAACuB,CAAC,EAAEY,WAAW,GAAG,KAAK,KAAK;MAC5C,MAAM;QAAEC,SAAS;QAAElB;MAAG,CAAC,GAAG,IAAI,CAACI,KAAK;MACpC,MAAMrB,MAAM,GAAGsB,CAAC,CAACc,MAAM,CAACpC,MAAM,CAAC,CAAC,IAAI,IAAI,CAACqC,SAAS,CAAC,IAAI,CAACC,KAAK,CAACtC,MAAM,CAAC;MAErE,MAAMuC,SAAS,GAAGvC,MAAM,CAACa,MAAM,CAAC,CAACC,GAAG,EAAE0B,sBAAsB,EAAEC,KAAK,KAAK;QACtE,IAAIA,KAAK,GAAG,CAAC,KAAK,CAAC,IAAIA,KAAK,GAAG,CAAC,GAAGzC,MAAM,CAACgB,MAAM,EAAE;UAChD,OAAO,CACL,GAAGF,GAAG,EACN;YACEV,CAAC,EAAEoC,sBAAsB,GAAGlB,CAAC,CAACc,MAAM,CAAChC,CAAC,CAAC,CAAC;YACxCE,CAAC,EAAEN,MAAM,CAACyC,KAAK,GAAG,CAAC,CAAC,GAAGnB,CAAC,CAACc,MAAM,CAAC9B,CAAC,CAAC;UACpC,CAAC,CACF;QACH;QAEA,OAAOQ,GAAG;MACZ,CAAC,EAAE,EAAE,CAAC;MAEN,IAAI,CAACe,QAAQ,CAAC;QACZ7B,MAAM,EAAEuC,SAAS;QACjB,GAAG,IAAI,CAAC3B,SAAS,CAAC2B,SAAS,CAAC;QAC5BpB,UAAU,EAAEe,WAAW,GAAG,KAAK,GAAG,IAAI,CAACI,KAAK,CAACnB;MAC/C,CAAC,CAAC;MAEF,IAAIe,WAAW,EAAE;QACfC,SAAS,CAAClB,EAAE,EAAE;UAAEjB,MAAM,EAAEuC;QAAU,CAAC,CAAC;MACtC;IACF,CAAC;IAAA,IAAAzC,gBAAA,CAAAC,OAAA,8BAEoB,CAACuB,CAAC,EAAEoB,YAAY,EAAER,WAAW,KAAK;MACrD,MAAM;QAAEC,SAAS;QAAElB;MAAG,CAAC,GAAG,IAAI,CAACI,KAAK;MACpC,MAAM;QAAErB;MAAO,CAAC,GAAG,IAAI,CAACsC,KAAK;MAE7B,MAAMC,SAAS,GAAGvC,MAAM,CAACE,GAAG,CAAC,CAACa,KAAK,EAAE0B,KAAK,KACxCA,KAAK,KAAKC,YAAY,GAAG;QAAEtC,CAAC,EAAEkB,CAAC,CAACc,MAAM,CAAChC,CAAC,CAAC,CAAC;QAAEE,CAAC,EAAEgB,CAAC,CAACc,MAAM,CAAC9B,CAAC,CAAC;MAAE,CAAC,GAAGS,KAClE,CAAC;MAED,IAAI,CAACc,QAAQ,CAAC;QACZ7B,MAAM,EAAEuC,SAAS;QACjB,GAAG,IAAI,CAAC3B,SAAS,CAAC2B,SAAS,CAAC;QAC5BpB,UAAU,EAAEe,WAAW,GAAG,KAAK,GAAG,IAAI,CAACI,KAAK,CAACnB;MAC/C,CAAC,CAAC;MAEF,IAAIe,WAAW,EAAE;QACfC,SAAS,CAAClB,EAAE,EAAE;UAAEjB,MAAM,EAAEuC;QAAU,CAAC,CAAC;MACtC;IACF,CAAC;IAAA,IAAAzC,gBAAA,CAAAC,OAAA,uBAEa,MAAM;MAClB,IAAI,CAAC8B,QAAQ,CAAC;QAAEV,UAAU,EAAE;MAAK,CAAC,CAAC;IACrC,CAAC;IAAA,IAAArB,gBAAA,CAAAC,OAAA,wBAEekB,EAAE,IAAK;MACrB,MAAM;QAAE0B;MAAc,CAAC,GAAG,IAAI,CAACtB,KAAK;MACpCsB,aAAa,CAAC1B,EAAE,CAAC;IACnB,CAAC;EAAA;EA7JD,OAAO2B,wBAAwBA,CAACC,SAAS,EAAEC,SAAS,EAAE;IACpD,MAAM;MAAE7B,EAAE;MAAEjB,MAAM;MAAE+C,WAAW;MAAEC;IAAW,CAAC,GAAGH,SAAS;IACzD;IACA,IACEC,SAAS,CAACC,WAAW,KAAKA,WAAW,IACrCD,SAAS,CAACE,UAAU,KAAKA,UAAU,IACnCF,SAAS,CAAC7B,EAAE,KAAK4B,SAAS,CAAC5B,EAAE,IAC7BgC,IAAI,CAACC,SAAS,CAACJ,SAAS,CAAC9C,MAAM,CAAC,KAAKiD,IAAI,CAACC,SAAS,CAAClD,MAAM,CAAC,EAC3D;MACA,MAAMC,KAAK,GAAGD,MAAM,CAACE,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,CAAC,CAAC;MACpC,MAAMC,KAAK,GAAGL,MAAM,CAACE,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACG,CAAC,CAAC;MAEpC,MAAMF,CAAC,GAAGG,IAAI,CAACC,GAAG,CAAC,GAAGP,KAAK,CAAC;MAC5B,MAAMK,CAAC,GAAGC,IAAI,CAACE,GAAG,CAAC,GAAGJ,KAAK,CAAC;MAE5B,OAAO;QACLY,EAAE;QACFb,CAAC;QACDE,CAAC;QACDN,MAAM;QACN+C,WAAW;QACXC;MACF,CAAC;IACH;IAEA,OAAO,IAAI;EACb;EAqIA;EACA;EACA;;EAEAG,cAAcA,CAACnD,MAAM,EAAE;IACrB,MAAMoD,OAAO,GAAGpD,MAAM,CAACE,GAAG,CAAEa,KAAK,IAAKA,KAAK,CAACX,CAAC,CAAC;IAC9C,MAAMiD,OAAO,GAAGrD,MAAM,CAACE,GAAG,CAAEa,KAAK,IAAKA,KAAK,CAACT,CAAC,CAAC;IAC9C,MAAMgD,IAAI,GAAG/C,IAAI,CAACC,GAAG,CAAC,GAAG4C,OAAO,CAAC;IACjC,MAAMG,IAAI,GAAGhD,IAAI,CAACE,GAAG,CAAC,GAAG2C,OAAO,CAAC;IACjC,MAAMI,IAAI,GAAGjD,IAAI,CAACC,GAAG,CAAC,GAAG6C,OAAO,CAAC;IACjC,MAAMI,IAAI,GAAGlD,IAAI,CAACE,GAAG,CAAC,GAAG4C,OAAO,CAAC;IACjC,OAAO;MACLjD,CAAC,EAAEkD,IAAI;MACPhD,CAAC,EAAEkD,IAAI;MACPjC,KAAK,EAAEgC,IAAI,GAAGD,IAAI;MAClB9B,MAAM,EAAEiC,IAAI,GAAGD;IACjB,CAAC;EACH;EAEAE,MAAMA,CAAA,EAAG;IACP,MAAM;MACJC,OAAO;MACP1C,EAAE;MACF2C,YAAY;MACZC,YAAY;MACZC,oBAAoB;MACpBC,iBAAiB;MACjBC,WAAW,GAAG;IAChB,CAAC,GAAG,IAAI,CAAC3C,KAAK;IAEd,MAAM;MAAErB,MAAM;MAAEI,CAAC;MAAEE,CAAC;MAAEY;IAAQ,CAAC,GAAG,IAAI,CAACoB,KAAK;IAC5C,MAAM2B,YAAY,GAAGhD,EAAE,KAAK,YAAY;IACxC,MAAMiD,UAAU,GAAGhD,OAAO,IAAID,EAAE,KAAK,YAAY;IAEjD,MAAMkD,qBAAqB,GAAGR,OAAO,GAAGK,WAAW,GAAG9C,OAAO,GAAG,CAAC,GAAG,CAAC;IACrE,MAAMkD,gBAAgB,GAAGT,OAAO,GAAGE,YAAY,GAAG3C,OAAO,GAAG1B,aAAa,GAAG,EAAE;IAC9E,MAAM6E,WAAW,GAAG,IAAI,CAAClB,cAAc,CAACnD,MAAM,CAAC;IAC/C,MAAMsE,cAAc,GAAGX,OAAO,IAAIG,oBAAoB,GAAGA,oBAAoB,GAAGF,YAAY;IAE5F,oBACE3E,MAAA,CAAAc,OAAA,CAAAwE,aAAA,CAAClF,WAAA,CAAAmF,KAAK;MAACC,YAAY,EAAE,IAAI,CAACC,gBAAiB;MAACC,YAAY,EAAE,IAAI,CAACC;IAAiB,GAC7Eb,iBAAiB,IAAI7C,OAAO,iBAC3BjC,MAAA,CAAAc,OAAA,CAAAwE,aAAA,CAACjF,eAAA,CAAAuF,IAAI;MACHzE,CAAC,EAAEiE,WAAW,CAACjE,CAAE;MACjBE,CAAC,EAAE+D,WAAW,CAAC/D,CAAE;MACjBiB,KAAK,EAAE8C,WAAW,CAAC9C,KAAM;MACzBC,MAAM,EAAE6C,WAAW,CAAC7C,MAAO;MAC3BsD,MAAM,EAAEf,iBAAkB;MAC1BC,WAAW,EAAE,CAAE;MACfe,SAAS,EAAE;IAAM,CAClB,CACF,eACD9F,MAAA,CAAAc,OAAA,CAAAwE,aAAA,CAAClF,WAAA,CAAA2F,IAAI;MACHhF,MAAM,EAAE,IAAI,CAACqC,SAAS,CAACrC,MAAM,CAAE;MAC/BiF,MAAM,EAAE,CAAChB,YAAa;MACtBiB,IAAI,EAAEjB,YAAY,GAAG,aAAa,GAAGK,cAAe;MACpD5C,OAAO,EAAE,IAAI,CAACyD,WAAY;MAC1BC,KAAK,EAAE,IAAI,CAACD,WAAY;MACxBE,SAAS;MACTP,MAAM,EAAEb,YAAY,GAAGJ,YAAY,GAAGO,gBAAiB;MACvDJ,WAAW,EAAEC,YAAY,GAAG,CAAC,GAAGE,qBAAsB;MACtDmB,WAAW,EAAE,IAAI,CAACA,WAAY;MAC9BC,UAAU,EAAE,IAAI,CAACC,eAAgB;MACjCrD,SAAS,EAAGb,CAAC,IAAK,IAAI,CAACkE,eAAe,CAAClE,CAAC,EAAE,IAAI,CAAE;MAChDlB,CAAC,EAAEA,CAAE;MACLE,CAAC,EAAEA;IAAE,CACN,CAAC,EAED4D,UAAU,IACTlE,MAAM,CAACE,GAAG,CAAC,CAACa,KAAK,EAAE0B,KAAK,kBACtBxD,MAAA,CAAAc,OAAA,CAAAwE,aAAA,CAAClF,WAAA,CAAAoG,MAAM;MACLC,GAAG,EAAEjD,KAAM;MACXrC,CAAC,EAAEW,KAAK,CAACX,CAAE;MACXE,CAAC,EAAES,KAAK,CAACT,CAAE;MACXqF,MAAM,EAAE,CAAE;MACVT,IAAI,EAAEzC,KAAK,KAAK,CAAC,IAAIxB,EAAE,KAAK,YAAY,GAAG,MAAM,GAAG,OAAQ;MAC5D6D,MAAM,EAAEtF,aAAc;MACtBwE,WAAW,EAAE,CAAE;MACftC,OAAO,EAAE,IAAI,CAACyD,WAAY;MAC1BG,WAAW,EAAE,IAAI,CAACA,WAAY;MAC9BC,UAAU,EAAGjE,CAAC,IAAK;QACjB,IAAI,CAACsE,kBAAkB,CAACtE,CAAC,EAAEmB,KAAK,CAAC;MACnC,CAAE;MACFN,SAAS,EAAGb,CAAC,IAAK;QAChB,IAAI,CAACsE,kBAAkB,CAACtE,CAAC,EAAEmB,KAAK,EAAE,IAAI,CAAC;MACzC,CAAE;MACF4C,SAAS;MACTQ,OAAO,EAAE;IAAE,CACZ,CACF,CAAC,EACH,CAAC,IAAI,CAACvD,KAAK,CAACnB,UAAU,IAAI,IAAI,CAACmB,KAAK,CAACpB,OAAO,iBAC3CjC,MAAA,CAAAc,OAAA,CAAAwE,aAAA,CAAChF,aAAA,CAAAQ,OAAY;MAACK,CAAC,EAAEA,CAAE;MAACE,CAAC,EAAEA,CAAE;MAACW,EAAE,EAAEA,EAAG;MAAC6E,iBAAiB,EAAE,IAAI,CAACC,YAAa;MAAC/F,MAAM,EAAEA;IAAO,CAAE,CAEtF,CAAC;EAEZ;AACF;AAEAP,YAAY,CAACuG,SAAS,GAAG;EACvBrC,OAAO,EAAEsC,kBAAS,CAACC,IAAI;EACvBzE,SAAS,EAAEwE,kBAAS,CAACC,IAAI,CAACC,UAAU;EACpClF,EAAE,EAAEgF,kBAAS,CAACG,MAAM,CAACD,UAAU;EAC/BpD,WAAW,EAAEkD,kBAAS,CAACI,MAAM;EAC7BrD,UAAU,EAAEiD,kBAAS,CAACI,MAAM;EAC5BzC,YAAY,EAAEqC,kBAAS,CAACG,MAAM,CAACD,UAAU;EACzCrC,oBAAoB,EAAEmC,kBAAS,CAACG,MAAM;EACtCrC,iBAAiB,EAAEkC,kBAAS,CAACG,MAAM;EACnC1E,OAAO,EAAEuE,kBAAS,CAACK,IAAI,CAACH,UAAU;EAClCxE,eAAe,EAAEsE,kBAAS,CAACK,IAAI,CAACH,UAAU;EAC1CxD,aAAa,EAAEsD,kBAAS,CAACK,IAAI,CAACH,UAAU;EACxChE,SAAS,EAAE8D,kBAAS,CAACK,IAAI,CAACH,UAAU;EACpCtC,YAAY,EAAEoC,kBAAS,CAACG,MAAM,CAACD,UAAU;EACzCnG,MAAM,EAAEiG,kBAAS,CAACM,OAAO,CACvBN,kBAAS,CAACO,KAAK,CAAC;IACdpG,CAAC,EAAE6F,kBAAS,CAACI,MAAM;IACnB/F,CAAC,EAAE2F,kBAAS,CAACI;EACf,CAAC,CACH,CAAC,CAACF,UAAU;EACZnC,WAAW,EAAEiC,kBAAS,CAACI;AACzB,CAAC;AAED5G,YAAY,CAACgH,YAAY,GAAG;EAC1B9C,OAAO,EAAE;AACX,CAAC;AAAC,IAAA+C,QAAA,GAAAC,OAAA,CAAA5G,OAAA,GAEaN,YAAY","ignoreList":[]}

package/configure/lib/hotspot-rectangle.js

@@ -1,190 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-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 _DeleteWidget = _interopRequireDefault(require("./DeleteWidget"));
-class RectComponent extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "handleClick", e => {
-      const {
-        width,
-        height,
-        isDrawing,
-        onClick,
-        id
-      } = this.props;
-      if (width < 0 && height < 0 && isDrawing) {
-        return;
-      }
-      e.cancelBubble = true;
-      onClick(id);
-    });
-    (0, _defineProperty2.default)(this, "handleMouseEnter", () => {
-      document.body.style.cursor = 'pointer';
-      this.setState({
-        hovered: true
-      });
-      this.trRef.current.setNode(this.shapeRef.current);
-      this.trRef.current.getLayer().batchDraw();
-    });
-    (0, _defineProperty2.default)(this, "handleMouseLeave", () => {
-      if (!this.state.isDragging) {
-        this.setState({
-          hovered: false
-        });
-        document.body.style.cursor = 'default';
-      }
-    });
-    (0, _defineProperty2.default)(this, "handleOnDragEnd", e => {
-      const {
-        onDragEnd,
-        id
-      } = this.props;
-      this.setState({
-        isDragging: false
-      });
-      onDragEnd(id, {
-        x: e.target.x(),
-        y: e.target.y()
-      });
-    });
-    (0, _defineProperty2.default)(this, "onResizeEnd", () => {
-      const {
-        onDragEnd,
-        id
-      } = this.props;
-      // transformer is changing scale of the node
-      // and NOT its width or height
-      // but in the store we have only width and height
-      // to match the data better we will reset scale on transform end
-      const node = this.shapeRef.current;
-      const scaleX = node.scaleX();
-      const scaleY = node.scaleY();
-
-      // we will reset it back
-      node.scaleX(1);
-      node.scaleY(1);
-      this.setState({
-        isDragging: false
-      });
-      onDragEnd(id, {
-        x: node.x(),
-        y: node.y(),
-        // set minimal value
-        width: Math.max(5, node.width() * scaleX),
-        height: Math.max(node.height() * scaleY)
-      });
-    });
-    (0, _defineProperty2.default)(this, "handleDelete", id => {
-      const {
-        onDeleteShape
-      } = this.props;
-      onDeleteShape(id);
-    });
-    this.state = {
-      hovered: false,
-      isDragging: false
-    };
-    this.shapeRef = /*#__PURE__*/_react.default.createRef();
-    this.trRef = /*#__PURE__*/_react.default.createRef();
-  }
-  render() {
-    const {
-      correct,
-      height,
-      hotspotColor,
-      id,
-      outlineColor,
-      width,
-      x,
-      y,
-      strokeWidth = 5,
-      selectedHotspotColor,
-      hoverOutlineColor
-    } = this.props;
-    const {
-      hovered
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_reactKonva.Group, {
-      onMouseLeave: this.handleMouseLeave,
-      onMouseEnter: this.handleMouseEnter,
-      padding: 12
-    }, hoverOutlineColor && hovered && /*#__PURE__*/_react.default.createElement(_reactKonva.Rect, {
-      x: x,
-      y: y,
-      width: width,
-      height: height,
-      stroke: hoverOutlineColor,
-      strokeWidth: 2,
-      listening: false
-    }), /*#__PURE__*/_react.default.createElement(_reactKonva.Rect, {
-      ref: this.shapeRef,
-      width: width,
-      height: height,
-      fill: correct && selectedHotspotColor ? selectedHotspotColor : hotspotColor,
-      onClick: this.handleClick,
-      onTap: this.handleClick,
-      draggable: true,
-      stroke: hovered ? 'transparent' : outlineColor,
-      strokeWidth: correct && !hovered ? strokeWidth : 0,
-      onDragStart: () => this.setState({
-        isDragging: true
-      }),
-      onDragEnd: this.handleOnDragEnd,
-      onTransformStart: () => this.setState({
-        isDragging: true
-      }),
-      onTransformEnd: this.onResizeEnd,
-      x: x,
-      y: y,
-      cursor: "pointer"
-    }), !this.state.isDragging && this.state.hovered && /*#__PURE__*/_react.default.createElement(_DeleteWidget.default, {
-      id: id,
-      height: height,
-      width: width,
-      x: x,
-      y: y,
-      handleWidgetClick: this.handleDelete
-    }), this.state.hovered && /*#__PURE__*/_react.default.createElement(_reactKonva.Transformer, {
-      ref: this.trRef,
-      rotateEnabled: false,
-      boundBoxFunc: (oldBox, newBox) => {
-        // limit resize
-        if (newBox.width < 10 || newBox.height < 10) {
-          return oldBox;
-        }
-        return newBox;
-      }
-    }));
-  }
-}
-RectComponent.propTypes = {
-  correct: _propTypes.default.bool,
-  isDrawing: _propTypes.default.bool.isRequired,
-  id: _propTypes.default.string.isRequired,
-  height: _propTypes.default.number.isRequired,
-  hotspotColor: _propTypes.default.string.isRequired,
-  selectedHotspotColor: _propTypes.default.string,
-  hoverOutlineColor: _propTypes.default.string,
-  onClick: _propTypes.default.func.isRequired,
-  onDeleteShape: _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 = exports.default = RectComponent;
-//# sourceMappingURL=hotspot-rectangle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"hotspot-rectangle.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactKonva","_DeleteWidget","RectComponent","React","Component","constructor","props","_defineProperty2","default","e","width","height","isDrawing","onClick","id","cancelBubble","document","body","style","cursor","setState","hovered","trRef","current","setNode","shapeRef","getLayer","batchDraw","state","isDragging","onDragEnd","x","target","y","node","scaleX","scaleY","Math","max","onDeleteShape","createRef","render","correct","hotspotColor","outlineColor","strokeWidth","selectedHotspotColor","hoverOutlineColor","createElement","Group","onMouseLeave","handleMouseLeave","onMouseEnter","handleMouseEnter","padding","Rect","stroke","listening","ref","fill","handleClick","onTap","draggable","onDragStart","handleOnDragEnd","onTransformStart","onTransformEnd","onResizeEnd","handleWidgetClick","handleDelete","Transformer","rotateEnabled","boundBoxFunc","oldBox","newBox","propTypes","PropTypes","bool","isRequired","string","number","func","defaultProps","_default","exports"],"sources":["../src/hotspot-rectangle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Rect, Group, Transformer } from 'react-konva';\nimport DeleteWidget from './DeleteWidget';\n\nclass RectComponent extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      hovered: false,\n      isDragging: false,\n    };\n    this.shapeRef = React.createRef();\n    this.trRef = React.createRef();\n  }\n\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    this.setState({ hovered: true });\n    this.trRef.current.setNode(this.shapeRef.current);\n    this.trRef.current.getLayer().batchDraw();\n  };\n\n  handleMouseLeave = () => {\n    if (!this.state.isDragging) {\n      this.setState({ hovered: false });\n      document.body.style.cursor = 'default';\n    }\n  };\n\n  handleOnDragEnd = (e) => {\n    const { onDragEnd, id } = this.props;\n    this.setState({ isDragging: false });\n    onDragEnd(id, {\n      x: e.target.x(),\n      y: e.target.y(),\n    });\n  };\n\n  onResizeEnd = () => {\n    const { onDragEnd, id } = this.props;\n    // transformer is changing scale of the node\n    // and NOT its width or height\n    // but in the store we have only width and height\n    // to match the data better we will reset scale on transform end\n    const node = this.shapeRef.current;\n    const scaleX = node.scaleX();\n    const scaleY = node.scaleY();\n\n    // we will reset it back\n    node.scaleX(1);\n    node.scaleY(1);\n    this.setState({ isDragging: false });\n    onDragEnd(id, {\n      x: node.x(),\n      y: node.y(),\n      // set minimal value\n      width: Math.max(5, node.width() * scaleX),\n      height: Math.max(node.height() * scaleY),\n    });\n  };\n\n  handleDelete = (id) => {\n    const { onDeleteShape } = this.props;\n    onDeleteShape(id);\n  };\n\n  render() {\n    const {\n      correct,\n      height,\n      hotspotColor,\n      id,\n      outlineColor,\n      width,\n      x,\n      y,\n      strokeWidth = 5,\n      selectedHotspotColor,\n      hoverOutlineColor,\n    } = this.props;\n\n    const { hovered } = this.state;\n\n    return (\n      <Group onMouseLeave={this.handleMouseLeave} onMouseEnter={this.handleMouseEnter} padding={12}>\n        {hoverOutlineColor && hovered && (\n          <Rect\n            x={x}\n            y={y}\n            width={width}\n            height={height}\n            stroke={hoverOutlineColor}\n            strokeWidth={2}\n            listening={false}\n          />\n        )}\n\n        <Rect\n          ref={this.shapeRef}\n          width={width}\n          height={height}\n          fill={correct && selectedHotspotColor ? selectedHotspotColor : hotspotColor}\n          onClick={this.handleClick}\n          onTap={this.handleClick}\n          draggable\n          stroke={hovered ? 'transparent' : outlineColor}\n          strokeWidth={correct && !hovered ? strokeWidth : 0}\n          onDragStart={() => this.setState({ isDragging: true })}\n          onDragEnd={this.handleOnDragEnd}\n          onTransformStart={() => this.setState({ isDragging: true })}\n          onTransformEnd={this.onResizeEnd}\n          x={x}\n          y={y}\n          cursor=\"pointer\"\n        />\n        {!this.state.isDragging && this.state.hovered && (\n          <DeleteWidget id={id} height={height} width={width} x={x} y={y} handleWidgetClick={this.handleDelete} />\n        )}\n        {this.state.hovered && (\n          <Transformer\n            ref={this.trRef}\n            rotateEnabled={false}\n            boundBoxFunc={(oldBox, newBox) => {\n              // limit resize\n              if (newBox.width < 10 || newBox.height < 10) {\n                return oldBox;\n              }\n              return newBox;\n            }}\n          />\n        )}\n      </Group>\n    );\n  }\n}\n\nRectComponent.propTypes = {\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  selectedHotspotColor: PropTypes.string,\n  hoverOutlineColor: PropTypes.string,\n  onClick: PropTypes.func.isRequired,\n  onDeleteShape: 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 RectComponent;\n"],"mappings":"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","ignoreList":[]}