@pie-lib/tools 2.0.2-next.1 → 2.0.3-next.0
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/dist/_virtual/_rolldown/runtime.js +11 -0
- package/dist/anchor-utils.d.ts +60 -0
- package/dist/anchor-utils.js +87 -0
- package/dist/anchor.d.ts +13 -0
- package/dist/anchor.js +17 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.js +5 -0
- package/dist/node_modules/.bun/assert@1.5.1/node_modules/assert/assert.js +174 -0
- package/dist/node_modules/.bun/call-bind-apply-helpers@1.0.2/node_modules/call-bind-apply-helpers/actualApply.js +13 -0
- package/dist/node_modules/.bun/call-bind-apply-helpers@1.0.2/node_modules/call-bind-apply-helpers/functionApply.js +8 -0
- package/dist/node_modules/.bun/call-bind-apply-helpers@1.0.2/node_modules/call-bind-apply-helpers/functionCall.js +8 -0
- package/dist/node_modules/.bun/call-bind-apply-helpers@1.0.2/node_modules/call-bind-apply-helpers/index.js +16 -0
- package/dist/node_modules/.bun/call-bind-apply-helpers@1.0.2/node_modules/call-bind-apply-helpers/reflectApply.js +8 -0
- package/dist/node_modules/.bun/call-bound@1.0.4/node_modules/call-bound/index.js +14 -0
- package/dist/node_modules/.bun/degrees-radians@1.0.3/node_modules/degrees-radians/index.js +12 -0
- package/dist/node_modules/.bun/dunder-proto@1.0.1/node_modules/dunder-proto/get.js +19 -0
- package/dist/node_modules/.bun/es-define-property@1.0.1/node_modules/es-define-property/index.js +14 -0
- package/dist/node_modules/.bun/es-errors@1.3.0/node_modules/es-errors/eval.js +8 -0
- package/dist/node_modules/.bun/es-errors@1.3.0/node_modules/es-errors/index.js +8 -0
- package/dist/node_modules/.bun/es-errors@1.3.0/node_modules/es-errors/range.js +8 -0
- package/dist/node_modules/.bun/es-errors@1.3.0/node_modules/es-errors/ref.js +8 -0
- package/dist/node_modules/.bun/es-errors@1.3.0/node_modules/es-errors/syntax.js +8 -0
- package/dist/node_modules/.bun/es-errors@1.3.0/node_modules/es-errors/type.js +8 -0
- package/dist/node_modules/.bun/es-errors@1.3.0/node_modules/es-errors/uri.js +8 -0
- package/dist/node_modules/.bun/es-object-atoms@1.1.2/node_modules/es-object-atoms/index.js +8 -0
- package/dist/node_modules/.bun/function-bind@1.1.2/node_modules/function-bind/implementation.js +34 -0
- package/dist/node_modules/.bun/function-bind@1.1.2/node_modules/function-bind/index.js +10 -0
- package/dist/node_modules/.bun/get-intrinsic@1.3.0/node_modules/get-intrinsic/index.js +283 -0
- package/dist/node_modules/.bun/get-proto@1.0.1/node_modules/get-proto/Object.getPrototypeOf.js +9 -0
- package/dist/node_modules/.bun/get-proto@1.0.1/node_modules/get-proto/Reflect.getPrototypeOf.js +8 -0
- package/dist/node_modules/.bun/get-proto@1.0.1/node_modules/get-proto/index.js +19 -0
- package/dist/node_modules/.bun/gopd@1.2.0/node_modules/gopd/gOPD.js +8 -0
- package/dist/node_modules/.bun/gopd@1.2.0/node_modules/gopd/index.js +15 -0
- package/dist/node_modules/.bun/has-symbols@1.1.0/node_modules/has-symbols/index.js +12 -0
- package/dist/node_modules/.bun/has-symbols@1.1.0/node_modules/has-symbols/shams.js +23 -0
- package/dist/node_modules/.bun/hasown@2.0.4/node_modules/hasown/index.js +10 -0
- package/dist/node_modules/.bun/inherits@2.0.3/node_modules/inherits/inherits_browser.js +19 -0
- package/dist/node_modules/.bun/math-intrinsics@1.1.0/node_modules/math-intrinsics/abs.js +8 -0
- package/dist/node_modules/.bun/math-intrinsics@1.1.0/node_modules/math-intrinsics/floor.js +8 -0
- package/dist/node_modules/.bun/math-intrinsics@1.1.0/node_modules/math-intrinsics/isNaN.js +10 -0
- package/dist/node_modules/.bun/math-intrinsics@1.1.0/node_modules/math-intrinsics/max.js +8 -0
- package/dist/node_modules/.bun/math-intrinsics@1.1.0/node_modules/math-intrinsics/min.js +8 -0
- package/dist/node_modules/.bun/math-intrinsics@1.1.0/node_modules/math-intrinsics/pow.js +8 -0
- package/dist/node_modules/.bun/math-intrinsics@1.1.0/node_modules/math-intrinsics/round.js +8 -0
- package/dist/node_modules/.bun/math-intrinsics@1.1.0/node_modules/math-intrinsics/sign.js +12 -0
- package/dist/node_modules/.bun/object-keys@1.1.1/node_modules/object-keys/implementation.js +77 -0
- package/dist/node_modules/.bun/object-keys@1.1.1/node_modules/object-keys/index.js +20 -0
- package/dist/node_modules/.bun/object-keys@1.1.1/node_modules/object-keys/isArguments.js +12 -0
- package/dist/node_modules/.bun/object.assign@4.1.7/node_modules/object.assign/implementation.js +29 -0
- package/dist/node_modules/.bun/object.assign@4.1.7/node_modules/object.assign/polyfill.js +27 -0
- package/dist/node_modules/.bun/radians-degrees@1.0.0/node_modules/radians-degrees/index.js +11 -0
- package/dist/node_modules/.bun/react-portal@4.3.0_6dbf9a050bc9aadb/node_modules/react-portal/es/LegacyPortal.js +77 -0
- package/dist/node_modules/.bun/react-portal@4.3.0_6dbf9a050bc9aadb/node_modules/react-portal/es/Portal.js +55 -0
- package/dist/node_modules/.bun/react-portal@4.3.0_6dbf9a050bc9aadb/node_modules/react-portal/es/PortalCompat.js +9 -0
- package/dist/node_modules/.bun/react-portal@4.3.0_6dbf9a050bc9aadb/node_modules/react-portal/es/utils.js +4 -0
- package/dist/node_modules/.bun/trigonometry-calculator@2.0.0/node_modules/trigonometry-calculator/lib/index.js +53 -0
- package/dist/node_modules/.bun/trigonometry-equations@2.0.1/node_modules/trigonometry-equations/lib/index.js +129 -0
- package/dist/node_modules/.bun/util@0.10.4/node_modules/util/support/isBufferBrowser.js +10 -0
- package/dist/node_modules/.bun/util@0.10.4/node_modules/util/util.js +262 -0
- package/dist/protractor/graphic.d.ts +13 -0
- package/dist/protractor/graphic.js +85 -0
- package/dist/protractor/index.d.ts +29 -0
- package/dist/protractor/index.js +56 -0
- package/dist/rotatable.d.ts +56 -0
- package/dist/rotatable.js +210 -0
- package/dist/ruler/graphic.d.ts +20 -0
- package/dist/ruler/graphic.js +53 -0
- package/dist/ruler/index.d.ts +32 -0
- package/dist/ruler/index.js +77 -0
- package/dist/ruler/unit-type.d.ts +30 -0
- package/dist/ruler/unit-type.js +38 -0
- package/dist/ruler/unit.d.ts +21 -0
- package/dist/ruler/unit.js +69 -0
- package/dist/style-utils.d.ts +12 -0
- package/dist/style-utils.js +5 -0
- package/dist/transform-origin.d.ts +18 -0
- package/dist/transform-origin.js +21 -0
- package/package.json +31 -25
- package/CHANGELOG.json +0 -1
- package/CHANGELOG.md +0 -622
- package/LICENSE.md +0 -5
- package/lib/anchor-utils.js +0 -193
- package/lib/anchor-utils.js.map +0 -1
- package/lib/anchor.js +0 -33
- package/lib/anchor.js.map +0 -1
- package/lib/index.js +0 -33
- package/lib/index.js.map +0 -1
- package/lib/protractor/graphic.js +0 -147
- package/lib/protractor/graphic.js.map +0 -1
- package/lib/protractor/index.js +0 -90
- package/lib/protractor/index.js.map +0 -1
- package/lib/rotatable.js +0 -335
- package/lib/rotatable.js.map +0 -1
- package/lib/ruler/graphic.js +0 -89
- package/lib/ruler/graphic.js.map +0 -1
- package/lib/ruler/index.js +0 -114
- package/lib/ruler/index.js.map +0 -1
- package/lib/ruler/unit-type.js +0 -55
- package/lib/ruler/unit-type.js.map +0 -1
- package/lib/ruler/unit.js +0 -124
- package/lib/ruler/unit.js.map +0 -1
- package/lib/style-utils.js +0 -21
- package/lib/style-utils.js.map +0 -1
- package/lib/transform-origin.js +0 -71
- package/lib/transform-origin.js.map +0 -1
- package/src/__tests__/anchor-utils.test.js +0 -131
- package/src/__tests__/rotatable.test.jsx +0 -263
- package/src/__tests__/transform-origin.test.jsx +0 -24
- package/src/anchor-utils.js +0 -153
- package/src/anchor.jsx +0 -20
- package/src/index.js +0 -6
- package/src/protractor/__tests__/graphic.test.jsx +0 -64
- package/src/protractor/__tests__/index.test.jsx +0 -65
- package/src/protractor/graphic.jsx +0 -82
- package/src/protractor/index.jsx +0 -67
- package/src/rotatable.jsx +0 -290
- package/src/ruler/__tests__/graphic.test.jsx +0 -64
- package/src/ruler/__tests__/index.test.jsx +0 -85
- package/src/ruler/__tests__/unit-type.test.jsx +0 -66
- package/src/ruler/__tests__/unit.test.jsx +0 -68
- package/src/ruler/graphic.jsx +0 -48
- package/src/ruler/index.jsx +0 -78
- package/src/ruler/unit-type.jsx +0 -39
- package/src/ruler/unit.jsx +0 -83
- package/src/style-utils.js +0 -7
- package/src/transform-origin.jsx +0 -60
package/lib/rotatable.js
DELETED
|
@@ -1,335 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = exports.Rotatable = void 0;
|
|
8
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
11
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
16
|
-
var _styles = require("@mui/material/styles");
|
|
17
|
-
var _anchorUtils = require("./anchor-utils");
|
|
18
|
-
var _reactPortal = require("react-portal");
|
|
19
|
-
var _pointGeometry = _interopRequireDefault(require("@mapbox/point-geometry"));
|
|
20
|
-
var _transformOrigin = require("./transform-origin");
|
|
21
|
-
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)); }
|
|
22
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
23
|
-
var AnchorSvg = (0, _styles.styled)('svg')({
|
|
24
|
-
position: 'absolute',
|
|
25
|
-
zIndex: 100,
|
|
26
|
-
width: '200px',
|
|
27
|
-
height: '80px'
|
|
28
|
-
});
|
|
29
|
-
var Anchor = function Anchor(_ref) {
|
|
30
|
-
var left = _ref.left,
|
|
31
|
-
top = _ref.top,
|
|
32
|
-
color = _ref.color,
|
|
33
|
-
fill = _ref.fill;
|
|
34
|
-
color = color || 'green';
|
|
35
|
-
fill = fill || 'white';
|
|
36
|
-
return /*#__PURE__*/_react["default"].createElement(_reactPortal.Portal, null, /*#__PURE__*/_react["default"].createElement(AnchorSvg, {
|
|
37
|
-
style: {
|
|
38
|
-
left: left - 10,
|
|
39
|
-
top: top - 10
|
|
40
|
-
}
|
|
41
|
-
}, /*#__PURE__*/_react["default"].createElement("circle", {
|
|
42
|
-
cx: 10,
|
|
43
|
-
cy: 10,
|
|
44
|
-
r: 8,
|
|
45
|
-
strokeWidth: 1,
|
|
46
|
-
stroke: color,
|
|
47
|
-
fill: fill
|
|
48
|
-
})));
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
/**
|
|
52
|
-
* Tip o' the hat to:
|
|
53
|
-
* https://bl.ocks.org/joyrexus/7207044
|
|
54
|
-
*/
|
|
55
|
-
var RotatableContainer = (0, _styles.styled)('div')({
|
|
56
|
-
position: 'relative',
|
|
57
|
-
display: 'inline-block',
|
|
58
|
-
cursor: 'move'
|
|
59
|
-
});
|
|
60
|
-
var Rotatable = exports.Rotatable = /*#__PURE__*/function (_React$Component) {
|
|
61
|
-
function Rotatable(props) {
|
|
62
|
-
var _this;
|
|
63
|
-
(0, _classCallCheck2["default"])(this, Rotatable);
|
|
64
|
-
_this = _callSuper(this, Rotatable, [props]);
|
|
65
|
-
(0, _defineProperty2["default"])(_this, "initHandles", function () {
|
|
66
|
-
var handle = _this.props.handle;
|
|
67
|
-
if (Array.isArray(handle)) {
|
|
68
|
-
_this.handles = [];
|
|
69
|
-
handle.forEach(function (h) {
|
|
70
|
-
var el = _this.rotatable.querySelector(".".concat(h["class"]));
|
|
71
|
-
if (el) {
|
|
72
|
-
var mousedownHandler = _this.rotateStart(h.origin);
|
|
73
|
-
el.addEventListener('mousedown', mousedownHandler);
|
|
74
|
-
el.addEventListener('mouseup', _this.rotateStop);
|
|
75
|
-
_this.handles.push({
|
|
76
|
-
el: el,
|
|
77
|
-
mousedownHandler: mousedownHandler
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
});
|
|
83
|
-
(0, _defineProperty2["default"])(_this, "addMouseUpHandler", function () {
|
|
84
|
-
document.addEventListener('mouseup', _this.rotateStop);
|
|
85
|
-
});
|
|
86
|
-
(0, _defineProperty2["default"])(_this, "originToXY", function (origin) {
|
|
87
|
-
var _this$rotatable = _this.rotatable,
|
|
88
|
-
width = _this$rotatable.clientWidth,
|
|
89
|
-
height = _this$rotatable.clientHeight;
|
|
90
|
-
return (0, _transformOrigin.parse)({
|
|
91
|
-
width: width,
|
|
92
|
-
height: height
|
|
93
|
-
}, origin);
|
|
94
|
-
});
|
|
95
|
-
/**
|
|
96
|
-
* Get the anchor point for the given element, origin and rotation.
|
|
97
|
-
* @returns {{left:number, top: number}} - the co-ordinates of the anchor point relative to the whole page.
|
|
98
|
-
*/
|
|
99
|
-
(0, _defineProperty2["default"])(_this, "getAnchor", function (origin) {
|
|
100
|
-
var rotation = _this.state.rotation;
|
|
101
|
-
var _this$rotatable2 = _this.rotatable,
|
|
102
|
-
clientWidth = _this$rotatable2.clientWidth,
|
|
103
|
-
clientHeight = _this$rotatable2.clientHeight;
|
|
104
|
-
var _this$rotatable$getBo = _this.rotatable.getBoundingClientRect(),
|
|
105
|
-
top = _this$rotatable$getBo.top,
|
|
106
|
-
left = _this$rotatable$getBo.left;
|
|
107
|
-
var xy = _this.originToXY(origin);
|
|
108
|
-
var _calcAnchor = (0, _anchorUtils.getAnchor)({
|
|
109
|
-
width: clientWidth,
|
|
110
|
-
height: clientHeight
|
|
111
|
-
}, xy, rotation),
|
|
112
|
-
anchorTop = _calcAnchor.top,
|
|
113
|
-
anchorLeft = _calcAnchor.left;
|
|
114
|
-
return {
|
|
115
|
-
top: top + anchorTop,
|
|
116
|
-
left: left + anchorLeft
|
|
117
|
-
};
|
|
118
|
-
});
|
|
119
|
-
(0, _defineProperty2["default"])(_this, "rotateStart", function (origin) {
|
|
120
|
-
return function (e) {
|
|
121
|
-
var isRotating = _this.state.isRotating;
|
|
122
|
-
if (isRotating) {
|
|
123
|
-
return;
|
|
124
|
-
}
|
|
125
|
-
e.preventDefault();
|
|
126
|
-
var anchor = _this.getAnchor(origin);
|
|
127
|
-
var rotation = _this.state.rotation;
|
|
128
|
-
var _this$getAngle = _this.getAngle(anchor, e),
|
|
129
|
-
startAngle = _this$getAngle.angle;
|
|
130
|
-
var diff = {
|
|
131
|
-
x: 0,
|
|
132
|
-
y: 0
|
|
133
|
-
};
|
|
134
|
-
if (origin !== _this.state.origin) {
|
|
135
|
-
var _this$rotatable3 = _this.rotatable,
|
|
136
|
-
width = _this$rotatable3.clientWidth,
|
|
137
|
-
height = _this$rotatable3.clientHeight;
|
|
138
|
-
diff = (0, _anchorUtils.distanceBetween)({
|
|
139
|
-
width: width,
|
|
140
|
-
height: height
|
|
141
|
-
}, rotation, _this.state.origin, origin);
|
|
142
|
-
}
|
|
143
|
-
_this.setState({
|
|
144
|
-
origin: origin,
|
|
145
|
-
isRotating: true,
|
|
146
|
-
startAngle: startAngle,
|
|
147
|
-
anchor: anchor,
|
|
148
|
-
position: {
|
|
149
|
-
left: _this.state.position.left + diff.x,
|
|
150
|
-
top: _this.state.position.top + diff.y
|
|
151
|
-
}
|
|
152
|
-
}, function () {
|
|
153
|
-
document.addEventListener('mousemove', _this.rotate);
|
|
154
|
-
});
|
|
155
|
-
};
|
|
156
|
-
});
|
|
157
|
-
(0, _defineProperty2["default"])(_this, "rotateStop", function (e) {
|
|
158
|
-
var isRotating = _this.state.isRotating;
|
|
159
|
-
if (!isRotating) {
|
|
160
|
-
return;
|
|
161
|
-
}
|
|
162
|
-
e.preventDefault();
|
|
163
|
-
_this.setState({
|
|
164
|
-
isRotating: false,
|
|
165
|
-
angle: _this.state.rotation,
|
|
166
|
-
anchor: null,
|
|
167
|
-
current: null
|
|
168
|
-
}, function () {
|
|
169
|
-
document.removeEventListener('mousemove', _this.rotate);
|
|
170
|
-
document.removeEventListener('mousemove', _this.drag);
|
|
171
|
-
});
|
|
172
|
-
});
|
|
173
|
-
(0, _defineProperty2["default"])(_this, "rotate", function (e) {
|
|
174
|
-
var isRotating = _this.state.isRotating;
|
|
175
|
-
if (!isRotating) {
|
|
176
|
-
return;
|
|
177
|
-
}
|
|
178
|
-
e.preventDefault();
|
|
179
|
-
var _this$state = _this.state,
|
|
180
|
-
startAngle = _this$state.startAngle,
|
|
181
|
-
angle = _this$state.angle,
|
|
182
|
-
anchor = _this$state.anchor;
|
|
183
|
-
var _this$getAngle2 = _this.getAngle(anchor, e),
|
|
184
|
-
current = _this$getAngle2.angle,
|
|
185
|
-
x = _this$getAngle2.x,
|
|
186
|
-
y = _this$getAngle2.y;
|
|
187
|
-
var computedAnchor = {
|
|
188
|
-
x: x,
|
|
189
|
-
y: y
|
|
190
|
-
};
|
|
191
|
-
var diff = current - startAngle;
|
|
192
|
-
var rotation = angle + diff;
|
|
193
|
-
_this.setState({
|
|
194
|
-
rotation: rotation,
|
|
195
|
-
diff: diff,
|
|
196
|
-
current: current,
|
|
197
|
-
computedAnchor: computedAnchor
|
|
198
|
-
});
|
|
199
|
-
});
|
|
200
|
-
(0, _defineProperty2["default"])(_this, "mouseDown", function (e) {
|
|
201
|
-
var handle = _this.handles.find(function (h) {
|
|
202
|
-
return h.el === e.target;
|
|
203
|
-
});
|
|
204
|
-
if (!handle) {
|
|
205
|
-
_this.dragStart(e);
|
|
206
|
-
}
|
|
207
|
-
});
|
|
208
|
-
(0, _defineProperty2["default"])(_this, "dragStart", function (e) {
|
|
209
|
-
var dragPoint = new _pointGeometry["default"](e.pageX, e.pageY);
|
|
210
|
-
_this.setState({
|
|
211
|
-
dragPoint: dragPoint
|
|
212
|
-
}, function () {
|
|
213
|
-
document.addEventListener('mousemove', _this.drag);
|
|
214
|
-
});
|
|
215
|
-
});
|
|
216
|
-
(0, _defineProperty2["default"])(_this, "drag", function (e) {
|
|
217
|
-
e.preventDefault();
|
|
218
|
-
var current = new _pointGeometry["default"](e.pageX, e.pageY);
|
|
219
|
-
var translate = current.sub(_this.state.dragPoint);
|
|
220
|
-
_this.setState({
|
|
221
|
-
translate: translate
|
|
222
|
-
});
|
|
223
|
-
});
|
|
224
|
-
(0, _defineProperty2["default"])(_this, "mouseUp", function () {
|
|
225
|
-
if (!_this.state.translate) {
|
|
226
|
-
return;
|
|
227
|
-
}
|
|
228
|
-
var _this$state2 = _this.state,
|
|
229
|
-
lastPosition = _this$state2.position,
|
|
230
|
-
translate = _this$state2.translate;
|
|
231
|
-
var position = {
|
|
232
|
-
left: lastPosition.left + translate.x,
|
|
233
|
-
top: lastPosition.top + translate.y
|
|
234
|
-
};
|
|
235
|
-
document.removeEventListener('mousemove', _this.drag);
|
|
236
|
-
_this.setState({
|
|
237
|
-
position: position,
|
|
238
|
-
dragPoint: null,
|
|
239
|
-
translate: null
|
|
240
|
-
});
|
|
241
|
-
});
|
|
242
|
-
_this.state = {
|
|
243
|
-
isRotating: false,
|
|
244
|
-
rotation: 0,
|
|
245
|
-
startAngle: 0,
|
|
246
|
-
angle: 0,
|
|
247
|
-
position: {
|
|
248
|
-
left: props.startPosition.left,
|
|
249
|
-
top: props.startPosition.top
|
|
250
|
-
}
|
|
251
|
-
};
|
|
252
|
-
return _this;
|
|
253
|
-
}
|
|
254
|
-
(0, _inherits2["default"])(Rotatable, _React$Component);
|
|
255
|
-
return (0, _createClass2["default"])(Rotatable, [{
|
|
256
|
-
key: "componentWillUnmount",
|
|
257
|
-
value: function componentWillUnmount() {
|
|
258
|
-
var _this2 = this;
|
|
259
|
-
document.removeEventListener('mouseup', this.rotateStop);
|
|
260
|
-
document.removeEventListener('mousemove', this.drag);
|
|
261
|
-
document.removeEventListener('mousemove', this.rotate);
|
|
262
|
-
this.handles.forEach(function (h) {
|
|
263
|
-
h.el.removeEventListener('mousedown', h.mousedownHandler);
|
|
264
|
-
h.el.removeEventListener('mouseup', _this2.rotateStop);
|
|
265
|
-
});
|
|
266
|
-
}
|
|
267
|
-
}, {
|
|
268
|
-
key: "componentDidMount",
|
|
269
|
-
value: function componentDidMount() {
|
|
270
|
-
this.addMouseUpHandler();
|
|
271
|
-
this.initHandles();
|
|
272
|
-
}
|
|
273
|
-
}, {
|
|
274
|
-
key: "getAngle",
|
|
275
|
-
value: function getAngle(anchor, e) {
|
|
276
|
-
var x = e.clientX - anchor.left;
|
|
277
|
-
var y = (e.clientY - anchor.top) * -1;
|
|
278
|
-
return {
|
|
279
|
-
angle: (0, _anchorUtils.arctangent)(x, y),
|
|
280
|
-
x: x,
|
|
281
|
-
y: y
|
|
282
|
-
};
|
|
283
|
-
}
|
|
284
|
-
}, {
|
|
285
|
-
key: "render",
|
|
286
|
-
value: function render() {
|
|
287
|
-
var _this3 = this;
|
|
288
|
-
var _this$props = this.props,
|
|
289
|
-
children = _this$props.children,
|
|
290
|
-
showAnchor = _this$props.showAnchor;
|
|
291
|
-
var _this$state3 = this.state,
|
|
292
|
-
rotation = _this$state3.rotation,
|
|
293
|
-
anchor = _this$state3.anchor,
|
|
294
|
-
origin = _this$state3.origin,
|
|
295
|
-
translate = _this$state3.translate,
|
|
296
|
-
position = _this$state3.position;
|
|
297
|
-
var t = translate ? "translate(".concat(translate.x, "px, ").concat(translate.y, "px)") : '';
|
|
298
|
-
var style = {
|
|
299
|
-
left: position.left,
|
|
300
|
-
top: position.top,
|
|
301
|
-
transformOrigin: origin,
|
|
302
|
-
transform: "".concat(t, " rotate(").concat(rotation, "deg)")
|
|
303
|
-
};
|
|
304
|
-
return /*#__PURE__*/_react["default"].createElement(RotatableContainer, {
|
|
305
|
-
style: style,
|
|
306
|
-
ref: function ref(r) {
|
|
307
|
-
return _this3.rotatable = r;
|
|
308
|
-
},
|
|
309
|
-
onMouseDown: this.mouseDown,
|
|
310
|
-
onMouseUp: this.mouseUp
|
|
311
|
-
}, anchor && showAnchor && /*#__PURE__*/_react["default"].createElement(Anchor, anchor), children);
|
|
312
|
-
}
|
|
313
|
-
}]);
|
|
314
|
-
}(_react["default"].Component);
|
|
315
|
-
(0, _defineProperty2["default"])(Rotatable, "propTypes", {
|
|
316
|
-
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
|
|
317
|
-
showAnchor: _propTypes["default"].bool,
|
|
318
|
-
handle: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
319
|
-
"class": _propTypes["default"].string.isRequired,
|
|
320
|
-
origin: _propTypes["default"].string
|
|
321
|
-
})),
|
|
322
|
-
startPosition: _propTypes["default"].shape({
|
|
323
|
-
left: _propTypes["default"].number,
|
|
324
|
-
top: _propTypes["default"].number
|
|
325
|
-
})
|
|
326
|
-
});
|
|
327
|
-
(0, _defineProperty2["default"])(Rotatable, "defaultProps", {
|
|
328
|
-
showAnchor: false,
|
|
329
|
-
startPosition: {
|
|
330
|
-
left: 0,
|
|
331
|
-
top: 0
|
|
332
|
-
}
|
|
333
|
-
});
|
|
334
|
-
var _default = exports["default"] = Rotatable;
|
|
335
|
-
//# sourceMappingURL=rotatable.js.map
|
package/lib/rotatable.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"rotatable.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_anchorUtils","_reactPortal","_pointGeometry","_transformOrigin","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","AnchorSvg","styled","position","zIndex","width","height","Anchor","_ref","left","top","color","fill","createElement","Portal","style","cx","cy","r","strokeWidth","stroke","RotatableContainer","display","cursor","Rotatable","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","handle","Array","isArray","handles","forEach","h","el","rotatable","querySelector","concat","mousedownHandler","rotateStart","origin","addEventListener","rotateStop","push","document","_this$rotatable","clientWidth","clientHeight","parseOrigin","rotation","state","_this$rotatable2","_this$rotatable$getBo","getBoundingClientRect","xy","originToXY","_calcAnchor","calcAnchor","anchorTop","anchorLeft","isRotating","preventDefault","anchor","getAnchor","_this$getAngle","getAngle","startAngle","angle","diff","x","y","_this$rotatable3","distanceBetween","setState","rotate","current","removeEventListener","drag","_this$state","_this$getAngle2","computedAnchor","find","target","dragStart","dragPoint","Point","pageX","pageY","translate","sub","_this$state2","lastPosition","startPosition","_inherits2","_createClass2","key","value","componentWillUnmount","_this2","componentDidMount","addMouseUpHandler","initHandles","clientX","clientY","arctangent","render","_this3","_this$props","children","showAnchor","_this$state3","transformOrigin","transform","ref","onMouseDown","mouseDown","onMouseUp","mouseUp","React","Component","PropTypes","oneOfType","arrayOf","node","isRequired","bool","shape","string","number","_default"],"sources":["../src/rotatable.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { arctangent, distanceBetween, getAnchor as calcAnchor } from './anchor-utils';\nimport { Portal } from 'react-portal';\nimport Point from '@mapbox/point-geometry';\nimport { parse as parseOrigin } from './transform-origin';\n\nconst AnchorSvg = styled('svg')({\n position: 'absolute',\n zIndex: 100,\n width: '200px',\n height: '80px',\n});\n\nconst Anchor = ({ left, top, color, fill }) => {\n color = color || 'green';\n fill = fill || 'white';\n return (\n <Portal>\n <AnchorSvg\n style={{\n left: left - 10,\n top: top - 10,\n }}\n >\n <circle cx={10} cy={10} r={8} strokeWidth={1} stroke={color} fill={fill} />\n </AnchorSvg>\n </Portal>\n );\n};\n\n/**\n * Tip o' the hat to:\n * https://bl.ocks.org/joyrexus/7207044\n */\nconst RotatableContainer = styled('div')({\n position: 'relative',\n display: 'inline-block',\n cursor: 'move',\n});\n\nexport class Rotatable extends React.Component {\n static propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n showAnchor: PropTypes.bool,\n handle: PropTypes.arrayOf(\n PropTypes.shape({\n class: PropTypes.string.isRequired,\n origin: PropTypes.string,\n }),\n ),\n startPosition: PropTypes.shape({\n left: PropTypes.number,\n top: PropTypes.number,\n }),\n };\n\n static defaultProps = {\n showAnchor: false,\n startPosition: { left: 0, top: 0 },\n };\n\n constructor(props) {\n super(props);\n this.state = {\n isRotating: false,\n rotation: 0,\n startAngle: 0,\n angle: 0,\n position: {\n left: props.startPosition.left,\n top: props.startPosition.top,\n },\n };\n }\n\n componentWillUnmount() {\n document.removeEventListener('mouseup', this.rotateStop);\n document.removeEventListener('mousemove', this.drag);\n document.removeEventListener('mousemove', this.rotate);\n\n this.handles.forEach((h) => {\n h.el.removeEventListener('mousedown', h.mousedownHandler);\n h.el.removeEventListener('mouseup', this.rotateStop);\n });\n }\n\n componentDidMount() {\n this.addMouseUpHandler();\n this.initHandles();\n }\n\n initHandles = () => {\n const { handle } = this.props;\n\n if (Array.isArray(handle)) {\n this.handles = [];\n handle.forEach((h) => {\n const el = this.rotatable.querySelector(`.${h.class}`);\n\n if (el) {\n const mousedownHandler = this.rotateStart(h.origin);\n el.addEventListener('mousedown', mousedownHandler);\n el.addEventListener('mouseup', this.rotateStop);\n this.handles.push({ el, mousedownHandler });\n }\n });\n }\n };\n\n addMouseUpHandler = () => {\n document.addEventListener('mouseup', this.rotateStop);\n };\n\n originToXY = (origin) => {\n const { clientWidth: width, clientHeight: height } = this.rotatable;\n return parseOrigin({ width, height }, origin);\n };\n\n /**\n * Get the anchor point for the given element, origin and rotation.\n * @returns {{left:number, top: number}} - the co-ordinates of the anchor point relative to the whole page.\n */\n getAnchor = (origin) => {\n const { rotation } = this.state;\n const { clientWidth, clientHeight } = this.rotatable;\n const { top, left } = this.rotatable.getBoundingClientRect();\n const xy = this.originToXY(origin);\n const { top: anchorTop, left: anchorLeft } = calcAnchor(\n {\n width: clientWidth,\n height: clientHeight,\n },\n xy,\n rotation,\n );\n\n return {\n top: top + anchorTop,\n left: left + anchorLeft,\n };\n };\n\n rotateStart = (origin) => (e) => {\n const { isRotating } = this.state;\n if (isRotating) {\n return;\n }\n\n e.preventDefault();\n\n const anchor = this.getAnchor(origin);\n const { rotation } = this.state;\n const { angle: startAngle } = this.getAngle(anchor, e);\n\n let diff = { x: 0, y: 0 };\n if (origin !== this.state.origin) {\n const { clientWidth: width, clientHeight: height } = this.rotatable;\n diff = distanceBetween({ width, height }, rotation, this.state.origin, origin);\n }\n\n this.setState(\n {\n origin,\n isRotating: true,\n startAngle,\n anchor,\n position: {\n left: this.state.position.left + diff.x,\n top: this.state.position.top + diff.y,\n },\n },\n () => {\n document.addEventListener('mousemove', this.rotate);\n },\n );\n };\n\n rotateStop = (e) => {\n const { isRotating } = this.state;\n\n if (!isRotating) {\n return;\n }\n\n e.preventDefault();\n\n this.setState(\n {\n isRotating: false,\n angle: this.state.rotation,\n anchor: null,\n current: null,\n },\n () => {\n document.removeEventListener('mousemove', this.rotate);\n document.removeEventListener('mousemove', this.drag);\n },\n );\n };\n\n getAngle(anchor, e) {\n const x = e.clientX - anchor.left;\n const y = (e.clientY - anchor.top) * -1;\n return { angle: arctangent(x, y), x, y };\n }\n\n rotate = (e) => {\n const { isRotating } = this.state;\n if (!isRotating) {\n return;\n }\n\n e.preventDefault();\n\n const { startAngle, angle, anchor } = this.state;\n const { angle: current, x, y } = this.getAngle(anchor, e);\n const computedAnchor = { x, y };\n const diff = current - startAngle;\n const rotation = angle + diff;\n this.setState({ rotation, diff, current, computedAnchor });\n };\n\n mouseDown = (e) => {\n const handle = this.handles.find((h) => h.el === e.target);\n\n if (!handle) {\n this.dragStart(e);\n }\n };\n\n dragStart = (e) => {\n const dragPoint = new Point(e.pageX, e.pageY);\n this.setState({ dragPoint }, () => {\n document.addEventListener('mousemove', this.drag);\n });\n };\n\n drag = (e) => {\n e.preventDefault();\n const current = new Point(e.pageX, e.pageY);\n const translate = current.sub(this.state.dragPoint);\n this.setState({ translate });\n };\n\n mouseUp = () => {\n if (!this.state.translate) {\n return;\n }\n\n const { position: lastPosition, translate } = this.state;\n\n const position = {\n left: lastPosition.left + translate.x,\n top: lastPosition.top + translate.y,\n };\n\n document.removeEventListener('mousemove', this.drag);\n this.setState({ position, dragPoint: null, translate: null });\n };\n\n render() {\n const { children, showAnchor } = this.props;\n const { rotation, anchor, origin, translate, position } = this.state;\n\n const t = translate ? `translate(${translate.x}px, ${translate.y}px)` : '';\n\n const style = {\n left: position.left,\n top: position.top,\n transformOrigin: origin,\n transform: `${t} rotate(${rotation}deg)`,\n };\n\n return (\n <RotatableContainer\n style={style}\n ref={(r) => (this.rotatable = r)}\n onMouseDown={this.mouseDown}\n onMouseUp={this.mouseUp}\n >\n {anchor && showAnchor && <Anchor {...anchor} />}\n {children}\n </RotatableContainer>\n );\n }\n}\n\nexport default Rotatable;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/ruler/graphic.js
DELETED
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = exports.Graphic = void 0;
|
|
8
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
11
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
16
|
-
var _styles = require("@mui/material/styles");
|
|
17
|
-
var _unitType = _interopRequireDefault(require("./unit-type"));
|
|
18
|
-
var _lodashEs = require("lodash-es");
|
|
19
|
-
var _unit = _interopRequireDefault(require("./unit"));
|
|
20
|
-
var _styleUtils = require("../style-utils");
|
|
21
|
-
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)); }
|
|
22
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
23
|
-
var StyledBg = (0, _styles.styled)('rect')(function (_ref) {
|
|
24
|
-
var theme = _ref.theme;
|
|
25
|
-
return {
|
|
26
|
-
stroke: (0, _styleUtils.strokeColor)(theme),
|
|
27
|
-
strokeWidth: '2px',
|
|
28
|
-
fill: (0, _styleUtils.fillColor)(theme)
|
|
29
|
-
};
|
|
30
|
-
});
|
|
31
|
-
var Bg = function Bg(_ref2) {
|
|
32
|
-
var width = _ref2.width,
|
|
33
|
-
height = _ref2.height;
|
|
34
|
-
return /*#__PURE__*/_react["default"].createElement(StyledBg, {
|
|
35
|
-
width: width,
|
|
36
|
-
height: height,
|
|
37
|
-
cx: 0,
|
|
38
|
-
cy: 0
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
-
Bg.propTypes = {
|
|
42
|
-
width: _propTypes["default"].number.isRequired,
|
|
43
|
-
height: _propTypes["default"].number.isRequired
|
|
44
|
-
};
|
|
45
|
-
var Graphic = exports.Graphic = /*#__PURE__*/function (_React$PureComponent) {
|
|
46
|
-
function Graphic() {
|
|
47
|
-
(0, _classCallCheck2["default"])(this, Graphic);
|
|
48
|
-
return _callSuper(this, Graphic, arguments);
|
|
49
|
-
}
|
|
50
|
-
(0, _inherits2["default"])(Graphic, _React$PureComponent);
|
|
51
|
-
return (0, _createClass2["default"])(Graphic, [{
|
|
52
|
-
key: "render",
|
|
53
|
-
value: function render() {
|
|
54
|
-
var _this$props = this.props,
|
|
55
|
-
width = _this$props.width,
|
|
56
|
-
height = _this$props.height,
|
|
57
|
-
units = _this$props.units,
|
|
58
|
-
unit = _this$props.unit;
|
|
59
|
-
var viewBox = "0 0 ".concat(width, " ").concat(height);
|
|
60
|
-
var unitWidth = width / units;
|
|
61
|
-
var unitHeight = height;
|
|
62
|
-
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
63
|
-
viewBox: viewBox
|
|
64
|
-
}, /*#__PURE__*/_react["default"].createElement(Bg, {
|
|
65
|
-
width: width,
|
|
66
|
-
height: height
|
|
67
|
-
}), /*#__PURE__*/_react["default"].createElement(_unitType["default"], {
|
|
68
|
-
label: unit.type
|
|
69
|
-
}), (0, _lodashEs.range)(1, units + 1).map(function (r) {
|
|
70
|
-
return /*#__PURE__*/_react["default"].createElement(_unit["default"], {
|
|
71
|
-
width: unitWidth,
|
|
72
|
-
height: unitHeight,
|
|
73
|
-
key: r,
|
|
74
|
-
index: r,
|
|
75
|
-
config: unit,
|
|
76
|
-
last: r === units
|
|
77
|
-
});
|
|
78
|
-
}));
|
|
79
|
-
}
|
|
80
|
-
}]);
|
|
81
|
-
}(_react["default"].PureComponent);
|
|
82
|
-
(0, _defineProperty2["default"])(Graphic, "propTypes", {
|
|
83
|
-
width: _propTypes["default"].number.isRequired,
|
|
84
|
-
height: _propTypes["default"].number.isRequired,
|
|
85
|
-
units: _propTypes["default"].number.isRequired,
|
|
86
|
-
unit: _propTypes["default"].object.isRequired
|
|
87
|
-
});
|
|
88
|
-
var _default = exports["default"] = Graphic;
|
|
89
|
-
//# sourceMappingURL=graphic.js.map
|
package/lib/ruler/graphic.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"graphic.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_unitType","_lodashEs","_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-es';\nimport Unit from './unit';\nimport { fillColor, strokeColor } from '../style-utils';\n\nconst StyledBg = styled('rect')(({ theme }) => ({\n stroke: strokeColor(theme),\n strokeWidth: '2px',\n fill: fillColor(theme),\n}));\n\nconst Bg = ({ width, height }) => <StyledBg width={width} height={height} cx={0} cy={0} />;\n\nBg.propTypes = {\n width: PropTypes.number.isRequired,\n height: PropTypes.number.isRequired,\n};\n\nexport class Graphic extends React.PureComponent {\n static propTypes = {\n width: PropTypes.number.isRequired,\n height: PropTypes.number.isRequired,\n units: PropTypes.number.isRequired,\n unit: PropTypes.object.isRequired,\n };\n\n render() {\n const { width, height, units, unit } = this.props;\n const viewBox = `0 0 ${width} ${height}`;\n const unitWidth = width / units;\n const unitHeight = height;\n\n return (\n <svg viewBox={viewBox}>\n <Bg width={width} height={height} />\n <UnitType label={unit.type} />\n {range(1, units + 1).map((r) => (\n <Unit width={unitWidth} height={unitHeight} key={r} index={r} config={unit} last={r === units} />\n ))}\n </svg>\n );\n }\n}\n\nexport default Graphic;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAAwD,SAAAO,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAExD,IAAMc,QAAQ,GAAG,IAAAC,cAAM,EAAC,MAAM,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IAC9CC,MAAM,EAAE,IAAAC,uBAAW,EAACF,KAAK,CAAC;IAC1BG,WAAW,EAAE,KAAK;IAClBC,IAAI,EAAE,IAAAC,qBAAS,EAACL,KAAK;EACvB,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMM,EAAE,GAAG,SAALA,EAAEA,CAAAC,KAAA;EAAA,IAAMC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;EAAA,oBAAOpC,MAAA,YAAAqC,aAAA,CAACb,QAAQ;IAACW,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA,MAAO;IAACE,EAAE,EAAE,CAAE;IAACC,EAAE,EAAE;EAAE,CAAE,CAAC;AAAA;AAE1FN,EAAE,CAACO,SAAS,GAAG;EACbL,KAAK,EAAEM,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClCP,MAAM,EAAEK,qBAAS,CAACC,MAAM,CAACC;AAC3B,CAAC;AAAC,IAEWC,OAAO,GAAAC,OAAA,CAAAD,OAAA,0BAAAE,oBAAA;EAAA,SAAAF,QAAA;IAAA,IAAAG,gBAAA,mBAAAH,OAAA;IAAA,OAAAnC,UAAA,OAAAmC,OAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,OAAA,EAAAE,oBAAA;EAAA,WAAAI,aAAA,aAAAN,OAAA;IAAAO,GAAA;IAAAC,KAAA,EAQlB,SAAAC,MAAMA,CAAA,EAAG;MACP,IAAAC,WAAA,GAAuC,IAAI,CAACC,KAAK;QAAzCpB,KAAK,GAAAmB,WAAA,CAALnB,KAAK;QAAEC,MAAM,GAAAkB,WAAA,CAANlB,MAAM;QAAEoB,KAAK,GAAAF,WAAA,CAALE,KAAK;QAAEC,IAAI,GAAAH,WAAA,CAAJG,IAAI;MAClC,IAAMC,OAAO,UAAAC,MAAA,CAAUxB,KAAK,OAAAwB,MAAA,CAAIvB,MAAM,CAAE;MACxC,IAAMwB,SAAS,GAAGzB,KAAK,GAAGqB,KAAK;MAC/B,IAAMK,UAAU,GAAGzB,MAAM;MAEzB,oBACEpC,MAAA,YAAAqC,aAAA;QAAKqB,OAAO,EAAEA;MAAQ,gBACpB1D,MAAA,YAAAqC,aAAA,CAACJ,EAAE;QAACE,KAAK,EAAEA,KAAM;QAACC,MAAM,EAAEA;MAAO,CAAE,CAAC,eACpCpC,MAAA,YAAAqC,aAAA,CAAChC,SAAA,WAAQ;QAACyD,KAAK,EAAEL,IAAI,CAACM;MAAK,CAAE,CAAC,EAC7B,IAAAC,eAAK,EAAC,CAAC,EAAER,KAAK,GAAG,CAAC,CAAC,CAACS,GAAG,CAAC,UAACC,CAAC;QAAA,oBACzBlE,MAAA,YAAAqC,aAAA,CAAC9B,KAAA,WAAI;UAAC4B,KAAK,EAAEyB,SAAU;UAACxB,MAAM,EAAEyB,UAAW;UAACV,GAAG,EAAEe,CAAE;UAACC,KAAK,EAAED,CAAE;UAACE,MAAM,EAAEX,IAAK;UAACY,IAAI,EAAEH,CAAC,KAAKV;QAAM,CAAE,CAAC;MAAA,CAClG,CACE,CAAC;IAEV;EAAC;AAAA,EAvB0Bc,iBAAK,CAACC,aAAa;AAAA,IAAAC,gBAAA,aAAnC5B,OAAO,eACC;EACjBT,KAAK,EAAEM,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClCP,MAAM,EAAEK,qBAAS,CAACC,MAAM,CAACC,UAAU;EACnCa,KAAK,EAAEf,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClCc,IAAI,EAAEhB,qBAAS,CAACgC,MAAM,CAAC9B;AACzB,CAAC;AAAA,IAAA+B,QAAA,GAAA7B,OAAA,cAoBYD,OAAO","ignoreList":[]}
|
package/lib/ruler/index.js
DELETED
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = exports.Ruler = void 0;
|
|
8
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
11
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
var _styles = require("@mui/material/styles");
|
|
16
|
-
var _rotatable = _interopRequireDefault(require("../rotatable"));
|
|
17
|
-
var _graphic = _interopRequireDefault(require("./graphic"));
|
|
18
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
var _anchor = _interopRequireDefault(require("../anchor"));
|
|
20
|
-
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)); }
|
|
21
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
22
|
-
var StyledRuler = (0, _styles.styled)('div')(function (_ref) {
|
|
23
|
-
var theme = _ref.theme;
|
|
24
|
-
return {
|
|
25
|
-
cursor: 'move',
|
|
26
|
-
position: 'relative',
|
|
27
|
-
backgroundColor: theme.palette.secondary.light,
|
|
28
|
-
opacity: 1.0,
|
|
29
|
-
border: "solid 0px ".concat(theme.palette.primary.main)
|
|
30
|
-
};
|
|
31
|
-
});
|
|
32
|
-
var StyledLeftAnchor = (0, _styles.styled)(_anchor["default"])(function () {
|
|
33
|
-
return {
|
|
34
|
-
left: '-10px',
|
|
35
|
-
top: '40%'
|
|
36
|
-
};
|
|
37
|
-
});
|
|
38
|
-
var StyledRightAnchor = (0, _styles.styled)(_anchor["default"])(function () {
|
|
39
|
-
return {
|
|
40
|
-
right: '-10px',
|
|
41
|
-
top: '40%'
|
|
42
|
-
};
|
|
43
|
-
});
|
|
44
|
-
var Ruler = exports.Ruler = /*#__PURE__*/function (_React$Component) {
|
|
45
|
-
function Ruler() {
|
|
46
|
-
(0, _classCallCheck2["default"])(this, Ruler);
|
|
47
|
-
return _callSuper(this, Ruler, arguments);
|
|
48
|
-
}
|
|
49
|
-
(0, _inherits2["default"])(Ruler, _React$Component);
|
|
50
|
-
return (0, _createClass2["default"])(Ruler, [{
|
|
51
|
-
key: "render",
|
|
52
|
-
value: function render() {
|
|
53
|
-
var _this$props = this.props,
|
|
54
|
-
width = _this$props.width,
|
|
55
|
-
height = _this$props.height,
|
|
56
|
-
units = _this$props.units,
|
|
57
|
-
measure = _this$props.measure,
|
|
58
|
-
startPosition = _this$props.startPosition,
|
|
59
|
-
label = _this$props.label,
|
|
60
|
-
tickCount = _this$props.tickCount;
|
|
61
|
-
var unit = measure === 'imperial' ? {
|
|
62
|
-
type: label,
|
|
63
|
-
ticks: tickCount && tickCount % 4 === 0 ? tickCount : 16
|
|
64
|
-
} : {
|
|
65
|
-
type: label,
|
|
66
|
-
ticks: 10
|
|
67
|
-
};
|
|
68
|
-
return /*#__PURE__*/_react["default"].createElement(_rotatable["default"], {
|
|
69
|
-
startPosition: startPosition,
|
|
70
|
-
handle: [{
|
|
71
|
-
"class": 'leftAnchor',
|
|
72
|
-
origin: 'bottom right'
|
|
73
|
-
}, {
|
|
74
|
-
"class": 'rightAnchor',
|
|
75
|
-
origin: 'bottom left'
|
|
76
|
-
}]
|
|
77
|
-
}, /*#__PURE__*/_react["default"].createElement(StyledRuler, {
|
|
78
|
-
style: {
|
|
79
|
-
width: "".concat(width, "px"),
|
|
80
|
-
height: "".concat(height, "px")
|
|
81
|
-
}
|
|
82
|
-
}, /*#__PURE__*/_react["default"].createElement(_graphic["default"], {
|
|
83
|
-
width: width,
|
|
84
|
-
height: height,
|
|
85
|
-
units: units,
|
|
86
|
-
unit: unit
|
|
87
|
-
}), /*#__PURE__*/_react["default"].createElement(StyledLeftAnchor, {
|
|
88
|
-
className: "leftAnchor"
|
|
89
|
-
}), /*#__PURE__*/_react["default"].createElement(StyledRightAnchor, {
|
|
90
|
-
className: "rightAnchor"
|
|
91
|
-
})));
|
|
92
|
-
}
|
|
93
|
-
}]);
|
|
94
|
-
}(_react["default"].Component);
|
|
95
|
-
(0, _defineProperty2["default"])(Ruler, "propTypes", {
|
|
96
|
-
width: _propTypes["default"].number,
|
|
97
|
-
height: _propTypes["default"].number,
|
|
98
|
-
units: _propTypes["default"].number.isRequired,
|
|
99
|
-
measure: _propTypes["default"].oneOf(['imperial', 'metric']).isRequired,
|
|
100
|
-
startPosition: _propTypes["default"].shape({
|
|
101
|
-
left: _propTypes["default"].number.isRequired,
|
|
102
|
-
top: _propTypes["default"].number.isRequired
|
|
103
|
-
}),
|
|
104
|
-
label: _propTypes["default"].string,
|
|
105
|
-
tickCount: _propTypes["default"].number
|
|
106
|
-
});
|
|
107
|
-
(0, _defineProperty2["default"])(Ruler, "defaultProps", {
|
|
108
|
-
width: 480,
|
|
109
|
-
height: 60,
|
|
110
|
-
measure: 'imperial',
|
|
111
|
-
units: 12
|
|
112
|
-
});
|
|
113
|
-
var _default = exports["default"] = Ruler;
|
|
114
|
-
//# sourceMappingURL=index.js.map
|
package/lib/ruler/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_styles","_rotatable","_graphic","_propTypes","_anchor","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledRuler","styled","_ref","theme","cursor","position","backgroundColor","palette","secondary","light","opacity","border","concat","primary","main","StyledLeftAnchor","Anchor","left","top","StyledRightAnchor","right","Ruler","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","width","height","units","measure","startPosition","label","tickCount","unit","type","ticks","createElement","handle","origin","style","className","React","Component","_defineProperty2","PropTypes","number","isRequired","oneOf","shape","string","_default"],"sources":["../../src/ruler/index.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport Rotatable from '../rotatable';\nimport RulerGraphic from './graphic';\nimport PropTypes from 'prop-types';\nimport Anchor from '../anchor';\n\nconst StyledRuler = styled('div')(({ theme }) => ({\n cursor: 'move',\n position: 'relative',\n backgroundColor: theme.palette.secondary.light,\n opacity: 1.0,\n border: `solid 0px ${theme.palette.primary.main}`,\n}));\n\nconst StyledLeftAnchor = styled(Anchor)(() => ({\n left: '-10px',\n top: '40%',\n}));\n\nconst StyledRightAnchor = styled(Anchor)(() => ({\n right: '-10px',\n top: '40%',\n}));\n\nexport class Ruler extends React.Component {\n static propTypes = {\n width: PropTypes.number,\n height: PropTypes.number,\n units: PropTypes.number.isRequired,\n measure: PropTypes.oneOf(['imperial', 'metric']).isRequired,\n startPosition: PropTypes.shape({\n left: PropTypes.number.isRequired,\n top: PropTypes.number.isRequired,\n }),\n label: PropTypes.string,\n tickCount: PropTypes.number,\n };\n\n static defaultProps = {\n width: 480,\n height: 60,\n measure: 'imperial',\n units: 12,\n };\n\n render() {\n const { width, height, units, measure, startPosition, label, tickCount } = this.props;\n\n const unit =\n measure === 'imperial'\n ? {\n type: label,\n ticks: tickCount && tickCount % 4 === 0 ? tickCount : 16,\n }\n : {\n type: label,\n ticks: 10,\n };\n return (\n <Rotatable\n startPosition={startPosition}\n handle={[\n { class: 'leftAnchor', origin: 'bottom right' },\n { class: 'rightAnchor', origin: 'bottom left' },\n ]}\n >\n <StyledRuler style={{ width: `${width}px`, height: `${height}px` }}>\n <RulerGraphic width={width} height={height} units={units} unit={unit} />\n <StyledLeftAnchor className=\"leftAnchor\" />\n <StyledRightAnchor className=\"rightAnchor\" />\n </StyledRuler>\n </Rotatable>\n );\n }\n}\n\nexport default Ruler;\n"],"mappings":"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","ignoreList":[]}
|