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

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":"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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"}
+{"version":3,"file":"rotatable.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_anchorUtils","_reactPortal","_pointGeometry","_transformOrigin","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","AnchorSvg","styled","position","zIndex","width","height","Anchor","_ref","left","top","color","fill","createElement","Portal","style","cx","cy","r","strokeWidth","stroke","RotatableContainer","display","cursor","Rotatable","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","handle","Array","isArray","handles","forEach","h","el","rotatable","querySelector","concat","mousedownHandler","rotateStart","origin","addEventListener","rotateStop","push","document","_this$rotatable","clientWidth","clientHeight","parseOrigin","rotation","state","_this$rotatable2","_this$rotatable$getBo","getBoundingClientRect","xy","originToXY","_calcAnchor","calcAnchor","anchorTop","anchorLeft","isRotating","preventDefault","anchor","getAnchor","_this$getAngle","getAngle","startAngle","angle","diff","x","y","_this$rotatable3","distanceBetween","setState","rotate","current","removeEventListener","drag","_this$state","_this$getAngle2","computedAnchor","find","target","dragStart","dragPoint","Point","pageX","pageY","translate","sub","_this$state2","lastPosition","startPosition","_inherits2","_createClass2","key","value","componentWillUnmount","_this2","componentDidMount","addMouseUpHandler","initHandles","clientX","clientY","arctangent","render","_this3","_this$props","children","showAnchor","_this$state3","transformOrigin","transform","ref","onMouseDown","mouseDown","onMouseUp","mouseUp","React","Component","PropTypes","oneOfType","arrayOf","node","isRequired","bool","shape","string","number","_default"],"sources":["../src/rotatable.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/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';\n\nconst AnchorSvg = styled('svg')({\n  position: 'absolute',\n  zIndex: 100,\n  width: '200px',\n  height: '80px',\n});\n\nconst Anchor = ({ left, top, color, fill }) => {\n  color = color || 'green';\n  fill = fill || 'white';\n  return (\n    <Portal>\n      <AnchorSvg\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      </AnchorSvg>\n    </Portal>\n  );\n};\n\n/**\n * Tip o' the hat to:\n * https://bl.ocks.org/joyrexus/7207044\n */\nconst RotatableContainer = styled('div')({\n  position: 'relative',\n  display: 'inline-block',\n  cursor: 'move',\n});\n\nexport class Rotatable extends React.Component {\n  static propTypes = {\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    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, showAnchor } = 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      <RotatableContainer\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      </RotatableContainer>\n    );\n  }\n}\n\nexport default Rotatable;\n"],"mappings":"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","ignoreList":[]}

package/lib/ruler/graphic.js

@@ -1,80 +1,61 @@
 "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 _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 _unitType = _interopRequireDefault(require("./unit-type"));
-
 var _range = _interopRequireDefault(require("lodash/range"));
-
 var _unit = _interopRequireDefault(require("./unit"));
-
 var _styleUtils = require("../style-utils");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var Bg = function Bg(_ref) {
-  var width = _ref.width,
-      height = _ref.height,
-      className = _ref.className;
-  return /*#__PURE__*/_react["default"].createElement("rect", {
+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 StyledBg = (0, _styles.styled)('rect')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    stroke: (0, _styleUtils.strokeColor)(theme),
+    strokeWidth: '2px',
+    fill: (0, _styleUtils.fillColor)(theme)
+  };
+});
+var Bg = function Bg(_ref2) {
+  var width = _ref2.width,
+    height = _ref2.height;
+  return /*#__PURE__*/_react["default"].createElement(StyledBg, {
     width: width,
     height: height,
     cx: 0,
-    cy: 0,
-    className: className
+    cy: 0
   });
 };
-
 Bg.propTypes = {
   width: _propTypes["default"].number.isRequired,
-  height: _propTypes["default"].number.isRequired,
-  className: _propTypes["default"].string.isRequired
+  height: _propTypes["default"].number.isRequired
 };
-
-var Graphic = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2["default"])(Graphic, _React$PureComponent);
-
-  var _super = _createSuper(Graphic);
-
+var Graphic = exports.Graphic = /*#__PURE__*/function (_React$PureComponent) {
   function Graphic() {
     (0, _classCallCheck2["default"])(this, Graphic);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Graphic, arguments);
   }
