@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.
Files changed (57) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/NEXT.CHANGELOG.json +16 -1
  3. package/lib/actions-button.js +150 -0
  4. package/lib/actions-button.js.map +1 -0
  5. package/lib/axes.js +609 -0
  6. package/lib/axes.js.map +1 -0
  7. package/lib/bars/bar.js +60 -0
  8. package/lib/bars/bar.js.map +1 -0
  9. package/lib/bars/common/bars.js +290 -0
  10. package/lib/bars/common/bars.js.map +1 -0
  11. package/lib/bars/common/correct-check-icon.js +55 -0
  12. package/lib/bars/common/correct-check-icon.js.map +1 -0
  13. package/lib/bars/histogram.js +61 -0
  14. package/lib/bars/histogram.js.map +1 -0
  15. package/lib/chart-setup.js +401 -0
  16. package/lib/chart-setup.js.map +1 -0
  17. package/lib/chart-type.js +81 -0
  18. package/lib/chart-type.js.map +1 -0
  19. package/lib/chart-types.js +23 -0
  20. package/lib/chart-types.js.map +1 -0
  21. package/lib/chart.js +400 -0
  22. package/lib/chart.js.map +1 -0
  23. package/lib/common/correctness-indicators.js +160 -0
  24. package/lib/common/correctness-indicators.js.map +1 -0
  25. package/lib/common/drag-handle.js +161 -0
  26. package/lib/common/drag-handle.js.map +1 -0
  27. package/lib/common/drag-icon.js +54 -0
  28. package/lib/common/drag-icon.js.map +1 -0
  29. package/lib/common/styles.js +23 -0
  30. package/lib/common/styles.js.map +1 -0
  31. package/lib/grid.js +105 -0
  32. package/lib/grid.js.map +1 -0
  33. package/lib/index.js +43 -0
  34. package/lib/index.js.map +1 -0
  35. package/lib/key-legend.js +88 -0
  36. package/lib/key-legend.js.map +1 -0
  37. package/lib/line/common/drag-handle.js +148 -0
  38. package/lib/line/common/drag-handle.js.map +1 -0
  39. package/lib/line/common/line.js +231 -0
  40. package/lib/line/common/line.js.map +1 -0
  41. package/lib/line/line-cross.js +230 -0
  42. package/lib/line/line-cross.js.map +1 -0
  43. package/lib/line/line-dot.js +160 -0
  44. package/lib/line/line-dot.js.map +1 -0
  45. package/lib/mark-label.js +257 -0
  46. package/lib/mark-label.js.map +1 -0
  47. package/lib/plot/common/plot.js +361 -0
  48. package/lib/plot/common/plot.js.map +1 -0
  49. package/lib/plot/dot.js +113 -0
  50. package/lib/plot/dot.js.map +1 -0
  51. package/lib/plot/line.js +143 -0
  52. package/lib/plot/line.js.map +1 -0
  53. package/lib/tool-menu.js +117 -0
  54. package/lib/tool-menu.js.map +1 -0
  55. package/lib/utils.js +201 -0
  56. package/lib/utils.js.map +1 -0
  57. 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":[]}