@pie-lib/tools 0.9.22 → 0.9.25

package/lib/rotatable.js

@@ -1,10 +1,26 @@
 "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"));
@@ -21,27 +37,9 @@ var _transformOrigin = require("./transform-origin");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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: {
@@ -58,13 +56,13 @@ var Anchor = (0, _styles.withStyles)({
       fill = _ref.fill;
   color = color || 'green';
   fill = fill || 'white';
-  return _react["default"].createElement(_reactPortal.Portal, null, _react["default"].createElement("svg", {
+  return /*#__PURE__*/_react["default"].createElement(_reactPortal.Portal, null, /*#__PURE__*/_react["default"].createElement("svg", {
     className: classes.anchor,
     style: {
       left: left - 10,
       top: top - 10
     }
-  }, _react["default"].createElement("circle", {
+  }, /*#__PURE__*/_react["default"].createElement("circle", {
     cx: 10,
     cy: 10,
     r: 8,
@@ -78,19 +76,17 @@ var Anchor = (0, _styles.withStyles)({
  * https://bl.ocks.org/joyrexus/7207044
  */
 
-var Rotatable =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits(Rotatable, _React$Component);
+var Rotatable = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Rotatable, _React$Component);
+
+  var _super = _createSuper(Rotatable);
 
   function Rotatable(props) {
     var _this;
 
-    _classCallCheck(this, Rotatable);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Rotatable).call(this, props));
-
-    _defineProperty(_assertThisInitialized(_this), "initHandles", function () {
+    (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)) {
@@ -112,12 +108,10 @@ function (_React$Component) {
         });
       }
     });
-
-    _defineProperty(_assertThisInitialized(_this), "addMouseUpHandler", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addMouseUpHandler", function () {
       document.addEventListener('mouseup', _this.rotateStop);
     });
-
-    _defineProperty(_assertThisInitialized(_this), "originToXY", function (origin) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "originToXY", function (origin) {
       var _this$rotatable = _this.rotatable,
           width = _this$rotatable.clientWidth,
           height = _this$rotatable.clientHeight;
@@ -126,8 +120,7 @@ function (_React$Component) {
         height: height
       }, origin);
     });
-
-    _defineProperty(_assertThisInitialized(_this), "getAnchor", function (origin) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getAnchor", function (origin) {
       var rotation = _this.state.rotation;
       var _this$rotatable2 = _this.rotatable,
           clientWidth = _this$rotatable2.clientWidth,
@@ -151,8 +144,7 @@ function (_React$Component) {
         left: left + anchorLeft
       };
     });
-
-    _defineProperty(_assertThisInitialized(_this), "rotateStart", function (origin) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rotateStart", function (origin) {
       return function (e) {
         var isRotating = _this.state.isRotating;
 
@@ -198,8 +190,7 @@ function (_React$Component) {
         });
       };
     });
-
-    _defineProperty(_assertThisInitialized(_this), "rotateStop", function (e) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rotateStop", function (e) {
       var isRotating = _this.state.isRotating;
 
       if (!isRotating) {
@@ -218,8 +209,7 @@ function (_React$Component) {
         document.removeEventListener('mousemove', _this.drag);
       });
     });
-
-    _defineProperty(_assertThisInitialized(_this), "rotate", function (e) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rotate", function (e) {
       var isRotating = _this.state.isRotating;
 
       if (!isRotating) {
@@ -251,8 +241,7 @@ function (_React$Component) {
         computedAnchor: computedAnchor
       });
     });
-
-    _defineProperty(_assertThisInitialized(_this), "mouseDown", function (e) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "mouseDown", function (e) {
       var handle = _this.handles.find(function (h) {
         return h.el === e.target;
       });
@@ -261,8 +250,7 @@ function (_React$Component) {
         _this.dragStart(e);
       }
     });
-
-    _defineProperty(_assertThisInitialized(_this), "dragStart", function (e) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragStart", function (e) {
       var dragPoint = new _pointGeometry["default"](e.pageX, e.pageY);
 
       _this.setState({
@@ -271,8 +259,7 @@ function (_React$Component) {
         document.addEventListener('mousemove', _this.drag);
       });
     });
-
-    _defineProperty(_assertThisInitialized(_this), "drag", function (e) {
+    (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);
@@ -281,8 +268,7 @@ function (_React$Component) {
         translate: translate
       });
     });
-
-    _defineProperty(_assertThisInitialized(_this), "mouseUp", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "mouseUp", function () {
       if (!_this.state.translate) {
         return;
       }
@@ -302,7 +288,6 @@ function (_React$Component) {
         translate: null
       });
     });
-
     _this.state = {
       isRotating: false,
       rotation: 0,
@@ -316,7 +301,7 @@ function (_React$Component) {
     return _this;
   }
 
-  _createClass(Rotatable, [{
+  (0, _createClass2["default"])(Rotatable, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this2 = this;
@@ -369,7 +354,7 @@ function (_React$Component) {
         transformOrigin: origin,
         transform: "".concat(t, " rotate(").concat(rotation, "deg)")
       };
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.rotatable, className),
         style: style,
         ref: function ref(r) {
@@ -377,16 +362,14 @@ function (_React$Component) {
         },
         onMouseDown: this.mouseDown,
         onMouseUp: this.mouseUp
-      }, anchor && showAnchor && _react["default"].createElement(Anchor, anchor), children);
+      }, anchor && showAnchor && /*#__PURE__*/_react["default"].createElement(Anchor, anchor), children);
     }
   }]);
-
   return Rotatable;
 }(_react["default"].Component);
 
 exports.Rotatable = Rotatable;
