@pie-lib/tools 0.9.22 → 0.9.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +51 -238
- package/lib/anchor-utils.js +3 -3
- package/lib/anchor-utils.js.map +1 -1
- package/lib/anchor.js +3 -3
- package/lib/anchor.js.map +1 -1
- package/lib/index.js +10 -6
- package/lib/index.js.map +1 -1
- package/lib/protractor/graphic.js +37 -44
- package/lib/protractor/graphic.js.map +1 -1
- package/lib/protractor/index.js +28 -36
- package/lib/protractor/index.js.map +1 -1
- package/lib/rotatable.js +42 -60
- package/lib/rotatable.js.map +1 -1
- package/lib/ruler/graphic.js +29 -36
- package/lib/ruler/graphic.js.map +1 -1
- package/lib/ruler/index.js +29 -37
- package/lib/ruler/index.js.map +1 -1
- package/lib/ruler/unit-type.js +8 -8
- package/lib/ruler/unit-type.js.map +1 -1
- package/lib/ruler/unit.js +32 -39
- package/lib/ruler/unit.js.map +1 -1
- package/lib/style-utils.js +2 -1
- package/lib/style-utils.js.map +1 -1
- package/lib/transform-origin.js.map +1 -1
- package/package.json +3 -3
- package/src/anchor-utils.js +7 -7
- package/src/anchor.jsx +4 -4
- package/src/protractor/graphic.jsx +20 -39
- package/src/protractor/index.jsx +9 -9
- package/src/rotatable.jsx +34 -34
- package/src/ruler/graphic.jsx +8 -17
- package/src/ruler/index.jsx +12 -22
- package/src/ruler/unit-type.jsx +5 -5
- package/src/ruler/unit.jsx +12 -12
- package/src/style-utils.js +2 -2
- package/src/transform-origin.jsx +3 -3
package/lib/anchor.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/anchor.jsx"],"names":["Anchor","theme","anchor","cursor","width","height","position","borderRadius","backgroundColor","palette","primary","contrastText","transition","border","dark","light","classes","className"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/anchor.jsx"],"names":["Anchor","theme","anchor","cursor","width","height","position","borderRadius","backgroundColor","palette","primary","contrastText","transition","border","dark","light","classes","className"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AACpCC,IAAAA,MAAM,EAAE;AACNC,MAAAA,MAAM,EAAE,SADF;AAENC,MAAAA,KAAK,EAAE,MAFD;AAGNC,MAAAA,MAAM,EAAE,MAHF;AAINC,MAAAA,QAAQ,EAAE,UAJJ;AAKNC,MAAAA,YAAY,EAAE,MALR;AAMNC,MAAAA,eAAe,4BAAqBP,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBC,YAA3C,MANT;AAONC,MAAAA,UAAU,EAAE,gCAPN;AAQNC,MAAAA,MAAM,0CAAmCZ,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBI,IAAzD,MARA;AASN,iBAAW;AACTN,QAAAA,eAAe,kCAA2BP,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBK,KAAjD;AADN;AATL;AAD4B,GAAZ;AAAA,CAAX,EAcX;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,SAAZ,QAAYA,SAAZ;AAAA,sBAA4B;AAAK,IAAA,SAAS,EAAE,4BAAWD,OAAO,CAACd,MAAnB,EAA2Be,SAA3B;AAAhB,IAA5B;AAAA,CAdW,CAAf;eAgBejB,M","sourcesContent":["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"],"file":"anchor.js"}
|
package/lib/index.js
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
3
7
|
Object.defineProperty(exports, "__esModule", {
|
|
4
8
|
value: true
|
|
5
9
|
});
|
|
@@ -9,16 +13,16 @@ Object.defineProperty(exports, "Protractor", {
|
|
|
9
13
|
return _protractor["default"];
|
|
10
14
|
}
|
|
11
15
|
});
|
|
12
|
-
Object.defineProperty(exports, "
|
|
16
|
+
Object.defineProperty(exports, "Rotatable", {
|
|
13
17
|
enumerable: true,
|
|
14
18
|
get: function get() {
|
|
15
|
-
return
|
|
19
|
+
return _rotatable["default"];
|
|
16
20
|
}
|
|
17
21
|
});
|
|
18
|
-
Object.defineProperty(exports, "
|
|
22
|
+
Object.defineProperty(exports, "Ruler", {
|
|
19
23
|
enumerable: true,
|
|
20
24
|
get: function get() {
|
|
21
|
-
return
|
|
25
|
+
return _ruler["default"];
|
|
22
26
|
}
|
|
23
27
|
});
|
|
24
28
|
exports.utils = void 0;
|
|
@@ -33,7 +37,7 @@ var utils = _interopRequireWildcard(require("./anchor-utils"));
|
|
|
33
37
|
|
|
34
38
|
exports.utils = utils;
|
|
35
39
|
|
|
36
|
-
function
|
|
40
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
37
41
|
|
|
38
|
-
function
|
|
42
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
39
43
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA","sourcesContent":["import Protractor from './protractor';\nimport Ruler from './ruler';\nimport Rotatable from './rotatable';\nimport * as utils from './anchor-utils';\nexport { Protractor, Ruler, Rotatable, utils };\n"],"file":"index.js"}
|
|
@@ -1,45 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports["default"] = exports.Graphic = void 0;
|
|
7
9
|
|
|
8
|
-
var
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
11
|
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
var _range = _interopRequireDefault(require("lodash/range"));
|
|
13
|
-
|
|
14
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
|
-
var _styleUtils = require("../style-utils");
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
13
|
|
|
18
|
-
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
15
|
|
|
20
|
-
|
|
16
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
17
|
|
|
22
|
-
|
|
18
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
19
|
|
|
24
|
-
|
|
20
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
21
|
|
|
26
|
-
|
|
22
|
+
var _react = _interopRequireDefault(require("react"));
|
|
27
23
|
|
|
28
|
-
|
|
24
|
+
var _styles = require("@material-ui/core/styles");
|
|
29
25
|
|
|
30
|
-
|
|
26
|
+
var _range = _interopRequireDefault(require("lodash/range"));
|
|
31
27
|
|
|
32
|
-
|
|
28
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
33
29
|
|
|
34
|
-
|
|
30
|
+
var _styleUtils = require("../style-utils");
|
|
35
31
|
|
|
36
|
-
function
|
|
32
|
+
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); }; }
|
|
37
33
|
|
|
38
|
-
function
|
|
34
|
+
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; } }
|
|
39
35
|
|
|
40
|
-
function
|
|
36
|
+
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; }
|
|
41
37
|
|
|
42
|
-
function
|
|
38
|
+
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; }
|
|
43
39
|
|
|
44
40
|
var Line = (0, _styles.withStyles)(function (theme) {
|
|
45
41
|
return {
|
|
@@ -53,7 +49,7 @@ var Line = (0, _styles.withStyles)(function (theme) {
|
|
|
53
49
|
classes = _ref.classes,
|
|
54
50
|
major = _ref.major,
|
|
55
51
|
minor = _ref.minor;
|
|
56
|
-
return _react["default"].createElement("line", {
|
|
52
|
+
return /*#__PURE__*/_react["default"].createElement("line", {
|
|
57
53
|
transform: "rotate(".concat(angle, ", 50.5,50)"),
|
|
58
54
|
className: classes.line,
|
|
59
55
|
style: {},
|
|
@@ -73,7 +69,7 @@ var Spike = (0, _styles.withStyles)(function (theme) {
|
|
|
73
69
|
})(function (_ref2) {
|
|
74
70
|
var angle = _ref2.angle,
|
|
75
71
|
classes = _ref2.classes;
|
|
76
|
-
return _react["default"].createElement("line", {
|
|
72
|
+
return /*#__PURE__*/_react["default"].createElement("line", {
|
|
77
73
|
transform: "rotate(".concat(angle, ", 50.5,50)"),
|
|
78
74
|
className: classes.line,
|
|
79
75
|
style: {},
|
|
@@ -94,7 +90,7 @@ var Text = (0, _styles.withStyles)(function (theme) {
|
|
|
94
90
|
})(function (_ref3) {
|
|
95
91
|
var angle = _ref3.angle,
|
|
96
92
|
classes = _ref3.classes;
|
|
97
|
-
return _react["default"].createElement("text", {
|
|
93
|
+
return /*#__PURE__*/_react["default"].createElement("text", {
|
|
98
94
|
transform: "rotate(".concat(angle - 90, ", 50.5, 50)"),
|
|
99
95
|
className: classes.text,
|
|
100
96
|
x: "50",
|
|
@@ -102,54 +98,53 @@ var Text = (0, _styles.withStyles)(function (theme) {
|
|
|
102
98
|
}, angle);
|
|
103
99
|
});
|
|
104
100
|
|
|
105
|
-
var Graphic =
|
|
106
|
-
|
|
107
|
-
function (_React$PureComponent) {
|
|
108
|
-
_inherits(Graphic, _React$PureComponent);
|
|
101
|
+
var Graphic = /*#__PURE__*/function (_React$PureComponent) {
|
|
102
|
+
(0, _inherits2["default"])(Graphic, _React$PureComponent);
|
|
109
103
|
|
|
110
|
-
|
|
111
|
-
_classCallCheck(this, Graphic);
|
|
104
|
+
var _super = _createSuper(Graphic);
|
|
112
105
|
|
|
113
|
-
|
|
106
|
+
function Graphic() {
|
|
107
|
+
(0, _classCallCheck2["default"])(this, Graphic);
|
|
108
|
+
return _super.apply(this, arguments);
|
|
114
109
|
}
|
|
115
110
|
|
|
116
|
-
|
|
111
|
+
(0, _createClass2["default"])(Graphic, [{
|
|
117
112
|
key: "render",
|
|
118
113
|
value: function render() {
|
|
119
114
|
var classes = this.props.classes;
|
|
120
|
-
return _react["default"].createElement("svg", {
|
|
115
|
+
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
121
116
|
viewBox: "0 0 102 61"
|
|
122
|
-
}, _react["default"].createElement("path", {
|
|
117
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
123
118
|
className: classes.path,
|
|
124
119
|
d: "M 1,50 A 1,1 0 0 1 100,50 L 100,60 L 1,60 Z",
|
|
125
120
|
fill: "none"
|
|
126
121
|
}), (0, _range["default"])(0, 181).map(function (r) {
|
|
127
|
-
return _react["default"].createElement(Line, {
|
|
122
|
+
return /*#__PURE__*/_react["default"].createElement(Line, {
|
|
128
123
|
minor: r % 5 === 0,
|
|
129
124
|
major: r % 10 === 0,
|
|
130
125
|
angle: r,
|
|
131
126
|
key: r
|
|
132
127
|
});
|
|
133
128
|
}), (0, _range["default"])(0, 181, 10).map(function (r) {
|
|
134
|
-
return _react["default"].createElement(_react["default"].Fragment, {
|
|
129
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
|
|
135
130
|
key: r
|
|
136
|
-
}, _react["default"].createElement(Spike, {
|
|
131
|
+
}, /*#__PURE__*/_react["default"].createElement(Spike, {
|
|
137
132
|
angle: r
|
|
138
|
-
}), _react["default"].createElement(Text, {
|
|
133
|
+
}), /*#__PURE__*/_react["default"].createElement(Text, {
|
|
139
134
|
angle: r
|
|
140
135
|
}));
|
|
141
|
-
}), _react["default"].createElement("circle", {
|
|
136
|
+
}), /*#__PURE__*/_react["default"].createElement("circle", {
|
|
142
137
|
r: "4",
|
|
143
138
|
cx: "50.5",
|
|
144
139
|
cy: "50",
|
|
145
140
|
className: classes.circle
|
|
146
|
-
}), _react["default"].createElement("line", {
|
|
141
|
+
}), /*#__PURE__*/_react["default"].createElement("line", {
|
|
147
142
|
className: classes.line,
|
|
148
143
|
x1: "48.5",
|
|
149
144
|
x2: "52.5",
|
|
150
145
|
y1: "50",
|
|
151
146
|
y2: "50"
|
|
152
|
-
}), _react["default"].createElement("line", {
|
|
147
|
+
}), /*#__PURE__*/_react["default"].createElement("line", {
|
|
153
148
|
className: classes.line,
|
|
154
149
|
transform: 'rotate(90 50.5 50)',
|
|
155
150
|
x1: "48.5",
|
|
@@ -159,13 +154,11 @@ function (_React$PureComponent) {
|
|
|
159
154
|
}));
|
|
160
155
|
}
|
|
161
156
|
}]);
|
|
162
|
-
|
|
163
157
|
return Graphic;
|
|
164
158
|
}(_react["default"].PureComponent);
|
|
165
159
|
|
|
166
160
|
exports.Graphic = Graphic;
|
|
167
|
-
|
|
168
|
-
_defineProperty(Graphic, "propTypes", {
|
|
161
|
+
(0, _defineProperty2["default"])(Graphic, "propTypes", {
|
|
169
162
|
classes: _propTypes["default"].object.isRequired
|
|
170
163
|
});
|
|
171
164
|
|
|
@@ -1 +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":"
|
|
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":"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","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"}
|
package/lib/protractor/index.js
CHANGED
|
@@ -1,10 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports["default"] = exports.Protractor = void 0;
|
|
7
9
|
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
+
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
+
|
|
16
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
+
|
|
18
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
+
|
|
20
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
+
|
|
8
22
|
var _react = _interopRequireDefault(require("react"));
|
|
9
23
|
|
|
10
24
|
var _styles = require("@material-ui/core/styles");
|
|
@@ -19,40 +33,21 @@ var _rotatable = _interopRequireDefault(require("../rotatable"));
|
|
|
19
33
|
|
|
20
34
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
21
35
|
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
25
|
-
|
|
26
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
27
|
-
|
|
28
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
36
|
+
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); }; }
|
|
29
37
|
|
|
30
|
-
function
|
|
38
|
+
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; } }
|
|
31
39
|
|
|
32
|
-
|
|
40
|
+
var Protractor = /*#__PURE__*/function (_React$Component) {
|
|
41
|
+
(0, _inherits2["default"])(Protractor, _React$Component);
|
|
33
42
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
37
|
-
|
|
38
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
39
|
-
|
|
40
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
41
|
-
|
|
42
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
43
|
-
|
|
44
|
-
var Protractor =
|
|
45
|
-
/*#__PURE__*/
|
|
46
|
-
function (_React$Component) {
|
|
47
|
-
_inherits(Protractor, _React$Component);
|
|
43
|
+
var _super = _createSuper(Protractor);
|
|
48
44
|
|
|
49
45
|
function Protractor() {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
return _possibleConstructorReturn(this, _getPrototypeOf(Protractor).apply(this, arguments));
|
|
46
|
+
(0, _classCallCheck2["default"])(this, Protractor);
|
|
47
|
+
return _super.apply(this, arguments);
|
|
53
48
|
}
|
|
54
49
|
|
|
55
|
-
|
|
50
|
+
(0, _createClass2["default"])(Protractor, [{
|
|
56
51
|
key: "render",
|
|
57
52
|
value: function render() {
|
|
58
53
|
var _this$props = this.props,
|
|
@@ -60,7 +55,7 @@ function (_React$Component) {
|
|
|
60
55
|
width = _this$props.width,
|
|
61
56
|
className = _this$props.className,
|
|
62
57
|
startPosition = _this$props.startPosition;
|
|
63
|
-
return _react["default"].createElement(_rotatable["default"], {
|
|
58
|
+
return /*#__PURE__*/_react["default"].createElement(_rotatable["default"], {
|
|
64
59
|
className: className,
|
|
65
60
|
startPosition: startPosition,
|
|
66
61
|
handle: [{
|
|
@@ -70,25 +65,23 @@ function (_React$Component) {
|
|
|
70
65
|
"class": 'rightAnchor',
|
|
71
66
|
origin: "".concat(width * 0.495, "px ").concat(width * 0.49, "px")
|
|
72
67
|
}]
|
|
73
|
-
}, _react["default"].createElement("div", {
|
|
68
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
74
69
|
className: classes.protractor,
|
|
75
70
|
style: {
|
|
76
71
|
width: "".concat(width, "px")
|
|
77
72
|
}
|
|
78
|
-
}, _react["default"].createElement(_graphic["default"], null), _react["default"].createElement(_anchor["default"], {
|
|
73
|
+
}, /*#__PURE__*/_react["default"].createElement(_graphic["default"], null), /*#__PURE__*/_react["default"].createElement(_anchor["default"], {
|
|
79
74
|
className: (0, _classnames["default"])('leftAnchor', classes.leftAnchor)
|
|
80
|
-
}), _react["default"].createElement(_anchor["default"], {
|
|
75
|
+
}), /*#__PURE__*/_react["default"].createElement(_anchor["default"], {
|
|
81
76
|
className: (0, _classnames["default"])('rightAnchor', classes.rightAnchor)
|
|
82
77
|
})));
|
|
83
78
|
}
|
|
84
79
|
}]);
|
|
85
|
-
|
|
86
80
|
return Protractor;
|
|
87
81
|
}(_react["default"].Component);
|
|
88
82
|
|
|
89
83
|
exports.Protractor = Protractor;
|
|
90
|
-
|
|
91
|
-
_defineProperty(Protractor, "propTypes", {
|
|
84
|
+
(0, _defineProperty2["default"])(Protractor, "propTypes", {
|
|
92
85
|
classes: _propTypes["default"].object.isRequired,
|
|
93
86
|
width: _propTypes["default"].number.isRequired,
|
|
94
87
|
className: _propTypes["default"].string,
|
|
@@ -97,8 +90,7 @@ _defineProperty(Protractor, "propTypes", {
|
|
|
97
90
|
top: _propTypes["default"].number
|
|
98
91
|
})
|
|
99
92
|
});
|
|
100
|
-
|
|
101
|
-
_defineProperty(Protractor, "defaultProps", {
|
|
93
|
+
(0, _defineProperty2["default"])(Protractor, "defaultProps", {
|
|
102
94
|
width: 450,
|
|
103
95
|
startPosition: {
|
|
104
96
|
left: 0,
|
|
@@ -1 +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":"
|
|
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"}
|