@pie-lib/tools 0.28.0 → 0.29.0-mui-update.0

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":"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","ignoreList":[]}

package/lib/ruler/index.js

@@ -1,65 +1,65 @@
 "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,
+        className = _this$props.className,
+        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
@@ -77,8 +77,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,23 +87,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: (0, _classnames["default"])('leftAnchor')
+      }), /*#__PURE__*/_react["default"].createElement(StyledRightAnchor, {
+        className: (0, _classnames["default"])('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,
@@ -119,28 +114,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":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,K;;;;;;;;;;;;WAuBX,kBAAS;AACP,wBAA+F,KAAKC,KAApG;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,KAAjB,eAAiBA,KAAjB;AAAA,UAAwBC,MAAxB,eAAwBA,MAAxB;AAAA,UAAgCC,KAAhC,eAAgCA,KAAhC;AAAA,UAAuCC,OAAvC,eAAuCA,OAAvC;AAAA,UAAgDC,SAAhD,eAAgDA,SAAhD;AAAA,UAA2DC,aAA3D,eAA2DA,aAA3D;AAAA,UAA0EC,KAA1E,eAA0EA,KAA1E;AAAA,UAAiFC,SAAjF,eAAiFA,SAAjF;AAEA,UAAMC,IAAI,GACRL,OAAO,KAAK,UAAZ,GACI;AACEM,QAAAA,IAAI,EAAEH,KADR;AAEEI,QAAAA,KAAK,EAAEH,SAAS,IAAIA,SAAS,GAAG,CAAZ,KAAkB,CAA/B,GAAmCA,SAAnC,GAA+C;AAFxD,OADJ,GAKI;AACEE,QAAAA,IAAI,EAAEH,KADR;AAEEI,QAAAA,KAAK,EAAE;AAFT,OANN;AAUA,0BACE,gCAAC,qBAAD;AACE,QAAA,SAAS,EAAEN,SADb;AAEE,QAAA,aAAa,EAAEC,aAFjB;AAGE,QAAA,MAAM,EAAE,CACN;AAAE,mBAAO,YAAT;AAAuBM,UAAAA,MAAM,EAAE;AAA/B,SADM,EAEN;AAAE,mBAAO,aAAT;AAAwBA,UAAAA,MAAM,EAAE;AAAhC,SAFM;AAHV,sBAQE;AAAK,QAAA,SAAS,EAAEZ,OAAO,CAACa,KAAxB;AAA+B,QAAA,KAAK,EAAE;AAAEZ,UAAAA,KAAK,YAAKA,KAAL,OAAP;AAAuBC,UAAAA,MAAM,YAAKA,MAAL;AAA7B;AAAtC,sBACE,gCAAC,mBAAD;AAAc,QAAA,KAAK,EAAED,KAArB;AAA4B,QAAA,MAAM,EAAEC,MAApC;AAA4C,QAAA,KAAK,EAAEC,KAAnD;AAA0D,QAAA,IAAI,EAAEM;AAAhE,QADF,eAEE,gCAAC,kBAAD;AAAQ,QAAA,SAAS,EAAE,4BAAW,YAAX,EAAyBT,OAAO,CAACc,UAAjC;AAAnB,QAFF,eAGE,gCAAC,kBAAD;AAAQ,QAAA,SAAS,EAAE,4BAAW,aAAX,EAA0Bd,OAAO,CAACe,WAAlC;AAAnB,QAHF,CARF,CADF;AAgBD;;;EApDwBC,kBAAMC,S;;;iCAApBnB,K,eACQ;AACjBG,EAAAA,KAAK,EAAEiB,sBAAUC,MADA;AAEjBjB,EAAAA,MAAM,EAAEgB,sBAAUC,MAFD;AAGjBhB,EAAAA,KAAK,EAAEe,sBAAUC,MAAV,CAAiBC,UAHP;AAIjBhB,EAAAA,OAAO,EAAEc,sBAAUG,KAAV,CAAgB,CAAC,UAAD,EAAa,QAAb,CAAhB,EAAwCD,UAJhC;AAKjBpB,EAAAA,OAAO,EAAEkB,sBAAUI,MAAV,CAAiBF,UALT;AAMjBf,EAAAA,SAAS,EAAEa,sBAAUK,MANJ;AAOjBjB,EAAAA,aAAa,EAAEY,sBAAUM,KAAV,CAAgB;AAC7BC,IAAAA,IAAI,EAAEP,sBAAUC,MAAV,CAAiBC,UADM;AAE7BM,IAAAA,GAAG,EAAER,sBAAUC,MAAV,CAAiBC;AAFO,GAAhB,CAPE;AAWjBb,EAAAA,KAAK,EAAEW,sBAAUK,MAXA;AAYjBf,EAAAA,SAAS,EAAEU,sBAAUC;AAZJ,C;iCADRrB,K,kBAgBW;AACpBG,EAAAA,KAAK,EAAE,GADa;AAEpBC,EAAAA,MAAM,EAAE,EAFY;AAGpBE,EAAAA,OAAO,EAAE,UAHW;AAIpBD,EAAAA,KAAK,EAAE;AAJa,C;;AAsCxB,IAAMwB,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBf,IAAAA,KAAK,EAAE;AACLgB,MAAAA,MAAM,EAAE,MADH;AAELC,MAAAA,QAAQ,EAAE,UAFL;AAGLC,MAAAA,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAcC,SAAd,CAAwBC,KAHpC;AAILC,MAAAA,OAAO,EAAE,GAJJ;AAKLC,MAAAA,MAAM,sBAAeR,KAAK,CAACI,OAAN,CAAcK,OAAd,CAAsBC,IAArC;AALD,KADkB;AAQzBxB,IAAAA,UAAU,EAAE;AACVW,MAAAA,IAAI,EAAE,OADI;AAEVC,MAAAA,GAAG,EAAE;AAFK,KARa;AAYzBX,IAAAA,WAAW,EAAE;AACXwB,MAAAA,KAAK,EAAE,OADI;AAEXb,MAAAA,GAAG,EAAE;AAFM;AAZY,GAAZ;AAAA,CAAf;;eAkBe,wBAAWC,MAAX,EAAmB7B,KAAnB,C","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","_classnames","_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","className","startPosition","label","tickCount","unit","type","ticks","createElement","handle","origin","style","classNames","React","Component","_defineProperty2","PropTypes","number","isRequired","oneOf","string","shape","_default"],"sources":["../../src/ruler/index.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport Rotatable from '../rotatable';\nimport classNames from 'classnames';\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    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 { 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        <StyledRuler style={{ width: `${width}px`, height: `${height}px` }}>\n          <RulerGraphic width={width} height={height} units={units} unit={unit} />\n          <StyledLeftAnchor className={classNames('leftAnchor')} />\n          <StyledRightAnchor className={classNames('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":[]}

package/lib/ruler/unit.js

@@ -1,69 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Unit = 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 _styleUtils = require("../style-utils");
-
 var _range = _interopRequireDefault(require("lodash/range"));
-
-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; }
-
-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 Tick = (0, _styles.withStyles)(function (theme) {
+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; })(); }
+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 StyledTick = (0, _styles.styled)('line')(function (_ref) {
+  var theme = _ref.theme;
   return {
-    tick: {
-      stroke: (0, _styleUtils.strokeColor)(theme)
-    }
+    stroke: (0, _styleUtils.strokeColor)(theme)
   };
-})(function (_ref) {
-  var x = _ref.x,
-      height = _ref.height,
-      bottom = _ref.bottom,
-      classes = _ref.classes,
-      major = _ref.major,
-      minor = _ref.minor;
+});
+var Tick = function Tick(_ref2) {
+  var x = _ref2.x,
+    height = _ref2.height,
+    bottom = _ref2.bottom,
+    major = _ref2.major,
+    minor = _ref2.minor;
   var y1 = major ? bottom - height * 2 : minor ? bottom - height * 1.5 : bottom - height;
-  return /*#__PURE__*/_react["default"].createElement("line", {
+  return /*#__PURE__*/_react["default"].createElement(StyledTick, {
     y1: y1,
     y2: bottom,
     x1: x,
-    x2: x,
-    className: classes.tick
+    x2: x
   });
-});
-
-var Ticks = function Ticks(_ref2) {
-  var count = _ref2.count,
-      width = _ref2.width,
-      height = _ref2.height;
+};
+var Ticks = function Ticks(_ref3) {
+  var count = _ref3.count,
+    width = _ref3.width,
+    height = _ref3.height;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _range["default"])(1, count).map(function (r) {
     return /*#__PURE__*/_react["default"].createElement(Tick, {
       key: r,
@@ -76,86 +56,69 @@ var Ticks = function Ticks(_ref2) {
     });
   }));
 };