-
-_defineProperty(Rotatable, "propTypes", {
+(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,
@@ -400,8 +383,7 @@ _defineProperty(Rotatable, "propTypes", {
     top: _propTypes["default"].number
   })
 });
-
-_defineProperty(Rotatable, "defaultProps", {
+(0, _defineProperty2["default"])(Rotatable, "defaultProps", {
   showAnchor: false,
   startPosition: {
     left: 0,

package/lib/rotatable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/rotatable.jsx"],"names":["Anchor","anchor","position","zIndex","width","height","classes","left","top","color","fill","Rotatable","props","handle","Array","isArray","handles","forEach","h","el","rotatable","querySelector","mousedownHandler","rotateStart","origin","addEventListener","rotateStop","push","document","clientWidth","clientHeight","rotation","state","getBoundingClientRect","xy","originToXY","anchorTop","anchorLeft","e","isRotating","preventDefault","getAnchor","getAngle","startAngle","angle","diff","x","y","setState","rotate","current","removeEventListener","drag","computedAnchor","find","target","dragStart","dragPoint","Point","pageX","pageY","translate","sub","lastPosition","startPosition","addMouseUpHandler","initHandles","clientX","clientY","children","showAnchor","className","t","style","transformOrigin","transform","r","mouseDown","mouseUp","React","Component","PropTypes","object","isRequired","oneOfType","arrayOf","node","bool","shape","string","number","display","cursor"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,wBAAW;AACxBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE,UADJ;AAENC,IAAAA,MAAM,EAAE,GAFF;AAGNC,IAAAA,KAAK,EAAE,OAHD;AAINC,IAAAA,MAAM,EAAE;AAJF;AADgB,CAAX,EAOZ,gBAAyC;AAAA,MAAtCC,OAAsC,QAAtCA,OAAsC;AAAA,MAA7BC,IAA6B,QAA7BA,IAA6B;AAAA,MAAvBC,GAAuB,QAAvBA,GAAuB;AAAA,MAAlBC,KAAkB,QAAlBA,KAAkB;AAAA,MAAXC,IAAW,QAAXA,IAAW;AAC1CD,EAAAA,KAAK,GAAGA,KAAK,IAAI,OAAjB;AACAC,EAAAA,IAAI,GAAGA,IAAI,IAAI,OAAf;AACA,SACE,gCAAC,mBAAD,QACE;AACE,IAAA,SAAS,EAAEJ,OAAO,CAACL,MADrB;AAEE,IAAA,KAAK,EAAE;AACLM,MAAAA,IAAI,EAAEA,IAAI,GAAG,EADR;AAELC,MAAAA,GAAG,EAAEA,GAAG,GAAG;AAFN;AAFT,KAOE;AAAQ,IAAA,EAAE,EAAE,EAAZ;AAAgB,IAAA,EAAE,EAAE,EAApB;AAAwB,IAAA,CAAC,EAAE,CAA3B;AAA8B,IAAA,WAAW,EAAE,CAA3C;AAA8C,IAAA,MAAM,EAAEC,KAAtD;AAA6D,IAAA,IAAI,EAAEC;AAAnE,IAPF,CADF,CADF;AAaD,CAvBc,CAAf;AAyBA;;;;;IAIaC,S;;;;;AAuBX,qBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,mFAAMA,KAAN;;AADiB,kEA8BL,YAAM;AAAA,UACVC,MADU,GACC,MAAKD,KADN,CACVC,MADU;;AAGlB,UAAIC,KAAK,CAACC,OAAN,CAAcF,MAAd,CAAJ,EAA2B;AACzB,cAAKG,OAAL,GAAe,EAAf;AACAH,QAAAA,MAAM,CAACI,OAAP,CAAe,UAAAC,CAAC,EAAI;AAClB,cAAMC,EAAE,GAAG,MAAKC,SAAL,CAAeC,aAAf,YAAiCH,CAAC,SAAlC,EAAX;;AAEA,cAAIC,EAAJ,EAAQ;AACN,gBAAMG,gBAAgB,GAAG,MAAKC,WAAL,CAAiBL,CAAC,CAACM,MAAnB,CAAzB;;AACAL,YAAAA,EAAE,CAACM,gBAAH,CAAoB,WAApB,EAAiCH,gBAAjC;AACAH,YAAAA,EAAE,CAACM,gBAAH,CAAoB,SAApB,EAA+B,MAAKC,UAApC;;AACA,kBAAKV,OAAL,CAAaW,IAAb,CAAkB;AAAER,cAAAA,EAAE,EAAFA,EAAF;AAAMG,cAAAA,gBAAgB,EAAhBA;AAAN,aAAlB;AACD;AACF,SATD;AAUD;AACF,KA9CkB;;AAAA,wEAgDC,YAAM;AACxBM,MAAAA,QAAQ,CAACH,gBAAT,CAA0B,SAA1B,EAAqC,MAAKC,UAA1C;AACD,KAlDkB;;AAAA,iEAoDN,UAAAF,MAAM,EAAI;AAAA,4BACgC,MAAKJ,SADrC;AAAA,UACAhB,KADA,mBACbyB,WADa;AAAA,UACqBxB,MADrB,mBACOyB,YADP;AAErB,aAAO,4BAAY;AAAE1B,QAAAA,KAAK,EAALA,KAAF;AAASC,QAAAA,MAAM,EAANA;AAAT,OAAZ,EAA+BmB,MAA/B,CAAP;AACD,KAvDkB;;AAAA,gEA6DP,UAAAA,MAAM,EAAI;AAAA,UACZO,QADY,GACC,MAAKC,KADN,CACZD,QADY;AAAA,6BAEkB,MAAKX,SAFvB;AAAA,UAEZS,WAFY,oBAEZA,WAFY;AAAA,UAECC,YAFD,oBAECA,YAFD;;AAAA,kCAGE,MAAKV,SAAL,CAAea,qBAAf,EAHF;AAAA,UAGZzB,GAHY,yBAGZA,GAHY;AAAA,UAGPD,IAHO,yBAGPA,IAHO;;AAIpB,UAAM2B,EAAE,GAAG,MAAKC,UAAL,CAAgBX,MAAhB,CAAX;;AAJoB,wBAKyB,4BAC3C;AACEpB,QAAAA,KAAK,EAAEyB,WADT;AAEExB,QAAAA,MAAM,EAAEyB;AAFV,OAD2C,EAK3CI,EAL2C,EAM3CH,QAN2C,CALzB;AAAA,UAKPK,SALO,eAKZ5B,GALY;AAAA,UAKU6B,UALV,eAKI9B,IALJ;;AAcpB,aAAO;AACLC,QAAAA,GAAG,EAAEA,GAAG,GAAG4B,SADN;AAEL7B,QAAAA,IAAI,EAAEA,IAAI,GAAG8B;AAFR,OAAP;AAID,KA/EkB;;AAAA,kEAiFL,UAAAb,MAAM;AAAA,aAAI,UAAAc,CAAC,EAAI;AAAA,YACnBC,UADmB,GACJ,MAAKP,KADD,CACnBO,UADmB;;AAE3B,YAAIA,UAAJ,EAAgB;AACd;AACD;;AAEDD,QAAAA,CAAC,CAACE,cAAF;;AAEA,YAAMvC,MAAM,GAAG,MAAKwC,SAAL,CAAejB,MAAf,CAAf;;AAR2B,YASnBO,QATmB,GASN,MAAKC,KATC,CASnBD,QATmB;;AAAA,6BAUG,MAAKW,QAAL,CAAczC,MAAd,EAAsBqC,CAAtB,CAVH;AAAA,YAUZK,UAVY,kBAUnBC,KAVmB;;AAY3B,YAAIC,IAAI,GAAG;AAAEC,UAAAA,CAAC,EAAE,CAAL;AAAQC,UAAAA,CAAC,EAAE;AAAX,SAAX;;AACA,YAAIvB,MAAM,KAAK,MAAKQ,KAAL,CAAWR,MAA1B,EAAkC;AAAA,iCACqB,MAAKJ,SAD1B;AAAA,cACXhB,KADW,oBACxByB,WADwB;AAAA,cACUxB,MADV,oBACJyB,YADI;AAEhCe,UAAAA,IAAI,GAAG,kCAAgB;AAAEzC,YAAAA,KAAK,EAALA,KAAF;AAASC,YAAAA,MAAM,EAANA;AAAT,WAAhB,EAAmC0B,QAAnC,EAA6C,MAAKC,KAAL,CAAWR,MAAxD,EAAgEA,MAAhE,CAAP;AACD;;AAED,cAAKwB,QAAL,CACE;AACExB,UAAAA,MAAM,EAANA,MADF;AAEEe,UAAAA,UAAU,EAAE,IAFd;AAGEI,UAAAA,UAAU,EAAVA,UAHF;AAIE1C,UAAAA,MAAM,EAANA,MAJF;AAKEC,UAAAA,QAAQ,EAAE;AACRK,YAAAA,IAAI,EAAE,MAAKyB,KAAL,CAAW9B,QAAX,CAAoBK,IAApB,GAA2BsC,IAAI,CAACC,CAD9B;AAERtC,YAAAA,GAAG,EAAE,MAAKwB,KAAL,CAAW9B,QAAX,CAAoBM,GAApB,GAA0BqC,IAAI,CAACE;AAF5B;AALZ,SADF,EAWE,YAAM;AACJnB,UAAAA,QAAQ,CAACH,gBAAT,CAA0B,WAA1B,EAAuC,MAAKwB,MAA5C;AACD,SAbH;AAeD,OAjCmB;AAAA,KAjFD;;AAAA,iEAoHN,UAAAX,CAAC,EAAI;AAAA,UACRC,UADQ,GACO,MAAKP,KADZ,CACRO,UADQ;;AAGhB,UAAI,CAACA,UAAL,EAAiB;AACf;AACD;;AAEDD,MAAAA,CAAC,CAACE,cAAF;;AAEA,YAAKQ,QAAL,CACE;AACET,QAAAA,UAAU,EAAE,KADd;AAEEK,QAAAA,KAAK,EAAE,MAAKZ,KAAL,CAAWD,QAFpB;AAGE9B,QAAAA,MAAM,EAAE,IAHV;AAIEiD,QAAAA,OAAO,EAAE;AAJX,OADF,EAOE,YAAM;AACJtB,QAAAA,QAAQ,CAACuB,mBAAT,CAA6B,WAA7B,EAA0C,MAAKF,MAA/C;AACArB,QAAAA,QAAQ,CAACuB,mBAAT,CAA6B,WAA7B,EAA0C,MAAKC,IAA/C;AACD,OAVH;AAYD,KAzIkB;;AAAA,6DAiJV,UAAAd,CAAC,EAAI;AAAA,UACJC,UADI,GACW,MAAKP,KADhB,CACJO,UADI;;AAEZ,UAAI,CAACA,UAAL,EAAiB;AACf;AACD;;AAEDD,MAAAA,CAAC,CAACE,cAAF;AANY,wBAQ0B,MAAKR,KAR/B;AAAA,UAQJW,UARI,eAQJA,UARI;AAAA,UAQQC,KARR,eAQQA,KARR;AAAA,UAQe3C,MARf,eAQeA,MARf;;AAAA,4BASqB,MAAKyC,QAAL,CAAczC,MAAd,EAAsBqC,CAAtB,CATrB;AAAA,UASGY,OATH,mBASJN,KATI;AAAA,UASYE,CATZ,mBASYA,CATZ;AAAA,UASeC,CATf,mBASeA,CATf;;AAUZ,UAAMM,cAAc,GAAG;AAAEP,QAAAA,CAAC,EAADA,CAAF;AAAKC,QAAAA,CAAC,EAADA;AAAL,OAAvB;AACA,UAAMF,IAAI,GAAGK,OAAO,GAAGP,UAAvB;AACA,UAAMZ,QAAQ,GAAGa,KAAK,GAAGC,IAAzB;;AACA,YAAKG,QAAL,CAAc;AAAEjB,QAAAA,QAAQ,EAARA,QAAF;AAAYc,QAAAA,IAAI,EAAJA,IAAZ;AAAkBK,QAAAA,OAAO,EAAPA,OAAlB;AAA2BG,QAAAA,cAAc,EAAdA;AAA3B,OAAd;AACD,KA/JkB;;AAAA,gEAiKP,UAAAf,CAAC,EAAI;AACf,UAAMzB,MAAM,GAAG,MAAKG,OAAL,CAAasC,IAAb,CAAkB,UAAApC,CAAC;AAAA,eAAIA,CAAC,CAACC,EAAF,KAASmB,CAAC,CAACiB,MAAf;AAAA,OAAnB,CAAf;;AAEA,UAAI,CAAC1C,MAAL,EAAa;AACX,cAAK2C,SAAL,CAAelB,CAAf;AACD;AACF,KAvKkB;;AAAA,gEAyKP,UAAAA,CAAC,EAAI;AACf,UAAMmB,SAAS,GAAG,IAAIC,yBAAJ,CAAUpB,CAAC,CAACqB,KAAZ,EAAmBrB,CAAC,CAACsB,KAArB,CAAlB;;AACA,YAAKZ,QAAL,CAAc;AAAES,QAAAA,SAAS,EAATA;AAAF,OAAd,EAA6B,YAAM;AACjC7B,QAAAA,QAAQ,CAACH,gBAAT,CAA0B,WAA1B,EAAuC,MAAK2B,IAA5C;AACD,OAFD;AAGD,KA9KkB;;AAAA,2DAgLZ,UAAAd,CAAC,EAAI;AACVA,MAAAA,CAAC,CAACE,cAAF;AACA,UAAMU,OAAO,GAAG,IAAIQ,yBAAJ,CAAUpB,CAAC,CAACqB,KAAZ,EAAmBrB,CAAC,CAACsB,KAArB,CAAhB;AACA,UAAMC,SAAS,GAAGX,OAAO,CAACY,GAAR,CAAY,MAAK9B,KAAL,CAAWyB,SAAvB,CAAlB;;AACA,YAAKT,QAAL,CAAc;AAAEa,QAAAA,SAAS,EAATA;AAAF,OAAd;AACD,KArLkB;;AAAA,8DAuLT,YAAM;AACd,UAAI,CAAC,MAAK7B,KAAL,CAAW6B,SAAhB,EAA2B;AACzB;AACD;;AAHa,yBAKgC,MAAK7B,KALrC;AAAA,UAKI+B,YALJ,gBAKN7D,QALM;AAAA,UAKkB2D,SALlB,gBAKkBA,SALlB;AAOd,UAAM3D,QAAQ,GAAG;AACfK,QAAAA,IAAI,EAAEwD,YAAY,CAACxD,IAAb,GAAoBsD,SAAS,CAACf,CADrB;AAEftC,QAAAA,GAAG,EAAEuD,YAAY,CAACvD,GAAb,GAAmBqD,SAAS,CAACd;AAFnB,OAAjB;AAKAnB,MAAAA,QAAQ,CAACuB,mBAAT,CAA6B,WAA7B,EAA0C,MAAKC,IAA/C;;AACA,YAAKJ,QAAL,CAAc;AAAE9C,QAAAA,QAAQ,EAARA,QAAF;AAAYuD,QAAAA,SAAS,EAAE,IAAvB;AAA6BI,QAAAA,SAAS,EAAE;AAAxC,OAAd;AACD,KArMkB;;AAEjB,UAAK7B,KAAL,GAAa;AACXO,MAAAA,UAAU,EAAE,KADD;AAEXR,MAAAA,QAAQ,EAAE,CAFC;AAGXY,MAAAA,UAAU,EAAE,CAHD;AAIXC,MAAAA,KAAK,EAAE,CAJI;AAKX1C,MAAAA,QAAQ,EAAE;AACRK,QAAAA,IAAI,EAAEK,KAAK,CAACoD,aAAN,CAAoBzD,IADlB;AAERC,QAAAA,GAAG,EAAEI,KAAK,CAACoD,aAAN,CAAoBxD;AAFjB;AALC,KAAb;AAFiB;AAYlB;;;;2CAEsB;AAAA;;AACrBoB,MAAAA,QAAQ,CAACuB,mBAAT,CAA6B,SAA7B,EAAwC,KAAKzB,UAA7C;AACAE,MAAAA,QAAQ,CAACuB,mBAAT,CAA6B,WAA7B,EAA0C,KAAKC,IAA/C;AACAxB,MAAAA,QAAQ,CAACuB,mBAAT,CAA6B,WAA7B,EAA0C,KAAKF,MAA/C;AAEA,WAAKjC,OAAL,CAAaC,OAAb,CAAqB,UAAAC,CAAC,EAAI;AACxBA,QAAAA,CAAC,CAACC,EAAF,CAAKgC,mBAAL,CAAyB,WAAzB,EAAsCjC,CAAC,CAACI,gBAAxC;AACAJ,QAAAA,CAAC,CAACC,EAAF,CAAKgC,mBAAL,CAAyB,SAAzB,EAAoC,MAAI,CAACzB,UAAzC;AACD,OAHD;AAID;;;wCAEmB;AAClB,WAAKuC,iBAAL;AACA,WAAKC,WAAL;AACD;;;6BA+GQjE,M,EAAQqC,C,EAAG;AAClB,UAAMQ,CAAC,GAAGR,CAAC,CAAC6B,OAAF,GAAYlE,MAAM,CAACM,IAA7B;AACA,UAAMwC,CAAC,GAAG,CAACT,CAAC,CAAC8B,OAAF,GAAYnE,MAAM,CAACO,GAApB,IAA2B,CAAC,CAAtC;AACA,aAAO;AAAEoC,QAAAA,KAAK,EAAE,6BAAWE,CAAX,EAAcC,CAAd,CAAT;AAA2BD,QAAAA,CAAC,EAADA,CAA3B;AAA8BC,QAAAA,CAAC,EAADA;AAA9B,OAAP;AACD;;;6BAwDQ;AAAA;;AAAA,wBAC8C,KAAKnC,KADnD;AAAA,UACCyD,QADD,eACCA,QADD;AAAA,UACW/D,OADX,eACWA,OADX;AAAA,UACoBgE,UADpB,eACoBA,UADpB;AAAA,UACgCC,SADhC,eACgCA,SADhC;AAAA,yBAEmD,KAAKvC,KAFxD;AAAA,UAECD,QAFD,gBAECA,QAFD;AAAA,UAEW9B,MAFX,gBAEWA,MAFX;AAAA,UAEmBuB,MAFnB,gBAEmBA,MAFnB;AAAA,UAE2BqC,SAF3B,gBAE2BA,SAF3B;AAAA,UAEsC3D,QAFtC,gBAEsCA,QAFtC;AAIP,UAAMsE,CAAC,GAAGX,SAAS,uBAAgBA,SAAS,CAACf,CAA1B,iBAAkCe,SAAS,CAACd,CAA5C,WAAqD,EAAxE;AAEA,UAAM0B,KAAK,GAAG;AACZlE,QAAAA,IAAI,EAAEL,QAAQ,CAACK,IADH;AAEZC,QAAAA,GAAG,EAAEN,QAAQ,CAACM,GAFF;AAGZkE,QAAAA,eAAe,EAAElD,MAHL;AAIZmD,QAAAA,SAAS,YAAKH,CAAL,qBAAiBzC,QAAjB;AAJG,OAAd;AAOA,aACE;AACE,QAAA,SAAS,EAAE,4BAAWzB,OAAO,CAACc,SAAnB,EAA8BmD,SAA9B,CADb;AAEE,QAAA,KAAK,EAAEE,KAFT;AAGE,QAAA,GAAG,EAAE,aAAAG,CAAC;AAAA,iBAAK,MAAI,CAACxD,SAAL,GAAiBwD,CAAtB;AAAA,SAHR;AAIE,QAAA,WAAW,EAAE,KAAKC,SAJpB;AAKE,QAAA,SAAS,EAAE,KAAKC;AALlB,SAOG7E,MAAM,IAAIqE,UAAV,IAAwB,gCAAC,MAAD,EAAYrE,MAAZ,CAP3B,EAQGoE,QARH,CADF;AAYD;;;;EAvP4BU,kBAAMC,S;;;;gBAAxBrE,S,eACQ;AACjBL,EAAAA,OAAO,EAAE2E,sBAAUC,MAAV,CAAiBC,UADT;AAEjBd,EAAAA,QAAQ,EAAEY,sBAAUG,SAAV,CAAoB,CAACH,sBAAUI,OAAV,CAAkBJ,sBAAUK,IAA5B,CAAD,EAAoCL,sBAAUK,IAA9C,CAApB,EAAyEH,UAFlE;AAGjBb,EAAAA,UAAU,EAAEW,sBAAUM,IAHL;AAIjB1E,EAAAA,MAAM,EAAEoE,sBAAUI,OAAV,CACNJ,sBAAUO,KAAV,CAAgB;AACd,aAAOP,sBAAUQ,MAAV,CAAiBN,UADV;AAEd3D,IAAAA,MAAM,EAAEyD,sBAAUQ;AAFJ,GAAhB,CADM,CAJS;AAUjBlB,EAAAA,SAAS,EAAEU,sBAAUQ,MAVJ;AAWjBzB,EAAAA,aAAa,EAAEiB,sBAAUO,KAAV,CAAgB;AAC7BjF,IAAAA,IAAI,EAAE0E,sBAAUS,MADa;AAE7BlF,IAAAA,GAAG,EAAEyE,sBAAUS;AAFc,GAAhB;AAXE,C;;gBADR/E,S,kBAkBW;AACpB2D,EAAAA,UAAU,EAAE,KADQ;AAEpBN,EAAAA,aAAa,EAAE;AAAEzD,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,GAAG,EAAE;AAAhB;AAFK,C;;eAwOT,wBAAW;AACxBY,EAAAA,SAAS,EAAE;AACTlB,IAAAA,QAAQ,EAAE,UADD;AAETyF,IAAAA,OAAO,EAAE,cAFA;AAGTC,IAAAA,MAAM,EAAE;AAHC;AADa,CAAX,EAMZjF,SANY,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { getAnchor as calcAnchor, distanceBetween, arctangent } from './anchor-utils';\nimport { Portal } from 'react-portal';\nimport Point from '@mapbox/point-geometry';\nimport { parse as parseOrigin } from './transform-origin';\nimport classNames from 'classnames';\n\nconst Anchor = withStyles({\n  anchor: {\n    position: 'absolute',\n    zIndex: 100,\n    width: '200px',\n    height: '80px'\n  }\n})(({ classes, left, top, color, fill }) => {\n  color = color || 'green';\n  fill = fill || 'white';\n  return (\n    <Portal>\n      <svg\n        className={classes.anchor}\n        style={{\n          left: left - 10,\n          top: top - 10\n        }}\n      >\n        <circle cx={10} cy={10} r={8} strokeWidth={1} stroke={color} fill={fill} />\n      </svg>\n    </Portal>\n  );\n});\n\n/**\n * Tip o' the hat to:\n * https://bl.ocks.org/joyrexus/7207044\n */\nexport class Rotatable extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    showAnchor: PropTypes.bool,\n    handle: PropTypes.arrayOf(\n      PropTypes.shape({\n        class: PropTypes.string.isRequired,\n        origin: PropTypes.string\n      })\n    ),\n    className: PropTypes.string,\n    startPosition: PropTypes.shape({\n      left: PropTypes.number,\n      top: PropTypes.number\n    })\n  };\n\n  static defaultProps = {\n    showAnchor: false,\n    startPosition: { left: 0, top: 0 }\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isRotating: false,\n      rotation: 0,\n      startAngle: 0,\n      angle: 0,\n      position: {\n        left: props.startPosition.left,\n        top: props.startPosition.top\n      }\n    };\n  }\n\n  componentWillUnmount() {\n    document.removeEventListener('mouseup', this.rotateStop);\n    document.removeEventListener('mousemove', this.drag);\n    document.removeEventListener('mousemove', this.rotate);\n\n    this.handles.forEach(h => {\n      h.el.removeEventListener('mousedown', h.mousedownHandler);\n      h.el.removeEventListener('mouseup', this.rotateStop);\n    });\n  }\n\n  componentDidMount() {\n    this.addMouseUpHandler();\n    this.initHandles();\n  }\n\n  initHandles = () => {\n    const { handle } = this.props;\n\n    if (Array.isArray(handle)) {\n      this.handles = [];\n      handle.forEach(h => {\n        const el = this.rotatable.querySelector(`.${h.class}`);\n\n        if (el) {\n          const mousedownHandler = this.rotateStart(h.origin);\n          el.addEventListener('mousedown', mousedownHandler);\n          el.addEventListener('mouseup', this.rotateStop);\n          this.handles.push({ el, mousedownHandler });\n        }\n      });\n    }\n  };\n\n  addMouseUpHandler = () => {\n    document.addEventListener('mouseup', this.rotateStop);\n  };\n\n  originToXY = origin => {\n    const { clientWidth: width, clientHeight: height } = this.rotatable;\n    return parseOrigin({ width, height }, origin);\n  };\n\n  /**\n   * Get the anchor point for the given element, origin and rotation.\n   * @returns {{left:number, top: number}} - the co-ordinates of the anchor point relative to the whole page.\n   */\n  getAnchor = origin => {\n    const { rotation } = this.state;\n    const { clientWidth, clientHeight } = this.rotatable;\n    const { top, left } = this.rotatable.getBoundingClientRect();\n    const xy = this.originToXY(origin);\n    const { top: anchorTop, left: anchorLeft } = calcAnchor(\n      {\n        width: clientWidth,\n        height: clientHeight\n      },\n      xy,\n      rotation\n    );\n\n    return {\n      top: top + anchorTop,\n      left: left + anchorLeft\n    };\n  };\n\n  rotateStart = origin => e => {\n    const { isRotating } = this.state;\n    if (isRotating) {\n      return;\n    }\n\n    e.preventDefault();\n\n    const anchor = this.getAnchor(origin);\n    const { rotation } = this.state;\n    const { angle: startAngle } = this.getAngle(anchor, e);\n\n    let diff = { x: 0, y: 0 };\n    if (origin !== this.state.origin) {\n      const { clientWidth: width, clientHeight: height } = this.rotatable;\n      diff = distanceBetween({ width, height }, rotation, this.state.origin, origin);\n    }\n\n    this.setState(\n      {\n        origin,\n        isRotating: true,\n        startAngle,\n        anchor,\n        position: {\n          left: this.state.position.left + diff.x,\n          top: this.state.position.top + diff.y\n        }\n      },\n      () => {\n        document.addEventListener('mousemove', this.rotate);\n      }\n    );\n  };\n\n  rotateStop = e => {\n    const { isRotating } = this.state;\n\n    if (!isRotating) {\n      return;\n    }\n\n    e.preventDefault();\n\n    this.setState(\n      {\n        isRotating: false,\n        angle: this.state.rotation,\n        anchor: null,\n        current: null\n      },\n      () => {\n        document.removeEventListener('mousemove', this.rotate);\n        document.removeEventListener('mousemove', this.drag);\n      }\n    );\n  };\n\n  getAngle(anchor, e) {\n    const x = e.clientX - anchor.left;\n    const y = (e.clientY - anchor.top) * -1;\n    return { angle: arctangent(x, y), x, y };\n  }\n\n  rotate = e => {\n    const { isRotating } = this.state;\n    if (!isRotating) {\n      return;\n    }\n\n    e.preventDefault();\n\n    const { startAngle, angle, anchor } = this.state;\n    const { angle: current, x, y } = this.getAngle(anchor, e);\n    const computedAnchor = { x, y };\n    const diff = current - startAngle;\n    const rotation = angle + diff;\n    this.setState({ rotation, diff, current, computedAnchor });\n  };\n\n  mouseDown = e => {\n    const handle = this.handles.find(h => h.el === e.target);\n\n    if (!handle) {\n      this.dragStart(e);\n    }\n  };\n\n  dragStart = e => {\n    const dragPoint = new Point(e.pageX, e.pageY);\n    this.setState({ dragPoint }, () => {\n      document.addEventListener('mousemove', this.drag);\n    });\n  };\n\n  drag = e => {\n    e.preventDefault();\n    const current = new Point(e.pageX, e.pageY);\n    const translate = current.sub(this.state.dragPoint);\n    this.setState({ translate });\n  };\n\n  mouseUp = () => {\n    if (!this.state.translate) {\n      return;\n    }\n\n    const { position: lastPosition, translate } = this.state;\n\n    const position = {\n      left: lastPosition.left + translate.x,\n      top: lastPosition.top + translate.y\n    };\n\n    document.removeEventListener('mousemove', this.drag);\n    this.setState({ position, dragPoint: null, translate: null });\n  };\n\n  render() {\n    const { children, classes, showAnchor, className } = this.props;\n    const { rotation, anchor, origin, translate, position } = this.state;\n\n    const t = translate ? `translate(${translate.x}px, ${translate.y}px)` : '';\n\n    const style = {\n      left: position.left,\n      top: position.top,\n      transformOrigin: origin,\n      transform: `${t} rotate(${rotation}deg)`\n    };\n\n    return (\n      <div\n        className={classNames(classes.rotatable, className)}\n        style={style}\n        ref={r => (this.rotatable = r)}\n        onMouseDown={this.mouseDown}\n        onMouseUp={this.mouseUp}\n      >\n        {anchor && showAnchor && <Anchor {...anchor} />}\n        {children}\n      </div>\n    );\n  }\n}\n\nexport default withStyles({\n  rotatable: {\n    position: 'relative',\n    display: 'inline-block',\n    cursor: 'move'\n  }\n})(Rotatable);\n"],"file":"rotatable.js"}
+{"version":3,"sources":["../src/rotatable.jsx"],"names":["Anchor","anchor","position","zIndex","width","height","classes","left","top","color","fill","Rotatable","props","handle","Array","isArray","handles","forEach","h","el","rotatable","querySelector","mousedownHandler","rotateStart","origin","addEventListener","rotateStop","push","document","clientWidth","clientHeight","rotation","state","getBoundingClientRect","xy","originToXY","anchorTop","anchorLeft","e","isRotating","preventDefault","getAnchor","getAngle","startAngle","angle","diff","x","y","setState","rotate","current","removeEventListener","drag","computedAnchor","find","target","dragStart","dragPoint","Point","pageX","pageY","translate","sub","lastPosition","startPosition","addMouseUpHandler","initHandles","clientX","clientY","children","showAnchor","className","t","style","transformOrigin","transform","r","mouseDown","mouseUp","React","Component","PropTypes","object","isRequired","oneOfType","arrayOf","node","bool","shape","string","number","display","cursor"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { getAnchor as calcAnchor, distanceBetween, arctangent } from './anchor-utils';\nimport { Portal } from 'react-portal';\nimport Point from '@mapbox/point-geometry';\nimport { parse as parseOrigin } from './transform-origin';\nimport classNames from 'classnames';\n\nconst Anchor = withStyles({\n  anchor: {\n    position: 'absolute',\n    zIndex: 100,\n    width: '200px',\n    height: '80px',\n  },\n})(({ classes, left, top, color, fill }) => {\n  color = color || 'green';\n  fill = fill || 'white';\n  return (\n    <Portal>\n      <svg\n        className={classes.anchor}\n        style={{\n          left: left - 10,\n          top: top - 10,\n        }}\n      >\n        <circle cx={10} cy={10} r={8} strokeWidth={1} stroke={color} fill={fill} />\n      </svg>\n    </Portal>\n  );\n});\n\n/**\n * Tip o' the hat to:\n * https://bl.ocks.org/joyrexus/7207044\n */\nexport class Rotatable extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    showAnchor: PropTypes.bool,\n    handle: PropTypes.arrayOf(\n      PropTypes.shape({\n        class: PropTypes.string.isRequired,\n        origin: PropTypes.string,\n      }),\n    ),\n    className: PropTypes.string,\n    startPosition: PropTypes.shape({\n      left: PropTypes.number,\n      top: PropTypes.number,\n    }),\n  };\n\n  static defaultProps = {\n    showAnchor: false,\n    startPosition: { left: 0, top: 0 },\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isRotating: false,\n      rotation: 0,\n      startAngle: 0,\n      angle: 0,\n      position: {\n        left: props.startPosition.left,\n        top: props.startPosition.top,\n      },\n    };\n  }\n\n  componentWillUnmount() {\n    document.removeEventListener('mouseup', this.rotateStop);\n    document.removeEventListener('mousemove', this.drag);\n    document.removeEventListener('mousemove', this.rotate);\n\n    this.handles.forEach((h) => {\n      h.el.removeEventListener('mousedown', h.mousedownHandler);\n      h.el.removeEventListener('mouseup', this.rotateStop);\n    });\n  }\n\n  componentDidMount() {\n    this.addMouseUpHandler();\n    this.initHandles();\n  }\n\n  initHandles = () => {\n    const { handle } = this.props;\n\n    if (Array.isArray(handle)) {\n      this.handles = [];\n      handle.forEach((h) => {\n        const el = this.rotatable.querySelector(`.${h.class}`);\n\n        if (el) {\n          const mousedownHandler = this.rotateStart(h.origin);\n          el.addEventListener('mousedown', mousedownHandler);\n          el.addEventListener('mouseup', this.rotateStop);\n          this.handles.push({ el, mousedownHandler });\n        }\n      });\n    }\n  };\n\n  addMouseUpHandler = () => {\n    document.addEventListener('mouseup', this.rotateStop);\n  };\n\n  originToXY = (origin) => {\n    const { clientWidth: width, clientHeight: height } = this.rotatable;\n    return parseOrigin({ width, height }, origin);\n  };\n\n  /**\n   * Get the anchor point for the given element, origin and rotation.\n   * @returns {{left:number, top: number}} - the co-ordinates of the anchor point relative to the whole page.\n   */\n  getAnchor = (origin) => {\n    const { rotation } = this.state;\n    const { clientWidth, clientHeight } = this.rotatable;\n    const { top, left } = this.rotatable.getBoundingClientRect();\n    const xy = this.originToXY(origin);\n    const { top: anchorTop, left: anchorLeft } = calcAnchor(\n      {\n        width: clientWidth,\n        height: clientHeight,\n      },\n      xy,\n      rotation,\n    );\n\n    return {\n      top: top + anchorTop,\n      left: left + anchorLeft,\n    };\n  };\n\n  rotateStart = (origin) => (e) => {\n    const { isRotating } = this.state;\n    if (isRotating) {\n      return;\n    }\n\n    e.preventDefault();\n\n    const anchor = this.getAnchor(origin);\n    const { rotation } = this.state;\n    const { angle: startAngle } = this.getAngle(anchor, e);\n\n    let diff = { x: 0, y: 0 };\n    if (origin !== this.state.origin) {\n      const { clientWidth: width, clientHeight: height } = this.rotatable;\n      diff = distanceBetween({ width, height }, rotation, this.state.origin, origin);\n    }\n\n    this.setState(\n      {\n        origin,\n        isRotating: true,\n        startAngle,\n        anchor,\n        position: {\n          left: this.state.position.left + diff.x,\n          top: this.state.position.top + diff.y,\n        },\n      },\n      () => {\n        document.addEventListener('mousemove', this.rotate);\n      },\n    );\n  };\n\n  rotateStop = (e) => {\n    const { isRotating } = this.state;\n\n    if (!isRotating) {\n      return;\n    }\n\n    e.preventDefault();\n\n    this.setState(\n      {\n        isRotating: false,\n        angle: this.state.rotation,\n        anchor: null,\n        current: null,\n      },\n      () => {\n        document.removeEventListener('mousemove', this.rotate);\n        document.removeEventListener('mousemove', this.drag);\n      },\n    );\n  };\n\n  getAngle(anchor, e) {\n    const x = e.clientX - anchor.left;\n    const y = (e.clientY - anchor.top) * -1;\n    return { angle: arctangent(x, y), x, y };\n  }\n\n  rotate = (e) => {\n    const { isRotating } = this.state;\n    if (!isRotating) {\n      return;\n    }\n\n    e.preventDefault();\n\n    const { startAngle, angle, anchor } = this.state;\n    const { angle: current, x, y } = this.getAngle(anchor, e);\n    const computedAnchor = { x, y };\n    const diff = current - startAngle;\n    const rotation = angle + diff;\n    this.setState({ rotation, diff, current, computedAnchor });\n  };\n\n  mouseDown = (e) => {\n    const handle = this.handles.find((h) => h.el === e.target);\n\n    if (!handle) {\n      this.dragStart(e);\n    }\n  };\n\n  dragStart = (e) => {\n    const dragPoint = new Point(e.pageX, e.pageY);\n    this.setState({ dragPoint }, () => {\n      document.addEventListener('mousemove', this.drag);\n    });\n  };\n\n  drag = (e) => {\n    e.preventDefault();\n    const current = new Point(e.pageX, e.pageY);\n    const translate = current.sub(this.state.dragPoint);\n    this.setState({ translate });\n  };\n\n  mouseUp = () => {\n    if (!this.state.translate) {\n      return;\n    }\n\n    const { position: lastPosition, translate } = this.state;\n\n    const position = {\n      left: lastPosition.left + translate.x,\n      top: lastPosition.top + translate.y,\n    };\n\n    document.removeEventListener('mousemove', this.drag);\n    this.setState({ position, dragPoint: null, translate: null });\n  };\n\n  render() {\n    const { children, classes, showAnchor, className } = this.props;\n    const { rotation, anchor, origin, translate, position } = this.state;\n\n    const t = translate ? `translate(${translate.x}px, ${translate.y}px)` : '';\n\n    const style = {\n      left: position.left,\n      top: position.top,\n      transformOrigin: origin,\n      transform: `${t} rotate(${rotation}deg)`,\n    };\n\n    return (\n      <div\n        className={classNames(classes.rotatable, className)}\n        style={style}\n        ref={(r) => (this.rotatable = r)}\n        onMouseDown={this.mouseDown}\n        onMouseUp={this.mouseUp}\n      >\n        {anchor && showAnchor && <Anchor {...anchor} />}\n        {children}\n      </div>\n    );\n  }\n}\n\nexport default withStyles({\n  rotatable: {\n    position: 'relative',\n    display: 'inline-block',\n    cursor: 'move',\n  },\n})(Rotatable);\n"],"file":"rotatable.js"}

package/lib/ruler/graphic.js

@@ -1,10 +1,24 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
@@ -19,33 +33,15 @@ var _unit = _interopRequireDefault(require("./unit"));
 
 var _styleUtils = require("../style-utils");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+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 _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 Bg = function Bg(_ref) {
   var width = _ref.width,
       height = _ref.height,
       className = _ref.className;
-  return _react["default"].createElement("rect", {
+  return /*#__PURE__*/_react["default"].createElement("rect", {
     width: width,
     height: height,
     cx: 0,
@@ -60,18 +56,17 @@ Bg.propTypes = {
   className: _propTypes["default"].string.isRequired
 };
 
-var Graphic =
-/*#__PURE__*/
-function (_React$PureComponent) {
-  _inherits(Graphic, _React$PureComponent);
+var Graphic = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inherits2["default"])(Graphic, _React$PureComponent);
 
-  function Graphic() {
-    _classCallCheck(this, Graphic);
+  var _super = _createSuper(Graphic);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Graphic).apply(this, arguments));
+  function Graphic() {
+    (0, _classCallCheck2["default"])(this, Graphic);
+    return _super.apply(this, arguments);
   }
 
-  _createClass(Graphic, [{
+  (0, _createClass2["default"])(Graphic, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -83,16 +78,16 @@ function (_React$PureComponent) {
       var viewBox = "0 0 ".concat(width, " ").concat(height);
       var unitWidth = width / units;
       var unitHeight = height;
-      return _react["default"].createElement("svg", {
+      return /*#__PURE__*/_react["default"].createElement("svg", {
         viewBox: viewBox
-      }, _react["default"].createElement(Bg, {
+      }, /*#__PURE__*/_react["default"].createElement(Bg, {
         width: width,
         height: height,
         className: classes.bg
-      }), _react["default"].createElement(_unitType["default"], {
+      }), /*#__PURE__*/_react["default"].createElement(_unitType["default"], {
         label: unit.type
       }), (0, _range["default"])(1, units + 1).map(function (r) {
-        return _react["default"].createElement(_unit["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_unit["default"], {
           width: unitWidth,
           height: unitHeight,
           key: r,
@@ -103,13 +98,11 @@ function (_React$PureComponent) {
       }));
     }
   }]);
-
   return Graphic;
 }(_react["default"].PureComponent);
 
 exports.Graphic = Graphic;
-
-_defineProperty(Graphic, "propTypes", {
+(0, _defineProperty2["default"])(Graphic, "propTypes", {
   width: _propTypes["default"].number.isRequired,
   height: _propTypes["default"].number.isRequired,
   units: _propTypes["default"].number.isRequired,

package/lib/ruler/graphic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ruler/graphic.jsx"],"names":["Bg","width","height","className","propTypes","PropTypes","number","isRequired","string","Graphic","props","classes","units","unit","viewBox","unitWidth","unitHeight","bg","type","map","r","React","PureComponent","object","styles","theme","stroke","strokeWidth","fill"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,EAAE,GAAG,SAALA,EAAK;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,MAAV,QAAUA,MAAV;AAAA,MAAkBC,SAAlB,QAAkBA,SAAlB;AAAA,SACT;AAAM,IAAA,KAAK,EAAEF,KAAb;AAAoB,IAAA,MAAM,EAAEC,MAA5B;AAAoC,IAAA,EAAE,EAAE,CAAxC;AAA2C,IAAA,EAAE,EAAE,CAA/C;AAAkD,IAAA,SAAS,EAAEC;AAA7D,IADS;AAAA,CAAX;;AAIAH,EAAE,CAACI,SAAH,GAAe;AACbH,EAAAA,KAAK,EAAEI,sBAAUC,MAAV,CAAiBC,UADX;AAEbL,EAAAA,MAAM,EAAEG,sBAAUC,MAAV,CAAiBC,UAFZ;AAGbJ,EAAAA,SAAS,EAAEE,sBAAUG,MAAV,CAAiBD;AAHf,CAAf;;IAMaE,O;;;;;;;;;;;;;6BASF;AAAA,wBACyC,KAAKC,KAD9C;AAAA,UACCT,KADD,eACCA,KADD;AAAA,UACQC,MADR,eACQA,MADR;AAAA,UACgBS,OADhB,eACgBA,OADhB;AAAA,UACyBC,KADzB,eACyBA,KADzB;AAAA,UACgCC,IADhC,eACgCA,IADhC;AAEP,UAAMC,OAAO,iBAAUb,KAAV,cAAmBC,MAAnB,CAAb;AACA,UAAMa,SAAS,GAAGd,KAAK,GAAGW,KAA1B;AACA,UAAMI,UAAU,GAAGd,MAAnB;AAEA,aACE;AAAK,QAAA,OAAO,EAAEY;AAAd,SACE,gCAAC,EAAD;AAAI,QAAA,KAAK,EAAEb,KAAX;AAAkB,QAAA,MAAM,EAAEC,MAA1B;AAAkC,QAAA,SAAS,EAAES,OAAO,CAACM;AAArD,QADF,EAEE,gCAAC,oBAAD;AAAU,QAAA,KAAK,EAAEJ,IAAI,CAACK;AAAtB,QAFF,EAGG,uBAAM,CAAN,EAASN,KAAK,GAAG,CAAjB,EAAoBO,GAApB,CAAwB,UAAAC,CAAC;AAAA,eACxB,gCAAC,gBAAD;AACE,UAAA,KAAK,EAAEL,SADT;AAEE,UAAA,MAAM,EAAEC,UAFV;AAGE,UAAA,GAAG,EAAEI,CAHP;AAIE,UAAA,KAAK,EAAEA,CAJT;AAKE,UAAA,MAAM,EAAEP,IALV;AAME,UAAA,IAAI,EAAEO,CAAC,KAAKR;AANd,UADwB;AAAA,OAAzB,CAHH,CADF;AAgBD;;;;EA/B0BS,kBAAMC,a;;;;gBAAtBb,O,eACQ;AACjBR,EAAAA,KAAK,EAAEI,sBAAUC,MAAV,CAAiBC,UADP;AAEjBL,EAAAA,MAAM,EAAEG,sBAAUC,MAAV,CAAiBC,UAFR;AAGjBK,EAAAA,KAAK,EAAEP,sBAAUC,MAAV,CAAiBC,UAHP;AAIjBM,EAAAA,IAAI,EAAER,sBAAUkB,MAAV,CAAiBhB,UAJN;AAKjBI,EAAAA,OAAO,EAAEN,sBAAUkB,MAAV,CAAiBhB;AALT,C;;AAgCrB,IAAMiB,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBR,IAAAA,EAAE,EAAE;AACFS,MAAAA,MAAM,EAAE,6BAAYD,KAAZ,CADN;AAEFE,MAAAA,WAAW,EAAE,KAFX;AAGFC,MAAAA,IAAI,EAAE,2BAAUH,KAAV;AAHJ;AADmB,GAAL;AAAA,CAApB;;eAQe,wBAAWD,MAAX,EAAmBf,OAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport UnitType from './unit-type';\nimport range from 'lodash/range';\nimport Unit from './unit';\nimport { strokeColor, fillColor } from '../style-utils';\n\nconst Bg = ({ width, height, className }) => (\n  <rect width={width} height={height} cx={0} cy={0} className={className} />\n);\n\nBg.propTypes = {\n  width: PropTypes.number.isRequired,\n  height: PropTypes.number.isRequired,\n  className: PropTypes.string.isRequired\n};\n\nexport class Graphic extends React.PureComponent {\n  static propTypes = {\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n    units: PropTypes.number.isRequired,\n    unit: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired\n  };\n\n  render() {\n    const { width, height, classes, units, unit } = this.props;\n    const viewBox = `0 0 ${width} ${height}`;\n    const unitWidth = width / units;\n    const unitHeight = height;\n\n    return (\n      <svg viewBox={viewBox}>\n        <Bg width={width} height={height} className={classes.bg} />\n        <UnitType label={unit.type} />\n        {range(1, units + 1).map(r => (\n          <Unit\n            width={unitWidth}\n            height={unitHeight}\n            key={r}\n            index={r}\n            config={unit}\n            last={r === units}\n          />\n        ))}\n      </svg>\n    );\n  }\n}\nconst styles = theme => ({\n  bg: {\n    stroke: strokeColor(theme),\n    strokeWidth: '2px',\n    fill: fillColor(theme)\n  }\n});\n\nexport default withStyles(styles)(Graphic);\n"],"file":"graphic.js"}
+{"version":3,"sources":["../../src/ruler/graphic.jsx"],"names":["Bg","width","height","className","propTypes","PropTypes","number","isRequired","string","Graphic","props","classes","units","unit","viewBox","unitWidth","unitHeight","bg","type","map","r","React","PureComponent","object","styles","theme","stroke","strokeWidth","fill"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,EAAE,GAAG,SAALA,EAAK;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,MAAV,QAAUA,MAAV;AAAA,MAAkBC,SAAlB,QAAkBA,SAAlB;AAAA,sBAAkC;AAAM,IAAA,KAAK,EAAEF,KAAb;AAAoB,IAAA,MAAM,EAAEC,MAA5B;AAAoC,IAAA,EAAE,EAAE,CAAxC;AAA2C,IAAA,EAAE,EAAE,CAA/C;AAAkD,IAAA,SAAS,EAAEC;AAA7D,IAAlC;AAAA,CAAX;;AAEAH,EAAE,CAACI,SAAH,GAAe;AACbH,EAAAA,KAAK,EAAEI,sBAAUC,MAAV,CAAiBC,UADX;AAEbL,EAAAA,MAAM,EAAEG,sBAAUC,MAAV,CAAiBC,UAFZ;AAGbJ,EAAAA,SAAS,EAAEE,sBAAUG,MAAV,CAAiBD;AAHf,CAAf;;IAMaE,O;;;;;;;;;;;;WASX,kBAAS;AACP,wBAAgD,KAAKC,KAArD;AAAA,UAAQT,KAAR,eAAQA,KAAR;AAAA,UAAeC,MAAf,eAAeA,MAAf;AAAA,UAAuBS,OAAvB,eAAuBA,OAAvB;AAAA,UAAgCC,KAAhC,eAAgCA,KAAhC;AAAA,UAAuCC,IAAvC,eAAuCA,IAAvC;AACA,UAAMC,OAAO,iBAAUb,KAAV,cAAmBC,MAAnB,CAAb;AACA,UAAMa,SAAS,GAAGd,KAAK,GAAGW,KAA1B;AACA,UAAMI,UAAU,GAAGd,MAAnB;AAEA,0BACE;AAAK,QAAA,OAAO,EAAEY;AAAd,sBACE,gCAAC,EAAD;AAAI,QAAA,KAAK,EAAEb,KAAX;AAAkB,QAAA,MAAM,EAAEC,MAA1B;AAAkC,QAAA,SAAS,EAAES,OAAO,CAACM;AAArD,QADF,eAEE,gCAAC,oBAAD;AAAU,QAAA,KAAK,EAAEJ,IAAI,CAACK;AAAtB,QAFF,EAGG,uBAAM,CAAN,EAASN,KAAK,GAAG,CAAjB,EAAoBO,GAApB,CAAwB,UAACC,CAAD;AAAA,4BACvB,gCAAC,gBAAD;AAAM,UAAA,KAAK,EAAEL,SAAb;AAAwB,UAAA,MAAM,EAAEC,UAAhC;AAA4C,UAAA,GAAG,EAAEI,CAAjD;AAAoD,UAAA,KAAK,EAAEA,CAA3D;AAA8D,UAAA,MAAM,EAAEP,IAAtE;AAA4E,UAAA,IAAI,EAAEO,CAAC,KAAKR;AAAxF,UADuB;AAAA,OAAxB,CAHH,CADF;AASD;;;EAxB0BS,kBAAMC,a;;;iCAAtBb,O,eACQ;AACjBR,EAAAA,KAAK,EAAEI,sBAAUC,MAAV,CAAiBC,UADP;AAEjBL,EAAAA,MAAM,EAAEG,sBAAUC,MAAV,CAAiBC,UAFR;AAGjBK,EAAAA,KAAK,EAAEP,sBAAUC,MAAV,CAAiBC,UAHP;AAIjBM,EAAAA,IAAI,EAAER,sBAAUkB,MAAV,CAAiBhB,UAJN;AAKjBI,EAAAA,OAAO,EAAEN,sBAAUkB,MAAV,CAAiBhB;AALT,C;;AAyBrB,IAAMiB,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBR,IAAAA,EAAE,EAAE;AACFS,MAAAA,MAAM,EAAE,6BAAYD,KAAZ,CADN;AAEFE,MAAAA,WAAW,EAAE,KAFX;AAGFC,MAAAA,IAAI,EAAE,2BAAUH,KAAV;AAHJ;AADqB,GAAZ;AAAA,CAAf;;eAQe,wBAAWD,MAAX,EAAmBf,OAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport UnitType from './unit-type';\nimport range from 'lodash/range';\nimport Unit from './unit';\nimport { strokeColor, fillColor } from '../style-utils';\n\nconst Bg = ({ width, height, className }) => <rect width={width} height={height} cx={0} cy={0} className={className} />;\n\nBg.propTypes = {\n  width: PropTypes.number.isRequired,\n  height: PropTypes.number.isRequired,\n  className: PropTypes.string.isRequired,\n};\n\nexport class Graphic extends React.PureComponent {\n  static propTypes = {\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n    units: PropTypes.number.isRequired,\n    unit: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  render() {\n    const { width, height, classes, units, unit } = this.props;\n    const viewBox = `0 0 ${width} ${height}`;\n    const unitWidth = width / units;\n    const unitHeight = height;\n\n    return (\n      <svg viewBox={viewBox}>\n        <Bg width={width} height={height} className={classes.bg} />\n        <UnitType label={unit.type} />\n        {range(1, units + 1).map((r) => (\n          <Unit width={unitWidth} height={unitHeight} key={r} index={r} config={unit} last={r === units} />\n        ))}\n      </svg>\n    );\n  }\n}\nconst styles = (theme) => ({\n  bg: {\n    stroke: strokeColor(theme),\n    strokeWidth: '2px',\n    fill: fillColor(theme),\n  },\n});\n\nexport default withStyles(styles)(Graphic);\n"],"file":"graphic.js"}

package/lib/ruler/index.js

@@ -1,10 +1,24 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Ruler = 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");
@@ -19,40 +33,21 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _anchor = _interopRequireDefault(require("../anchor"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+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 _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+var Ruler = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Ruler, _React$Component);
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var Ruler =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits(Ruler, _React$Component);
+  var _super = _createSuper(Ruler);
 
   function Ruler() {
-    _classCallCheck(this, Ruler);
-
-    return _possibleConstructorReturn(this, _getPrototypeOf(Ruler).apply(this, arguments));
+    (0, _classCallCheck2["default"])(this, Ruler);
+    return _super.apply(this, arguments);
   }
 
-  _createClass(Ruler, [{
+  (0, _createClass2["default"])(Ruler, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -72,7 +67,7 @@ function (_React$Component) {
         type: label,
         ticks: 10
       };
-      return _react["default"].createElement(_rotatable["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_rotatable["default"], {
         className: className,
         startPosition: startPosition,
         handle: [{
@@ -82,31 +77,29 @@ function (_React$Component) {
           "class": 'rightAnchor',
           origin: 'bottom left'
         }]
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.ruler,
         style: {
           width: "".concat(width, "px"),
           height: "".concat(height, "px")
         }
-      }, _react["default"].createElement(_graphic["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_graphic["default"], {
         width: width,
         height: height,
         units: units,
         unit: unit
-      }), _react["default"].createElement(_anchor["default"], {
+      }), /*#__PURE__*/_react["default"].createElement(_anchor["default"], {
         className: (0, _classnames["default"])('leftAnchor', classes.leftAnchor)
-      }), _react["default"].createElement(_anchor["default"], {
+      }), /*#__PURE__*/_react["default"].createElement(_anchor["default"], {
         className: (0, _classnames["default"])('rightAnchor', classes.rightAnchor)
       })));
     }
   }]);
-
   return Ruler;
 }(_react["default"].Component);
 
 exports.Ruler = Ruler;
-
-_defineProperty(Ruler, "propTypes", {
+(0, _defineProperty2["default"])(Ruler, "propTypes", {
   width: _propTypes["default"].number,
   height: _propTypes["default"].number,
   units: _propTypes["default"].number.isRequired,
@@ -120,8 +113,7 @@ _defineProperty(Ruler, "propTypes", {
   label: _propTypes["default"].string,
   tickCount: _propTypes["default"].number
 });
-
-_defineProperty(Ruler, "defaultProps", {
+(0, _defineProperty2["default"])(Ruler, "defaultProps", {
   width: 480,
   height: 60,
   measure: 'imperial',