@pie-lib/tools 0.25.1-next.0 → 0.26.2

package/esm/index.js

@@ -0,0 +1,1158 @@
+import React from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import PropTypes from 'prop-types';
+import range from 'lodash/range';
+import { noSelect } from '@pie-lib/style-utils';
+import classNames from 'classnames';
+import { trigCalculator } from 'trigonometry-calculator';
+import Point from '@mapbox/point-geometry';
+import debug from 'debug';
+import { Portal } from 'react-portal';
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+const strokeColor = theme => `var(--ruler-stroke, ${theme.palette.primary.main})`;
+const fillColor = theme => `var(--ruler-bg, ${theme.palette.primary.contrastText})`;
+
+const Line = withStyles(theme => ({
+  line: {
+    strokeWidth: '0.2',
+    stroke: strokeColor(theme)
+  }
+}))(({
+  angle,
+  classes,
+  major,
+  minor
+}) => /*#__PURE__*/React.createElement("line", {
+  transform: `rotate(${angle}, 50.5,50)`,
+  className: classes.line,
+  style: {},
+  x1: "1",
+  x2: major ? 10 : minor ? 6 : 3,
+  y1: "50",
+  y2: "50"
+}));
+const Spike = withStyles(theme => ({
+  line: {
+    strokeWidth: '0.2',
+    stroke: strokeColor(theme)
+  }
+}))(({
+  angle,
+  classes
+}) => /*#__PURE__*/React.createElement("line", {
+  transform: `rotate(${angle}, 50.5,50)`,
+  className: classes.line,
+  style: {},
+  x1: "15",
+  x2: '46',
+  y1: "50",
+  y2: "50"
+}));
+const Text = withStyles(theme => ({
+  text: _extends({
+    fontSize: '2.5px',
+    textAnchor: 'middle',
+    fill: strokeColor(theme)
+  }, noSelect())
+}))(({
+  angle,
+  classes
+}) => /*#__PURE__*/React.createElement("text", {
+  transform: `rotate(${angle - 90}, 50.5, 50)`,
+  className: classes.text,
+  x: "50",
+  y: "12.5"
+}, angle));
+let Graphic$1 = class Graphic extends React.PureComponent {
+  render() {
+    const {
+      classes
+    } = this.props;
+    return /*#__PURE__*/React.createElement("svg", {
+      viewBox: "0 0 102 61"
+    }, /*#__PURE__*/React.createElement("path", {
+      className: classes.path,
+      d: "M 1,50 A 1,1 0 0 1 100,50 L 100,60 L 1,60 Z",
+      fill: "none"
+    }), range(0, 181).map(r => /*#__PURE__*/React.createElement(Line, {
+      minor: r % 5 === 0,
+      major: r % 10 === 0,
+      angle: r,
+      key: r
+    })), range(0, 181, 10).map(r => /*#__PURE__*/React.createElement(React.Fragment, {
+      key: r
+    }, /*#__PURE__*/React.createElement(Spike, {
+      angle: r
+    }), /*#__PURE__*/React.createElement(Text, {
+      angle: r
+    }))), /*#__PURE__*/React.createElement("circle", {
+      r: "4",
+      cx: "50.5",
+      cy: "50",
+      className: classes.circle
+    }), /*#__PURE__*/React.createElement("line", {
+      className: classes.line,
+      x1: "48.5",
+      x2: "52.5",
+      y1: "50",
+      y2: "50"
+    }), /*#__PURE__*/React.createElement("line", {
+      className: classes.line,
+      transform: 'rotate(90 50.5 50)',
+      x1: "48.5",
+      x2: "52.5",
+      y1: "50",
+      y2: "50"
+    }));
+  }
+
+};
+Graphic$1.propTypes = {
+  classes: PropTypes.object.isRequired
+};
+var Graphic$2 = withStyles(theme => ({
+  path: {
+    strokeWidth: '0.2',
+    stroke: strokeColor(theme)
+  },
+  line: {
+    strokeWidth: '0.2',
+    stroke: strokeColor(theme)
+  },
+  circle: {
+    strokeWidth: '0.2',
+    stroke: strokeColor(theme),
+    fill: 'none'
+  }
+}))(Graphic$1);
+
+const Anchor$1 = withStyles(theme => ({
+  anchor: {
+    cursor: 'pointer',
+    width: '20px',
+    height: '20px',
+    position: 'absolute',
+    borderRadius: '10px',
+    backgroundColor: `var(--ruler-bg, ${theme.palette.primary.contrastText})`,
+    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})`
+    }
+  }
+}))(({
+  classes,
+  className
+}) => /*#__PURE__*/React.createElement("div", {
+  className: classNames(classes.anchor, className)
+}));
+
+const keyWordToPercent = v => {
+  if (v === 'left' || v === 'top') {
+    return 0;
+  } else if (v === 'right' || v === 'bottom') {
+    return 100;
+  } else if (v === 'center') {
+    return 50;
+  } else if (v.endsWith('%')) {
+    return parseFloat(v);
+  } else {
+    return v;
+  }
+};
+
+const getValue = (s, length) => {
+  if (s.endsWith('px')) {
+    return parseFloat(s);
+  } else {
+    s = keyWordToPercent(s);
+    const v = length * (s / 100);
+    return v;
+  }
+};
+
+const normalize = a => {
+  if (a[0] === 'bottom' || a[0] === 'top' || a[1] === 'left' || a[1] === 'right') {
+    return [a[1], a[0]];
+  } else {
+    return a;
+  }
+};
+/**
+ * Parse a transform origin string to x/y values.
+ * @param {{width: number, height: number}} rect
+ * @param {string} value
+ * @returns {x:number, y:number}
+ */
+
+
+const parse = (rect, value) => {
+  if (!value) {
+    return {
+      x: rect.width / 2,
+      y: rect.height / 2
+    };
+  }
+
+  const arr = value.split(' ');
+
+  if (arr.length === 1) {
+    //1 val
+    const x = getValue(arr[0], rect.width);
+    const y = getValue('50%', rect.height);
+    return {
+      x,
+      y
+    };
+  } else if (arr.length === 2) {
+    const sorted = normalize(arr);
+    const x = getValue(sorted[0], rect.width);
+    const y = getValue(sorted[1], rect.height);
+    return {
+      x,
+      y
+    };
+  } else if (arr.length === 3) {
+    throw new Error('transform-origin values with 3 fields not supported.');
+  }
+};
+
+const log = debug('@pie-lib:tools:anchor-utils');
+const toDegrees = radians => radians * (180 / Math.PI);
+const toRadians = degrees => degrees * (Math.PI / 180);
+const normalizeAngle = a => {
+  if (a > 360) {
+    return a % 360;
+  } else if (a < 0) {
+    return 360 + a % 360;
+  }
+
+  return a;
+};
+const toPoint = (rect, edge) => {
+  const out = parse(rect, edge);
+  return new Point(out.x, out.y);
+};
+/**
+ * Get the distance between to anchor points in a rect.
+ * @param {{width: number, height: number}} rect - the rect
+ * @param {number} degrees - the degrees
+ * @param {string} from - from anchor
+ * @param {string} to - to anchor
+ * @returns {Point} point - the distance as a Point
+ */
+
+const distanceBetween = (rect, degrees, from, to) => {
+  const center = new Point(rect.width / 2, rect.height / 2);
+  const radians = toRadians(degrees);
+  const fromCenter = center.rotateAround(radians, toPoint(rect, from));
+  const toCenter = center.rotateAround(radians, toPoint(rect, to));
+  const diff = fromCenter.sub(toCenter);
+  return diff;
+};
+/**
+ * For a corner string, a point and a rect, return a relative x,y from that point to a corner.
+ * Note that the y value descends as it goes down (unlike for a screen's y value), so this is only really useful for math functions.
+ * @example
+ * ```
+ * getXAndY('top-left', {width: 100, height: 100}, 10, 10) //=> {x:10, y: -90}
+ * ```
+ * @param {*} corner
+ * @param {*} rect
+ * @param {*} point
+ */
+
+const getXAndY = (corner, rect, point) => {
+  if (corner === 'top-left') {
+    const x = point.x * -1;
+    const y = point.y;
+    return {
+      x,
+      y
+    };
+  } else if (corner === 'bottom-left') {
+    const x = point.x * -1;
+    const y = point.y - rect.height;
+    return {
+      x,
+      y
+    };
+  } else if (corner === 'top-right') {
+    const x = rect.width - point.x;
+    const y = point.y;
+    return {
+      x,
+      y
+    };
+  } else if (corner === 'bottom-right') {
+    const x = rect.width - point.x;
+    const y = point.y - rect.height;
+    return {
+      x,
+      y
+    };
+  }
+};
+const arctangent = (x, y) => toDegrees(Math.atan2(x, y));
+const getAngleAndHypotenuse = (corner, rect, point) => {
+  const {
+    x,
+    y
+  } = getXAndY(corner, rect, point);
+  const degrees = arctangent(x, y);
+  const hypotenuse = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
+  return {
+    x,
+    y,
+    degrees,
+    hypotenuse
+  };
+};
+
+const getPosition = (side, rect, point, angle, calcAngle) => {
+  if (angle === 0) {
+    return side === 'left' ? point.x : point.y;
+  }
+
+  const points = anglePoints(angle);
+  const key = points[side];
+  const {
+    degrees,
+    hypotenuse
+  } = getAngleAndHypotenuse(key, rect, point);
+  const ra = calcAngle(degrees);
+
+  if (ra === 0) {
+    return hypotenuse;
+  }
+
+  const t = {
+    angles: {
+      0: ra,
+      1: 90
+    },
+    sides: {
+      1: hypotenuse
+    }
+  };
+  const out = trigCalculator(t);
+  return out.sides[2];
+};
+
+const getTop = (rect, point, angle) => {
+  return getPosition('top', rect, point, angle, degrees => {
+    return Math.abs(angle + degrees);
+  });
+};
+const getLeft = (rect, point, angle) => {
+  return getPosition('left', rect, point, angle, degrees => {
+    return Math.abs(angle + degrees + 90);
+  });
+};
+/**
+ * Calculate the position of an anchor within a bounding rect, if the source rect has been rotated by an angle.
+ * It does this by finding the appropriate corner of the src rect, that touches the bounding rect, calculates
+ * the hypotenuse (h) of that anchor to that point. Then using that plus the rotation it calculates
+ * the sides of the triangle and returns the length of the side that touches the bounding rect.
+ * @param {{width: number, height: number}} rect - the rect which contains the point
+ * @param {{x:number, y: number}} point - the point within the rect
+ * @param {number} angle - the angle in degrees that the rect has rotated.
+ * @returns {{left: number, top: number}} position
+ */
+
+const getAnchor = (rect, point, angle) => {
+  log('[getAnchor] rect: ', rect, 'point:', point, 'angle: ', angle);
+
+  if (point.x > rect.width) {
+    throw new Error(`x: ${point.x} cannot be greater than width: ${rect.width}`);
+  }
+
+  if (point.y > rect.height) {
+    throw new Error(`y: ${point.y} cannot be greater than height: ${rect.height}`);
+  }
+
+  const a = normalizeAngle(angle);
+  const top = getTop(rect, point, a);
+  const left = getLeft(rect, point, a);
+  log('[getAnchor] top: ', top, 'left: ', left);
+  return {
+    top,
+    left
+  };
+};
+
+const anglePoints = angle => {
+  if (angle <= 90) {
+    return {
+      top: 'top-left',
+      left: 'bottom-left'
+    };
+  } else if (angle > 90 && angle <= 180) {
+    return {
+      top: 'bottom-left',
+      left: 'bottom-right'
+    };
+  } else if (angle > 180 && angle <= 270) {
+    return {
+      top: 'bottom-right',
+      left: 'top-right'
+    };
+  } else if (angle > 270 && angle < 360) {
+    return {
+      top: 'top-right',
+      left: 'top-left'
+    };
+  }
+};
+
+var anchorUtils = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  arctangent: arctangent,
+  distanceBetween: distanceBetween,
+  getAnchor: getAnchor,
+  getAngleAndHypotenuse: getAngleAndHypotenuse,
+  getLeft: getLeft,
+  getTop: getTop,
+  getXAndY: getXAndY,
+  normalizeAngle: normalizeAngle,
+  toDegrees: toDegrees,
+  toPoint: toPoint,
+  toRadians: toRadians
+});
+
+const Anchor = withStyles({
+  anchor: {
+    position: 'absolute',
+    zIndex: 100,
+    width: '200px',
+    height: '80px'
+  }
+})(({
+  classes,
+  left,
+  top,
+  color,
+  fill
+}) => {
+  color = color || 'green';
+  fill = fill || 'white';
+  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement("svg", {
+    className: classes.anchor,
+    style: {
+      left: left - 10,
+      top: top - 10
+    }
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: 10,
+    cy: 10,
+    r: 8,
+    strokeWidth: 1,
+    stroke: color,
+    fill: fill
+  })));
+});
+/**
+ * Tip o' the hat to:
+ * https://bl.ocks.org/joyrexus/7207044
+ */
+
+class Rotatable extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.initHandles = () => {
+      const {
+        handle
+      } = this.props;
+
+      if (Array.isArray(handle)) {
+        this.handles = [];
+        handle.forEach(h => {
+          const el = this.rotatable.querySelector(`.${h.class}`);
+
+          if (el) {
+            const mousedownHandler = this.rotateStart(h.origin);
+            el.addEventListener('mousedown', mousedownHandler);
+            el.addEventListener('mouseup', this.rotateStop);
+            this.handles.push({
+              el,
+              mousedownHandler
+            });
+          }
+        });
+      }
+    };
+
+    this.addMouseUpHandler = () => {
+      document.addEventListener('mouseup', this.rotateStop);
+    };
+
+    this.originToXY = origin => {
+      const {
+        clientWidth: width,
+        clientHeight: height
+      } = this.rotatable;
+      return parse({
+        width,
+        height
+      }, origin);
+    };
+
+    this.getAnchor = origin => {
+      const {
+        rotation
+      } = this.state;
+      const {
+        clientWidth,
+        clientHeight
+      } = this.rotatable;
+      const {
+        top,
+        left
+      } = this.rotatable.getBoundingClientRect();
+      const xy = this.originToXY(origin);
+      const {
+        top: anchorTop,
+        left: anchorLeft
+      } = getAnchor({
+        width: clientWidth,
+        height: clientHeight
+      }, xy, rotation);
+      return {
+        top: top + anchorTop,
+        left: left + anchorLeft
+      };
+    };
+
+    this.rotateStart = origin => e => {
+      const {
+        isRotating
+      } = this.state;
+
+      if (isRotating) {
+        return;
+      }
+
+      e.preventDefault();
+      const anchor = this.getAnchor(origin);
+      const {
+        rotation
+      } = this.state;
+      const {
+        angle: startAngle
+      } = this.getAngle(anchor, e);
+      let diff = {
+        x: 0,
+        y: 0
+      };
+
+      if (origin !== this.state.origin) {
+        const {
+          clientWidth: width,
+          clientHeight: height
+        } = this.rotatable;
+        diff = distanceBetween({
+          width,
+          height
+        }, rotation, this.state.origin, origin);
+      }
+
+      this.setState({
+        origin,
+        isRotating: true,
+        startAngle,
+        anchor,
+        position: {
+          left: this.state.position.left + diff.x,
+          top: this.state.position.top + diff.y
+        }
+      }, () => {
+        document.addEventListener('mousemove', this.rotate);
+      });
+    };
+
+    this.rotateStop = e => {
+      const {
+        isRotating
+      } = this.state;
+
+      if (!isRotating) {
+        return;
+      }
+
+      e.preventDefault();
+      this.setState({
+        isRotating: false,
+        angle: this.state.rotation,
+        anchor: null,
+        current: null
+      }, () => {
+        document.removeEventListener('mousemove', this.rotate);
+        document.removeEventListener('mousemove', this.drag);
+      });
+    };
+
+    this.rotate = e => {
+      const {
+        isRotating
+      } = this.state;
+
+      if (!isRotating) {
+        return;
+      }
+
+      e.preventDefault();
+      const {
+        startAngle,
+        angle,
+        anchor
+      } = this.state;
+      const {
+        angle: current,
+        x,
+        y
+      } = this.getAngle(anchor, e);
+      const computedAnchor = {
+        x,
+        y
+      };
+      const diff = current - startAngle;
+      const rotation = angle + diff;
+      this.setState({
+        rotation,
+        diff,
+        current,
+        computedAnchor
+      });
+    };
+
+    this.mouseDown = e => {
+      const handle = this.handles.find(h => h.el === e.target);
+
+      if (!handle) {
+        this.dragStart(e);
+      }
+    };
+
+    this.dragStart = e => {
+      const dragPoint = new Point(e.pageX, e.pageY);
+      this.setState({
+        dragPoint
+      }, () => {
+        document.addEventListener('mousemove', this.drag);
+      });
+    };
+
+    this.drag = e => {
+      e.preventDefault();
+      const current = new Point(e.pageX, e.pageY);
+      const translate = current.sub(this.state.dragPoint);
+      this.setState({
+        translate
+      });
+    };
+
+    this.mouseUp = () => {
+      if (!this.state.translate) {
+        return;
+      }
+
+      const {
+        position: lastPosition,
+        translate
+      } = this.state;
+      const position = {
+        left: lastPosition.left + translate.x,
+        top: lastPosition.top + translate.y
+      };
+      document.removeEventListener('mousemove', this.drag);
+      this.setState({
+        position,
+        dragPoint: null,
+        translate: null
+      });
+    };
+
+    this.state = {
+      isRotating: false,
+      rotation: 0,
+      startAngle: 0,
+      angle: 0,
+      position: {
+        left: props.startPosition.left,
+        top: props.startPosition.top
+      }
+    };
+  }
+
+  componentWillUnmount() {
+    document.removeEventListener('mouseup', this.rotateStop);
+    document.removeEventListener('mousemove', this.drag);
+    document.removeEventListener('mousemove', this.rotate);
+    this.handles.forEach(h => {
+      h.el.removeEventListener('mousedown', h.mousedownHandler);
+      h.el.removeEventListener('mouseup', this.rotateStop);
+    });
+  }
+
+  componentDidMount() {
+    this.addMouseUpHandler();
+    this.initHandles();
+  }
+
+  getAngle(anchor, e) {
+    const x = e.clientX - anchor.left;
+    const y = (e.clientY - anchor.top) * -1;
+    return {
+      angle: arctangent(x, y),
+      x,
+      y
+    };
+  }
+
+  render() {
+    const {
+      children,
+      classes,
+      showAnchor,
+      className
+    } = this.props;
+    const {
+      rotation,
+      anchor,
+      origin,
+      translate,
+      position
+    } = this.state;
+    const t = translate ? `translate(${translate.x}px, ${translate.y}px)` : '';
+    const style = {
+      left: position.left,
+      top: position.top,
+      transformOrigin: origin,
+      transform: `${t} rotate(${rotation}deg)`
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames(classes.rotatable, className),
+      style: style,
+      ref: r => this.rotatable = r,
+      onMouseDown: this.mouseDown,
+      onMouseUp: this.mouseUp
+    }, anchor && showAnchor && /*#__PURE__*/React.createElement(Anchor, anchor), children);
+  }
+
+}
+Rotatable.propTypes = {
+  classes: PropTypes.object.isRequired,
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
+  showAnchor: PropTypes.bool,
+  handle: PropTypes.arrayOf(PropTypes.shape({
+    class: PropTypes.string.isRequired,
+    origin: PropTypes.string
+  })),
+  className: PropTypes.string,
+  startPosition: PropTypes.shape({
+    left: PropTypes.number,
+    top: PropTypes.number
+  })
+};
+Rotatable.defaultProps = {
+  showAnchor: false,
+  startPosition: {
+    left: 0,
+    top: 0
+  }
+};
+var Rotatable$1 = withStyles({
+  rotatable: {
+    position: 'relative',
+    display: 'inline-block',
+    cursor: 'move'
+  }
+})(Rotatable);
+
+class Protractor extends React.Component {
+  render() {
+    const {
+      classes,
+      width,
+      className,
+      startPosition
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Rotatable$1, {
+      className: className,
+      startPosition: startPosition,
+      handle: [{
+        class: 'leftAnchor',
+        origin: `${width * 0.495}px ${width * 0.49}px`
+      }, {
+        class: 'rightAnchor',
+        origin: `${width * 0.495}px ${width * 0.49}px`
+      }]
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.protractor,
+      style: {
+        width: `${width}px`
+      }
+    }, /*#__PURE__*/React.createElement(Graphic$2, null), /*#__PURE__*/React.createElement(Anchor$1, {
+      className: classNames('leftAnchor', classes.leftAnchor)
+    }), /*#__PURE__*/React.createElement(Anchor$1, {
+      className: classNames('rightAnchor', classes.rightAnchor)
+    })));
+  }
+
+}
+Protractor.propTypes = {
+  classes: PropTypes.object.isRequired,
+  width: PropTypes.number.isRequired,
+  className: PropTypes.string,
+  startPosition: PropTypes.shape({
+    left: PropTypes.number,
+    top: PropTypes.number
+  })
+};
+Protractor.defaultProps = {
+  width: 450,
+  startPosition: {
+    left: 0,
+    top: 0
+  }
+};
+var index$1 = withStyles(() => ({
+  protractor: {
+    position: 'relative'
+  },
+  leftAnchor: {
+    position: 'absolute',
+    left: 0,
+    bottom: 0
+  },
+  rightAnchor: {
+    position: 'absolute',
+    right: 0,
+    bottom: 0
+  }
+}))(Protractor);
+
+const UnitType = props => {
+  const {
+    classes,
+    label,
+    x,
+    y,
+    textAlign,
+    fill,
+    fontSize,
+    stroke
+  } = props;
+  return /*#__PURE__*/React.createElement("text", {
+    className: classes.unitType,
+    x: x,
+    y: y,
+    textAnchor: textAlign,
+    stroke: stroke,
+    fill: fill,
+    fontSize: fontSize
+  }, label);
+};
+UnitType.propTypes = {
+  classes: PropTypes.object.isRequired,
+  label: PropTypes.string.isRequired,
+  x: PropTypes.number,
+  y: PropTypes.number,
+  textAlign: PropTypes.string,
+  fill: PropTypes.string,
+  fontSize: PropTypes.number,
+  stroke: PropTypes.string
+};
+UnitType.defaultProps = {
+  textAnchor: 'start',
+  fontSize: 11,
+  stroke: 'none',
+  x: 8,
+  y: 14
+};
+var UnitType$1 = withStyles(theme => ({
+  unitType: _extends({}, noSelect(), {
+    fill: strokeColor(theme)
+  })
+}))(UnitType);
+
+const Tick = withStyles(theme => ({
+  tick: {
+    stroke: strokeColor(theme)
+  }
+}))(({
+  x,
+  height,
+  bottom,
+  classes,
+  major,
+  minor
+}) => {
+  const y1 = major ? bottom - height * 2 : minor ? bottom - height * 1.5 : bottom - height;
+  return /*#__PURE__*/React.createElement("line", {
+    y1: y1,
+    y2: bottom,
+    x1: x,
+    x2: x,
+    className: classes.tick
+  });
+});
+
+const Ticks = ({
+  count,
+  width,
+  height
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, range(1, count).map(r => {
+    return /*#__PURE__*/React.createElement(Tick, {
+      key: r,
+      value: r,
+      x: r * (width / count),
+      major: r % (count / 2) === 0,
+      minor: r % (count / 4) === 0,
+      bottom: height,
+      height: 10
+    });
+  }));
+};
+
+Ticks.propTypes = {
+  count: PropTypes.number.isRequired,
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired
+};
+class Unit extends React.Component {
+  render() {
+    const {
+      index,
+      width,
+      height,
+      classes,
+      last,
+      config
+    } = this.props;
+    const style = {
+      transform: `translate(${width * (index - 1)}px, 0px)`
+    };
+    return /*#__PURE__*/React.createElement("g", {
+      style: style
+    }, !last && /*#__PURE__*/React.createElement("line", {
+      x1: width,
+      y1: 0,
+      x2: width,
+      y2: height,
+      className: classes.endTick
+    }), /*#__PURE__*/React.createElement(Ticks, {
+      count: config.ticks,
+      width: width,
+      height: height
+    }), /*#__PURE__*/React.createElement("text", {
+      width: width,
+      className: classes.label,
+      x: width - 5,
+      y: 15
+    }, index));
+  }
+
+}
+Unit.propTypes = {
+  index: PropTypes.number.isRequired,
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired,
+  classes: PropTypes.object.isRequired,
+  last: PropTypes.bool.isRequired,
+  config: PropTypes.object.isRequired
+};
+var Unit$1 = withStyles(theme => ({
+  endTick: {
+    stroke: strokeColor(theme),
+    strokeWidth: 1
+  },
+  label: _extends({
+    textAnchor: 'end',
+    fontSize: '12px',
+    fill: strokeColor(theme)
+  }, noSelect()),
+  base: {
+    fill: 'none',
+    stroke: 'red'
+  }
+}))(Unit);
+
+const Bg = ({
+  width,
+  height,
+  className
+}) => /*#__PURE__*/React.createElement("rect", {
+  width: width,
+  height: height,
+  cx: 0,
+  cy: 0,
+  className: className
+});
+
+Bg.propTypes = {
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired,
+  className: PropTypes.string.isRequired
+};
+class Graphic extends React.PureComponent {
+  render() {
+    const {
+      width,
+      height,
+      classes,
+      units,
+      unit
+    } = this.props;
+    const viewBox = `0 0 ${width} ${height}`;
+    const unitWidth = width / units;
+    const unitHeight = height;
+    return /*#__PURE__*/React.createElement("svg", {
+      viewBox: viewBox
+    }, /*#__PURE__*/React.createElement(Bg, {
+      width: width,
+      height: height,
+      className: classes.bg
+    }), /*#__PURE__*/React.createElement(UnitType$1, {
+      label: unit.type
+    }), range(1, units + 1).map(r => /*#__PURE__*/React.createElement(Unit$1, {
+      width: unitWidth,
+      height: unitHeight,
+      key: r,
+      index: r,
+      config: unit,
+      last: r === units
+    })));
+  }
+
+}
+Graphic.propTypes = {
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired,
+  units: PropTypes.number.isRequired,
+  unit: PropTypes.object.isRequired,
+  classes: PropTypes.object.isRequired
+};
+
+const styles$1 = theme => ({
+  bg: {
+    stroke: strokeColor(theme),
+    strokeWidth: '2px',
+    fill: fillColor(theme)
+  }
+});
+
+var RulerGraphic = withStyles(styles$1)(Graphic);
+
+class Ruler extends React.Component {
+  render() {
+    const {
+      classes,
+      width,
+      height,
+      units,
+      measure,
+      className,
+      startPosition,
+      label,
+      tickCount
+    } = this.props;
+    const unit = measure === 'imperial' ? {
+      type: label,
+      ticks: tickCount && tickCount % 4 === 0 ? tickCount : 16
+    } : {
+      type: label,
+      ticks: 10
+    };
+    return /*#__PURE__*/React.createElement(Rotatable$1, {
+      className: className,
+      startPosition: startPosition,
+      handle: [{
+        class: 'leftAnchor',
+        origin: 'bottom right'
+      }, {
+        class: 'rightAnchor',
+        origin: 'bottom left'
+      }]
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.ruler,
+      style: {
+        width: `${width}px`,
+        height: `${height}px`
+      }
+    }, /*#__PURE__*/React.createElement(RulerGraphic, {
+      width: width,
+      height: height,
+      units: units,
+      unit: unit
+    }), /*#__PURE__*/React.createElement(Anchor$1, {
+      className: classNames('leftAnchor', classes.leftAnchor)
+    }), /*#__PURE__*/React.createElement(Anchor$1, {
+      className: classNames('rightAnchor', classes.rightAnchor)
+    })));
+  }
+
+}
+Ruler.propTypes = {
+  width: PropTypes.number,
+  height: PropTypes.number,
+  units: PropTypes.number.isRequired,
+  measure: PropTypes.oneOf(['imperial', 'metric']).isRequired,
+  classes: PropTypes.object.isRequired,
+  className: PropTypes.string,
+  startPosition: PropTypes.shape({
+    left: PropTypes.number.isRequired,
+    top: PropTypes.number.isRequired
+  }),
+  label: PropTypes.string,
+  tickCount: PropTypes.number
+};
+Ruler.defaultProps = {
+  width: 480,
+  height: 60,
+  measure: 'imperial',
+  units: 12
+};
+
+const styles = theme => ({
+  ruler: {
+    cursor: 'move',
+    position: 'relative',
+    backgroundColor: theme.palette.secondary.light,
+    opacity: 1.0,
+    border: `solid 0px ${theme.palette.primary.main}`
+  },
+  leftAnchor: {
+    left: '-10px',
+    top: '40%'
+  },
+  rightAnchor: {
+    right: '-10px',
+    top: '40%'
+  }
+});
+
+var index = withStyles(styles)(Ruler);
+
+export { index$1 as Protractor, Rotatable$1 as Rotatable, index as Ruler, anchorUtils as utils };
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/style-utils.js","../src/protractor/graphic.jsx","../src/anchor.jsx","../src/transform-origin.jsx","../src/anchor-utils.js","../src/rotatable.jsx","../src/protractor/index.jsx","../src/ruler/unit-type.jsx","../src/ruler/unit.jsx","../src/ruler/graphic.jsx","../src/ruler/index.jsx"],"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","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport range from 'lodash/range';\nimport PropTypes from 'prop-types';\nimport { strokeColor, noSelect } from '../style-utils';\n\nconst Line = withStyles((theme) => ({\n  line: {\n    strokeWidth: '0.2',\n    stroke: strokeColor(theme),\n  },\n}))(({ angle, classes, major, minor }) => (\n  <line\n    transform={`rotate(${angle}, 50.5,50)`}\n    className={classes.line}\n    style={{}}\n    x1=\"1\"\n    x2={major ? 10 : minor ? 6 : 3}\n    y1=\"50\"\n    y2=\"50\"\n  />\n));\n\nconst Spike = withStyles((theme) => ({\n  line: {\n    strokeWidth: '0.2',\n    stroke: strokeColor(theme),\n  },\n}))(({ angle, classes }) => (\n  <line transform={`rotate(${angle}, 50.5,50)`} className={classes.line} style={{}} x1=\"15\" x2={'46'} y1=\"50\" y2=\"50\" />\n));\n\nconst Text = withStyles((theme) => ({\n  text: {\n    fontSize: '2.5px',\n    textAnchor: 'middle',\n    fill: strokeColor(theme),\n    ...noSelect(),\n  },\n}))(({ angle, classes }) => (\n  <text transform={`rotate(${angle - 90}, 50.5, 50)`} className={classes.text} x=\"50\" y=\"12.5\">\n    {angle}\n  </text>\n));\n\nexport class Graphic extends React.PureComponent {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n  };\n\n  render() {\n    const { classes } = this.props;\n    return (\n      <svg viewBox=\"0 0 102 61\">\n        <path className={classes.path} d=\"M 1,50 A 1,1 0 0 1 100,50 L 100,60 L 1,60 Z\" fill=\"none\" />\n        {range(0, 181).map((r) => (\n          <Line minor={r % 5 === 0} major={r % 10 === 0} angle={r} key={r} />\n        ))}\n        {range(0, 181, 10).map((r) => (\n          <React.Fragment key={r}>\n            <Spike angle={r} />\n            <Text angle={r} />\n          </React.Fragment>\n        ))}\n        <circle r=\"4\" cx=\"50.5\" cy=\"50\" className={classes.circle} />\n        <line className={classes.line} x1=\"48.5\" x2=\"52.5\" y1=\"50\" y2=\"50\" />\n        <line className={classes.line} transform={'rotate(90 50.5 50)'} x1=\"48.5\" x2=\"52.5\" y1=\"50\" y2=\"50\" />\n      </svg>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  path: {\n    strokeWidth: '0.2',\n    stroke: strokeColor(theme),\n  },\n  line: {\n    strokeWidth: '0.2',\n    stroke: strokeColor(theme),\n  },\n  circle: {\n    strokeWidth: '0.2',\n    stroke: strokeColor(theme),\n    fill: 'none',\n  },\n}))(Graphic);\n","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nconst Anchor = withStyles((theme) => ({\n  anchor: {\n    cursor: 'pointer',\n    width: '20px',\n    height: '20px',\n    position: 'absolute',\n    borderRadius: '10px',\n    backgroundColor: `var(--ruler-bg, ${theme.palette.primary.contrastText})`,\n    transition: 'background-color 200ms ease-in',\n    border: `solid 1px var(--ruler-stroke, ${theme.palette.primary.dark})`,\n    '&:hover': {\n      backgroundColor: `var(--ruler-bg-hover, ${theme.palette.primary.light})`,\n    },\n  },\n}))(({ classes, className }) => <div className={classNames(classes.anchor, className)} />);\n\nexport default Anchor;\n","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","import { trigCalculator } from 'trigonometry-calculator';\nimport Point from '@mapbox/point-geometry';\nimport debug from 'debug';\nimport { parse as parseOrigin } from './transform-origin';\nconst log = debug('@pie-lib:tools:anchor-utils');\n\nexport const toDegrees = (radians) => radians * (180 / Math.PI);\nexport const toRadians = (degrees) => degrees * (Math.PI / 180);\n\nexport const normalizeAngle = (a) => {\n  if (a > 360) {\n    return a % 360;\n  } else if (a < 0) {\n    return 360 + (a % 360);\n  }\n  return a;\n};\n\nexport const toPoint = (rect, edge) => {\n  const out = parseOrigin(rect, edge);\n  return new Point(out.x, out.y);\n};\n\n/**\n * Get the distance between to anchor points in a rect.\n * @param {{width: number, height: number}} rect - the rect\n * @param {number} degrees - the degrees\n * @param {string} from - from anchor\n * @param {string} to - to anchor\n * @returns {Point} point - the distance as a Point\n */\nexport const distanceBetween = (rect, degrees, from, to) => {\n  const center = new Point(rect.width / 2, rect.height / 2);\n  const radians = toRadians(degrees);\n  const fromCenter = center.rotateAround(radians, toPoint(rect, from));\n  const toCenter = center.rotateAround(radians, toPoint(rect, to));\n  const diff = fromCenter.sub(toCenter);\n  return diff;\n};\n\n/**\n * For a corner string, a point and a rect, return a relative x,y from that point to a corner.\n * Note that the y value descends as it goes down (unlike for a screen's y value), so this is only really useful for math functions.\n * @example\n * ```\n * getXAndY('top-left', {width: 100, height: 100}, 10, 10) //=> {x:10, y: -90}\n * ```\n * @param {*} corner\n * @param {*} rect\n * @param {*} point\n */\nexport const getXAndY = (corner, rect, point) => {\n  if (corner === 'top-left') {\n    const x = point.x * -1;\n    const y = point.y;\n    return { x, y };\n  } else if (corner === 'bottom-left') {\n    const x = point.x * -1;\n    const y = point.y - rect.height;\n    return { x, y };\n  } else if (corner === 'top-right') {\n    const x = rect.width - point.x;\n    const y = point.y;\n    return { x, y };\n  } else if (corner === 'bottom-right') {\n    const x = rect.width - point.x;\n    const y = point.y - rect.height;\n    return { x, y };\n  }\n};\n\nexport const arctangent = (x, y) => toDegrees(Math.atan2(x, y));\n\nexport const getAngleAndHypotenuse = (corner, rect, point) => {\n  const { x, y } = getXAndY(corner, rect, point);\n  const degrees = arctangent(x, y);\n  const hypotenuse = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));\n  return { x, y, degrees, hypotenuse };\n};\n\nconst getPosition = (side, rect, point, angle, calcAngle) => {\n  if (angle === 0) {\n    return side === 'left' ? point.x : point.y;\n  }\n  const points = anglePoints(angle);\n  const key = points[side];\n\n  const { degrees, hypotenuse } = getAngleAndHypotenuse(key, rect, point);\n\n  const ra = calcAngle(degrees);\n\n  if (ra === 0) {\n    return hypotenuse;\n  }\n\n  const t = {\n    angles: { 0: ra, 1: 90 },\n    sides: { 1: hypotenuse },\n  };\n  const out = trigCalculator(t);\n  return out.sides[2];\n};\n\nexport const getTop = (rect, point, angle) => {\n  return getPosition('top', rect, point, angle, (degrees) => {\n    return Math.abs(angle + degrees);\n  });\n};\n\nexport const getLeft = (rect, point, angle) => {\n  return getPosition('left', rect, point, angle, (degrees) => {\n    return Math.abs(angle + degrees + 90);\n  });\n};\n\n/**\n * Calculate the position of an anchor within a bounding rect, if the source rect has been rotated by an angle.\n * It does this by finding the appropriate corner of the src rect, that touches the bounding rect, calculates\n * the hypotenuse (h) of that anchor to that point. Then using that plus the rotation it calculates\n * the sides of the triangle and returns the length of the side that touches the bounding rect.\n * @param {{width: number, height: number}} rect - the rect which contains the point\n * @param {{x:number, y: number}} point - the point within the rect\n * @param {number} angle - the angle in degrees that the rect has rotated.\n * @returns {{left: number, top: number}} position\n */\nexport const getAnchor = (rect, point, angle) => {\n  log('[getAnchor] rect: ', rect, 'point:', point, 'angle: ', angle);\n  if (point.x > rect.width) {\n    throw new Error(`x: ${point.x} cannot be greater than width: ${rect.width}`);\n  }\n  if (point.y > rect.height) {\n    throw new Error(`y: ${point.y} cannot be greater than height: ${rect.height}`);\n  }\n  const a = normalizeAngle(angle);\n  const top = getTop(rect, point, a);\n  const left = getLeft(rect, point, a);\n\n  log('[getAnchor] top: ', top, 'left: ', left);\n  return { top, left };\n};\n\nconst anglePoints = (angle) => {\n  if (angle <= 90) {\n    return { top: 'top-left', left: 'bottom-left' };\n  } else if (angle > 90 && angle <= 180) {\n    return { top: 'bottom-left', left: 'bottom-right' };\n  } else if (angle > 180 && angle <= 270) {\n    return { top: 'bottom-right', left: 'top-right' };\n  } else if (angle > 270 && angle < 360) {\n    return { top: 'top-right', left: 'top-left' };\n  }\n};\n","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","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport Graphic from './graphic';\nimport Anchor from '../anchor';\nimport Rotatable from '../rotatable';\nimport classNames from 'classnames';\n\nexport class Protractor extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    width: PropTypes.number.isRequired,\n    className: PropTypes.string,\n    startPosition: PropTypes.shape({\n      left: PropTypes.number,\n      top: PropTypes.number,\n    }),\n  };\n\n  static defaultProps = {\n    width: 450,\n    startPosition: { left: 0, top: 0 },\n  };\n\n  render() {\n    const { classes, width, className, startPosition } = this.props;\n    return (\n      <Rotatable\n        className={className}\n        startPosition={startPosition}\n        handle={[\n          {\n            class: 'leftAnchor',\n            origin: `${width * 0.495}px ${width * 0.49}px`,\n          },\n          {\n            class: 'rightAnchor',\n            origin: `${width * 0.495}px ${width * 0.49}px`,\n          },\n        ]}\n      >\n        <div className={classes.protractor} style={{ width: `${width}px` }}>\n          <Graphic />\n\n          <Anchor className={classNames('leftAnchor', classes.leftAnchor)} />\n          <Anchor className={classNames('rightAnchor', classes.rightAnchor)} />\n        </div>\n      </Rotatable>\n    );\n  }\n}\n\nexport default withStyles(() => ({\n  protractor: { position: 'relative' },\n  leftAnchor: {\n    position: 'absolute',\n    left: 0,\n    bottom: 0,\n  },\n  rightAnchor: {\n    position: 'absolute',\n    right: 0,\n    bottom: 0,\n  },\n}))(Protractor);\n","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","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","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","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"],"names":["strokeColor","theme","palette","primary","main","fillColor","contrastText","Line","withStyles","line","strokeWidth","stroke","angle","classes","major","minor","Spike","Text","text","fontSize","textAnchor","fill","noSelect","Graphic","React","PureComponent","render","props","path","range","map","r","circle","propTypes","PropTypes","object","isRequired","Anchor","anchor","cursor","width","height","position","borderRadius","backgroundColor","transition","border","dark","light","className","classNames","keyWordToPercent","v","endsWith","parseFloat","getValue","s","length","normalize","a","parse","rect","value","x","y","arr","split","sorted","Error","log","debug","toDegrees","radians","Math","PI","toRadians","degrees","normalizeAngle","toPoint","edge","out","parseOrigin","Point","distanceBetween","from","to","center","fromCenter","rotateAround","toCenter","diff","sub","getXAndY","corner","point","arctangent","atan2","getAngleAndHypotenuse","hypotenuse","sqrt","pow","getPosition","side","calcAngle","points","anglePoints","key","ra","t","angles","sides","trigCalculator","getTop","abs","getLeft","getAnchor","top","left","zIndex","color","Rotatable","Component","constructor","initHandles","handle","Array","isArray","handles","forEach","h","el","rotatable","querySelector","class","mousedownHandler","rotateStart","origin","addEventListener","rotateStop","push","addMouseUpHandler","document","originToXY","clientWidth","clientHeight","rotation","state","getBoundingClientRect","xy","anchorTop","anchorLeft","calcAnchor","e","isRotating","preventDefault","startAngle","getAngle","setState","rotate","current","removeEventListener","drag","computedAnchor","mouseDown","find","target","dragStart","dragPoint","pageX","pageY","translate","mouseUp","lastPosition","startPosition","componentWillUnmount","componentDidMount","clientX","clientY","children","showAnchor","style","transformOrigin","transform","oneOfType","arrayOf","node","bool","shape","string","number","defaultProps","display","Protractor","protractor","leftAnchor","rightAnchor","bottom","right","UnitType","label","textAlign","unitType","Tick","tick","y1","Ticks","count","Unit","index","last","config","endTick","ticks","base","Bg","units","unit","viewBox","unitWidth","unitHeight","bg","type","styles","Ruler","measure","tickCount","ruler","oneOf","secondary","opacity"],"mappings":"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"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.25.1-next.0+a5d1550f",
+  "version": "0.26.2",
   "description": "Some interactive tools",
   "keywords": [
     "react",
@@ -18,7 +18,7 @@
   "license": "ISC",
   "dependencies": {
     "@mapbox/point-geometry": "^0.1.0",
-    "@pie-lib/style-utils": "^0.17.1-next.0+a5d1550f",
+    "@pie-lib/style-utils": "^0.18.2",
     "assert": "^1.4.1",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
@@ -37,5 +37,12 @@
     "@material-ui/core": "^3.8.3",
     "react": "^16.8.1"
   },
-  "gitHead": "a5d1550faec7e27c8824e5aa4b4ef29ad4ee525a"
+  "gitHead": "8a327571bd64249e4c88c0c8e750d16d6213f535",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./lib/index.js",
+      "default": "./esm/index.js"
+    }
+  }
 }

package/LICENSE.md

@@ -1,5 +0,0 @@
-Copyright 2019 CoreSpring Inc
-
-Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.