-
 Ticks.propTypes = {
   count: _propTypes["default"].number.isRequired,
   width: _propTypes["default"].number.isRequired,
   height: _propTypes["default"].number.isRequired
 };
-
-var Unit = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Unit, _React$Component);
-
-  var _super = _createSuper(Unit);
-
+var StyledEndTick = (0, _styles.styled)('line')(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    stroke: (0, _styleUtils.strokeColor)(theme),
+    strokeWidth: 1
+  };
+});
+var StyledLabel = (0, _styles.styled)('text')(function (_ref5) {
+  var theme = _ref5.theme;
+  return _objectSpread({
+    textAnchor: 'end',
+    fontSize: '12px',
+    fill: (0, _styleUtils.strokeColor)(theme)
+  }, (0, _styleUtils.noSelect)());
+});
+var Unit = exports.Unit = /*#__PURE__*/function (_React$Component) {
   function Unit() {
     (0, _classCallCheck2["default"])(this, Unit);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Unit, arguments);
   }
-
-  (0, _createClass2["default"])(Unit, [{
+  (0, _inherits2["default"])(Unit, _React$Component);
+  return (0, _createClass2["default"])(Unit, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          index = _this$props.index,
-          width = _this$props.width,
-          height = _this$props.height,
-          classes = _this$props.classes,
-          last = _this$props.last,
-          config = _this$props.config;
+        index = _this$props.index,
+        width = _this$props.width,
+        height = _this$props.height,
+        last = _this$props.last,
+        config = _this$props.config;
       var style = {
         transform: "translate(".concat(width * (index - 1), "px, 0px)")
       };
       return /*#__PURE__*/_react["default"].createElement("g", {
         style: style
-      }, !last && /*#__PURE__*/_react["default"].createElement("line", {
+      }, !last && /*#__PURE__*/_react["default"].createElement(StyledEndTick, {
         x1: width,
         y1: 0,
         x2: width,
-        y2: height,
-        className: classes.endTick
+        y2: height
       }), /*#__PURE__*/_react["default"].createElement(Ticks, {
         count: config.ticks,
         width: width,
         height: height
-      }), /*#__PURE__*/_react["default"].createElement("text", {
+      }), /*#__PURE__*/_react["default"].createElement(StyledLabel, {
         width: width,
-        className: classes.label,
         x: width - 5,
         y: 15
       }, index));
     }
   }]);
-  return Unit;
 }(_react["default"].Component);
