@pie-element/ebsr 9.0.2-next.16 → 9.0.2-next.27

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/tools/protractor/graphic.js

@@ -0,0 +1,158 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Graphic = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+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 _styles = require("@material-ui/core/styles");
+var _range = _interopRequireDefault(require("lodash/range"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styleUtils = require("../style-utils");
+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; } }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Line = (0, _styles.withStyles)(function (theme) {
+  return {
+    line: {
+      strokeWidth: '0.2',
+      stroke: (0, _styleUtils.strokeColor)(theme)
+    }
+  };
+})(function (_ref) {
+  var angle = _ref.angle,
+    classes = _ref.classes,
+    major = _ref.major,
+    minor = _ref.minor;
+  return /*#__PURE__*/_react["default"].createElement("line", {
+    transform: "rotate(".concat(angle, ", 50.5,50)"),
+    className: classes.line,
+    style: {},
+    x1: "1",
+    x2: major ? 10 : minor ? 6 : 3,
+    y1: "50",
+    y2: "50"
+  });
+});
+var Spike = (0, _styles.withStyles)(function (theme) {
+  return {
+    line: {
+      strokeWidth: '0.2',
+      stroke: (0, _styleUtils.strokeColor)(theme)
+    }
+  };
+})(function (_ref2) {
+  var angle = _ref2.angle,
+    classes = _ref2.classes;
+  return /*#__PURE__*/_react["default"].createElement("line", {
+    transform: "rotate(".concat(angle, ", 50.5,50)"),
+    className: classes.line,
+    style: {},
+    x1: "15",
+    x2: '46',
+    y1: "50",
+    y2: "50"
+  });
+});
+var Text = (0, _styles.withStyles)(function (theme) {
+  return {
+    text: _objectSpread({
+      fontSize: '2.5px',
+      textAnchor: 'middle',
+      fill: (0, _styleUtils.strokeColor)(theme)
+    }, (0, _styleUtils.noSelect)())
+  };
+})(function (_ref3) {
+  var angle = _ref3.angle,
+    classes = _ref3.classes;
+  return /*#__PURE__*/_react["default"].createElement("text", {
+    transform: "rotate(".concat(angle - 90, ", 50.5, 50)"),
+    className: classes.text,
+    x: "50",
+    y: "12.5"
+  }, angle);
+});
+var Graphic = exports.Graphic = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inherits2["default"])(Graphic, _React$PureComponent);
+  var _super = _createSuper(Graphic);
+  function Graphic() {
+    (0, _classCallCheck2["default"])(this, Graphic);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(Graphic, [{
+    key: "render",
+    value: function render() {
+      var classes = this.props.classes;
+      return /*#__PURE__*/_react["default"].createElement("svg", {
+        viewBox: "0 0 102 61"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        className: classes.path,
+        d: "M 1,50 A 1,1 0 0 1 100,50 L 100,60 L 1,60 Z",
+        fill: "none"
+      }), (0, _range["default"])(0, 181).map(function (r) {
+        return /*#__PURE__*/_react["default"].createElement(Line, {
+          minor: r % 5 === 0,
+          major: r % 10 === 0,
+          angle: r,
+          key: r
+        });
+      }), (0, _range["default"])(0, 181, 10).map(function (r) {
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
+          key: r
+        }, /*#__PURE__*/_react["default"].createElement(Spike, {
+          angle: r
+        }), /*#__PURE__*/_react["default"].createElement(Text, {
+          angle: r
+        }));
+      }), /*#__PURE__*/_react["default"].createElement("circle", {
+        r: "4",
+        cx: "50.5",
+        cy: "50",
+        className: classes.circle
+      }), /*#__PURE__*/_react["default"].createElement("line", {
+        className: classes.line,
+        x1: "48.5",
+        x2: "52.5",
+        y1: "50",
+        y2: "50"
+      }), /*#__PURE__*/_react["default"].createElement("line", {
+        className: classes.line,
+        transform: 'rotate(90 50.5 50)',
+        x1: "48.5",
+        x2: "52.5",
+        y1: "50",
+        y2: "50"
+      }));
+    }
+  }]);
+  return Graphic;
+}(_react["default"].PureComponent);
+(0, _defineProperty2["default"])(Graphic, "propTypes", {
+  classes: _propTypes["default"].object.isRequired
+});
+var _default = exports["default"] = (0, _styles.withStyles)(function (theme) {
+  return {
+    path: {
+      strokeWidth: '0.2',
+      stroke: (0, _styleUtils.strokeColor)(theme)
+    },
+    line: {
+      strokeWidth: '0.2',
+      stroke: (0, _styleUtils.strokeColor)(theme)
+    },
+    circle: {
+      strokeWidth: '0.2',
+      stroke: (0, _styleUtils.strokeColor)(theme),
+      fill: 'none'
+    }
+  };
+})(Graphic);
+//# sourceMappingURL=graphic.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/tools/protractor/graphic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphic.js","names":["_react","_interopRequireDefault","require","_styles","_range","_propTypes","_styleUtils","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ownKeys","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Line","withStyles","theme","line","strokeWidth","stroke","strokeColor","_ref","angle","classes","major","minor","createElement","transform","concat","className","style","x1","x2","y1","y2","Spike","_ref2","Text","text","fontSize","textAnchor","fill","noSelect","_ref3","x","y","Graphic","exports","_React$PureComponent","_inherits2","_super","_classCallCheck2","_createClass2","key","value","render","props","viewBox","path","d","range","map","Fragment","cx","cy","circle","React","PureComponent","PropTypes","object","isRequired","_default"],"sources":["../../../src/code/tools/protractor/graphic.jsx"],"sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport range from 'lodash/range';\nimport PropTypes from 'prop-types';\nimport { strokeColor, noSelect } from '../style-utils';\n\nconst Line = withStyles((theme) => ({\n  line: {\n    strokeWidth: '0.2',\n    stroke: strokeColor(theme),\n  },\n}))(({ angle, classes, major, minor }) => (\n  <line\n    transform={`rotate(${angle}, 50.5,50)`}\n    className={classes.line}\n    style={{}}\n    x1=\"1\"\n    x2={major ? 10 : minor ? 6 : 3}\n    y1=\"50\"\n    y2=\"50\"\n  />\n));\n\nconst Spike = withStyles((theme) => ({\n  line: {\n    strokeWidth: '0.2',\n    stroke: strokeColor(theme),\n  },\n}))(({ angle, classes }) => (\n  <line transform={`rotate(${angle}, 50.5,50)`} className={classes.line} style={{}} x1=\"15\" x2={'46'} y1=\"50\" y2=\"50\" />\n));\n\nconst Text = withStyles((theme) => ({\n  text: {\n    fontSize: '2.5px',\n    textAnchor: 'middle',\n    fill: strokeColor(theme),\n    ...noSelect(),\n  },\n}))(({ angle, classes }) => (\n  <text transform={`rotate(${angle - 90}, 50.5, 50)`} className={classes.text} x=\"50\" y=\"12.5\">\n    {angle}\n  </text>\n));\n\nexport class Graphic extends React.PureComponent {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n  };\n\n  render() {\n    const { classes } = this.props;\n    return (\n      <svg viewBox=\"0 0 102 61\">\n        <path className={classes.path} d=\"M 1,50 A 1,1 0 0 1 100,50 L 100,60 L 1,60 Z\" fill=\"none\" />\n        {range(0, 181).map((r) => (\n          <Line minor={r % 5 === 0} major={r % 10 === 0} angle={r} key={r} />\n        ))}\n        {range(0, 181, 10).map((r) => (\n          <React.Fragment key={r}>\n            <Spike angle={r} />\n            <Text angle={r} />\n          </React.Fragment>\n        ))}\n        <circle r=\"4\" cx=\"50.5\" cy=\"50\" className={classes.circle} />\n        <line className={classes.line} x1=\"48.5\" x2=\"52.5\" y1=\"50\" y2=\"50\" />\n        <line className={classes.line} transform={'rotate(90 50.5 50)'} x1=\"48.5\" x2=\"52.5\" y1=\"50\" y2=\"50\" />\n      </svg>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  path: {\n    strokeWidth: '0.2',\n    stroke: strokeColor(theme),\n  },\n  line: {\n    strokeWidth: '0.2',\n    stroke: strokeColor(theme),\n  },\n  circle: {\n    strokeWidth: '0.2',\n    stroke: strokeColor(theme),\n    fill: 'none',\n  },\n}))(Graphic);\n"],"mappings":"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"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/tools/protractor/index.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Protractor = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+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 _styles = require("@material-ui/core/styles");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _graphic = _interopRequireDefault(require("./graphic"));
+var _anchor = _interopRequireDefault(require("../anchor"));
+var _rotatable = _interopRequireDefault(require("../rotatable"));
+var _classnames = _interopRequireDefault(require("classnames"));
+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 Protractor = exports.Protractor = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Protractor, _React$Component);
+  var _super = _createSuper(Protractor);
+  function Protractor() {
+    (0, _classCallCheck2["default"])(this, Protractor);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(Protractor, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        classes = _this$props.classes,
+        width = _this$props.width,
+        className = _this$props.className,
+        startPosition = _this$props.startPosition;
+      return /*#__PURE__*/_react["default"].createElement(_rotatable["default"], {
+        className: className,
+        startPosition: startPosition,
+        handle: [{
+          "class": 'leftAnchor',
+          origin: "".concat(width * 0.495, "px ").concat(width * 0.49, "px")
+        }, {
+          "class": 'rightAnchor',
+          origin: "".concat(width * 0.495, "px ").concat(width * 0.49, "px")
+        }]
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.protractor,
+        style: {
+          width: "".concat(width, "px")
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_graphic["default"], null), /*#__PURE__*/_react["default"].createElement(_anchor["default"], {
+        className: (0, _classnames["default"])('leftAnchor', classes.leftAnchor)
+      }), /*#__PURE__*/_react["default"].createElement(_anchor["default"], {
+        className: (0, _classnames["default"])('rightAnchor', classes.rightAnchor)
+      })));
+    }
+  }]);
+  return Protractor;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Protractor, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  width: _propTypes["default"].number.isRequired,
+  className: _propTypes["default"].string,
+  startPosition: _propTypes["default"].shape({
+    left: _propTypes["default"].number,
+    top: _propTypes["default"].number
+  })
+});
+(0, _defineProperty2["default"])(Protractor, "defaultProps", {
+  width: 450,
+  startPosition: {
+    left: 0,
+    top: 0
+  }
+});
+var _default = exports["default"] = (0, _styles.withStyles)(function () {
+  return {
+    protractor: {
+      position: 'relative'
+    },
+    leftAnchor: {
+      position: 'absolute',
+      left: 0,
+      bottom: 0
+    },
+    rightAnchor: {
+      position: 'absolute',
+      right: 0,
+      bottom: 0
+    }
+  };
+})(Protractor);
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/tools/protractor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_styles","_propTypes","_graphic","_anchor","_rotatable","_classnames","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Protractor","exports","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","render","_this$props","props","classes","width","className","startPosition","createElement","handle","origin","concat","protractor","style","classNames","leftAnchor","rightAnchor","React","Component","_defineProperty2","PropTypes","object","isRequired","number","string","shape","left","top","_default","withStyles","position","bottom","right"],"sources":["../../../src/code/tools/protractor/index.jsx"],"sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport Graphic from './graphic';\nimport Anchor from '../anchor';\nimport Rotatable from '../rotatable';\nimport classNames from 'classnames';\n\nexport class Protractor extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    width: PropTypes.number.isRequired,\n    className: PropTypes.string,\n    startPosition: PropTypes.shape({\n      left: PropTypes.number,\n      top: PropTypes.number,\n    }),\n  };\n\n  static defaultProps = {\n    width: 450,\n    startPosition: { left: 0, top: 0 },\n  };\n\n  render() {\n    const { classes, width, className, startPosition } = this.props;\n    return (\n      <Rotatable\n        className={className}\n        startPosition={startPosition}\n        handle={[\n          {\n            class: 'leftAnchor',\n            origin: `${width * 0.495}px ${width * 0.49}px`,\n          },\n          {\n            class: 'rightAnchor',\n            origin: `${width * 0.495}px ${width * 0.49}px`,\n          },\n        ]}\n      >\n        <div className={classes.protractor} style={{ width: `${width}px` }}>\n          <Graphic />\n\n          <Anchor className={classNames('leftAnchor', classes.leftAnchor)} />\n          <Anchor className={classNames('rightAnchor', classes.rightAnchor)} />\n        </div>\n      </Rotatable>\n    );\n  }\n}\n\nexport default withStyles(() => ({\n  protractor: { position: 'relative' },\n  leftAnchor: {\n    position: 'absolute',\n    left: 0,\n    bottom: 0,\n  },\n  rightAnchor: {\n    position: 'absolute',\n    right: 0,\n    bottom: 0,\n  },\n}))(Protractor);\n"],"mappings":"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"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/tools/rotatable.js

