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

package/lib/protractor/graphic.js

@@ -1,121 +1,112 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Graphic = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _range = _interopRequireDefault(require("lodash/range"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styleUtils = require("../style-utils");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-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 Line = (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 StyledLine = (0, _styles.styled)('line')(function (_ref) {
+  var theme = _ref.theme;
   return {
-    line: {
-      strokeWidth: '0.2',
-      stroke: (0, _styleUtils.strokeColor)(theme)
-    }
+    strokeWidth: '0.2',
+    stroke: (0, _styleUtils.strokeColor)(theme)
   };
-})(function (_ref) {
-  var angle = _ref.angle,
-      classes = _ref.classes,
-      major = _ref.major,
-      minor = _ref.minor;
-  return /*#__PURE__*/_react["default"].createElement("line", {
+});
+var Line = function Line(_ref2) {
+  var angle = _ref2.angle,
+    major = _ref2.major,
+    minor = _ref2.minor;
+  return /*#__PURE__*/_react["default"].createElement(StyledLine, {
     transform: "rotate(".concat(angle, ", 50.5,50)"),
-    className: classes.line,
     style: {},
     x1: "1",
     x2: major ? 10 : minor ? 6 : 3,
     y1: "50",
     y2: "50"
   });
-});
-var Spike = (0, _styles.withStyles)(function (theme) {
+};
+var StyledSpikeLine = (0, _styles.styled)('line')(function (_ref3) {
+  var theme = _ref3.theme;
   return {
-    line: {
-      strokeWidth: '0.2',
-      stroke: (0, _styleUtils.strokeColor)(theme)
-    }
+    strokeWidth: '0.2',
+    stroke: (0, _styleUtils.strokeColor)(theme)
   };
-})(function (_ref2) {
-  var angle = _ref2.angle,
-      classes = _ref2.classes;
-  return /*#__PURE__*/_react["default"].createElement("line", {
+});
+var Spike = function Spike(_ref4) {
+  var angle = _ref4.angle;
+  return /*#__PURE__*/_react["default"].createElement(StyledSpikeLine, {
     transform: "rotate(".concat(angle, ", 50.5,50)"),
-    className: classes.line,
     style: {},
     x1: "15",
     x2: '46',
     y1: "50",
     y2: "50"
   });
+};
+var StyledText = (0, _styles.styled)('text')(function (_ref5) {
+  var theme = _ref5.theme;
+  return _objectSpread({
+    fontSize: '2.5px',
+    textAnchor: 'middle',
+    fill: (0, _styleUtils.strokeColor)(theme)
+  }, (0, _styleUtils.noSelect)());
 });
-var Text = (0, _styles.withStyles)(function (theme) {
-  return {
-    text: _objectSpread({
-      fontSize: '2.5px',
-      textAnchor: 'middle',
-      fill: (0, _styleUtils.strokeColor)(theme)
-    }, (0, _styleUtils.noSelect)())
-  };
-})(function (_ref3) {
-  var angle = _ref3.angle,
-      classes = _ref3.classes;
-  return /*#__PURE__*/_react["default"].createElement("text", {
+var Text = function Text(_ref6) {
+  var angle = _ref6.angle;
+  return /*#__PURE__*/_react["default"].createElement(StyledText, {
     transform: "rotate(".concat(angle - 90, ", 50.5, 50)"),
-    className: classes.text,
     x: "50",
     y: "12.5"
   }, angle);
+};
+var StyledPath = (0, _styles.styled)('path')(function (_ref7) {
+  var theme = _ref7.theme;
+  return {
+    strokeWidth: '0.2',
+    stroke: (0, _styleUtils.strokeColor)(theme)
+  };
 });
-
-var Graphic = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2["default"])(Graphic, _React$PureComponent);
-
-  var _super = _createSuper(Graphic);
-
+var StyledGraphicLine = (0, _styles.styled)('line')(function (_ref8) {
+  var theme = _ref8.theme;
+  return {
+    strokeWidth: '0.2',
+    stroke: (0, _styleUtils.strokeColor)(theme)
+  };
+});
+var StyledCircle = (0, _styles.styled)('circle')(function (_ref9) {
+  var theme = _ref9.theme;
+  return {
+    strokeWidth: '0.2',
+    stroke: (0, _styleUtils.strokeColor)(theme),
+    fill: 'none'
+  };
+});
+var Graphic = exports.Graphic = /*#__PURE__*/function (_React$PureComponent) {
   function Graphic() {
     (0, _classCallCheck2["default"])(this, Graphic);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Graphic, arguments);
   }
-
-  (0, _createClass2["default"])(Graphic, [{
+  (0, _inherits2["default"])(Graphic, _React$PureComponent);
+  return (0, _createClass2["default"])(Graphic, [{
     key: "render",
     value: function render() {
-      var classes = this.props.classes;
       return /*#__PURE__*/_react["default"].createElement("svg", {
         viewBox: "0 0 102 61"
-      }, /*#__PURE__*/_react["default"].createElement("path", {
-        className: classes.path,
+      }, /*#__PURE__*/_react["default"].createElement(StyledPath, {
         d: "M 1,50 A 1,1 0 0 1 100,50 L 100,60 L 1,60 Z",
         fill: "none"
       }), (0, _range["default"])(0, 181).map(function (r) {
@@ -133,19 +124,16 @@ var Graphic = /*#__PURE__*/function (_React$PureComponent) {
         }), /*#__PURE__*/_react["default"].createElement(Text, {
           angle: r
         }));
-      }), /*#__PURE__*/_react["default"].createElement("circle", {
+      }), /*#__PURE__*/_react["default"].createElement(StyledCircle, {
         r: "4",
         cx: "50.5",
-        cy: "50",
-        className: classes.circle
-      }), /*#__PURE__*/_react["default"].createElement("line", {
-        className: classes.line,
+        cy: "50"
+      }), /*#__PURE__*/_react["default"].createElement(StyledGraphicLine, {
         x1: "48.5",
         x2: "52.5",
         y1: "50",
         y2: "50"
-      }), /*#__PURE__*/_react["default"].createElement("line", {
-        className: classes.line,
+      }), /*#__PURE__*/_react["default"].createElement(StyledGraphicLine, {
         transform: 'rotate(90 50.5 50)',
         x1: "48.5",
         x2: "52.5",
@@ -154,31 +142,6 @@ var Graphic = /*#__PURE__*/function (_React$PureComponent) {
       }));
     }
   }]);
-  return Graphic;
 }(_react["default"].PureComponent);
-
-exports.Graphic = Graphic;
-(0, _defineProperty2["default"])(Graphic, "propTypes", {
-  classes: _propTypes["default"].object.isRequired
-});
-
-var _default = (0, _styles.withStyles)(function (theme) {
-  return {
-    path: {
-      strokeWidth: '0.2',
-      stroke: (0, _styleUtils.strokeColor)(theme)
-    },
-    line: {
-      strokeWidth: '0.2',
-      stroke: (0, _styleUtils.strokeColor)(theme)
-    },
-    circle: {
-      strokeWidth: '0.2',
-      stroke: (0, _styleUtils.strokeColor)(theme),
-      fill: 'none'
-    }
-  };
-})(Graphic);
-
-exports["default"] = _default;
+var _default = exports["default"] = Graphic;
 //# sourceMappingURL=graphic.js.map

package/lib/protractor/graphic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/protractor/graphic.jsx"],"names":["Line","theme","line","strokeWidth","stroke","angle","classes","major","minor","Spike","Text","text","fontSize","textAnchor","fill","Graphic","props","path","map","r","circle","React","PureComponent","PropTypes","object","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AAClCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,WAAW,EAAE,KADT;AAEJC,MAAAA,MAAM,EAAE,6BAAYH,KAAZ;AAFJ;AAD4B,GAAZ;AAAA,CAAX,EAKT;AAAA,MAAGI,KAAH,QAAGA,KAAH;AAAA,MAAUC,OAAV,QAAUA,OAAV;AAAA,MAAmBC,KAAnB,QAAmBA,KAAnB;AAAA,MAA0BC,KAA1B,QAA0BA,KAA1B;AAAA,sBACF;AACE,IAAA,SAAS,mBAAYH,KAAZ,eADX;AAEE,IAAA,SAAS,EAAEC,OAAO,CAACJ,IAFrB;AAGE,IAAA,KAAK,EAAE,EAHT;AAIE,IAAA,EAAE,EAAC,GAJL;AAKE,IAAA,EAAE,EAAEK,KAAK,GAAG,EAAH,GAAQC,KAAK,GAAG,CAAH,GAAO,CAL/B;AAME,IAAA,EAAE,EAAC,IANL;AAOE,IAAA,EAAE,EAAC;AAPL,IADE;AAAA,CALS,CAAb;AAiBA,IAAMC,KAAK,GAAG,wBAAW,UAACR,KAAD;AAAA,SAAY;AACnCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,WAAW,EAAE,KADT;AAEJC,MAAAA,MAAM,EAAE,6BAAYH,KAAZ;AAFJ;AAD6B,GAAZ;AAAA,CAAX,EAKV;AAAA,MAAGI,KAAH,SAAGA,KAAH;AAAA,MAAUC,OAAV,SAAUA,OAAV;AAAA,sBACF;AAAM,IAAA,SAAS,mBAAYD,KAAZ,eAAf;AAA8C,IAAA,SAAS,EAAEC,OAAO,CAACJ,IAAjE;AAAuE,IAAA,KAAK,EAAE,EAA9E;AAAkF,IAAA,EAAE,EAAC,IAArF;AAA0F,IAAA,EAAE,EAAE,IAA9F;AAAoG,IAAA,EAAE,EAAC,IAAvG;AAA4G,IAAA,EAAE,EAAC;AAA/G,IADE;AAAA,CALU,CAAd;AASA,IAAMQ,IAAI,GAAG,wBAAW,UAACT,KAAD;AAAA,SAAY;AAClCU,IAAAA,IAAI;AACFC,MAAAA,QAAQ,EAAE,OADR;AAEFC,MAAAA,UAAU,EAAE,QAFV;AAGFC,MAAAA,IAAI,EAAE,6BAAYb,KAAZ;AAHJ,OAIC,2BAJD;AAD8B,GAAZ;AAAA,CAAX,EAOT;AAAA,MAAGI,KAAH,SAAGA,KAAH;AAAA,MAAUC,OAAV,SAAUA,OAAV;AAAA,sBACF;AAAM,IAAA,SAAS,mBAAYD,KAAK,GAAG,EAApB,gBAAf;AAAoD,IAAA,SAAS,EAAEC,OAAO,CAACK,IAAvE;AAA6E,IAAA,CAAC,EAAC,IAA/E;AAAoF,IAAA,CAAC,EAAC;AAAtF,KACGN,KADH,CADE;AAAA,CAPS,CAAb;;IAaaU,O;;;;;;;;;;;;WAKX,kBAAS;AACP,UAAQT,OAAR,GAAoB,KAAKU,KAAzB,CAAQV,OAAR;AACA,0BACE;AAAK,QAAA,OAAO,EAAC;AAAb,sBACE;AAAM,QAAA,SAAS,EAAEA,OAAO,CAACW,IAAzB;AAA+B,QAAA,CAAC,EAAC,6CAAjC;AAA+E,QAAA,IAAI,EAAC;AAApF,QADF,EAEG,uBAAM,CAAN,EAAS,GAAT,EAAcC,GAAd,CAAkB,UAACC,CAAD;AAAA,4BACjB,gCAAC,IAAD;AAAM,UAAA,KAAK,EAAEA,CAAC,GAAG,CAAJ,KAAU,CAAvB;AAA0B,UAAA,KAAK,EAAEA,CAAC,GAAG,EAAJ,KAAW,CAA5C;AAA+C,UAAA,KAAK,EAAEA,CAAtD;AAAyD,UAAA,GAAG,EAAEA;AAA9D,UADiB;AAAA,OAAlB,CAFH,EAKG,uBAAM,CAAN,EAAS,GAAT,EAAc,EAAd,EAAkBD,GAAlB,CAAsB,UAACC,CAAD;AAAA,4BACrB,gCAAC,iBAAD,CAAO,QAAP;AAAgB,UAAA,GAAG,EAAEA;AAArB,wBACE,gCAAC,KAAD;AAAO,UAAA,KAAK,EAAEA;AAAd,UADF,eAEE,gCAAC,IAAD;AAAM,UAAA,KAAK,EAAEA;AAAb,UAFF,CADqB;AAAA,OAAtB,CALH,eAWE;AAAQ,QAAA,CAAC,EAAC,GAAV;AAAc,QAAA,EAAE,EAAC,MAAjB;AAAwB,QAAA,EAAE,EAAC,IAA3B;AAAgC,QAAA,SAAS,EAAEb,OAAO,CAACc;AAAnD,QAXF,eAYE;AAAM,QAAA,SAAS,EAAEd,OAAO,CAACJ,IAAzB;AAA+B,QAAA,EAAE,EAAC,MAAlC;AAAyC,QAAA,EAAE,EAAC,MAA5C;AAAmD,QAAA,EAAE,EAAC,IAAtD;AAA2D,QAAA,EAAE,EAAC;AAA9D,QAZF,eAaE;AAAM,QAAA,SAAS,EAAEI,OAAO,CAACJ,IAAzB;AAA+B,QAAA,SAAS,EAAE,oBAA1C;AAAgE,QAAA,EAAE,EAAC,MAAnE;AAA0E,QAAA,EAAE,EAAC,MAA7E;AAAoF,QAAA,EAAE,EAAC,IAAvF;AAA4F,QAAA,EAAE,EAAC;AAA/F,QAbF,CADF;AAiBD;;;EAxB0BmB,kBAAMC,a;;;iCAAtBP,O,eACQ;AACjBT,EAAAA,OAAO,EAAEiB,sBAAUC,MAAV,CAAiBC;AADT,C;;eA0BN,wBAAW,UAACxB,KAAD;AAAA,SAAY;AACpCgB,IAAAA,IAAI,EAAE;AACJd,MAAAA,WAAW,EAAE,KADT;AAEJC,MAAAA,MAAM,EAAE,6BAAYH,KAAZ;AAFJ,KAD8B;AAKpCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,WAAW,EAAE,KADT;AAEJC,MAAAA,MAAM,EAAE,6BAAYH,KAAZ;AAFJ,KAL8B;AASpCmB,IAAAA,MAAM,EAAE;AACNjB,MAAAA,WAAW,EAAE,KADP;AAENC,MAAAA,MAAM,EAAE,6BAAYH,KAAZ,CAFF;AAGNa,MAAAA,IAAI,EAAE;AAHA;AAT4B,GAAZ;AAAA,CAAX,EAcXC,OAdW,C","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport range from 'lodash/range';\nimport PropTypes from 'prop-types';\nimport { strokeColor, noSelect } from '../style-utils';\n\nconst Line = withStyles((theme) => ({\n  line: {\n    strokeWidth: '0.2',\n    stroke: strokeColor(theme),\n  },\n}))(({ angle, classes, major, minor }) => (\n  <line\n    transform={`rotate(${angle}, 50.5,50)`}\n    className={classes.line}\n    style={{}}\n    x1=\"1\"\n    x2={major ? 10 : minor ? 6 : 3}\n    y1=\"50\"\n    y2=\"50\"\n  />\n));\n\nconst Spike = withStyles((theme) => ({\n  line: {\n    strokeWidth: '0.2',\n    stroke: strokeColor(theme),\n  },\n}))(({ angle, classes }) => (\n  <line transform={`rotate(${angle}, 50.5,50)`} className={classes.line} style={{}} x1=\"15\" x2={'46'} y1=\"50\" y2=\"50\" />\n));\n\nconst Text = withStyles((theme) => ({\n  text: {\n    fontSize: '2.5px',\n    textAnchor: 'middle',\n    fill: strokeColor(theme),\n    ...noSelect(),\n  },\n}))(({ angle, classes }) => (\n  <text transform={`rotate(${angle - 90}, 50.5, 50)`} className={classes.text} x=\"50\" y=\"12.5\">\n    {angle}\n  </text>\n));\n\nexport class Graphic extends React.PureComponent {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n  };\n\n  render() {\n    const { classes } = this.props;\n    return (\n      <svg viewBox=\"0 0 102 61\">\n        <path className={classes.path} d=\"M 1,50 A 1,1 0 0 1 100,50 L 100,60 L 1,60 Z\" fill=\"none\" />\n        {range(0, 181).map((r) => (\n          <Line minor={r % 5 === 0} major={r % 10 === 0} angle={r} key={r} />\n        ))}\n        {range(0, 181, 10).map((r) => (\n          <React.Fragment key={r}>\n            <Spike angle={r} />\n            <Text angle={r} />\n          </React.Fragment>\n        ))}\n        <circle r=\"4\" cx=\"50.5\" cy=\"50\" className={classes.circle} />\n        <line className={classes.line} x1=\"48.5\" x2=\"52.5\" y1=\"50\" y2=\"50\" />\n        <line className={classes.line} transform={'rotate(90 50.5 50)'} x1=\"48.5\" x2=\"52.5\" y1=\"50\" y2=\"50\" />\n      </svg>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  path: {\n    strokeWidth: '0.2',\n    stroke: strokeColor(theme),\n  },\n  line: {\n    strokeWidth: '0.2',\n    stroke: strokeColor(theme),\n  },\n  circle: {\n    strokeWidth: '0.2',\n    stroke: strokeColor(theme),\n    fill: 'none',\n  },\n}))(Graphic);\n"],"file":"graphic.js"}
+{"version":3,"file":"graphic.js","names":["_react","_interopRequireDefault","require","_styles","_range","_styleUtils","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledLine","styled","_ref","theme","strokeWidth","stroke","strokeColor","Line","_ref2","angle","major","minor","createElement","transform","concat","style","x1","x2","y1","y2","StyledSpikeLine","_ref3","Spike","_ref4","StyledText","_ref5","fontSize","textAnchor","fill","noSelect","Text","_ref6","x","y","StyledPath","_ref7","StyledGraphicLine","_ref8","StyledCircle","_ref9","Graphic","exports","_React$PureComponent","_classCallCheck2","_inherits2","_createClass2","key","value","render","viewBox","d","range","map","Fragment","cx","cy","React","PureComponent","_default"],"sources":["../../src/protractor/graphic.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport range from 'lodash/range';\nimport { strokeColor, noSelect } from '../style-utils';\n\nconst StyledLine = styled('line')(({ theme }) => ({\n  strokeWidth: '0.2',\n  stroke: strokeColor(theme),\n}));\n\nconst Line = ({ angle, major, minor }) => (\n  <StyledLine\n    transform={`rotate(${angle}, 50.5,50)`}\n    style={{}}\n    x1=\"1\"\n    x2={major ? 10 : minor ? 6 : 3}\n    y1=\"50\"\n    y2=\"50\"\n  />\n);\n\nconst StyledSpikeLine = styled('line')(({ theme }) => ({\n  strokeWidth: '0.2',\n  stroke: strokeColor(theme),\n}));\n\nconst Spike = ({ angle }) => (\n  <StyledSpikeLine transform={`rotate(${angle}, 50.5,50)`} style={{}} x1=\"15\" x2={'46'} y1=\"50\" y2=\"50\" />\n);\n\nconst StyledText = styled('text')(({ theme }) => ({\n  fontSize: '2.5px',\n  textAnchor: 'middle',\n  fill: strokeColor(theme),\n  ...noSelect(),\n}));\n\nconst Text = ({ angle }) => (\n  <StyledText transform={`rotate(${angle - 90}, 50.5, 50)`} x=\"50\" y=\"12.5\">\n    {angle}\n  </StyledText>\n);\n\nconst StyledPath = styled('path')(({ theme }) => ({\n  strokeWidth: '0.2',\n  stroke: strokeColor(theme),\n}));\n\nconst StyledGraphicLine = styled('line')(({ theme }) => ({\n  strokeWidth: '0.2',\n  stroke: strokeColor(theme),\n}));\n\nconst StyledCircle = styled('circle')(({ theme }) => ({\n  strokeWidth: '0.2',\n  stroke: strokeColor(theme),\n  fill: 'none',\n}));\n\nexport class Graphic extends React.PureComponent {\n  render() {\n    return (\n      <svg viewBox=\"0 0 102 61\">\n        <StyledPath d=\"M 1,50 A 1,1 0 0 1 100,50 L 100,60 L 1,60 Z\" fill=\"none\" />\n        {range(0, 181).map((r) => (\n          <Line minor={r % 5 === 0} major={r % 10 === 0} angle={r} key={r} />\n        ))}\n        {range(0, 181, 10).map((r) => (\n          <React.Fragment key={r}>\n            <Spike angle={r} />\n            <Text angle={r} />\n          </React.Fragment>\n        ))}\n        <StyledCircle r=\"4\" cx=\"50.5\" cy=\"50\" />\n        <StyledGraphicLine x1=\"48.5\" x2=\"52.5\" y1=\"50\" y2=\"50\" />\n        <StyledGraphicLine transform={'rotate(90 50.5 50)'} x1=\"48.5\" x2=\"52.5\" y1=\"50\" y2=\"50\" />\n      </svg>\n    );\n  }\n}\n\nexport default Graphic;\n"],"mappings":"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","ignoreList":[]}

package/lib/protractor/index.js

@@ -1,60 +1,57 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Protractor = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _graphic = _interopRequireDefault(require("./graphic"));
-
 var _anchor = _interopRequireDefault(require("../anchor"));
-
 var _rotatable = _interopRequireDefault(require("../rotatable"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var Protractor = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Protractor, _React$Component);
-
-  var _super = _createSuper(Protractor);
-
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var StyledProtractor = (0, _styles.styled)('div')(function () {
+  return {
+    position: 'relative'
+  };
+});
+var StyledLeftAnchor = (0, _styles.styled)(_anchor["default"])(function () {
+  return {
+    position: 'absolute',
+    left: 0,
+    bottom: 0
+  };
+});
+var StyledRightAnchor = (0, _styles.styled)(_anchor["default"])(function () {
+  return {
+    position: 'absolute',
+    right: 0,
+    bottom: 0
+  };
+});
+var Protractor = exports.Protractor = /*#__PURE__*/function (_React$Component) {
   function Protractor() {
     (0, _classCallCheck2["default"])(this, Protractor);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Protractor, arguments);
   }
-
-  (0, _createClass2["default"])(Protractor, [{
+  (0, _inherits2["default"])(Protractor, _React$Component);
+  return (0, _createClass2["default"])(Protractor, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          classes = _this$props.classes,
-          width = _this$props.width,
-          className = _this$props.className,
-          startPosition = _this$props.startPosition;
+        width = _this$props.width,
+        className = _this$props.className,
+        startPosition = _this$props.startPosition;
       return /*#__PURE__*/_react["default"].createElement(_rotatable["default"], {
         className: className,
         startPosition: startPosition,
@@ -65,24 +62,19 @@ var Protractor = /*#__PURE__*/function (_React$Component) {
           "class": 'rightAnchor',
           origin: "".concat(width * 0.495, "px ").concat(width * 0.49, "px")
         }]
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.protractor,
+      }, /*#__PURE__*/_react["default"].createElement(StyledProtractor, {
         style: {
           width: "".concat(width, "px")
         }
-      }, /*#__PURE__*/_react["default"].createElement(_graphic["default"], null), /*#__PURE__*/_react["default"].createElement(_anchor["default"], {
-        className: (0, _classnames["default"])('leftAnchor', classes.leftAnchor)
-      }), /*#__PURE__*/_react["default"].createElement(_anchor["default"], {
-        className: (0, _classnames["default"])('rightAnchor', classes.rightAnchor)
+      }, /*#__PURE__*/_react["default"].createElement(_graphic["default"], null), /*#__PURE__*/_react["default"].createElement(StyledLeftAnchor, {
+        className: (0, _classnames["default"])('leftAnchor')
+      }), /*#__PURE__*/_react["default"].createElement(StyledRightAnchor, {
+        className: (0, _classnames["default"])('rightAnchor')
       })));
     }
   }]);
-  return Protractor;
 }(_react["default"].Component);
-
-exports.Protractor = Protractor;
 (0, _defineProperty2["default"])(Protractor, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
   width: _propTypes["default"].number.isRequired,
   className: _propTypes["default"].string,
   startPosition: _propTypes["default"].shape({
@@ -97,24 +89,5 @@ exports.Protractor = Protractor;
     top: 0
   }
 });
-
-var _default = (0, _styles.withStyles)(function () {
-  return {
-    protractor: {
-      position: 'relative'
-    },
-    leftAnchor: {
-      position: 'absolute',
-      left: 0,
-      bottom: 0
-    },
-    rightAnchor: {
-      position: 'absolute',
-      right: 0,
-      bottom: 0
-    }
-  };
-})(Protractor);
-
-exports["default"] = _default;
+var _default = exports["default"] = Protractor;
 //# sourceMappingURL=index.js.map

package/lib/protractor/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/protractor/index.jsx"],"names":["Protractor","props","classes","width","className","startPosition","origin","protractor","leftAnchor","rightAnchor","React","Component","PropTypes","object","isRequired","number","string","shape","left","top","position","bottom","right"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,U;;;;;;;;;;;;WAgBX,kBAAS;AACP,wBAAqD,KAAKC,KAA1D;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,KAAjB,eAAiBA,KAAjB;AAAA,UAAwBC,SAAxB,eAAwBA,SAAxB;AAAA,UAAmCC,aAAnC,eAAmCA,aAAnC;AACA,0BACE,gCAAC,qBAAD;AACE,QAAA,SAAS,EAAED,SADb;AAEE,QAAA,aAAa,EAAEC,aAFjB;AAGE,QAAA,MAAM,EAAE,CACN;AACE,mBAAO,YADT;AAEEC,UAAAA,MAAM,YAAKH,KAAK,GAAG,KAAb,gBAAwBA,KAAK,GAAG,IAAhC;AAFR,SADM,EAKN;AACE,mBAAO,aADT;AAEEG,UAAAA,MAAM,YAAKH,KAAK,GAAG,KAAb,gBAAwBA,KAAK,GAAG,IAAhC;AAFR,SALM;AAHV,sBAcE;AAAK,QAAA,SAAS,EAAED,OAAO,CAACK,UAAxB;AAAoC,QAAA,KAAK,EAAE;AAAEJ,UAAAA,KAAK,YAAKA,KAAL;AAAP;AAA3C,sBACE,gCAAC,mBAAD,OADF,eAGE,gCAAC,kBAAD;AAAQ,QAAA,SAAS,EAAE,4BAAW,YAAX,EAAyBD,OAAO,CAACM,UAAjC;AAAnB,QAHF,eAIE,gCAAC,kBAAD;AAAQ,QAAA,SAAS,EAAE,4BAAW,aAAX,EAA0BN,OAAO,CAACO,WAAlC;AAAnB,QAJF,CAdF,CADF;AAuBD;;;EAzC6BC,kBAAMC,S;;;iCAAzBX,U,eACQ;AACjBE,EAAAA,OAAO,EAAEU,sBAAUC,MAAV,CAAiBC,UADT;AAEjBX,EAAAA,KAAK,EAAES,sBAAUG,MAAV,CAAiBD,UAFP;AAGjBV,EAAAA,SAAS,EAAEQ,sBAAUI,MAHJ;AAIjBX,EAAAA,aAAa,EAAEO,sBAAUK,KAAV,CAAgB;AAC7BC,IAAAA,IAAI,EAAEN,sBAAUG,MADa;AAE7BI,IAAAA,GAAG,EAAEP,sBAAUG;AAFc,GAAhB;AAJE,C;iCADRf,U,kBAWW;AACpBG,EAAAA,KAAK,EAAE,GADa;AAEpBE,EAAAA,aAAa,EAAE;AAAEa,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,GAAG,EAAE;AAAhB;AAFK,C;;eAiCT,wBAAW;AAAA,SAAO;AAC/BZ,IAAAA,UAAU,EAAE;AAAEa,MAAAA,QAAQ,EAAE;AAAZ,KADmB;AAE/BZ,IAAAA,UAAU,EAAE;AACVY,MAAAA,QAAQ,EAAE,UADA;AAEVF,MAAAA,IAAI,EAAE,CAFI;AAGVG,MAAAA,MAAM,EAAE;AAHE,KAFmB;AAO/BZ,IAAAA,WAAW,EAAE;AACXW,MAAAA,QAAQ,EAAE,UADC;AAEXE,MAAAA,KAAK,EAAE,CAFI;AAGXD,MAAAA,MAAM,EAAE;AAHG;AAPkB,GAAP;AAAA,CAAX,EAYXrB,UAZW,C","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport Graphic from './graphic';\nimport Anchor from '../anchor';\nimport Rotatable from '../rotatable';\nimport classNames from 'classnames';\n\nexport class Protractor extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    width: PropTypes.number.isRequired,\n    className: PropTypes.string,\n    startPosition: PropTypes.shape({\n      left: PropTypes.number,\n      top: PropTypes.number,\n    }),\n  };\n\n  static defaultProps = {\n    width: 450,\n    startPosition: { left: 0, top: 0 },\n  };\n\n  render() {\n    const { classes, width, className, startPosition } = this.props;\n    return (\n      <Rotatable\n        className={className}\n        startPosition={startPosition}\n        handle={[\n          {\n            class: 'leftAnchor',\n            origin: `${width * 0.495}px ${width * 0.49}px`,\n          },\n          {\n            class: 'rightAnchor',\n            origin: `${width * 0.495}px ${width * 0.49}px`,\n          },\n        ]}\n      >\n        <div className={classes.protractor} style={{ width: `${width}px` }}>\n          <Graphic />\n\n          <Anchor className={classNames('leftAnchor', classes.leftAnchor)} />\n          <Anchor className={classNames('rightAnchor', classes.rightAnchor)} />\n        </div>\n      </Rotatable>\n    );\n  }\n}\n\nexport default withStyles(() => ({\n  protractor: { position: 'relative' },\n  leftAnchor: {\n    position: 'absolute',\n    left: 0,\n    bottom: 0,\n  },\n  rightAnchor: {\n    position: 'absolute',\n    right: 0,\n    bottom: 0,\n  },\n}))(Protractor);\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_styles","_propTypes","_graphic","_anchor","_rotatable","_classnames","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledProtractor","styled","position","StyledLeftAnchor","Anchor","left","bottom","StyledRightAnchor","right","Protractor","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","width","className","startPosition","createElement","handle","origin","concat","style","classNames","React","Component","_defineProperty2","PropTypes","number","isRequired","string","shape","top","_default"],"sources":["../../src/protractor/index.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\nimport Graphic from './graphic';\nimport Anchor from '../anchor';\nimport Rotatable from '../rotatable';\nimport classNames from 'classnames';\n\nconst StyledProtractor = styled('div')(() => ({\n  position: 'relative',\n}));\n\nconst StyledLeftAnchor = styled(Anchor)(() => ({\n  position: 'absolute',\n  left: 0,\n  bottom: 0,\n}));\n\nconst StyledRightAnchor = styled(Anchor)(() => ({\n  position: 'absolute',\n  right: 0,\n  bottom: 0,\n}));\n\nexport class Protractor extends React.Component {\n  static propTypes = {\n    width: PropTypes.number.isRequired,\n    className: PropTypes.string,\n    startPosition: PropTypes.shape({\n      left: PropTypes.number,\n      top: PropTypes.number,\n    }),\n  };\n\n  static defaultProps = {\n    width: 450,\n    startPosition: { left: 0, top: 0 },\n  };\n\n  render() {\n    const { width, 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        <StyledProtractor style={{ width: `${width}px` }}>\n          <Graphic />\n\n          <StyledLeftAnchor className={classNames('leftAnchor')} />\n          <StyledRightAnchor className={classNames('rightAnchor')} />\n        </StyledProtractor>\n      </Rotatable>\n    );\n  }\n}\n\nexport default Protractor;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAoC,SAAAO,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAEpC,IAAMc,gBAAgB,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EAAA,OAAO;IAC5CC,QAAQ,EAAE;EACZ,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,gBAAgB,GAAG,IAAAF,cAAM,EAACG,kBAAM,CAAC,CAAC;EAAA,OAAO;IAC7CF,QAAQ,EAAE,UAAU;IACpBG,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE;EACV,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,iBAAiB,GAAG,IAAAN,cAAM,EAACG,kBAAM,CAAC,CAAC;EAAA,OAAO;IAC9CF,QAAQ,EAAE,UAAU;IACpBM,KAAK,EAAE,CAAC;IACRF,MAAM,EAAE;EACV,CAAC;AAAA,CAAC,CAAC;AAAC,IAESG,UAAU,GAAAC,OAAA,CAAAD,UAAA,0BAAAE,gBAAA;EAAA,SAAAF,WAAA;IAAA,IAAAG,gBAAA,mBAAAH,UAAA;IAAA,OAAAxB,UAAA,OAAAwB,UAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,UAAA,EAAAE,gBAAA;EAAA,WAAAI,aAAA,aAAAN,UAAA;IAAAO,GAAA;IAAAC,KAAA,EAerB,SAAAC,MAAMA,CAAA,EAAG;MACP,IAAAC,WAAA,GAA4C,IAAI,CAACC,KAAK;QAA9CC,KAAK,GAAAF,WAAA,CAALE,KAAK;QAAEC,SAAS,GAAAH,WAAA,CAATG,SAAS;QAAEC,aAAa,GAAAJ,WAAA,CAAbI,aAAa;MACvC,oBACE/C,MAAA,YAAAgD,aAAA,CAACzC,UAAA,WAAS;QACRuC,SAAS,EAAEA,SAAU;QACrBC,aAAa,EAAEA,aAAc;QAC7BE,MAAM,EAAE,CACN;UACE,SAAO,YAAY;UACnBC,MAAM,KAAAC,MAAA,CAAKN,KAAK,GAAG,KAAK,SAAAM,MAAA,CAAMN,KAAK,GAAG,IAAI;QAC5C,CAAC,EACD;UACE,SAAO,aAAa;UACpBK,MAAM,KAAAC,MAAA,CAAKN,KAAK,GAAG,KAAK,SAAAM,MAAA,CAAMN,KAAK,GAAG,IAAI;QAC5C,CAAC;MACD,gBAEF7C,MAAA,YAAAgD,aAAA,CAACxB,gBAAgB;QAAC4B,KAAK,EAAE;UAAEP,KAAK,KAAAM,MAAA,CAAKN,KAAK;QAAK;MAAE,gBAC/C7C,MAAA,YAAAgD,aAAA,CAAC3C,QAAA,WAAO,MAAE,CAAC,eAEXL,MAAA,YAAAgD,aAAA,CAACrB,gBAAgB;QAACmB,SAAS,EAAE,IAAAO,sBAAU,EAAC,YAAY;MAAE,CAAE,CAAC,eACzDrD,MAAA,YAAAgD,aAAA,CAACjB,iBAAiB;QAACe,SAAS,EAAE,IAAAO,sBAAU,EAAC,aAAa;MAAE,CAAE,CAC1C,CACT,CAAC;IAEhB;EAAC;AAAA,EAxC6BC,iBAAK,CAACC,SAAS;AAAA,IAAAC,gBAAA,aAAlCvB,UAAU,eACF;EACjBY,KAAK,EAAEY,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClCb,SAAS,EAAEW,qBAAS,CAACG,MAAM;EAC3Bb,aAAa,EAAEU,qBAAS,CAACI,KAAK,CAAC;IAC7BhC,IAAI,EAAE4B,qBAAS,CAACC,MAAM;IACtBI,GAAG,EAAEL,qBAAS,CAACC;EACjB,CAAC;AACH,CAAC;AAAA,IAAAF,gBAAA,aARUvB,UAAU,kBAUC;EACpBY,KAAK,EAAE,GAAG;EACVE,aAAa,EAAE;IAAElB,IAAI,EAAE,CAAC;IAAEiC,GAAG,EAAE;EAAE;AACnC,CAAC;AAAA,IAAAC,QAAA,GAAA7B,OAAA,cA8BYD,UAAU","ignoreList":[]}