-
-exports.Unit = Unit;
 (0, _defineProperty2["default"])(Unit, "propTypes", {
   index: _propTypes["default"].number.isRequired,
   width: _propTypes["default"].number.isRequired,
   height: _propTypes["default"].number.isRequired,
-  classes: _propTypes["default"].object.isRequired,
   last: _propTypes["default"].bool.isRequired,
   config: _propTypes["default"].object.isRequired
 });
-
-var _default = (0, _styles.withStyles)(function (theme) {
-  return {
-    endTick: {
-      stroke: (0, _styleUtils.strokeColor)(theme),
-      strokeWidth: 1
-    },
-    label: _objectSpread({
-      textAnchor: 'end',
-      fontSize: '12px',
-      fill: (0, _styleUtils.strokeColor)(theme)
-    }, (0, _styleUtils.noSelect)()),
-    base: {
-      fill: 'none',
-      stroke: 'red'
-    }
-  };
-})(Unit);
-
-exports["default"] = _default;
+var _default = exports["default"] = Unit;
 //# sourceMappingURL=unit.js.map

package/lib/ruler/unit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ruler/unit.jsx"],"names":["Tick","theme","tick","stroke","x","height","bottom","classes","major","minor","y1","Ticks","count","width","map","r","propTypes","PropTypes","number","isRequired","Unit","props","index","last","config","style","transform","endTick","ticks","label","React","Component","object","bool","strokeWidth","textAnchor","fontSize","fill","base"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { noSelect, strokeColor } from '../style-utils';\nimport range from 'lodash/range';\n\nconst Tick = withStyles((theme) => ({\n  tick: {\n    stroke: strokeColor(theme),\n  },\n}))(({ x, height, bottom, classes, major, minor }) => {\n  const y1 = major ? bottom - height * 2 : minor ? bottom - height * 1.5 : bottom - height;\n\n  return <line y1={y1} y2={bottom} x1={x} x2={x} className={classes.tick} />;\n});\n\nconst Ticks = ({ count, width, height }) => {\n  return (\n    <React.Fragment>\n      {range(1, count).map((r) => {\n        return (\n          <Tick\n            key={r}\n            value={r}\n            x={r * (width / count)}\n            major={r % (count / 2) === 0}\n            minor={r % (count / 4) === 0}\n            bottom={height}\n            height={10}\n          />\n        );\n      })}\n    </React.Fragment>\n  );\n};\n\nTicks.propTypes = {\n  count: PropTypes.number.isRequired,\n  width: PropTypes.number.isRequired,\n  height: PropTypes.number.isRequired,\n};\n\nexport class Unit extends React.Component {\n  static propTypes = {\n    index: PropTypes.number.isRequired,\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n    classes: PropTypes.object.isRequired,\n    last: PropTypes.bool.isRequired,\n    config: PropTypes.object.isRequired,\n  };\n\n  render() {\n    const { index, width, height, classes, last, config } = this.props;\n\n    const style = {\n      transform: `translate(${width * (index - 1)}px, 0px)`,\n    };\n    return (\n      <g style={style}>\n        {!last && <line x1={width} y1={0} x2={width} y2={height} className={classes.endTick} />}\n\n        <Ticks count={config.ticks} width={width} height={height} />\n        <text width={width} className={classes.label} x={width - 5} y={15}>\n          {index}\n        </text>\n      </g>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  endTick: {\n    stroke: strokeColor(theme),\n    strokeWidth: 1,\n  },\n  label: {\n    textAnchor: 'end',\n    fontSize: '12px',\n    fill: strokeColor(theme),\n    ...noSelect(),\n  },\n  base: {\n    fill: 'none',\n    stroke: 'red',\n  },\n}))(Unit);\n"],"file":"unit.js"}
+{"version":3,"file":"unit.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_styleUtils","_range","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledTick","styled","_ref","theme","stroke","strokeColor","Tick","_ref2","x","height","bottom","major","minor","y1","createElement","y2","x1","x2","Ticks","_ref3","count","width","Fragment","range","map","key","value","propTypes","PropTypes","number","isRequired","StyledEndTick","_ref4","strokeWidth","StyledLabel","_ref5","textAnchor","fontSize","fill","noSelect","Unit","exports","_React$Component","_classCallCheck2","_inherits2","_createClass2","render","_this$props","props","index","last","config","style","transform","concat","ticks","y","React","Component","bool","object","_default"],"sources":["../../src/ruler/unit.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { noSelect, strokeColor } from '../style-utils';\nimport range from 'lodash/range';\n\nconst StyledTick = styled('line')(({ theme }) => ({\n  stroke: strokeColor(theme),\n}));\n\nconst Tick = ({ x, height, bottom, major, minor }) => {\n  const y1 = major ? bottom - height * 2 : minor ? bottom - height * 1.5 : bottom - height;\n\n  return <StyledTick y1={y1} y2={bottom} x1={x} x2={x} />;\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\nconst StyledEndTick = styled('line')(({ theme }) => ({\n  stroke: strokeColor(theme),\n  strokeWidth: 1,\n}));\n\nconst StyledLabel = styled('text')(({ theme }) => ({\n  textAnchor: 'end',\n  fontSize: '12px',\n  fill: strokeColor(theme),\n  ...noSelect(),\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    last: PropTypes.bool.isRequired,\n    config: PropTypes.object.isRequired,\n  };\n\n  render() {\n    const { index, width, height, 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 && <StyledEndTick x1={width} y1={0} x2={width} y2={height} />}\n\n        <Ticks count={config.ticks} width={width} height={height} />\n        <StyledLabel width={width} x={width - 5} y={15}>\n          {index}\n        </StyledLabel>\n      </g>\n    );\n  }\n}\n\nexport default Unit;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAiC,SAAAK,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;AAAA,SAAAc,QAAAZ,CAAA,EAAAa,CAAA,QAAAf,CAAA,GAAAgB,MAAA,CAAAC,IAAA,CAAAf,CAAA,OAAAc,MAAA,CAAAE,qBAAA,QAAAjB,CAAA,GAAAe,MAAA,CAAAE,qBAAA,CAAAhB,CAAA,GAAAa,CAAA,KAAAd,CAAA,GAAAA,CAAA,CAAAkB,MAAA,WAAAJ,CAAA,WAAAC,MAAA,CAAAI,wBAAA,CAAAlB,CAAA,EAAAa,CAAA,EAAAM,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAb,KAAA,CAAAT,CAAA,EAAAC,CAAA,YAAAD,CAAA;AAAA,SAAAuB,cAAArB,CAAA,aAAAa,CAAA,MAAAA,CAAA,GAAAS,SAAA,CAAAC,MAAA,EAAAV,CAAA,UAAAf,CAAA,WAAAwB,SAAA,CAAAT,CAAA,IAAAS,SAAA,CAAAT,CAAA,QAAAA,CAAA,OAAAD,OAAA,CAAAE,MAAA,CAAAhB,CAAA,OAAA0B,OAAA,WAAAX,CAAA,QAAAY,gBAAA,aAAAzB,CAAA,EAAAa,CAAA,EAAAf,CAAA,CAAAe,CAAA,SAAAC,MAAA,CAAAY,yBAAA,GAAAZ,MAAA,CAAAa,gBAAA,CAAA3B,CAAA,EAAAc,MAAA,CAAAY,yBAAA,CAAA5B,CAAA,KAAAc,OAAA,CAAAE,MAAA,CAAAhB,CAAA,GAAA0B,OAAA,WAAAX,CAAA,IAAAC,MAAA,CAAAc,cAAA,CAAA5B,CAAA,EAAAa,CAAA,EAAAC,MAAA,CAAAI,wBAAA,CAAApB,CAAA,EAAAe,CAAA,iBAAAb,CAAA;AAEjC,IAAM6B,UAAU,GAAG,IAAAC,cAAM,EAAC,MAAM,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IAChDC,MAAM,EAAE,IAAAC,uBAAW,EAACF,KAAK;EAC3B,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMG,IAAI,GAAG,SAAPA,IAAIA,CAAAC,KAAA,EAA4C;EAAA,IAAtCC,CAAC,GAAAD,KAAA,CAADC,CAAC;IAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;IAAEC,MAAM,GAAAH,KAAA,CAANG,MAAM;IAAEC,KAAK,GAAAJ,KAAA,CAALI,KAAK;IAAEC,KAAK,GAAAL,KAAA,CAALK,KAAK;EAC7C,IAAMC,EAAE,GAAGF,KAAK,GAAGD,MAAM,GAAGD,MAAM,GAAG,CAAC,GAAGG,KAAK,GAAGF,MAAM,GAAGD,MAAM,GAAG,GAAG,GAAGC,MAAM,GAAGD,MAAM;EAExF,oBAAOhD,MAAA,YAAAqD,aAAA,CAACd,UAAU;IAACa,EAAE,EAAEA,EAAG;IAACE,EAAE,EAAEL,MAAO;IAACM,EAAE,EAAER,CAAE;IAACS,EAAE,EAAET;EAAE,CAAE,CAAC;AACzD,CAAC;AAED,IAAMU,KAAK,GAAG,SAARA,KAAKA,CAAAC,KAAA,EAAiC;EAAA,IAA3BC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAEZ,MAAM,GAAAU,KAAA,CAANV,MAAM;EACnC,oBACEhD,MAAA,YAAAqD,aAAA,CAACrD,MAAA,WAAK,CAAC6D,QAAQ,QACZ,IAAAC,iBAAK,EAAC,CAAC,EAAEH,KAAK,CAAC,CAACI,GAAG,CAAC,UAACxC,CAAC,EAAK;IAC1B,oBACEvB,MAAA,YAAAqD,aAAA,CAACR,IAAI;MACHmB,GAAG,EAAEzC,CAAE;MACP0C,KAAK,EAAE1C,CAAE;MACTwB,CAAC,EAAExB,CAAC,IAAIqC,KAAK,GAAGD,KAAK,CAAE;MACvBT,KAAK,EAAE3B,CAAC,IAAIoC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAE;MAC7BR,KAAK,EAAE5B,CAAC,IAAIoC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAE;MAC7BV,MAAM,EAAED,MAAO;MACfA,MAAM,EAAE;IAAG,CACZ,CAAC;EAEN,CAAC,CACa,CAAC;AAErB,CAAC;AAEDS,KAAK,CAACS,SAAS,GAAG;EAChBP,KAAK,EAAEQ,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClCT,KAAK,EAAEO,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClCrB,MAAM,EAAEmB,qBAAS,CAACC,MAAM,CAACC;AAC3B,CAAC;AAED,IAAMC,aAAa,GAAG,IAAA9B,cAAM,EAAC,MAAM,CAAC,CAAC,UAAA+B,KAAA;EAAA,IAAG7B,KAAK,GAAA6B,KAAA,CAAL7B,KAAK;EAAA,OAAQ;IACnDC,MAAM,EAAE,IAAAC,uBAAW,EAACF,KAAK,CAAC;IAC1B8B,WAAW,EAAE;EACf,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,WAAW,GAAG,IAAAjC,cAAM,EAAC,MAAM,CAAC,CAAC,UAAAkC,KAAA;EAAA,IAAGhC,KAAK,GAAAgC,KAAA,CAALhC,KAAK;EAAA,OAAAX,aAAA;IACzC4C,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,MAAM;IAChBC,IAAI,EAAE,IAAAjC,uBAAW,EAACF,KAAK;EAAC,GACrB,IAAAoC,oBAAQ,EAAC,CAAC;AAAA,CACb,CAAC;AAAC,IAESC,IAAI,GAAAC,OAAA,CAAAD,IAAA,0BAAAE,gBAAA;EAAA,SAAAF,KAAA;IAAA,IAAAG,gBAAA,mBAAAH,IAAA;IAAA,OAAAxE,UAAA,OAAAwE,IAAA,EAAA/C,SAAA;EAAA;EAAA,IAAAmD,UAAA,aAAAJ,IAAA,EAAAE,gBAAA;EAAA,WAAAG,aAAA,aAAAL,IAAA;IAAAf,GAAA;IAAAC,KAAA,EASf,SAAAoB,MAAMA,CAAA,EAAG;MACP,IAAAC,WAAA,GAA+C,IAAI,CAACC,KAAK;QAAjDC,KAAK,GAAAF,WAAA,CAALE,KAAK;QAAE5B,KAAK,GAAA0B,WAAA,CAAL1B,KAAK;QAAEZ,MAAM,GAAAsC,WAAA,CAANtC,MAAM;QAAEyC,IAAI,GAAAH,WAAA,CAAJG,IAAI;QAAEC,MAAM,GAAAJ,WAAA,CAANI,MAAM;MAE1C,IAAMC,KAAK,GAAG;QACZC,SAAS,eAAAC,MAAA,CAAejC,KAAK,IAAI4B,KAAK,GAAG,CAAC,CAAC;MAC7C,CAAC;MACD,oBACExF,MAAA,YAAAqD,aAAA;QAAGsC,KAAK,EAAEA;MAAM,GACb,CAACF,IAAI,iBAAIzF,MAAA,YAAAqD,aAAA,CAACiB,aAAa;QAACf,EAAE,EAAEK,KAAM;QAACR,EAAE,EAAE,CAAE;QAACI,EAAE,EAAEI,KAAM;QAACN,EAAE,EAAEN;MAAO,CAAE,CAAC,eAEpEhD,MAAA,YAAAqD,aAAA,CAACI,KAAK;QAACE,KAAK,EAAE+B,MAAM,CAACI,KAAM;QAAClC,KAAK,EAAEA,KAAM;QAACZ,MAAM,EAAEA;MAAO,CAAE,CAAC,eAC5DhD,MAAA,YAAAqD,aAAA,CAACoB,WAAW;QAACb,KAAK,EAAEA,KAAM;QAACb,CAAC,EAAEa,KAAK,GAAG,CAAE;QAACmC,CAAC,EAAE;MAAG,GAC5CP,KACU,CACZ,CAAC;IAER;EAAC;AAAA,EAzBuBQ,iBAAK,CAACC,SAAS;AAAA,IAAA9D,gBAAA,aAA5B4C,IAAI,eACI;EACjBS,KAAK,EAAErB,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClCT,KAAK,EAAEO,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClCrB,MAAM,EAAEmB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACnCoB,IAAI,EAAEtB,qBAAS,CAAC+B,IAAI,CAAC7B,UAAU;EAC/BqB,MAAM,EAAEvB,qBAAS,CAACgC,MAAM,CAAC9B;AAC3B,CAAC;AAAA,IAAA+B,QAAA,GAAApB,OAAA,cAqBYD,IAAI","ignoreList":[]}