-
-  (0, _createClass2["default"])(Graphic, [{
+  (0, _inherits2["default"])(Graphic, _React$PureComponent);
+  return (0, _createClass2["default"])(Graphic, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          width = _this$props.width,
-          height = _this$props.height,
-          classes = _this$props.classes,
-          units = _this$props.units,
-          unit = _this$props.unit;
+        width = _this$props.width,
+        height = _this$props.height,
+        units = _this$props.units,
+        unit = _this$props.unit;
       var viewBox = "0 0 ".concat(width, " ").concat(height);
       var unitWidth = width / units;
       var unitHeight = height;
@@ -82,8 +63,7 @@ var Graphic = /*#__PURE__*/function (_React$PureComponent) {
         viewBox: viewBox
       }, /*#__PURE__*/_react["default"].createElement(Bg, {
         width: width,
-        height: height,
-        className: classes.bg
+        height: height
       }), /*#__PURE__*/_react["default"].createElement(_unitType["default"], {
         label: unit.type
       }), (0, _range["default"])(1, units + 1).map(function (r) {
@@ -98,29 +78,12 @@ var Graphic = /*#__PURE__*/function (_React$PureComponent) {
       }));
     }
   }]);
-  return Graphic;
 }(_react["default"].PureComponent);
-
-exports.Graphic = Graphic;
 (0, _defineProperty2["default"])(Graphic, "propTypes", {
   width: _propTypes["default"].number.isRequired,
   height: _propTypes["default"].number.isRequired,
   units: _propTypes["default"].number.isRequired,
-  unit: _propTypes["default"].object.isRequired,
-  classes: _propTypes["default"].object.isRequired
+  unit: _propTypes["default"].object.isRequired
 });
