@pie-lib/tools 0.29.2-next.0 → 0.29.2-next.164

package/lib/protractor/graphic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/protractor/graphic.jsx"],"names":["Line","theme","line","strokeWidth","stroke","angle","classes","major","minor","Spike","Text","text","fontSize","textAnchor","fill","Graphic","props","path","map","r","circle","React","PureComponent","PropTypes","object","isRequired"],"mappings":"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","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"],"file":"graphic.js"}
+{"version":3,"file":"graphic.js","names":["_react","_interopRequireDefault","require","_styles","_range","_styleUtils","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledLine","styled","_ref","theme","strokeWidth","stroke","strokeColor","Line","_ref2","angle","major","minor","createElement","transform","concat","style","x1","x2","y1","y2","StyledSpikeLine","_ref3","Spike","_ref4","StyledText","_ref5","fontSize","textAnchor","fill","noSelect","Text","_ref6","x","y","StyledPath","_ref7","StyledGraphicLine","_ref8","StyledCircle","_ref9","Graphic","exports","_React$PureComponent","_classCallCheck2","_inherits2","_createClass2","key","value","render","viewBox","d","range","map","Fragment","cx","cy","React","PureComponent","_default"],"sources":["../../src/protractor/graphic.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport range from 'lodash/range';\nimport { strokeColor, noSelect } from '../style-utils';\n\nconst StyledLine = styled('line')(({ theme }) => ({\n  strokeWidth: '0.2',\n  stroke: strokeColor(theme),\n}));\n\nconst Line = ({ angle, major, minor }) => (\n  <StyledLine\n    transform={`rotate(${angle}, 50.5,50)`}\n    style={{}}\n    x1=\"1\"\n    x2={major ? 10 : minor ? 6 : 3}\n    y1=\"50\"\n    y2=\"50\"\n  />\n);\n\nconst StyledSpikeLine = styled('line')(({ theme }) => ({\n  strokeWidth: '0.2',\n  stroke: strokeColor(theme),\n}));\n\nconst Spike = ({ angle }) => (\n  <StyledSpikeLine transform={`rotate(${angle}, 50.5,50)`} style={{}} x1=\"15\" x2={'46'} y1=\"50\" y2=\"50\" />\n);\n\nconst StyledText = styled('text')(({ theme }) => ({\n  fontSize: '2.5px',\n  textAnchor: 'middle',\n  fill: strokeColor(theme),\n  ...noSelect(),\n}));\n\nconst Text = ({ angle }) => (\n  <StyledText transform={`rotate(${angle - 90}, 50.5, 50)`} x=\"50\" y=\"12.5\">\n    {angle}\n  </StyledText>\n);\n\nconst StyledPath = styled('path')(({ theme }) => ({\n  strokeWidth: '0.2',\n  stroke: strokeColor(theme),\n}));\n\nconst StyledGraphicLine = styled('line')(({ theme }) => ({\n  strokeWidth: '0.2',\n  stroke: strokeColor(theme),\n}));\n\nconst StyledCircle = styled('circle')(({ theme }) => ({\n  strokeWidth: '0.2',\n  stroke: strokeColor(theme),\n  fill: 'none',\n}));\n\nexport class Graphic extends React.PureComponent {\n  render() {\n    return (\n      <svg viewBox=\"0 0 102 61\">\n        <StyledPath 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        <StyledCircle r=\"4\" cx=\"50.5\" cy=\"50\" />\n        <StyledGraphicLine x1=\"48.5\" x2=\"52.5\" y1=\"50\" y2=\"50\" />\n        <StyledGraphicLine transform={'rotate(90 50.5 50)'} x1=\"48.5\" x2=\"52.5\" y1=\"50\" y2=\"50\" />\n      </svg>\n    );\n  }\n}\n\nexport default Graphic;\n"],"mappings":"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","ignoreList":[]}

package/lib/protractor/index.js

@@ -1,62 +1,56 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/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 = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Protractor, _React$Component);
-
-  var _super = _createSuper(Protractor);
-
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var StyledProtractor = (0, _styles.styled)('div')(function () {
+  return {
+    position: 'relative'
+  };
+});
+var StyledLeftAnchor = (0, _styles.styled)(_anchor["default"])(function () {
+  return {
+    position: 'absolute',
+    left: 0,
+    bottom: 0
+  };
+});
+var StyledRightAnchor = (0, _styles.styled)(_anchor["default"])(function () {
+  return {
+    position: 'absolute',
+    right: 0,
+    bottom: 0
+  };
+});
+var Protractor = exports.Protractor = /*#__PURE__*/function (_React$Component) {
   function Protractor() {
     (0, _classCallCheck2["default"])(this, Protractor);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Protractor, arguments);
   }
