@pie-lib/tools 0.9.22 → 0.9.25

package/lib/ruler/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ruler/index.jsx"],"names":["Ruler","props","classes","width","height","units","measure","className","startPosition","label","tickCount","unit","type","ticks","origin","ruler","leftAnchor","rightAnchor","React","Component","PropTypes","number","isRequired","oneOf","object","string","shape","left","top","styles","theme","cursor","position","backgroundColor","palette","secondary","light","opacity","border","primary","main","right"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Rotatable from '../rotatable';\nimport classNames from 'classnames';\nimport RulerGraphic from './graphic';\nimport PropTypes from 'prop-types';\nimport Anchor from '../anchor';\n\nexport class Ruler extends React.Component {\n  static propTypes = {\n    width: PropTypes.number,\n    height: PropTypes.number,\n    units: PropTypes.number.isRequired,\n    measure: PropTypes.oneOf(['imperial', 'metric']).isRequired,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    startPosition: PropTypes.shape({\n      left: PropTypes.number.isRequired,\n      top: PropTypes.number.isRequired\n    }),\n    label: PropTypes.string,\n    tickCount: PropTypes.number\n  };\n\n  static defaultProps = {\n    width: 480,\n    height: 60,\n    measure: 'imperial',\n    units: 12\n  };\n\n  render() {\n    const {\n      classes,\n      width,\n      height,\n      units,\n      measure,\n      className,\n      startPosition,\n      label,\n      tickCount\n    } = this.props;\n\n    const unit =\n      measure === 'imperial'\n        ? {\n            type: label,\n            ticks: tickCount && tickCount % 4 === 0 ? tickCount : 16\n          }\n        : {\n            type: label,\n            ticks: 10\n          };\n    return (\n      <Rotatable\n        className={className}\n        startPosition={startPosition}\n        handle={[\n          { class: 'leftAnchor', origin: 'bottom right' },\n          { class: 'rightAnchor', origin: 'bottom left' }\n        ]}\n      >\n        <div className={classes.ruler} style={{ width: `${width}px`, height: `${height}px` }}>\n          <RulerGraphic width={width} height={height} units={units} unit={unit} />\n          <Anchor className={classNames('leftAnchor', classes.leftAnchor)} />\n          <Anchor className={classNames('rightAnchor', classes.rightAnchor)} />\n        </div>\n      </Rotatable>\n    );\n  }\n}\nconst styles = theme => ({\n  ruler: {\n    cursor: 'move',\n    position: 'relative',\n    backgroundColor: theme.palette.secondary.light,\n    opacity: 1.0,\n    border: `solid 0px ${theme.palette.primary.main}`\n  },\n  leftAnchor: {\n    left: '-10px',\n    top: '40%'\n  },\n  rightAnchor: {\n    right: '-10px',\n    top: '40%'\n  }\n});\n\nexport default withStyles(styles)(Ruler);\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/ruler/index.jsx"],"names":["Ruler","props","classes","width","height","units","measure","className","startPosition","label","tickCount","unit","type","ticks","origin","ruler","leftAnchor","rightAnchor","React","Component","PropTypes","number","isRequired","oneOf","object","string","shape","left","top","styles","theme","cursor","position","backgroundColor","palette","secondary","light","opacity","border","primary","main","right"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Rotatable from '../rotatable';\nimport classNames from 'classnames';\nimport RulerGraphic from './graphic';\nimport PropTypes from 'prop-types';\nimport Anchor from '../anchor';\n\nexport class Ruler extends React.Component {\n  static propTypes = {\n    width: PropTypes.number,\n    height: PropTypes.number,\n    units: PropTypes.number.isRequired,\n    measure: PropTypes.oneOf(['imperial', 'metric']).isRequired,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    startPosition: PropTypes.shape({\n      left: PropTypes.number.isRequired,\n      top: PropTypes.number.isRequired,\n    }),\n    label: PropTypes.string,\n    tickCount: PropTypes.number,\n  };\n\n  static defaultProps = {\n    width: 480,\n    height: 60,\n    measure: 'imperial',\n    units: 12,\n  };\n\n  render() {\n    const { classes, width, height, units, measure, className, startPosition, label, tickCount } = this.props;\n\n    const unit =\n      measure === 'imperial'\n        ? {\n            type: label,\n            ticks: tickCount && tickCount % 4 === 0 ? tickCount : 16,\n          }\n        : {\n            type: label,\n            ticks: 10,\n          };\n    return (\n      <Rotatable\n        className={className}\n        startPosition={startPosition}\n        handle={[\n          { class: 'leftAnchor', origin: 'bottom right' },\n          { class: 'rightAnchor', origin: 'bottom left' },\n        ]}\n      >\n        <div className={classes.ruler} style={{ width: `${width}px`, height: `${height}px` }}>\n          <RulerGraphic width={width} height={height} units={units} unit={unit} />\n          <Anchor className={classNames('leftAnchor', classes.leftAnchor)} />\n          <Anchor className={classNames('rightAnchor', classes.rightAnchor)} />\n        </div>\n      </Rotatable>\n    );\n  }\n}\nconst styles = (theme) => ({\n  ruler: {\n    cursor: 'move',\n    position: 'relative',\n    backgroundColor: theme.palette.secondary.light,\n    opacity: 1.0,\n    border: `solid 0px ${theme.palette.primary.main}`,\n  },\n  leftAnchor: {\n    left: '-10px',\n    top: '40%',\n  },\n  rightAnchor: {\n    right: '-10px',\n    top: '40%',\n  },\n});\n\nexport default withStyles(styles)(Ruler);\n"],"file":"index.js"}

package/lib/ruler/unit-type.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.UnitType = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -13,13 +17,9 @@ var _styleUtils = require("../style-utils");
 
 var _styles = require("@material-ui/core/styles");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var UnitType = function UnitType(props) {
   var classes = props.classes,
@@ -30,7 +30,7 @@ var UnitType = function UnitType(props) {
       fill = props.fill,
       fontSize = props.fontSize,
       stroke = props.stroke;
-  return _react["default"].createElement("text", {
+  return /*#__PURE__*/_react["default"].createElement("text", {
     className: classes.unitType,
     x: x,
     y: y,
@@ -62,7 +62,7 @@ UnitType.defaultProps = {
 
 var _default = (0, _styles.withStyles)(function (theme) {
   return {
-    unitType: _objectSpread({}, (0, _styleUtils.noSelect)(), {
+    unitType: _objectSpread(_objectSpread({}, (0, _styleUtils.noSelect)()), {}, {
       fill: (0, _styleUtils.strokeColor)(theme)
     })
   };

package/lib/ruler/unit-type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ruler/unit-type.jsx"],"names":["UnitType","props","classes","label","x","y","textAlign","fill","fontSize","stroke","unitType","propTypes","PropTypes","object","isRequired","string","number","defaultProps","textAnchor","theme"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAAAC,KAAK,EAAI;AAAA,MACvBC,OADuB,GACqCD,KADrC,CACvBC,OADuB;AAAA,MACdC,KADc,GACqCF,KADrC,CACdE,KADc;AAAA,MACPC,CADO,GACqCH,KADrC,CACPG,CADO;AAAA,MACJC,CADI,GACqCJ,KADrC,CACJI,CADI;AAAA,MACDC,SADC,GACqCL,KADrC,CACDK,SADC;AAAA,MACUC,IADV,GACqCN,KADrC,CACUM,IADV;AAAA,MACgBC,QADhB,GACqCP,KADrC,CACgBO,QADhB;AAAA,MAC0BC,MAD1B,GACqCR,KADrC,CAC0BQ,MAD1B;AAG/B,SACE;AACE,IAAA,SAAS,EAAEP,OAAO,CAACQ,QADrB;AAEE,IAAA,CAAC,EAAEN,CAFL;AAGE,IAAA,CAAC,EAAEC,CAHL;AAIE,IAAA,UAAU,EAAEC,SAJd;AAKE,IAAA,MAAM,EAAEG,MALV;AAME,IAAA,IAAI,EAAEF,IANR;AAOE,IAAA,QAAQ,EAAEC;AAPZ,KASGL,KATH,CADF;AAaD,CAhBM;;;AAkBPH,QAAQ,CAACW,SAAT,GAAqB;AACnBT,EAAAA,OAAO,EAAEU,sBAAUC,MAAV,CAAiBC,UADP;AAEnBX,EAAAA,KAAK,EAAES,sBAAUG,MAAV,CAAiBD,UAFL;AAGnBV,EAAAA,CAAC,EAAEQ,sBAAUI,MAHM;AAInBX,EAAAA,CAAC,EAAEO,sBAAUI,MAJM;AAKnBV,EAAAA,SAAS,EAAEM,sBAAUG,MALF;AAMnBR,EAAAA,IAAI,EAAEK,sBAAUG,MANG;AAOnBP,EAAAA,QAAQ,EAAEI,sBAAUI,MAPD;AAQnBP,EAAAA,MAAM,EAAEG,sBAAUG;AARC,CAArB;AAWAf,QAAQ,CAACiB,YAAT,GAAwB;AACtBC,EAAAA,UAAU,EAAE,OADU;AAEtBV,EAAAA,QAAQ,EAAE,EAFY;AAGtBC,EAAAA,MAAM,EAAE,MAHc;AAItBL,EAAAA,CAAC,EAAE,CAJmB;AAKtBC,EAAAA,CAAC,EAAE;AALmB,CAAxB;;eAQe,wBAAW,UAAAc,KAAK;AAAA,SAAK;AAClCT,IAAAA,QAAQ,oBAAO,2BAAP;AAAmBH,MAAAA,IAAI,EAAE,6BAAYY,KAAZ;AAAzB;AAD0B,GAAL;AAAA,CAAhB,EAEXnB,QAFW,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { noSelect, strokeColor } from '../style-utils';\nimport { withStyles } from '@material-ui/core/styles';\n\nexport const UnitType = props => {\n  const { classes, label, x, y, textAlign, fill, fontSize, stroke } = props;\n\n  return (\n    <text\n      className={classes.unitType}\n      x={x}\n      y={y}\n      textAnchor={textAlign}\n      stroke={stroke}\n      fill={fill}\n      fontSize={fontSize}\n    >\n      {label}\n    </text>\n  );\n};\n\nUnitType.propTypes = {\n  classes: PropTypes.object.isRequired,\n  label: PropTypes.string.isRequired,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  textAlign: PropTypes.string,\n  fill: PropTypes.string,\n  fontSize: PropTypes.number,\n  stroke: PropTypes.string\n};\n\nUnitType.defaultProps = {\n  textAnchor: 'start',\n  fontSize: 11,\n  stroke: 'none',\n  x: 8,\n  y: 14\n};\n\nexport default withStyles(theme => ({\n  unitType: { ...noSelect(), fill: strokeColor(theme) }\n}))(UnitType);\n"],"file":"unit-type.js"}
+{"version":3,"sources":["../../src/ruler/unit-type.jsx"],"names":["UnitType","props","classes","label","x","y","textAlign","fill","fontSize","stroke","unitType","propTypes","PropTypes","object","isRequired","string","number","defaultProps","textAnchor","theme"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AACjC,MAAQC,OAAR,GAAoED,KAApE,CAAQC,OAAR;AAAA,MAAiBC,KAAjB,GAAoEF,KAApE,CAAiBE,KAAjB;AAAA,MAAwBC,CAAxB,GAAoEH,KAApE,CAAwBG,CAAxB;AAAA,MAA2BC,CAA3B,GAAoEJ,KAApE,CAA2BI,CAA3B;AAAA,MAA8BC,SAA9B,GAAoEL,KAApE,CAA8BK,SAA9B;AAAA,MAAyCC,IAAzC,GAAoEN,KAApE,CAAyCM,IAAzC;AAAA,MAA+CC,QAA/C,GAAoEP,KAApE,CAA+CO,QAA/C;AAAA,MAAyDC,MAAzD,GAAoER,KAApE,CAAyDQ,MAAzD;AAEA,sBACE;AACE,IAAA,SAAS,EAAEP,OAAO,CAACQ,QADrB;AAEE,IAAA,CAAC,EAAEN,CAFL;AAGE,IAAA,CAAC,EAAEC,CAHL;AAIE,IAAA,UAAU,EAAEC,SAJd;AAKE,IAAA,MAAM,EAAEG,MALV;AAME,IAAA,IAAI,EAAEF,IANR;AAOE,IAAA,QAAQ,EAAEC;AAPZ,KASGL,KATH,CADF;AAaD,CAhBM;;;AAkBPH,QAAQ,CAACW,SAAT,GAAqB;AACnBT,EAAAA,OAAO,EAAEU,sBAAUC,MAAV,CAAiBC,UADP;AAEnBX,EAAAA,KAAK,EAAES,sBAAUG,MAAV,CAAiBD,UAFL;AAGnBV,EAAAA,CAAC,EAAEQ,sBAAUI,MAHM;AAInBX,EAAAA,CAAC,EAAEO,sBAAUI,MAJM;AAKnBV,EAAAA,SAAS,EAAEM,sBAAUG,MALF;AAMnBR,EAAAA,IAAI,EAAEK,sBAAUG,MANG;AAOnBP,EAAAA,QAAQ,EAAEI,sBAAUI,MAPD;AAQnBP,EAAAA,MAAM,EAAEG,sBAAUG;AARC,CAArB;AAWAf,QAAQ,CAACiB,YAAT,GAAwB;AACtBC,EAAAA,UAAU,EAAE,OADU;AAEtBV,EAAAA,QAAQ,EAAE,EAFY;AAGtBC,EAAAA,MAAM,EAAE,MAHc;AAItBL,EAAAA,CAAC,EAAE,CAJmB;AAKtBC,EAAAA,CAAC,EAAE;AALmB,CAAxB;;eAQe,wBAAW,UAACc,KAAD;AAAA,SAAY;AACpCT,IAAAA,QAAQ,kCAAO,2BAAP;AAAmBH,MAAAA,IAAI,EAAE,6BAAYY,KAAZ;AAAzB;AAD4B,GAAZ;AAAA,CAAX,EAEXnB,QAFW,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { noSelect, strokeColor } from '../style-utils';\nimport { withStyles } from '@material-ui/core/styles';\n\nexport const UnitType = (props) => {\n  const { classes, label, x, y, textAlign, fill, fontSize, stroke } = props;\n\n  return (\n    <text\n      className={classes.unitType}\n      x={x}\n      y={y}\n      textAnchor={textAlign}\n      stroke={stroke}\n      fill={fill}\n      fontSize={fontSize}\n    >\n      {label}\n    </text>\n  );\n};\n\nUnitType.propTypes = {\n  classes: PropTypes.object.isRequired,\n  label: PropTypes.string.isRequired,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  textAlign: PropTypes.string,\n  fill: PropTypes.string,\n  fontSize: PropTypes.number,\n  stroke: PropTypes.string,\n};\n\nUnitType.defaultProps = {\n  textAnchor: 'start',\n  fontSize: 11,\n  stroke: 'none',\n  x: 8,\n  y: 14,\n};\n\nexport default withStyles((theme) => ({\n  unitType: { ...noSelect(), fill: strokeColor(theme) },\n}))(UnitType);\n"],"file":"unit-type.js"}

package/lib/ruler/unit.js

@@ -1,45 +1,41 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Unit = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _styleUtils = require("../style-utils");
-
-var _range = _interopRequireDefault(require("lodash/range"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-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); }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _react = _interopRequireDefault(require("react"));
 
-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); } }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+var _styles = require("@material-ui/core/styles");
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+var _styleUtils = require("../style-utils");
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+var _range = _interopRequireDefault(require("lodash/range"));
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _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 Tick = (0, _styles.withStyles)(function (theme) {
   return {
@@ -55,7 +51,7 @@ var Tick = (0, _styles.withStyles)(function (theme) {
       major = _ref.major,
       minor = _ref.minor;
   var y1 = major ? bottom - height * 2 : minor ? bottom - height * 1.5 : bottom - height;
-  return _react["default"].createElement("line", {
+  return /*#__PURE__*/_react["default"].createElement("line", {
     y1: y1,
     y2: bottom,
     x1: x,
@@ -68,8 +64,8 @@ var Ticks = function Ticks(_ref2) {
   var count = _ref2.count,
       width = _ref2.width,
       height = _ref2.height;
-  return _react["default"].createElement(_react["default"].Fragment, null, (0, _range["default"])(1, count).map(function (r) {
-    return _react["default"].createElement(Tick, {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _range["default"])(1, count).map(function (r) {
+    return /*#__PURE__*/_react["default"].createElement(Tick, {
       key: r,
       value: r,
       x: r * (width / count),
@@ -87,18 +83,17 @@ Ticks.propTypes = {
   height: _propTypes["default"].number.isRequired
 };
 
-var Unit =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits(Unit, _React$Component);
+var Unit = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Unit, _React$Component);
 
-  function Unit() {
-    _classCallCheck(this, Unit);
+  var _super = _createSuper(Unit);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Unit).apply(this, arguments));
+  function Unit() {
+    (0, _classCallCheck2["default"])(this, Unit);
+    return _super.apply(this, arguments);
   }
 
-  _createClass(Unit, [{
+  (0, _createClass2["default"])(Unit, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -111,19 +106,19 @@ function (_React$Component) {
       var style = {
         transform: "translate(".concat(width * (index - 1), "px, 0px)")
       };
-      return _react["default"].createElement("g", {
+      return /*#__PURE__*/_react["default"].createElement("g", {
         style: style
-      }, !last && _react["default"].createElement("line", {
+      }, !last && /*#__PURE__*/_react["default"].createElement("line", {
         x1: width,
         y1: 0,
         x2: width,
         y2: height,
         className: classes.endTick
-      }), _react["default"].createElement(Ticks, {
+      }), /*#__PURE__*/_react["default"].createElement(Ticks, {
         count: config.ticks,
         width: width,
         height: height
-      }), _react["default"].createElement("text", {
+      }), /*#__PURE__*/_react["default"].createElement("text", {
         width: width,
         className: classes.label,
         x: width - 5,
@@ -131,13 +126,11 @@ function (_React$Component) {
       }, index));
     }
   }]);
-
   return Unit;
 }(_react["default"].Component);
 
 exports.Unit = Unit;
-
-_defineProperty(Unit, "propTypes", {
+(0, _defineProperty2["default"])(Unit, "propTypes", {
   index: _propTypes["default"].number.isRequired,
   width: _propTypes["default"].number.isRequired,
   height: _propTypes["default"].number.isRequired,

package/lib/ruler/unit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ruler/unit.jsx"],"names":["Tick","theme","tick","stroke","x","height","bottom","classes","major","minor","y1","Ticks","count","width","map","r","propTypes","PropTypes","number","isRequired","Unit","props","index","last","config","style","transform","endTick","ticks","label","React","Component","object","bool","strokeWidth","textAnchor","fontSize","fill","base"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { noSelect, strokeColor } from '../style-utils';\nimport range from 'lodash/range';\n\nconst Tick = withStyles(theme => ({\n  tick: {\n    stroke: strokeColor(theme)\n  }\n}))(({ x, height, bottom, classes, major, minor }) => {\n  const y1 = major ? bottom - height * 2 : minor ? bottom - height * 1.5 : bottom - height;\n\n  return <line y1={y1} y2={bottom} x1={x} x2={x} className={classes.tick} />;\n});\n\nconst Ticks = ({ count, width, height }) => {\n  return (\n    <React.Fragment>\n      {range(1, count).map(r => {\n        return (\n          <Tick\n            key={r}\n            value={r}\n            x={r * (width / count)}\n            major={r % (count / 2) === 0}\n            minor={r % (count / 4) === 0}\n            bottom={height}\n            height={10}\n          />\n        );\n      })}\n    </React.Fragment>\n  );\n};\n\nTicks.propTypes = {\n  count: PropTypes.number.isRequired,\n  width: PropTypes.number.isRequired,\n  height: PropTypes.number.isRequired\n};\n\nexport class Unit extends React.Component {\n  static propTypes = {\n    index: PropTypes.number.isRequired,\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n    classes: PropTypes.object.isRequired,\n    last: PropTypes.bool.isRequired,\n    config: PropTypes.object.isRequired\n  };\n\n  render() {\n    const { index, width, height, classes, last, config } = this.props;\n\n    const style = {\n      transform: `translate(${width * (index - 1)}px, 0px)`\n    };\n    return (\n      <g style={style}>\n        {!last && <line x1={width} y1={0} x2={width} y2={height} className={classes.endTick} />}\n\n        <Ticks count={config.ticks} width={width} height={height} />\n        <text width={width} className={classes.label} x={width - 5} y={15}>\n          {index}\n        </text>\n      </g>\n    );\n  }\n}\n\nexport default withStyles(theme => ({\n  endTick: {\n    stroke: strokeColor(theme),\n    strokeWidth: 1\n  },\n  label: {\n    textAnchor: 'end',\n    fontSize: '12px',\n    fill: strokeColor(theme),\n    ...noSelect()\n  },\n  base: {\n    fill: 'none',\n    stroke: 'red'\n  }\n}))(Unit);\n"],"file":"unit.js"}
+{"version":3,"sources":["../../src/ruler/unit.jsx"],"names":["Tick","theme","tick","stroke","x","height","bottom","classes","major","minor","y1","Ticks","count","width","map","r","propTypes","PropTypes","number","isRequired","Unit","props","index","last","config","style","transform","endTick","ticks","label","React","Component","object","bool","strokeWidth","textAnchor","fontSize","fill","base"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { noSelect, strokeColor } from '../style-utils';\nimport range from 'lodash/range';\n\nconst Tick = withStyles((theme) => ({\n  tick: {\n    stroke: strokeColor(theme),\n  },\n}))(({ x, height, bottom, classes, major, minor }) => {\n  const y1 = major ? bottom - height * 2 : minor ? bottom - height * 1.5 : bottom - height;\n\n  return <line y1={y1} y2={bottom} x1={x} x2={x} className={classes.tick} />;\n});\n\nconst Ticks = ({ count, width, height }) => {\n  return (\n    <React.Fragment>\n      {range(1, count).map((r) => {\n        return (\n          <Tick\n            key={r}\n            value={r}\n            x={r * (width / count)}\n            major={r % (count / 2) === 0}\n            minor={r % (count / 4) === 0}\n            bottom={height}\n            height={10}\n          />\n        );\n      })}\n    </React.Fragment>\n  );\n};\n\nTicks.propTypes = {\n  count: PropTypes.number.isRequired,\n  width: PropTypes.number.isRequired,\n  height: PropTypes.number.isRequired,\n};\n\nexport class Unit extends React.Component {\n  static propTypes = {\n    index: PropTypes.number.isRequired,\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n    classes: PropTypes.object.isRequired,\n    last: PropTypes.bool.isRequired,\n    config: PropTypes.object.isRequired,\n  };\n\n  render() {\n    const { index, width, height, classes, last, config } = this.props;\n\n    const style = {\n      transform: `translate(${width * (index - 1)}px, 0px)`,\n    };\n    return (\n      <g style={style}>\n        {!last && <line x1={width} y1={0} x2={width} y2={height} className={classes.endTick} />}\n\n        <Ticks count={config.ticks} width={width} height={height} />\n        <text width={width} className={classes.label} x={width - 5} y={15}>\n          {index}\n        </text>\n      </g>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  endTick: {\n    stroke: strokeColor(theme),\n    strokeWidth: 1,\n  },\n  label: {\n    textAnchor: 'end',\n    fontSize: '12px',\n    fill: strokeColor(theme),\n    ...noSelect(),\n  },\n  base: {\n    fill: 'none',\n    stroke: 'red',\n  },\n}))(Unit);\n"],"file":"unit.js"}

package/lib/style-utils.js

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.fillColor = void 0;
 Object.defineProperty(exports, "noSelect", {
   enumerable: true,
   get: function get() {
     return _styleUtils.noSelect;
   }
 });
-exports.fillColor = exports.strokeColor = void 0;
+exports.strokeColor = void 0;
 
 var _styleUtils = require("@pie-lib/style-utils");
 

package/lib/style-utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/style-utils.js"],"names":["strokeColor","theme","palette","primary","main","fillColor","contrastText"],"mappings":";;;;;;;;;;;;;AAAA;;AAIO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAAAC,KAAK;AAAA,uCAA2BA,KAAK,CAACC,OAAN,CAAcC,OAAd,CAAsBC,IAAjD;AAAA,CAAzB;;;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAAAJ,KAAK;AAAA,mCAAuBA,KAAK,CAACC,OAAN,CAAcC,OAAd,CAAsBG,YAA7C;AAAA,CAAvB","sourcesContent":["import { noSelect } from '@pie-lib/style-utils';\n\nexport { noSelect };\n\nexport const strokeColor = theme => `var(--ruler-stroke, ${theme.palette.primary.main})`;\n\nexport const fillColor = theme => `var(--ruler-bg, ${theme.palette.primary.contrastText})`;\n"],"file":"style-utils.js"}
+{"version":3,"sources":["../src/style-utils.js"],"names":["strokeColor","theme","palette","primary","main","fillColor","contrastText"],"mappings":";;;;;;;;;;;;;;AAAA;;AAIO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;AAAA,uCAAkCA,KAAK,CAACC,OAAN,CAAcC,OAAd,CAAsBC,IAAxD;AAAA,CAApB;;;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACJ,KAAD;AAAA,mCAA8BA,KAAK,CAACC,OAAN,CAAcC,OAAd,CAAsBG,YAApD;AAAA,CAAlB","sourcesContent":["import { noSelect } from '@pie-lib/style-utils';\n\nexport { noSelect };\n\nexport const strokeColor = (theme) => `var(--ruler-stroke, ${theme.palette.primary.main})`;\n\nexport const fillColor = (theme) => `var(--ruler-bg, ${theme.palette.primary.contrastText})`;\n"],"file":"style-utils.js"}

package/lib/transform-origin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/transform-origin.jsx"],"names":["keyWordToPercent","v","endsWith","parseFloat","getValue","s","length","normalize","a","parse","rect","value","x","width","y","height","arr","split","sorted","Error"],"mappings":"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","sourcesContent":["const keyWordToPercent = v => {\n  if (v === 'left' || v === 'top') {\n    return 0;\n  } else if (v === 'right' || v === 'bottom') {\n    return 100;\n  } else if (v === 'center') {\n    return 50;\n  } else if (v.endsWith('%')) {\n    return parseFloat(v);\n  } else {\n    return v;\n  }\n};\n\nconst getValue = (s, length) => {\n  if (s.endsWith('px')) {\n    return parseFloat(s);\n  } else {\n    s = keyWordToPercent(s);\n    const v = length * (s / 100);\n    return v;\n  }\n};\n\nconst normalize = a => {\n  if (a[0] === 'bottom' || a[0] === 'top' || a[1] === 'left' || a[1] === 'right') {\n    return [a[1], a[0]];\n  } else {\n    return a;\n  }\n};\n\n/**\n * Parse a transform origin string to x/y values.\n * @param {{width: number, height: number}} rect\n * @param {string} value\n * @returns {x:number, y:number}\n */\nexport const parse = (rect, value) => {\n  if (!value) {\n    return {\n      x: rect.width / 2,\n      y: rect.height / 2\n    };\n  }\n  const arr = value.split(' ');\n  if (arr.length === 1) {\n    //1 val\n    const x = getValue(arr[0], rect.width);\n    const y = getValue('50%', rect.height);\n    return { x, y };\n  } else if (arr.length === 2) {\n    const sorted = normalize(arr);\n    const x = getValue(sorted[0], rect.width);\n    const y = getValue(sorted[1], rect.height);\n    return { x, y };\n  } else if (arr.length === 3) {\n    throw new Error('transform-origin values with 3 fields not supported.');\n  }\n};\n"],"file":"transform-origin.js"}
+{"version":3,"sources":["../src/transform-origin.jsx"],"names":["keyWordToPercent","v","endsWith","parseFloat","getValue","s","length","normalize","a","parse","rect","value","x","width","y","height","arr","split","sorted","Error"],"mappings":"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","sourcesContent":["const keyWordToPercent = (v) => {\n  if (v === 'left' || v === 'top') {\n    return 0;\n  } else if (v === 'right' || v === 'bottom') {\n    return 100;\n  } else if (v === 'center') {\n    return 50;\n  } else if (v.endsWith('%')) {\n    return parseFloat(v);\n  } else {\n    return v;\n  }\n};\n\nconst getValue = (s, length) => {\n  if (s.endsWith('px')) {\n    return parseFloat(s);\n  } else {\n    s = keyWordToPercent(s);\n    const v = length * (s / 100);\n    return v;\n  }\n};\n\nconst normalize = (a) => {\n  if (a[0] === 'bottom' || a[0] === 'top' || a[1] === 'left' || a[1] === 'right') {\n    return [a[1], a[0]];\n  } else {\n    return a;\n  }\n};\n\n/**\n * Parse a transform origin string to x/y values.\n * @param {{width: number, height: number}} rect\n * @param {string} value\n * @returns {x:number, y:number}\n */\nexport const parse = (rect, value) => {\n  if (!value) {\n    return {\n      x: rect.width / 2,\n      y: rect.height / 2,\n    };\n  }\n  const arr = value.split(' ');\n  if (arr.length === 1) {\n    //1 val\n    const x = getValue(arr[0], rect.width);\n    const y = getValue('50%', rect.height);\n    return { x, y };\n  } else if (arr.length === 2) {\n    const sorted = normalize(arr);\n    const x = getValue(sorted[0], rect.width);\n    const y = getValue(sorted[1], rect.height);\n    return { x, y };\n  } else if (arr.length === 3) {\n    throw new Error('transform-origin values with 3 fields not supported.');\n  }\n};\n"],"file":"transform-origin.js"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.9.22",
+  "version": "0.9.25",
   "description": "Some interactive tools",
   "keywords": [
     "react",
@@ -18,7 +18,7 @@
   "license": "ISC",
   "dependencies": {
     "@mapbox/point-geometry": "^0.1.0",
-    "@pie-lib/style-utils": "^0.1.23",
+    "@pie-lib/style-utils": "^0.1.26",
     "assert": "^1.4.1",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
@@ -36,5 +36,5 @@
     "@material-ui/core": "^3.8.3",
     "react": "^16.8.1"
   },
-  "gitHead": "e6de0d62291ecfdeb3a62b988c526d97ee41eaa6"
+  "gitHead": "f81076118e63884db5f5d65a41cff9aad111137e"
 }

package/src/anchor-utils.js

@@ -4,10 +4,10 @@ import debug from 'debug';
 import { parse as parseOrigin } from './transform-origin';
 const log = debug('@pie-lib:tools:anchor-utils');
 
-export const toDegrees = radians => radians * (180 / Math.PI);
-export const toRadians = degrees => degrees * (Math.PI / 180);
+export const toDegrees = (radians) => radians * (180 / Math.PI);
+export const toRadians = (degrees) => degrees * (Math.PI / 180);
 
-export const normalizeAngle = a => {
+export const normalizeAngle = (a) => {
   if (a > 360) {
     return a % 360;
   } else if (a < 0) {
@@ -95,20 +95,20 @@ const getPosition = (side, rect, point, angle, calcAngle) => {
 
   const t = {
     angles: { 0: ra, 1: 90 },
-    sides: { 1: hypotenuse }
+    sides: { 1: hypotenuse },
   };
   const out = trigCalculator(t);
   return out.sides[2];
 };
 
 export const getTop = (rect, point, angle) => {
-  return getPosition('top', rect, point, angle, degrees => {
+  return getPosition('top', rect, point, angle, (degrees) => {
     return Math.abs(angle + degrees);
   });
 };
 
 export const getLeft = (rect, point, angle) => {
-  return getPosition('left', rect, point, angle, degrees => {
+  return getPosition('left', rect, point, angle, (degrees) => {
     return Math.abs(angle + degrees + 90);
   });
 };
@@ -139,7 +139,7 @@ export const getAnchor = (rect, point, angle) => {
   return { top, left };
 };
 
-const anglePoints = angle => {
+const anglePoints = (angle) => {
   if (angle <= 90) {
     return { top: 'top-left', left: 'bottom-left' };
   } else if (angle > 90 && angle <= 180) {

package/src/anchor.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { withStyles } from '@material-ui/core/styles';
 import classNames from 'classnames';
 
-const Anchor = withStyles(theme => ({
+const Anchor = withStyles((theme) => ({
   anchor: {
     cursor: 'pointer',
     width: '20px',
@@ -13,9 +13,9 @@ const Anchor = withStyles(theme => ({
     transition: 'background-color 200ms ease-in',
     border: `solid 1px var(--ruler-stroke, ${theme.palette.primary.dark})`,
     '&:hover': {
-      backgroundColor: `var(--ruler-bg-hover, ${theme.palette.primary.light})`
-    }
-  }
+      backgroundColor: `var(--ruler-bg-hover, ${theme.palette.primary.light})`,
+    },
+  },
 }))(({ classes, className }) => <div className={classNames(classes.anchor, className)} />);
 
 export default Anchor;

package/src/protractor/graphic.jsx

@@ -4,11 +4,11 @@ import range from 'lodash/range';
 import PropTypes from 'prop-types';
 import { strokeColor, noSelect } from '../style-utils';
 
-const Line = withStyles(theme => ({
+const Line = withStyles((theme) => ({
   line: {
     strokeWidth: '0.2',
-    stroke: strokeColor(theme)
-  }
+    stroke: strokeColor(theme),
+  },
 }))(({ angle, classes, major, minor }) => (
   <line
     transform={`rotate(${angle}, 50.5,50)`}
@@ -21,30 +21,22 @@ const Line = withStyles(theme => ({
   />
 ));
 
-const Spike = withStyles(theme => ({
+const Spike = withStyles((theme) => ({
   line: {
     strokeWidth: '0.2',
-    stroke: strokeColor(theme)
-  }
+    stroke: strokeColor(theme),
+  },
 }))(({ angle, classes }) => (
-  <line
-    transform={`rotate(${angle}, 50.5,50)`}
-    className={classes.line}
-    style={{}}
-    x1="15"
-    x2={'46'}
-    y1="50"
-    y2="50"
-  />
+  <line transform={`rotate(${angle}, 50.5,50)`} className={classes.line} style={{}} x1="15" x2={'46'} y1="50" y2="50" />
 ));
 
-const Text = withStyles(theme => ({
+const Text = withStyles((theme) => ({
   text: {
     fontSize: '2.5px',
     textAnchor: 'middle',
     fill: strokeColor(theme),
-    ...noSelect()
-  }
+    ...noSelect(),
+  },
 }))(({ angle, classes }) => (
   <text transform={`rotate(${angle - 90}, 50.5, 50)`} className={classes.text} x="50" y="12.5">
     {angle}
@@ -53,22 +45,18 @@ const Text = withStyles(theme => ({
 
 export class Graphic extends React.PureComponent {
   static propTypes = {
-    classes: PropTypes.object.isRequired
+    classes: PropTypes.object.isRequired,
   };
 
   render() {
     const { classes } = this.props;
     return (
       <svg viewBox="0 0 102 61">
-        <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"
-        />
-        {range(0, 181).map(r => (
+        <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" />
+        {range(0, 181).map((r) => (
           <Line minor={r % 5 === 0} major={r % 10 === 0} angle={r} key={r} />
         ))}
-        {range(0, 181, 10).map(r => (
+        {range(0, 181, 10).map((r) => (
           <React.Fragment key={r}>
             <Spike angle={r} />
             <Text angle={r} />
@@ -76,31 +64,24 @@ export class Graphic extends React.PureComponent {
         ))}
         <circle r="4" cx="50.5" cy="50" className={classes.circle} />
         <line className={classes.line} x1="48.5" x2="52.5" y1="50" y2="50" />
-        <line
-          className={classes.line}
-          transform={'rotate(90 50.5 50)'}
-          x1="48.5"
-          x2="52.5"
-          y1="50"
-          y2="50"
-        />
+        <line className={classes.line} transform={'rotate(90 50.5 50)'} x1="48.5" x2="52.5" y1="50" y2="50" />
       </svg>
     );
   }
 }
 
-export default withStyles(theme => ({
+export default withStyles((theme) => ({
   path: {
     strokeWidth: '0.2',
-    stroke: strokeColor(theme)
+    stroke: strokeColor(theme),
   },
   line: {
     strokeWidth: '0.2',
-    stroke: strokeColor(theme)
+    stroke: strokeColor(theme),
   },
   circle: {
     strokeWidth: '0.2',
     stroke: strokeColor(theme),
-    fill: 'none'
-  }
+    fill: 'none',
+  },
 }))(Graphic);

package/src/protractor/index.jsx

@@ -13,13 +13,13 @@ export class Protractor extends React.Component {
     className: PropTypes.string,
     startPosition: PropTypes.shape({
       left: PropTypes.number,
-      top: PropTypes.number
-    })
+      top: PropTypes.number,
+    }),
   };
 
   static defaultProps = {
     width: 450,
-    startPosition: { left: 0, top: 0 }
+    startPosition: { left: 0, top: 0 },
   };
 
   render() {
@@ -31,12 +31,12 @@ export class Protractor extends React.Component {
         handle={[
           {
             class: 'leftAnchor',
-            origin: `${width * 0.495}px ${width * 0.49}px`
+            origin: `${width * 0.495}px ${width * 0.49}px`,
           },
           {
             class: 'rightAnchor',
-            origin: `${width * 0.495}px ${width * 0.49}px`
-          }
+            origin: `${width * 0.495}px ${width * 0.49}px`,
+          },
         ]}
       >
         <div className={classes.protractor} style={{ width: `${width}px` }}>
@@ -55,11 +55,11 @@ export default withStyles(() => ({
   leftAnchor: {
     position: 'absolute',
     left: 0,
-    bottom: 0
+    bottom: 0,
   },
   rightAnchor: {
     position: 'absolute',
     right: 0,
-    bottom: 0
-  }
+    bottom: 0,
+  },
 }))(Protractor);