@@ -0,0 +1,348 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Rotatable = 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 _styles = require("@material-ui/core/styles");
+var _anchorUtils = require("./anchor-utils");
+var _reactPortal = require("react-portal");
+var _pointGeometry = _interopRequireDefault(require("@mapbox/point-geometry"));
+var _transformOrigin = require("./transform-origin");
+var _classnames = _interopRequireDefault(require("classnames"));
+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 Anchor = (0, _styles.withStyles)({
+  anchor: {
+    position: 'absolute',
+    zIndex: 100,
+    width: '200px',
+    height: '80px'
+  }
+})(function (_ref) {
+  var classes = _ref.classes,
+    left = _ref.left,
+    top = _ref.top,
+    color = _ref.color,
+    fill = _ref.fill;
+  color = color || 'green';
+  fill = fill || 'white';
+  return /*#__PURE__*/_react["default"].createElement(_reactPortal.Portal, null, /*#__PURE__*/_react["default"].createElement("svg", {
+    className: classes.anchor,
+    style: {
+      left: left - 10,
+      top: top - 10
+    }
+  }, /*#__PURE__*/_react["default"].createElement("circle", {
+    cx: 10,
+    cy: 10,
+    r: 8,
+    strokeWidth: 1,
+    stroke: color,
+    fill: fill
+  })));
+});
+
+/**
+ * Tip o' the hat to:
+ * https://bl.ocks.org/joyrexus/7207044
+ */
+var Rotatable = exports.Rotatable = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Rotatable, _React$Component);
+  var _super = _createSuper(Rotatable);
+  function Rotatable(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Rotatable);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "initHandles", function () {
+      var handle = _this.props.handle;
+      if (Array.isArray(handle)) {
+        _this.handles = [];
+        handle.forEach(function (h) {
+          var el = _this.rotatable.querySelector(".".concat(h["class"]));
+          if (el) {
+            var mousedownHandler = _this.rotateStart(h.origin);
+            el.addEventListener('mousedown', mousedownHandler);
+            el.addEventListener('mouseup', _this.rotateStop);
+            _this.handles.push({
+              el: el,
+              mousedownHandler: mousedownHandler
+            });
+          }
+        });
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addMouseUpHandler", function () {
+      document.addEventListener('mouseup', _this.rotateStop);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "originToXY", function (origin) {
+      var _this$rotatable = _this.rotatable,
+        width = _this$rotatable.clientWidth,
+        height = _this$rotatable.clientHeight;
+      return (0, _transformOrigin.parse)({
+        width: width,
+        height: height
+      }, origin);
+    });
+    /**
+     * Get the anchor point for the given element, origin and rotation.
+     * @returns {{left:number, top: number}} - the co-ordinates of the anchor point relative to the whole page.
+     */
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getAnchor", function (origin) {
+      var rotation = _this.state.rotation;
+      var _this$rotatable2 = _this.rotatable,
+        clientWidth = _this$rotatable2.clientWidth,
+        clientHeight = _this$rotatable2.clientHeight;
+      var _this$rotatable$getBo = _this.rotatable.getBoundingClientRect(),
+        top = _this$rotatable$getBo.top,
+        left = _this$rotatable$getBo.left;
+      var xy = _this.originToXY(origin);
+      var _calcAnchor = (0, _anchorUtils.getAnchor)({
+          width: clientWidth,
+          height: clientHeight
+        }, xy, rotation),
+        anchorTop = _calcAnchor.top,
+        anchorLeft = _calcAnchor.left;
+      return {
+        top: top + anchorTop,
+        left: left + anchorLeft
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rotateStart", function (origin) {
+      return function (e) {
+        var isRotating = _this.state.isRotating;
+        if (isRotating) {
+          return;
+        }
+        e.preventDefault();
+        var anchor = _this.getAnchor(origin);
+        var rotation = _this.state.rotation;
+        var _this$getAngle = _this.getAngle(anchor, e),
+          startAngle = _this$getAngle.angle;
+        var diff = {
+          x: 0,
+          y: 0
+        };
+        if (origin !== _this.state.origin) {
+          var _this$rotatable3 = _this.rotatable,
+            width = _this$rotatable3.clientWidth,
+            height = _this$rotatable3.clientHeight;
+          diff = (0, _anchorUtils.distanceBetween)({
+            width: width,
+            height: height
+          }, rotation, _this.state.origin, origin);
+        }
+        _this.setState({
+          origin: origin,
+          isRotating: true,
+          startAngle: startAngle,
+          anchor: anchor,
+          position: {
+            left: _this.state.position.left + diff.x,
+            top: _this.state.position.top + diff.y
+          }
+        }, function () {
+          document.addEventListener('mousemove', _this.rotate);
+        });
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rotateStop", function (e) {
+      var isRotating = _this.state.isRotating;
+      if (!isRotating) {
+        return;
+      }
+      e.preventDefault();
+      _this.setState({
+        isRotating: false,
+        angle: _this.state.rotation,
+        anchor: null,
+        current: null
+      }, function () {
+        document.removeEventListener('mousemove', _this.rotate);
+        document.removeEventListener('mousemove', _this.drag);
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rotate", function (e) {
+      var isRotating = _this.state.isRotating;
+      if (!isRotating) {
+        return;
+      }
+      e.preventDefault();
+      var _this$state = _this.state,
+        startAngle = _this$state.startAngle,
+        angle = _this$state.angle,
+        anchor = _this$state.anchor;
+      var _this$getAngle2 = _this.getAngle(anchor, e),
+        current = _this$getAngle2.angle,
+        x = _this$getAngle2.x,
+        y = _this$getAngle2.y;
+      var computedAnchor = {
+        x: x,
+        y: y
+      };
+      var diff = current - startAngle;
+      var rotation = angle + diff;
+      _this.setState({
+        rotation: rotation,
+        diff: diff,
+        current: current,
+        computedAnchor: computedAnchor
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "mouseDown", function (e) {
+      var handle = _this.handles.find(function (h) {
+        return h.el === e.target;
+      });
+      if (!handle) {
+        _this.dragStart(e);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragStart", function (e) {
+      var dragPoint = new _pointGeometry["default"](e.pageX, e.pageY);
+      _this.setState({
+        dragPoint: dragPoint
+      }, function () {
+        document.addEventListener('mousemove', _this.drag);
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "drag", function (e) {
+      e.preventDefault();
+      var current = new _pointGeometry["default"](e.pageX, e.pageY);
+      var translate = current.sub(_this.state.dragPoint);
+      _this.setState({
+        translate: translate
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "mouseUp", function () {
+      if (!_this.state.translate) {
+        return;
+      }
+      var _this$state2 = _this.state,
+        lastPosition = _this$state2.position,
+        translate = _this$state2.translate;
+      var position = {
+        left: lastPosition.left + translate.x,
+        top: lastPosition.top + translate.y
+      };
+      document.removeEventListener('mousemove', _this.drag);
+      _this.setState({
+        position: position,
+        dragPoint: null,
+        translate: null
+      });
+    });
+    _this.state = {
+      isRotating: false,
+      rotation: 0,
+      startAngle: 0,
+      angle: 0,
+      position: {
+        left: props.startPosition.left,
+        top: props.startPosition.top
+      }
+    };
+    return _this;
+  }
+  (0, _createClass2["default"])(Rotatable, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var _this2 = this;
+      document.removeEventListener('mouseup', this.rotateStop);
+      document.removeEventListener('mousemove', this.drag);
+      document.removeEventListener('mousemove', this.rotate);
+      this.handles.forEach(function (h) {
+        h.el.removeEventListener('mousedown', h.mousedownHandler);
+        h.el.removeEventListener('mouseup', _this2.rotateStop);
+      });
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.addMouseUpHandler();
+      this.initHandles();
+    }
+  }, {
+    key: "getAngle",
+    value: function getAngle(anchor, e) {
+      var x = e.clientX - anchor.left;
+      var y = (e.clientY - anchor.top) * -1;
+      return {
+        angle: (0, _anchorUtils.arctangent)(x, y),
+        x: x,
+        y: y
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+      var _this$props = this.props,
+        children = _this$props.children,
+        classes = _this$props.classes,
+        showAnchor = _this$props.showAnchor,
+        className = _this$props.className;
+      var _this$state3 = this.state,
+        rotation = _this$state3.rotation,
+        anchor = _this$state3.anchor,
+        origin = _this$state3.origin,
+        translate = _this$state3.translate,
+        position = _this$state3.position;
+      var t = translate ? "translate(".concat(translate.x, "px, ").concat(translate.y, "px)") : '';
+      var style = {
+        left: position.left,
+        top: position.top,
+        transformOrigin: origin,
+        transform: "".concat(t, " rotate(").concat(rotation, "deg)")
+      };
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.rotatable, className),
+        style: style,
+        ref: function ref(r) {
+          return _this3.rotatable = r;
+        },
+        onMouseDown: this.mouseDown,
+        onMouseUp: this.mouseUp
+      }, anchor && showAnchor && /*#__PURE__*/_react["default"].createElement(Anchor, anchor), children);
+    }
+  }]);
+  return Rotatable;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Rotatable, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
+  showAnchor: _propTypes["default"].bool,
+  handle: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    "class": _propTypes["default"].string.isRequired,
+    origin: _propTypes["default"].string
+  })),
+  className: _propTypes["default"].string,
+  startPosition: _propTypes["default"].shape({
+    left: _propTypes["default"].number,
+    top: _propTypes["default"].number
+  })
+});
+(0, _defineProperty2["default"])(Rotatable, "defaultProps", {
+  showAnchor: false,
+  startPosition: {
+    left: 0,
+    top: 0
+  }
+});
+var _default = exports["default"] = (0, _styles.withStyles)({
+  rotatable: {
+    position: 'relative',
+    display: 'inline-block',
+    cursor: 'move'
+  }
+})(Rotatable);
+//# sourceMappingURL=rotatable.js.map