-
-  (0, _createClass2["default"])(Protractor, [{
+  (0, _inherits2["default"])(Protractor, _React$Component);
+  return (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;
+        width = _this$props.width,
+        startPosition = _this$props.startPosition;
       return /*#__PURE__*/_react["default"].createElement(_rotatable["default"], {
-        className: className,
         startPosition: startPosition,
         handle: [{
           "class": 'leftAnchor',
@@ -65,24 +59,19 @@ var Protractor = /*#__PURE__*/function (_React$Component) {
           "class": 'rightAnchor',
           origin: "".concat(width * 0.495, "px ").concat(width * 0.49, "px")
         }]
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.protractor,
+      }, /*#__PURE__*/_react["default"].createElement(StyledProtractor, {
         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)
+      }, /*#__PURE__*/_react["default"].createElement(_graphic["default"], null), /*#__PURE__*/_react["default"].createElement(StyledLeftAnchor, {
+        className: "leftAnchor"
+      }), /*#__PURE__*/_react["default"].createElement(StyledRightAnchor, {
+        className: "rightAnchor"
       })));
     }
   }]);
-  return Protractor;
 }(_react["default"].Component);
-
-exports.Protractor = Protractor;
 (0, _defineProperty2["default"])(Protractor, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
   width: _propTypes["default"].number.isRequired,
   className: _propTypes["default"].string,
   startPosition: _propTypes["default"].shape({
@@ -97,24 +86,5 @@ exports.Protractor = Protractor;
     top: 0
   }
 });
-
-var _default = (0, _styles.withStyles)(function () {
-  return {
-    protractor: {
-      position: 'relative'
-    },
-    leftAnchor: {
-      position: 'absolute',
-      left: 0,
-      bottom: 0
-    },
-    rightAnchor: {
-      position: 'absolute',
-      right: 0,
-      bottom: 0
-    }
-  };
-})(Protractor);
-
-exports["default"] = _default;
+var _default = exports["default"] = Protractor;
 //# sourceMappingURL=index.js.map