-
-var styles = function styles(theme) {
-  return {
-    bg: {
-      stroke: (0, _styleUtils.strokeColor)(theme),
-      strokeWidth: '2px',
-      fill: (0, _styleUtils.fillColor)(theme)
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Graphic);
-
-exports["default"] = _default;
+var _default = exports["default"] = Graphic;
 //# sourceMappingURL=graphic.js.map

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,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"}
+{"version":3,"file":"graphic.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_unitType","_range","_unit","_styleUtils","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledBg","styled","_ref","theme","stroke","strokeColor","strokeWidth","fill","fillColor","Bg","_ref2","width","height","createElement","cx","cy","propTypes","PropTypes","number","isRequired","Graphic","exports","_React$PureComponent","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","units","unit","viewBox","concat","unitWidth","unitHeight","label","type","range","map","r","index","config","last","React","PureComponent","_defineProperty2","object","_default"],"sources":["../../src/ruler/graphic.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport UnitType from './unit-type';\nimport range from 'lodash/range';\nimport Unit from './unit';\nimport { strokeColor, fillColor } from '../style-utils';\n\nconst StyledBg = styled('rect')(({ theme }) => ({\n  stroke: strokeColor(theme),\n  strokeWidth: '2px',\n  fill: fillColor(theme),\n}));\n\nconst Bg = ({ width, height }) => <StyledBg width={width} height={height} cx={0} cy={0} />;\n\nBg.propTypes = {\n  width: PropTypes.number.isRequired,\n  height: PropTypes.number.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  };\n\n  render() {\n    const { width, height, 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} />\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}\n\nexport default Graphic;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAAwD,SAAAO,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAExD,IAAMc,QAAQ,GAAG,IAAAC,cAAM,EAAC,MAAM,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IAC9CC,MAAM,EAAE,IAAAC,uBAAW,EAACF,KAAK,CAAC;IAC1BG,WAAW,EAAE,KAAK;IAClBC,IAAI,EAAE,IAAAC,qBAAS,EAACL,KAAK;EACvB,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMM,EAAE,GAAG,SAALA,EAAEA,CAAAC,KAAA;EAAA,IAAMC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;EAAA,oBAAOpC,MAAA,YAAAqC,aAAA,CAACb,QAAQ;IAACW,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA,MAAO;IAACE,EAAE,EAAE,CAAE;IAACC,EAAE,EAAE;EAAE,CAAE,CAAC;AAAA;AAE1FN,EAAE,CAACO,SAAS,GAAG;EACbL,KAAK,EAAEM,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClCP,MAAM,EAAEK,qBAAS,CAACC,MAAM,CAACC;AAC3B,CAAC;AAAC,IAEWC,OAAO,GAAAC,OAAA,CAAAD,OAAA,0BAAAE,oBAAA;EAAA,SAAAF,QAAA;IAAA,IAAAG,gBAAA,mBAAAH,OAAA;IAAA,OAAAnC,UAAA,OAAAmC,OAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,OAAA,EAAAE,oBAAA;EAAA,WAAAI,aAAA,aAAAN,OAAA;IAAAO,GAAA;IAAAC,KAAA,EAQlB,SAAAC,MAAMA,CAAA,EAAG;MACP,IAAAC,WAAA,GAAuC,IAAI,CAACC,KAAK;QAAzCpB,KAAK,GAAAmB,WAAA,CAALnB,KAAK;QAAEC,MAAM,GAAAkB,WAAA,CAANlB,MAAM;QAAEoB,KAAK,GAAAF,WAAA,CAALE,KAAK;QAAEC,IAAI,GAAAH,WAAA,CAAJG,IAAI;MAClC,IAAMC,OAAO,UAAAC,MAAA,CAAUxB,KAAK,OAAAwB,MAAA,CAAIvB,MAAM,CAAE;MACxC,IAAMwB,SAAS,GAAGzB,KAAK,GAAGqB,KAAK;MAC/B,IAAMK,UAAU,GAAGzB,MAAM;MAEzB,oBACEpC,MAAA,YAAAqC,aAAA;QAAKqB,OAAO,EAAEA;MAAQ,gBACpB1D,MAAA,YAAAqC,aAAA,CAACJ,EAAE;QAACE,KAAK,EAAEA,KAAM;QAACC,MAAM,EAAEA;MAAO,CAAE,CAAC,eACpCpC,MAAA,YAAAqC,aAAA,CAAChC,SAAA,WAAQ;QAACyD,KAAK,EAAEL,IAAI,CAACM;MAAK,CAAE,CAAC,EAC7B,IAAAC,iBAAK,EAAC,CAAC,EAAER,KAAK,GAAG,CAAC,CAAC,CAACS,GAAG,CAAC,UAACC,CAAC;QAAA,oBACzBlE,MAAA,YAAAqC,aAAA,CAAC9B,KAAA,WAAI;UAAC4B,KAAK,EAAEyB,SAAU;UAACxB,MAAM,EAAEyB,UAAW;UAACV,GAAG,EAAEe,CAAE;UAACC,KAAK,EAAED,CAAE;UAACE,MAAM,EAAEX,IAAK;UAACY,IAAI,EAAEH,CAAC,KAAKV;QAAM,CAAE,CAAC;MAAA,CAClG,CACE,CAAC;IAEV;EAAC;AAAA,EAvB0Bc,iBAAK,CAACC,aAAa;AAAA,IAAAC,gBAAA,aAAnC5B,OAAO,eACC;EACjBT,KAAK,EAAEM,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClCP,MAAM,EAAEK,qBAAS,CAACC,MAAM,CAACC,UAAU;EACnCa,KAAK,EAAEf,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClCc,IAAI,EAAEhB,qBAAS,CAACgC,MAAM,CAAC9B;AACzB,CAAC;AAAA,IAAA+B,QAAA,GAAA7B,OAAA,cAoBYD,OAAO","ignoreList":[]}

package/lib/ruler/index.js

@@ -1,65 +1,63 @@
 "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 _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 _rotatable = _interopRequireDefault(require("../rotatable"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _graphic = _interopRequireDefault(require("./graphic"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _anchor = _interopRequireDefault(require("../anchor"));
-
-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 Ruler = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Ruler, _React$Component);
-
-  var _super = _createSuper(Ruler);
-
+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 StyledRuler = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    cursor: 'move',
+    position: 'relative',
+    backgroundColor: theme.palette.secondary.light,
+    opacity: 1.0,
+    border: "solid 0px ".concat(theme.palette.primary.main)
+  };
+});
+var StyledLeftAnchor = (0, _styles.styled)(_anchor["default"])(function () {
+  return {
+    left: '-10px',
+    top: '40%'
+  };
+});
+var StyledRightAnchor = (0, _styles.styled)(_anchor["default"])(function () {
+  return {
+    right: '-10px',
+    top: '40%'
+  };
+});
+var Ruler = exports.Ruler = /*#__PURE__*/function (_React$Component) {
   function Ruler() {
     (0, _classCallCheck2["default"])(this, Ruler);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Ruler, arguments);
   }
