@pie-lib/charting 6.1.0-next.2 → 6.1.0-next.26
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 +8 -0
- package/NEXT.CHANGELOG.json +16 -1
- package/lib/actions-button.js +150 -0
- package/lib/actions-button.js.map +1 -0
- package/lib/axes.js +609 -0
- package/lib/axes.js.map +1 -0
- package/lib/bars/bar.js +60 -0
- package/lib/bars/bar.js.map +1 -0
- package/lib/bars/common/bars.js +290 -0
- package/lib/bars/common/bars.js.map +1 -0
- package/lib/bars/common/correct-check-icon.js +55 -0
- package/lib/bars/common/correct-check-icon.js.map +1 -0
- package/lib/bars/histogram.js +61 -0
- package/lib/bars/histogram.js.map +1 -0
- package/lib/chart-setup.js +401 -0
- package/lib/chart-setup.js.map +1 -0
- package/lib/chart-type.js +81 -0
- package/lib/chart-type.js.map +1 -0
- package/lib/chart-types.js +23 -0
- package/lib/chart-types.js.map +1 -0
- package/lib/chart.js +400 -0
- package/lib/chart.js.map +1 -0
- package/lib/common/correctness-indicators.js +160 -0
- package/lib/common/correctness-indicators.js.map +1 -0
- package/lib/common/drag-handle.js +161 -0
- package/lib/common/drag-handle.js.map +1 -0
- package/lib/common/drag-icon.js +54 -0
- package/lib/common/drag-icon.js.map +1 -0
- package/lib/common/styles.js +23 -0
- package/lib/common/styles.js.map +1 -0
- package/lib/grid.js +105 -0
- package/lib/grid.js.map +1 -0
- package/lib/index.js +43 -0
- package/lib/index.js.map +1 -0
- package/lib/key-legend.js +88 -0
- package/lib/key-legend.js.map +1 -0
- package/lib/line/common/drag-handle.js +148 -0
- package/lib/line/common/drag-handle.js.map +1 -0
- package/lib/line/common/line.js +231 -0
- package/lib/line/common/line.js.map +1 -0
- package/lib/line/line-cross.js +230 -0
- package/lib/line/line-cross.js.map +1 -0
- package/lib/line/line-dot.js +160 -0
- package/lib/line/line-dot.js.map +1 -0
- package/lib/mark-label.js +257 -0
- package/lib/mark-label.js.map +1 -0
- package/lib/plot/common/plot.js +361 -0
- package/lib/plot/common/plot.js.map +1 -0
- package/lib/plot/dot.js +113 -0
- package/lib/plot/dot.js.map +1 -0
- package/lib/plot/line.js +143 -0
- package/lib/plot/line.js.map +1 -0
- package/lib/tool-menu.js +117 -0
- package/lib/tool-menu.js.map +1 -0
- package/lib/utils.js +201 -0
- package/lib/utils.js.map +1 -0
- package/package.json +11 -11
|
@@ -0,0 +1,230 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.symbol.js");
|
|
4
|
+
require("core-js/modules/es.array.filter.js");
|
|
5
|
+
require("core-js/modules/es.array.for-each.js");
|
|
6
|
+
require("core-js/modules/es.array.iterator.js");
|
|
7
|
+
require("core-js/modules/es.object.define-properties.js");
|
|
8
|
+
require("core-js/modules/es.object.define-property.js");
|
|
9
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
10
|
+
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
11
|
+
require("core-js/modules/es.object.keys.js");
|
|
12
|
+
require("core-js/modules/es.object.to-string.js");
|
|
13
|
+
require("core-js/modules/es.reflect.construct.js");
|
|
14
|
+
require("core-js/modules/es.string.iterator.js");
|
|
15
|
+
require("core-js/modules/es.weak-map.js");
|
|
16
|
+
require("core-js/modules/web.dom-collections.for-each.js");
|
|
17
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
18
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
19
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
20
|
+
Object.defineProperty(exports, "__esModule", {
|
|
21
|
+
value: true
|
|
22
|
+
});
|
|
23
|
+
exports["default"] = exports.LineCross = void 0;
|
|
24
|
+
require("core-js/modules/es.array.concat.js");
|
|
25
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
26
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
27
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
28
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
29
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
30
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
31
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
32
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
33
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
34
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
35
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
36
|
+
var _shape = require("@visx/shape");
|
|
37
|
+
var _group = require("@visx/group");
|
|
38
|
+
var _styles = require("@mui/material/styles");
|
|
39
|
+
var _renderUi = require("@pie-lib/render-ui");
|
|
40
|
+
var _utils = require("../utils");
|
|
41
|
+
var _plot = require("@pie-lib/plot");
|
|
42
|
+
var _line = _interopRequireDefault(require("./common/line"));
|
|
43
|
+
var _correctnessIndicators = require("../common/correctness-indicators");
|
|
44
|
+
var _excluded = ["className", "scale", "x", "y", "r", "correctness", "interactive", "correctData", "label"];
|
|
45
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
46
|
+
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)); }
|
|
47
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
48
|
+
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; }
|
|
49
|
+
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; }
|
|
50
|
+
var StyledLinePath = (0, _styles.styled)(_shape.LinePath)(function () {
|
|
51
|
+
var _color$disabled;
|
|
52
|
+
return {
|
|
53
|
+
stroke: _renderUi.color.defaults.TEXT,
|
|
54
|
+
transition: 'fill 200ms linear, height 200ms linear',
|
|
55
|
+
'&.non-interactive': {
|
|
56
|
+
stroke: ((_color$disabled = _renderUi.color.disabled) === null || _color$disabled === void 0 ? void 0 : _color$disabled.call(_renderUi.color)) || '#ccc'
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
});
|
|
60
|
+
var StyledGroup = (0, _styles.styled)(_group.Group)(function (_ref) {
|
|
61
|
+
var _color$disabled2;
|
|
62
|
+
var correctness = _ref.correctness,
|
|
63
|
+
interactive = _ref.interactive;
|
|
64
|
+
return _objectSpread(_objectSpread({
|
|
65
|
+
stroke: _renderUi.color.defaults.TEXT,
|
|
66
|
+
transition: 'fill 200ms linear, height 200ms linear'
|
|
67
|
+
}, correctness && !interactive && {
|
|
68
|
+
fill: "".concat(_renderUi.color.defaults.BLACK, " !important"),
|
|
69
|
+
stroke: "".concat(_renderUi.color.defaults.BLACK, " !important")
|
|
70
|
+
}), {}, {
|
|
71
|
+
'&.non-interactive': {
|
|
72
|
+
stroke: ((_color$disabled2 = _renderUi.color.disabled) === null || _color$disabled2 === void 0 ? void 0 : _color$disabled2.call(_renderUi.color)) || '#ccc'
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
|
+
var StyledTransparentHandle = (0, _styles.styled)('circle')(function () {
|
|
77
|
+
return {
|
|
78
|
+
height: '20px',
|
|
79
|
+
fill: 'transparent',
|
|
80
|
+
stroke: 'transparent'
|
|
81
|
+
};
|
|
82
|
+
});
|
|
83
|
+
var DraggableComponent = function DraggableComponent(props) {
|
|
84
|
+
var className = props.className,
|
|
85
|
+
scale = props.scale,
|
|
86
|
+
x = props.x,
|
|
87
|
+
y = props.y,
|
|
88
|
+
r = props.r,
|
|
89
|
+
correctness = props.correctness,
|
|
90
|
+
interactive = props.interactive,
|
|
91
|
+
correctData = props.correctData,
|
|
92
|
+
label = props.label,
|
|
93
|
+
rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
94
|
+
var _useState = (0, _react.useState)(false),
|
|
95
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
96
|
+
hover = _useState2[0],
|
|
97
|
+
setHover = _useState2[1];
|
|
98
|
+
var squareSize = r * 4;
|
|
99
|
+
var squareHalf = squareSize / 2;
|
|
100
|
+
var cx = scale.x(x);
|
|
101
|
+
var cy = scale.y(y);
|
|
102
|
+
return /*#__PURE__*/_react["default"].createElement(StyledGroup, {
|
|
103
|
+
className: className,
|
|
104
|
+
correctness: correctness,
|
|
105
|
+
interactive: interactive
|
|
106
|
+
}, /*#__PURE__*/_react["default"].createElement(StyledLinePath, {
|
|
107
|
+
data: [{
|
|
108
|
+
x: scale.x(x) - r,
|
|
109
|
+
y: scale.y(y) + r
|
|
110
|
+
}, {
|
|
111
|
+
x: scale.x(x) + r,
|
|
112
|
+
y: scale.y(y) - r
|
|
113
|
+
}],
|
|
114
|
+
key: "point-".concat(x, "-").concat(y, "-1"),
|
|
115
|
+
x: function x(d) {
|
|
116
|
+
return d.x;
|
|
117
|
+
},
|
|
118
|
+
y: function y(d) {
|
|
119
|
+
return d.y;
|
|
120
|
+
},
|
|
121
|
+
strokeWidth: 5,
|
|
122
|
+
style: {
|
|
123
|
+
pointerEvents: 'none'
|
|
124
|
+
}
|
|
125
|
+
}), /*#__PURE__*/_react["default"].createElement(StyledLinePath, {
|
|
126
|
+
data: [{
|
|
127
|
+
x: scale.x(x) - r,
|
|
128
|
+
y: scale.y(y) - r
|
|
129
|
+
}, {
|
|
130
|
+
x: scale.x(x) + r,
|
|
131
|
+
y: scale.y(y) + r
|
|
132
|
+
}],
|
|
133
|
+
key: "point-".concat(x, "-").concat(y, "-2"),
|
|
134
|
+
x: function x(d) {
|
|
135
|
+
return d.x;
|
|
136
|
+
},
|
|
137
|
+
y: function y(d) {
|
|
138
|
+
return d.y;
|
|
139
|
+
},
|
|
140
|
+
strokeWidth: 5,
|
|
141
|
+
style: {
|
|
142
|
+
pointerEvents: 'none'
|
|
143
|
+
}
|
|
144
|
+
}), hover && /*#__PURE__*/_react["default"].createElement("rect", {
|
|
145
|
+
x: cx - squareHalf,
|
|
146
|
+
y: cy - squareHalf,
|
|
147
|
+
width: squareSize,
|
|
148
|
+
height: squareSize,
|
|
149
|
+
stroke: _renderUi.color.defaults.BORDER_GRAY,
|
|
150
|
+
fill: "none",
|
|
151
|
+
strokeWidth: 2,
|
|
152
|
+
pointerEvents: "none"
|
|
153
|
+
}), /*#__PURE__*/_react["default"].createElement(StyledTransparentHandle, (0, _extends2["default"])({
|
|
154
|
+
cx: cx,
|
|
155
|
+
cy: cy,
|
|
156
|
+
r: r * 2,
|
|
157
|
+
onMouseEnter: function onMouseEnter() {
|
|
158
|
+
return setHover(true);
|
|
159
|
+
},
|
|
160
|
+
onMouseLeave: function onMouseLeave() {
|
|
161
|
+
return setHover(false);
|
|
162
|
+
}
|
|
163
|
+
}, rest)), /*#__PURE__*/_react["default"].createElement(_correctnessIndicators.CorrectnessIndicator, {
|
|
164
|
+
scale: scale,
|
|
165
|
+
x: x,
|
|
166
|
+
y: y,
|
|
167
|
+
r: r,
|
|
168
|
+
correctness: correctness,
|
|
169
|
+
interactive: interactive
|
|
170
|
+
}), /*#__PURE__*/_react["default"].createElement(_correctnessIndicators.SmallCorrectPointIndicator, {
|
|
171
|
+
scale: scale,
|
|
172
|
+
x: x,
|
|
173
|
+
r: r,
|
|
174
|
+
correctness: correctness,
|
|
175
|
+
correctData: correctData,
|
|
176
|
+
label: label
|
|
177
|
+
}));
|
|
178
|
+
};
|
|
179
|
+
DraggableComponent.propTypes = {
|
|
180
|
+
scale: _propTypes["default"].object,
|
|
181
|
+
x: _propTypes["default"].number,
|
|
182
|
+
y: _propTypes["default"].number,
|
|
183
|
+
r: _propTypes["default"].number,
|
|
184
|
+
className: _propTypes["default"].string,
|
|
185
|
+
correctness: _propTypes["default"].shape({
|
|
186
|
+
value: _propTypes["default"].string,
|
|
187
|
+
label: _propTypes["default"].string
|
|
188
|
+
}),
|
|
189
|
+
interactive: _propTypes["default"].bool,
|
|
190
|
+
correctData: _propTypes["default"].array,
|
|
191
|
+
label: _propTypes["default"].string
|
|
192
|
+
};
|
|
193
|
+
var LineCross = exports.LineCross = /*#__PURE__*/function (_React$Component) {
|
|
194
|
+
function LineCross() {
|
|
195
|
+
(0, _classCallCheck2["default"])(this, LineCross);
|
|
196
|
+
return _callSuper(this, LineCross, arguments);
|
|
197
|
+
}
|
|
198
|
+
(0, _inherits2["default"])(LineCross, _React$Component);
|
|
199
|
+
return (0, _createClass2["default"])(LineCross, [{
|
|
200
|
+
key: "render",
|
|
201
|
+
value: function render() {
|
|
202
|
+
var props = this.props;
|
|
203
|
+
var data = props.data,
|
|
204
|
+
graphProps = props.graphProps;
|
|
205
|
+
var _ref2 = graphProps || {},
|
|
206
|
+
_ref2$scale = _ref2.scale,
|
|
207
|
+
scale = _ref2$scale === void 0 ? {} : _ref2$scale,
|
|
208
|
+
_ref2$size = _ref2.size,
|
|
209
|
+
size = _ref2$size === void 0 ? {} : _ref2$size;
|
|
210
|
+
var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'lineCross');
|
|
211
|
+
return /*#__PURE__*/_react["default"].createElement(_line["default"], (0, _extends2["default"])({}, props, {
|
|
212
|
+
xBand: xBand,
|
|
213
|
+
CustomDraggableComponent: DraggableComponent
|
|
214
|
+
}));
|
|
215
|
+
}
|
|
216
|
+
}]);
|
|
217
|
+
}(_react["default"].Component);
|
|
218
|
+
(0, _defineProperty2["default"])(LineCross, "propTypes", {
|
|
219
|
+
data: _propTypes["default"].array,
|
|
220
|
+
onChange: _propTypes["default"].func,
|
|
221
|
+
graphProps: _plot.types.GraphPropsType.isRequired
|
|
222
|
+
});
|
|
223
|
+
var _default = exports["default"] = function _default() {
|
|
224
|
+
return {
|
|
225
|
+
type: 'lineCross',
|
|
226
|
+
Component: LineCross,
|
|
227
|
+
name: 'Line Cross'
|
|
228
|
+
};
|
|
229
|
+
};
|
|
230
|
+
//# sourceMappingURL=line-cross.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"line-cross.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_shape","_group","_styles","_renderUi","_utils","_plot","_line","_correctnessIndicators","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledLinePath","styled","LinePath","_color$disabled","stroke","color","defaults","TEXT","transition","disabled","StyledGroup","Group","_ref","_color$disabled2","correctness","interactive","fill","concat","BLACK","StyledTransparentHandle","height","DraggableComponent","props","className","scale","x","y","correctData","label","rest","_objectWithoutProperties2","_useState","useState","_useState2","_slicedToArray2","hover","setHover","squareSize","squareHalf","cx","cy","createElement","data","key","d","strokeWidth","style","pointerEvents","width","BORDER_GRAY","_extends2","onMouseEnter","onMouseLeave","CorrectnessIndicator","SmallCorrectPointIndicator","propTypes","PropTypes","object","number","string","shape","value","bool","array","LineCross","exports","_React$Component","_classCallCheck2","_inherits2","_createClass2","render","graphProps","_ref2","_ref2$scale","_ref2$size","size","xBand","dataToXBand","CustomDraggableComponent","React","Component","onChange","func","types","GraphPropsType","isRequired","_default","type","name"],"sources":["../../src/line/line-cross.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { LinePath } from '@visx/shape';\nimport { Group } from '@visx/group';\nimport { styled } from '@mui/material/styles';\n\nimport { color } from '@pie-lib/render-ui';\nimport { dataToXBand } from '../utils';\nimport { types } from '@pie-lib/plot';\nimport RawLine from './common/line';\nimport { CorrectnessIndicator, SmallCorrectPointIndicator } from '../common/correctness-indicators';\n\nconst StyledLinePath = styled(LinePath)(() => ({\n stroke: color.defaults.TEXT,\n transition: 'fill 200ms linear, height 200ms linear',\n '&.non-interactive': {\n stroke: color.disabled?.() || '#ccc',\n },\n}));\n\nconst StyledGroup = styled(Group)(({ correctness, interactive }) => ({\n stroke: color.defaults.TEXT,\n transition: 'fill 200ms linear, height 200ms linear',\n ...(correctness && !interactive && {\n fill: `${color.defaults.BLACK} !important`,\n stroke: `${color.defaults.BLACK} !important`,\n }),\n '&.non-interactive': {\n stroke: color.disabled?.() || '#ccc',\n },\n}));\n\nconst StyledTransparentHandle = styled('circle')(() => ({\n height: '20px',\n fill: 'transparent',\n stroke: 'transparent',\n}));\n\nconst DraggableComponent = (props) => {\n const { className, scale, x, y, r, correctness, interactive, correctData, label, ...rest } = props;\n const [hover, setHover] = useState(false);\n\n const squareSize = r * 4;\n const squareHalf = squareSize / 2;\n const cx = scale.x(x);\n const cy = scale.y(y);\n \n return (\n <StyledGroup className={className} correctness={correctness} interactive={interactive}>\n <StyledLinePath\n data={[\n { x: scale.x(x) - r, y: scale.y(y) + r },\n { x: scale.x(x) + r, y: scale.y(y) - r },\n ]}\n key={`point-${x}-${y}-1`}\n x={(d) => d.x}\n y={(d) => d.y}\n strokeWidth={5}\n style={{ pointerEvents: 'none' }}\n />\n <StyledLinePath\n data={[\n { x: scale.x(x) - r, y: scale.y(y) - r },\n { x: scale.x(x) + r, y: scale.y(y) + r },\n ]}\n key={`point-${x}-${y}-2`}\n x={(d) => d.x}\n y={(d) => d.y}\n strokeWidth={5}\n style={{ pointerEvents: 'none' }}\n />\n {hover && (\n <rect\n x={cx - squareHalf}\n y={cy - squareHalf}\n width={squareSize}\n height={squareSize}\n stroke={color.defaults.BORDER_GRAY}\n fill=\"none\"\n strokeWidth={2}\n pointerEvents=\"none\"\n />\n )}\n <StyledTransparentHandle\n cx={cx}\n cy={cy}\n r={r * 2}\n onMouseEnter={() => setHover(true)}\n onMouseLeave={() => setHover(false)}\n {...rest}\n />\n {/* show correctness indicators */}\n <CorrectnessIndicator\n scale={scale}\n x={x}\n y={y}\n r={r}\n correctness={correctness}\n interactive={interactive}\n />\n {/* show correct point if answer was incorrect */}\n <SmallCorrectPointIndicator\n scale={scale}\n x={x}\n r={r}\n correctness={correctness}\n correctData={correctData}\n label={label}\n />\n </StyledGroup>\n );\n};\n\nDraggableComponent.propTypes = {\n scale: PropTypes.object,\n x: PropTypes.number,\n y: PropTypes.number,\n r: PropTypes.number,\n className: PropTypes.string,\n correctness: PropTypes.shape({\n value: PropTypes.string,\n label: PropTypes.string,\n }),\n interactive: PropTypes.bool,\n correctData: PropTypes.array,\n label: PropTypes.string,\n};\n\nexport class LineCross extends React.Component {\n static propTypes = {\n data: PropTypes.array,\n onChange: PropTypes.func,\n graphProps: types.GraphPropsType.isRequired,\n };\n\n render() {\n const props = this.props;\n const { data, graphProps } = props;\n const { scale = {}, size = {} } = graphProps || {};\n const xBand = dataToXBand(scale.x, data, size.width, 'lineCross');\n\n return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n }\n}\n\nexport default () => ({\n type: 'lineCross',\n Component: LineCross,\n name: 'Line Cross',\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
require("core-js/modules/es.reflect.construct.js");
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
exports["default"] = exports.LineDot = void 0;
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
17
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
18
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
19
|
+
var _react = _interopRequireDefault(require("react"));
|
|
20
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
21
|
+
var _styles = require("@mui/material/styles");
|
|
22
|
+
var _plot = require("@pie-lib/plot");
|
|
23
|
+
var _renderUi = require("@pie-lib/render-ui");
|
|
24
|
+
var _utils = require("../utils");
|
|
25
|
+
var _line = _interopRequireDefault(require("./common/line"));
|
|
26
|
+
var _correctnessIndicators = require("../common/correctness-indicators");
|
|
27
|
+
var _excluded = ["scale", "x", "y", "r", "correctness", "interactive", "correctData", "label"];
|
|
28
|
+
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)); }
|
|
29
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
30
|
+
var StyledHandle = (0, _styles.styled)('circle')(function () {
|
|
31
|
+
return {};
|
|
32
|
+
});
|
|
33
|
+
var StyledTransparentHandle = (0, _styles.styled)('circle')(function () {
|
|
34
|
+
return {
|
|
35
|
+
height: '20px',
|
|
36
|
+
fill: 'transparent',
|
|
37
|
+
// keep it invisible
|
|
38
|
+
stroke: 'none',
|
|
39
|
+
pointerEvents: 'auto' // allow drag events
|
|
40
|
+
};
|
|
41
|
+
});
|
|
42
|
+
var DraggableComponent = function DraggableComponent(_ref) {
|
|
43
|
+
var scale = _ref.scale,
|
|
44
|
+
x = _ref.x,
|
|
45
|
+
y = _ref.y,
|
|
46
|
+
r = _ref.r,
|
|
47
|
+
correctness = _ref.correctness,
|
|
48
|
+
interactive = _ref.interactive,
|
|
49
|
+
correctData = _ref.correctData,
|
|
50
|
+
label = _ref.label,
|
|
51
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
52
|
+
var _React$useState = _react["default"].useState(false),
|
|
53
|
+
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
|
54
|
+
isHovered = _React$useState2[0],
|
|
55
|
+
setIsHovered = _React$useState2[1];
|
|
56
|
+
var allowRolloverEvent = !correctness && interactive;
|
|
57
|
+
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
58
|
+
onMouseEnter: function onMouseEnter() {
|
|
59
|
+
return setIsHovered(true);
|
|
60
|
+
},
|
|
61
|
+
onMouseLeave: function onMouseLeave() {
|
|
62
|
+
return setIsHovered(false);
|
|
63
|
+
},
|
|
64
|
+
onTouchStart: function onTouchStart() {
|
|
65
|
+
return setIsHovered(true);
|
|
66
|
+
},
|
|
67
|
+
onTouchEnd: function onTouchEnd() {
|
|
68
|
+
return setIsHovered(false);
|
|
69
|
+
}
|
|
70
|
+
}, /*#__PURE__*/_react["default"].createElement(StyledTransparentHandle, (0, _extends2["default"])({
|
|
71
|
+
cx: scale.x(x),
|
|
72
|
+
cy: scale.y(y),
|
|
73
|
+
r: r * 3,
|
|
74
|
+
onMouseEnter: function onMouseEnter() {
|
|
75
|
+
return setIsHovered(true);
|
|
76
|
+
},
|
|
77
|
+
onMouseLeave: function onMouseLeave() {
|
|
78
|
+
return setIsHovered(false);
|
|
79
|
+
}
|
|
80
|
+
}, rest)), /*#__PURE__*/_react["default"].createElement(StyledHandle, (0, _extends2["default"])({
|
|
81
|
+
cx: scale.x(x),
|
|
82
|
+
cy: scale.y(y),
|
|
83
|
+
r: r,
|
|
84
|
+
correctness: correctness,
|
|
85
|
+
interactive: interactive
|
|
86
|
+
}, rest)), /*#__PURE__*/_react["default"].createElement(_correctnessIndicators.CorrectnessIndicator, {
|
|
87
|
+
scale: scale,
|
|
88
|
+
x: x,
|
|
89
|
+
y: y,
|
|
90
|
+
r: r,
|
|
91
|
+
correctness: correctness,
|
|
92
|
+
interactive: interactive
|
|
93
|
+
}), /*#__PURE__*/_react["default"].createElement(_correctnessIndicators.SmallCorrectPointIndicator, {
|
|
94
|
+
scale: scale,
|
|
95
|
+
x: x,
|
|
96
|
+
r: r,
|
|
97
|
+
correctness: correctness,
|
|
98
|
+
correctData: correctData,
|
|
99
|
+
label: label
|
|
100
|
+
}), isHovered && allowRolloverEvent && /*#__PURE__*/_react["default"].createElement("rect", {
|
|
101
|
+
x: scale.x(x) - r * 2,
|
|
102
|
+
y: scale.y(y) - r * 2,
|
|
103
|
+
width: r * 4,
|
|
104
|
+
height: r * 4,
|
|
105
|
+
stroke: _renderUi.color.defaults.BORDER_GRAY,
|
|
106
|
+
strokeWidth: "1",
|
|
107
|
+
fill: "none"
|
|
108
|
+
}));
|
|
109
|
+
};
|
|
110
|
+
DraggableComponent.propTypes = {
|
|
111
|
+
scale: _propTypes["default"].object,
|
|
112
|
+
x: _propTypes["default"].number,
|
|
113
|
+
y: _propTypes["default"].number,
|
|
114
|
+
r: _propTypes["default"].number,
|
|
115
|
+
correctness: _propTypes["default"].shape({
|
|
116
|
+
value: _propTypes["default"].string,
|
|
117
|
+
label: _propTypes["default"].string
|
|
118
|
+
}),
|
|
119
|
+
interactive: _propTypes["default"].bool,
|
|
120
|
+
correctData: _propTypes["default"].array,
|
|
121
|
+
label: _propTypes["default"].string
|
|
122
|
+
};
|
|
123
|
+
var LineDot = exports.LineDot = /*#__PURE__*/function (_React$Component) {
|
|
124
|
+
function LineDot() {
|
|
125
|
+
(0, _classCallCheck2["default"])(this, LineDot);
|
|
126
|
+
return _callSuper(this, LineDot, arguments);
|
|
127
|
+
}
|
|
128
|
+
(0, _inherits2["default"])(LineDot, _React$Component);
|
|
129
|
+
return (0, _createClass2["default"])(LineDot, [{
|
|
130
|
+
key: "render",
|
|
131
|
+
value: function render() {
|
|
132
|
+
var props = this.props;
|
|
133
|
+
var data = props.data,
|
|
134
|
+
graphProps = props.graphProps;
|
|
135
|
+
var _ref2 = graphProps || {},
|
|
136
|
+
_ref2$scale = _ref2.scale,
|
|
137
|
+
scale = _ref2$scale === void 0 ? {} : _ref2$scale,
|
|
138
|
+
_ref2$size = _ref2.size,
|
|
139
|
+
size = _ref2$size === void 0 ? {} : _ref2$size;
|
|
140
|
+
var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'lineDot');
|
|
141
|
+
return /*#__PURE__*/_react["default"].createElement(_line["default"], (0, _extends2["default"])({}, props, {
|
|
142
|
+
xBand: xBand,
|
|
143
|
+
CustomDraggableComponent: DraggableComponent
|
|
144
|
+
}));
|
|
145
|
+
}
|
|
146
|
+
}]);
|
|
147
|
+
}(_react["default"].Component);
|
|
148
|
+
(0, _defineProperty2["default"])(LineDot, "propTypes", {
|
|
149
|
+
data: _propTypes["default"].array,
|
|
150
|
+
onChange: _propTypes["default"].func,
|
|
151
|
+
graphProps: _plot.types.GraphPropsType.isRequired
|
|
152
|
+
});
|
|
153
|
+
var _default = exports["default"] = function _default() {
|
|
154
|
+
return {
|
|
155
|
+
type: 'lineDot',
|
|
156
|
+
Component: LineDot,
|
|
157
|
+
name: 'Line Dot'
|
|
158
|
+
};
|
|
159
|
+
};
|
|
160
|
+
//# sourceMappingURL=line-dot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"line-dot.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_plot","_renderUi","_utils","_line","_correctnessIndicators","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledHandle","styled","StyledTransparentHandle","height","fill","stroke","pointerEvents","DraggableComponent","_ref","scale","x","y","r","correctness","interactive","correctData","label","rest","_objectWithoutProperties2","_React$useState","React","useState","_React$useState2","_slicedToArray2","isHovered","setIsHovered","allowRolloverEvent","createElement","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","_extends2","cx","cy","CorrectnessIndicator","SmallCorrectPointIndicator","width","color","defaults","BORDER_GRAY","strokeWidth","propTypes","PropTypes","object","number","shape","value","string","bool","array","LineDot","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","render","props","data","graphProps","_ref2","_ref2$scale","_ref2$size","size","xBand","dataToXBand","CustomDraggableComponent","Component","_defineProperty2","onChange","func","types","GraphPropsType","isRequired","_default","type","name"],"sources":["../../src/line/line-dot.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { dataToXBand } from '../utils';\nimport RawLine from './common/line';\nimport { CorrectnessIndicator, SmallCorrectPointIndicator } from '../common/correctness-indicators';\n\nconst StyledHandle = styled('circle')(() => ({}));\n\nconst StyledTransparentHandle = styled('circle')(() => ({\n height: '20px',\n fill: 'transparent', // keep it invisible\n stroke: 'none',\n pointerEvents: 'auto', // allow drag events\n}));\n\nconst DraggableComponent = ({ scale, x, y, r, correctness, interactive, correctData, label, ...rest }) => {\n const [isHovered, setIsHovered] = React.useState(false);\n const allowRolloverEvent = !correctness && interactive;\n\n return (\n <g\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n onTouchStart={() => setIsHovered(true)}\n onTouchEnd={() => setIsHovered(false)}\n >\n <StyledTransparentHandle\n cx={scale.x(x)}\n cy={scale.y(y)}\n r={r * 3}\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n {...rest}\n />\n <StyledHandle\n cx={scale.x(x)}\n cy={scale.y(y)}\n r={r}\n correctness={correctness}\n interactive={interactive}\n {...rest}\n />\n {/* show correctness indicators */}\n <CorrectnessIndicator scale={scale} x={x} y={y} r={r} correctness={correctness} interactive={interactive} />\n\n {/* show correct point if answer was incorrect */}\n <SmallCorrectPointIndicator\n scale={scale}\n x={x}\n r={r}\n correctness={correctness}\n correctData={correctData}\n label={label}\n />\n\n {/* show rollover rectangle */}\n {isHovered && allowRolloverEvent && (\n <rect\n x={scale.x(x) - r * 2}\n y={scale.y(y) - r * 2}\n width={r * 4}\n height={r * 4}\n stroke={color.defaults.BORDER_GRAY}\n strokeWidth=\"1\"\n fill=\"none\"\n />\n )}\n </g>\n );\n};\n\nDraggableComponent.propTypes = {\n scale: PropTypes.object,\n x: PropTypes.number,\n y: PropTypes.number,\n r: PropTypes.number,\n correctness: PropTypes.shape({\n value: PropTypes.string,\n label: PropTypes.string,\n }),\n interactive: PropTypes.bool,\n correctData: PropTypes.array,\n label: PropTypes.string,\n};\n\nexport class LineDot extends React.Component {\n static propTypes = {\n data: PropTypes.array,\n onChange: PropTypes.func,\n graphProps: types.GraphPropsType.isRequired,\n };\n\n render() {\n const props = this.props;\n const { data, graphProps } = props;\n const { scale = {}, size = {} } = graphProps || {};\n const xBand = dataToXBand(scale.x, data, size.width, 'lineDot');\n\n return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n }\n}\n\nexport default () => ({\n type: 'lineDot',\n Component: LineDot,\n name: 'Line Dot',\n});\n"],"mappings":"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","ignoreList":[]}
|