package/lib/protractor/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/protractor/index.jsx"],"names":["Protractor","props","classes","width","className","startPosition","origin","protractor","leftAnchor","rightAnchor","React","Component","PropTypes","object","isRequired","number","string","shape","left","top","position","bottom","right"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,U;;;;;;;;;;;;WAgBX,kBAAS;AACP,wBAAqD,KAAKC,KAA1D;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,KAAjB,eAAiBA,KAAjB;AAAA,UAAwBC,SAAxB,eAAwBA,SAAxB;AAAA,UAAmCC,aAAnC,eAAmCA,aAAnC;AACA,0BACE,gCAAC,qBAAD;AACE,QAAA,SAAS,EAAED,SADb;AAEE,QAAA,aAAa,EAAEC,aAFjB;AAGE,QAAA,MAAM,EAAE,CACN;AACE,mBAAO,YADT;AAEEC,UAAAA,MAAM,YAAKH,KAAK,GAAG,KAAb,gBAAwBA,KAAK,GAAG,IAAhC;AAFR,SADM,EAKN;AACE,mBAAO,aADT;AAEEG,UAAAA,MAAM,YAAKH,KAAK,GAAG,KAAb,gBAAwBA,KAAK,GAAG,IAAhC;AAFR,SALM;AAHV,sBAcE;AAAK,QAAA,SAAS,EAAED,OAAO,CAACK,UAAxB;AAAoC,QAAA,KAAK,EAAE;AAAEJ,UAAAA,KAAK,YAAKA,KAAL;AAAP;AAA3C,sBACE,gCAAC,mBAAD,OADF,eAGE,gCAAC,kBAAD;AAAQ,QAAA,SAAS,EAAE,4BAAW,YAAX,EAAyBD,OAAO,CAACM,UAAjC;AAAnB,QAHF,eAIE,gCAAC,kBAAD;AAAQ,QAAA,SAAS,EAAE,4BAAW,aAAX,EAA0BN,OAAO,CAACO,WAAlC;AAAnB,QAJF,CAdF,CADF;AAuBD;;;EAzC6BC,kBAAMC,S;;;iCAAzBX,U,eACQ;AACjBE,EAAAA,OAAO,EAAEU,sBAAUC,MAAV,CAAiBC,UADT;AAEjBX,EAAAA,KAAK,EAAES,sBAAUG,MAAV,CAAiBD,UAFP;AAGjBV,EAAAA,SAAS,EAAEQ,sBAAUI,MAHJ;AAIjBX,EAAAA,aAAa,EAAEO,sBAAUK,KAAV,CAAgB;AAC7BC,IAAAA,IAAI,EAAEN,sBAAUG,MADa;AAE7BI,IAAAA,GAAG,EAAEP,sBAAUG;AAFc,GAAhB;AAJE,C;iCADRf,U,kBAWW;AACpBG,EAAAA,KAAK,EAAE,GADa;AAEpBE,EAAAA,aAAa,EAAE;AAAEa,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,GAAG,EAAE;AAAhB;AAFK,C;;eAiCT,wBAAW;AAAA,SAAO;AAC/BZ,IAAAA,UAAU,EAAE;AAAEa,MAAAA,QAAQ,EAAE;AAAZ,KADmB;AAE/BZ,IAAAA,UAAU,EAAE;AACVY,MAAAA,QAAQ,EAAE,UADA;AAEVF,MAAAA,IAAI,EAAE,CAFI;AAGVG,MAAAA,MAAM,EAAE;AAHE,KAFmB;AAO/BZ,IAAAA,WAAW,EAAE;AACXW,MAAAA,QAAQ,EAAE,UADC;AAEXE,MAAAA,KAAK,EAAE,CAFI;AAGXD,MAAAA,MAAM,EAAE;AAHG;AAPkB,GAAP;AAAA,CAAX,EAYXrB,UAZW,C","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"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_styles","_propTypes","_graphic","_anchor","_rotatable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledProtractor","styled","position","StyledLeftAnchor","Anchor","left","bottom","StyledRightAnchor","right","Protractor","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","width","startPosition","createElement","handle","origin","concat","style","className","React","Component","_defineProperty2","PropTypes","number","isRequired","string","shape","top","_default"],"sources":["../../src/protractor/index.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\nimport Graphic from './graphic';\nimport Anchor from '../anchor';\nimport Rotatable from '../rotatable';\n\nconst StyledProtractor = styled('div')(() => ({\n  position: 'relative',\n}));\n\nconst StyledLeftAnchor = styled(Anchor)(() => ({\n  position: 'absolute',\n  left: 0,\n  bottom: 0,\n}));\n\nconst StyledRightAnchor = styled(Anchor)(() => ({\n  position: 'absolute',\n  right: 0,\n  bottom: 0,\n}));\n\nexport class Protractor extends React.Component {\n  static propTypes = {\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 { width, startPosition } = this.props;\n\n    return (\n      <Rotatable\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        <StyledProtractor style={{ width: `${width}px` }}>\n          <Graphic />\n\n          <StyledLeftAnchor className=\"leftAnchor\" />\n          <StyledRightAnchor className=\"rightAnchor\" />\n        </StyledProtractor>\n      </Rotatable>\n    );\n  }\n}\n\nexport default Protractor;\n"],"mappings":"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","ignoreList":[]}

package/lib/rotatable.js

@@ -1,63 +1,39 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 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 _styles = require("@mui/material/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;
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var AnchorSvg = (0, _styles.styled)('svg')({
+  position: 'absolute',
+  zIndex: 100,
+  width: '200px',
+  height: '80px'
+});
+var Anchor = function Anchor(_ref) {
+  var 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,
+  return /*#__PURE__*/_react["default"].createElement(_reactPortal.Portal, null, /*#__PURE__*/_react["default"].createElement(AnchorSvg, {
     style: {
       left: left - 10,
       top: top - 10
@@ -70,36 +46,32 @@ var Anchor = (0, _styles.withStyles)({
     stroke: color,
     fill: fill
   })));
-});
+};
+
 /**
  * Tip o' the hat to:
  * https://bl.ocks.org/joyrexus/7207044
  */
-
-var Rotatable = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Rotatable, _React$Component);
-
-  var _super = _createSuper(Rotatable);
-
+var RotatableContainer = (0, _styles.styled)('div')({
+  position: 'relative',
+  display: 'inline-block',
+  cursor: 'move'
+});
+var Rotatable = exports.Rotatable = /*#__PURE__*/function (_React$Component) {
   function Rotatable(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, Rotatable);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "initHandles", function () {
+    _this = _callSuper(this, Rotatable, [props]);
+    (0, _defineProperty2["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
@@ -108,74 +80,66 @@ var Rotatable = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addMouseUpHandler", function () {
+    (0, _defineProperty2["default"])(_this, "addMouseUpHandler", function () {
       document.addEventListener('mouseup', _this.rotateStop);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "originToXY", function (origin) {
+    (0, _defineProperty2["default"])(_this, "originToXY", function (origin) {
       var _this$rotatable = _this.rotatable,
-          width = _this$rotatable.clientWidth,
-          height = _this$rotatable.clientHeight;
+        width = _this$rotatable.clientWidth,
+        height = _this$rotatable.clientHeight;
       return (0, _transformOrigin.parse)({
         width: width,
         height: height
       }, origin);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getAnchor", function (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"])(_this, "getAnchor", function (origin) {
       var rotation = _this.state.rotation;
       var _this$rotatable2 = _this.rotatable,
-          clientWidth = _this$rotatable2.clientWidth,
-          clientHeight = _this$rotatable2.clientHeight;
-
+        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;
-
+        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;
-
+          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) {
+    (0, _defineProperty2["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;
-
+          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;
+            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,
@@ -190,15 +154,12 @@ var Rotatable = /*#__PURE__*/function (_React$Component) {
         });
       };
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rotateStop", function (e) {
+    (0, _defineProperty2["default"])(_this, "rotateStop", function (e) {
       var isRotating = _this.state.isRotating;
-
       if (!isRotating) {
         return;
       }
-
       e.preventDefault();
-
       _this.setState({
         isRotating: false,
         angle: _this.state.rotation,
@@ -209,31 +170,26 @@ var Rotatable = /*#__PURE__*/function (_React$Component) {
         document.removeEventListener('mousemove', _this.drag);
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rotate", function (e) {
+    (0, _defineProperty2["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;
-
+        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;
-
+        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,
@@ -241,47 +197,42 @@ var Rotatable = /*#__PURE__*/function (_React$Component) {
         computedAnchor: computedAnchor
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "mouseDown", function (e) {
+    (0, _defineProperty2["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) {
+    (0, _defineProperty2["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) {
+    (0, _defineProperty2["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 () {
+    (0, _defineProperty2["default"])(_this, "mouseUp", function () {
       if (!_this.state.translate) {
         return;
       }
-
       var _this$state2 = _this.state,
-          lastPosition = _this$state2.position,
-          translate = _this$state2.translate;
+        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,
@@ -300,12 +251,11 @@ var Rotatable = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
-  (0, _createClass2["default"])(Rotatable, [{
+  (0, _inherits2["default"])(Rotatable, _React$Component);
+  return (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);
@@ -335,18 +285,15 @@ var Rotatable = /*#__PURE__*/function (_React$Component) {
     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;
+        children = _this$props.children,
+        showAnchor = _this$props.showAnchor;
       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;
+        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,
@@ -354,8 +301,7 @@ var Rotatable = /*#__PURE__*/function (_React$Component) {
         transformOrigin: origin,
         transform: "".concat(t, " rotate(").concat(rotation, "deg)")
       };
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.rotatable, className),
+      return /*#__PURE__*/_react["default"].createElement(RotatableContainer, {
         style: style,
         ref: function ref(r) {
           return _this3.rotatable = r;
@@ -365,19 +311,14 @@ var Rotatable = /*#__PURE__*/function (_React$Component) {
       }, anchor && showAnchor && /*#__PURE__*/_react["default"].createElement(Anchor, anchor), children);
     }
   }]);
-  return Rotatable;
 }(_react["default"].Component);
-
-exports.Rotatable = Rotatable;
 (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
@@ -390,14 +331,5 @@ exports.Rotatable = Rotatable;
     top: 0
   }
 });
-
-var _default = (0, _styles.withStyles)({
-  rotatable: {
-    position: 'relative',
-    display: 'inline-block',
-    cursor: 'move'
-  }
-})(Rotatable);
-
-exports["default"] = _default;
+var _default = exports["default"] = Rotatable;
 //# sourceMappingURL=rotatable.js.map