-
-  (0, _createClass2["default"])(Ruler, [{
+  (0, _inherits2["default"])(Ruler, _React$Component);
+  return (0, _createClass2["default"])(Ruler, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          classes = _this$props.classes,
-          width = _this$props.width,
-          height = _this$props.height,
-          units = _this$props.units,
-          measure = _this$props.measure,
-          className = _this$props.className,
-          startPosition = _this$props.startPosition,
-          label = _this$props.label,
-          tickCount = _this$props.tickCount;
+        width = _this$props.width,
+        height = _this$props.height,
+        units = _this$props.units,
+        measure = _this$props.measure,
+        startPosition = _this$props.startPosition,
+        label = _this$props.label,
+        tickCount = _this$props.tickCount;
       var unit = measure === 'imperial' ? {
         type: label,
         ticks: tickCount && tickCount % 4 === 0 ? tickCount : 16
@@ -68,7 +66,6 @@ var Ruler = /*#__PURE__*/function (_React$Component) {
         ticks: 10
       };
       return /*#__PURE__*/_react["default"].createElement(_rotatable["default"], {
-        className: className,
         startPosition: startPosition,
         handle: [{
           "class": 'leftAnchor',
@@ -77,8 +74,7 @@ var Ruler = /*#__PURE__*/function (_React$Component) {
           "class": 'rightAnchor',
           origin: 'bottom left'
         }]
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.ruler,
+      }, /*#__PURE__*/_react["default"].createElement(StyledRuler, {
         style: {
           width: "".concat(width, "px"),
           height: "".concat(height, "px")
@@ -88,24 +84,19 @@ var Ruler = /*#__PURE__*/function (_React$Component) {
         height: height,
         units: units,
         unit: unit
-      }), /*#__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(StyledLeftAnchor, {
+        className: "leftAnchor"
+      }), /*#__PURE__*/_react["default"].createElement(StyledRightAnchor, {
+        className: "rightAnchor"
       })));
     }
   }]);
-  return Ruler;
 }(_react["default"].Component);
-
-exports.Ruler = Ruler;
 (0, _defineProperty2["default"])(Ruler, "propTypes", {
   width: _propTypes["default"].number,
   height: _propTypes["default"].number,
   units: _propTypes["default"].number.isRequired,
   measure: _propTypes["default"].oneOf(['imperial', 'metric']).isRequired,
-  classes: _propTypes["default"].object.isRequired,
-  className: _propTypes["default"].string,
   startPosition: _propTypes["default"].shape({
     left: _propTypes["default"].number.isRequired,
     top: _propTypes["default"].number.isRequired
@@ -119,28 +110,5 @@ exports.Ruler = Ruler;
   measure: 'imperial',
   units: 12
 });
-
-var styles = function styles(theme) {
-  return {
-    ruler: {
-      cursor: 'move',
-      position: 'relative',
-      backgroundColor: theme.palette.secondary.light,
-      opacity: 1.0,
-      border: "solid 0px ".concat(theme.palette.primary.main)
-    },
-    leftAnchor: {
-      left: '-10px',
-      top: '40%'
-    },
-    rightAnchor: {
-      right: '-10px',
-      top: '40%'
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Ruler);
-
-exports["default"] = _default;
+var _default = exports["default"] = Ruler;
 //# sourceMappingURL=index.js.map

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 { 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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_styles","_rotatable","_graphic","_propTypes","_anchor","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledRuler","styled","_ref","theme","cursor","position","backgroundColor","palette","secondary","light","opacity","border","concat","primary","main","StyledLeftAnchor","Anchor","left","top","StyledRightAnchor","right","Ruler","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","width","height","units","measure","startPosition","label","tickCount","unit","type","ticks","createElement","handle","origin","style","className","React","Component","_defineProperty2","PropTypes","number","isRequired","oneOf","shape","string","_default"],"sources":["../../src/ruler/index.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport Rotatable from '../rotatable';\nimport RulerGraphic from './graphic';\nimport PropTypes from 'prop-types';\nimport Anchor from '../anchor';\n\nconst StyledRuler = styled('div')(({ theme }) => ({\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\nconst StyledLeftAnchor = styled(Anchor)(() => ({\n  left: '-10px',\n  top: '40%',\n}));\n\nconst StyledRightAnchor = styled(Anchor)(() => ({\n  right: '-10px',\n  top: '40%',\n}));\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    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 { width, height, units, measure, 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        startPosition={startPosition}\n        handle={[\n          { class: 'leftAnchor', origin: 'bottom right' },\n          { class: 'rightAnchor', origin: 'bottom left' },\n        ]}\n      >\n        <StyledRuler style={{ width: `${width}px`, height: `${height}px` }}>\n          <RulerGraphic width={width} height={height} units={units} unit={unit} />\n          <StyledLeftAnchor className=\"leftAnchor\" />\n          <StyledRightAnchor className=\"rightAnchor\" />\n        </StyledRuler>\n      </Rotatable>\n    );\n  }\n}\n\nexport default Ruler;\n"],"mappings":"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","ignoreList":[]}

package/lib/ruler/unit-type.js

@@ -1,37 +1,32 @@
 "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"));
-
 var _styleUtils = require("../style-utils");
-
-var _styles = require("@material-ui/core/styles");
-
-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 _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,
-      label = props.label,
-      x = props.x,
-      y = props.y,
-      textAlign = props.textAlign,
-      fill = props.fill,
-      fontSize = props.fontSize,
-      stroke = props.stroke;
-  return /*#__PURE__*/_react["default"].createElement("text", {
-    className: classes.unitType,
+var _styles = require("@mui/material/styles");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledText = (0, _styles.styled)('text')(function (_ref) {
+  var theme = _ref.theme;
+  return _objectSpread(_objectSpread({}, (0, _styleUtils.noSelect)()), {}, {
+    fill: (0, _styleUtils.strokeColor)(theme)
+  });
+});
+var UnitType = exports.UnitType = function UnitType(props) {
+  var label = props.label,
+    x = props.x,
+    y = props.y,
+    textAlign = props.textAlign,
+    fill = props.fill,
+    fontSize = props.fontSize,
+    stroke = props.stroke;
+  return /*#__PURE__*/_react["default"].createElement(StyledText, {
     x: x,
     y: y,
     textAnchor: textAlign,
@@ -40,10 +35,7 @@ var UnitType = function UnitType(props) {
     fontSize: fontSize
   }, label);
 };
-
-exports.UnitType = UnitType;
 UnitType.propTypes = {
-  classes: _propTypes["default"].object.isRequired,
   label: _propTypes["default"].string.isRequired,
   x: _propTypes["default"].number,
   y: _propTypes["default"].number,
@@ -59,14 +51,5 @@ UnitType.defaultProps = {
   x: 8,
   y: 14
 };
-
-var _default = (0, _styles.withStyles)(function (theme) {
-  return {
-    unitType: _objectSpread(_objectSpread({}, (0, _styleUtils.noSelect)()), {}, {
-      fill: (0, _styleUtils.strokeColor)(theme)
-    })
-  };
-})(UnitType);
-
-exports["default"] = _default;
+var _default = exports["default"] = UnitType;
 //# sourceMappingURL=unit-type.js.map

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,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"}
+{"version":3,"file":"unit-type.js","names":["_react","_interopRequireDefault","require","_propTypes","_styleUtils","_styles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledText","styled","_ref","theme","noSelect","fill","strokeColor","UnitType","exports","props","label","x","y","textAlign","fontSize","stroke","createElement","textAnchor","propTypes","PropTypes","string","isRequired","number","defaultProps","_default"],"sources":["../../src/ruler/unit-type.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { noSelect, strokeColor } from '../style-utils';\nimport { styled } from '@mui/material/styles';\n\nconst StyledText = styled('text')(({ theme }) => ({\n  ...noSelect(),\n  fill: strokeColor(theme),\n}));\n\nexport const UnitType = (props) => {\n  const { label, x, y, textAlign, fill, fontSize, stroke } = props;\n\n  return (\n    <StyledText\n      x={x}\n      y={y}\n      textAnchor={textAlign}\n      stroke={stroke}\n      fill={fill}\n      fontSize={fontSize}\n    >\n      {label}\n    </StyledText>\n  );\n};\n\nUnitType.propTypes = {\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 UnitType;\n"],"mappings":"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","ignoreList":[]}