package/lib/style-utils.js

@@ -11,18 +11,11 @@ Object.defineProperty(exports, "noSelect", {
   }
 });
 exports.strokeColor = void 0;
-
 var _styleUtils = require("@pie-lib/style-utils");
-
-var strokeColor = function strokeColor(theme) {
+var strokeColor = exports.strokeColor = function strokeColor(theme) {
   return "var(--ruler-stroke, ".concat(theme.palette.primary.main, ")");
 };
-
-exports.strokeColor = strokeColor;
-
-var fillColor = function fillColor(theme) {
+var fillColor = exports.fillColor = function fillColor(theme) {
   return "var(--ruler-bg, ".concat(theme.palette.primary.contrastText, ")");
 };
-
-exports.fillColor = fillColor;
 //# sourceMappingURL=style-utils.js.map

package/lib/style-utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/style-utils.js"],"names":["strokeColor","theme","palette","primary","main","fillColor","contrastText"],"mappings":";;;;;;;;;;;;;;AAAA;;AAIO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;AAAA,uCAAkCA,KAAK,CAACC,OAAN,CAAcC,OAAd,CAAsBC,IAAxD;AAAA,CAApB;;;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACJ,KAAD;AAAA,mCAA8BA,KAAK,CAACC,OAAN,CAAcC,OAAd,CAAsBG,YAApD;AAAA,CAAlB","sourcesContent":["import { noSelect } from '@pie-lib/style-utils';\n\nexport { noSelect };\n\nexport const strokeColor = (theme) => `var(--ruler-stroke, ${theme.palette.primary.main})`;\n\nexport const fillColor = (theme) => `var(--ruler-bg, ${theme.palette.primary.contrastText})`;\n"],"file":"style-utils.js"}
+{"version":3,"file":"style-utils.js","names":["_styleUtils","require","strokeColor","exports","theme","concat","palette","primary","main","fillColor","contrastText"],"sources":["../src/style-utils.js"],"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"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAIO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,KAAK;EAAA,8BAAAC,MAAA,CAA4BD,KAAK,CAACE,OAAO,CAACC,OAAO,CAACC,IAAI;AAAA,CAAG;AAEnF,IAAMC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,SAAZA,SAASA,CAAIL,KAAK;EAAA,0BAAAC,MAAA,CAAwBD,KAAK,CAACE,OAAO,CAACC,OAAO,CAACG,YAAY;AAAA,CAAG","ignoreList":[]}