@pie-lib/graphing 3.0.0-next.0 → 3.1.0-next.2
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 +33 -0
- package/package.json +9 -17
- package/src/grid-setup.jsx +28 -34
- package/src/labels.jsx +1 -1
- package/lib/axis/arrow.js +0 -79
- package/lib/axis/arrow.js.map +0 -1
- package/lib/axis/axes.js +0 -327
- package/lib/axis/axes.js.map +0 -1
- package/lib/axis/index.js +0 -21
- package/lib/axis/index.js.map +0 -1
- package/lib/bg.js +0 -111
- package/lib/bg.js.map +0 -1
- package/lib/container/actions.js +0 -18
- package/lib/container/actions.js.map +0 -1
- package/lib/container/index.js +0 -118
- package/lib/container/index.js.map +0 -1
- package/lib/container/marks.js +0 -22
- package/lib/container/marks.js.map +0 -1
- package/lib/container/middleware.js +0 -19
- package/lib/container/middleware.js.map +0 -1
- package/lib/container/reducer.js +0 -18
- package/lib/container/reducer.js.map +0 -1
- package/lib/coordinates-label.js +0 -79
- package/lib/coordinates-label.js.map +0 -1
- package/lib/graph-with-controls.js +0 -295
- package/lib/graph-with-controls.js.map +0 -1
- package/lib/graph.js +0 -314
- package/lib/graph.js.map +0 -1
- package/lib/grid-setup.js +0 -406
- package/lib/grid-setup.js.map +0 -1
- package/lib/grid.js +0 -131
- package/lib/grid.js.map +0 -1
- package/lib/index.js +0 -47
- package/lib/index.js.map +0 -1
- package/lib/key-legend.js +0 -201
- package/lib/key-legend.js.map +0 -1
- package/lib/label-svg-icon.js +0 -50
- package/lib/label-svg-icon.js.map +0 -1
- package/lib/labels.js +0 -243
- package/lib/labels.js.map +0 -1
- package/lib/mark-label.js +0 -278
- package/lib/mark-label.js.map +0 -1
- package/lib/toggle-bar.js +0 -248
- package/lib/toggle-bar.js.map +0 -1
- package/lib/tool-menu.js +0 -78
- package/lib/tool-menu.js.map +0 -1
- package/lib/tools/absolute/component.js +0 -29
- package/lib/tools/absolute/component.js.map +0 -1
- package/lib/tools/absolute/index.js +0 -50
- package/lib/tools/absolute/index.js.map +0 -1
- package/lib/tools/circle/bg-circle.js +0 -123
- package/lib/tools/circle/bg-circle.js.map +0 -1
- package/lib/tools/circle/component.js +0 -319
- package/lib/tools/circle/component.js.map +0 -1
- package/lib/tools/circle/index.js +0 -41
- package/lib/tools/circle/index.js.map +0 -1
- package/lib/tools/exponential/component.js +0 -28
- package/lib/tools/exponential/component.js.map +0 -1
- package/lib/tools/exponential/index.js +0 -56
- package/lib/tools/exponential/index.js.map +0 -1
- package/lib/tools/index.js +0 -86
- package/lib/tools/index.js.map +0 -1
- package/lib/tools/line/component.js +0 -82
- package/lib/tools/line/component.js.map +0 -1
- package/lib/tools/line/index.js +0 -11
- package/lib/tools/line/index.js.map +0 -1
- package/lib/tools/parabola/component.js +0 -28
- package/lib/tools/parabola/component.js.map +0 -1
- package/lib/tools/parabola/index.js +0 -50
- package/lib/tools/parabola/index.js.map +0 -1
- package/lib/tools/point/component.js +0 -139
- package/lib/tools/point/component.js.map +0 -1
- package/lib/tools/point/index.js +0 -24
- package/lib/tools/point/index.js.map +0 -1
- package/lib/tools/polygon/component.js +0 -417
- package/lib/tools/polygon/component.js.map +0 -1
- package/lib/tools/polygon/index.js +0 -89
- package/lib/tools/polygon/index.js.map +0 -1
- package/lib/tools/polygon/line.js +0 -114
- package/lib/tools/polygon/line.js.map +0 -1
- package/lib/tools/polygon/polygon.js +0 -132
- package/lib/tools/polygon/polygon.js.map +0 -1
- package/lib/tools/ray/component.js +0 -83
- package/lib/tools/ray/component.js.map +0 -1
- package/lib/tools/ray/index.js +0 -11
- package/lib/tools/ray/index.js.map +0 -1
- package/lib/tools/segment/component.js +0 -57
- package/lib/tools/segment/component.js.map +0 -1
- package/lib/tools/segment/index.js +0 -11
- package/lib/tools/segment/index.js.map +0 -1
- package/lib/tools/shared/arrow-head.js +0 -111
- package/lib/tools/shared/arrow-head.js.map +0 -1
- package/lib/tools/shared/icons/CorrectSVG.js +0 -40
- package/lib/tools/shared/icons/CorrectSVG.js.map +0 -1
- package/lib/tools/shared/icons/IncorrectSVG.js +0 -40
- package/lib/tools/shared/icons/IncorrectSVG.js.map +0 -1
- package/lib/tools/shared/icons/MissingSVG.js +0 -39
- package/lib/tools/shared/icons/MissingSVG.js.map +0 -1
- package/lib/tools/shared/line/index.js +0 -546
- package/lib/tools/shared/line/index.js.map +0 -1
- package/lib/tools/shared/line/line-path.js +0 -120
- package/lib/tools/shared/line/line-path.js.map +0 -1
- package/lib/tools/shared/line/with-root-edge.js +0 -121
- package/lib/tools/shared/line/with-root-edge.js.map +0 -1
- package/lib/tools/shared/point/arrow-point.js +0 -72
- package/lib/tools/shared/point/arrow-point.js.map +0 -1
- package/lib/tools/shared/point/arrow.js +0 -67
- package/lib/tools/shared/point/arrow.js.map +0 -1
- package/lib/tools/shared/point/base-point.js +0 -157
- package/lib/tools/shared/point/base-point.js.map +0 -1
- package/lib/tools/shared/point/index.js +0 -62
- package/lib/tools/shared/point/index.js.map +0 -1
- package/lib/tools/shared/styles.js +0 -30
- package/lib/tools/shared/styles.js.map +0 -1
- package/lib/tools/shared/types.js +0 -16
- package/lib/tools/shared/types.js.map +0 -1
- package/lib/tools/sine/component.js +0 -40
- package/lib/tools/sine/component.js.map +0 -1
- package/lib/tools/sine/index.js +0 -50
- package/lib/tools/sine/index.js.map +0 -1
- package/lib/tools/vector/component.js +0 -68
- package/lib/tools/vector/component.js.map +0 -1
- package/lib/tools/vector/index.js +0 -11
- package/lib/tools/vector/index.js.map +0 -1
- package/lib/undo-redo.js +0 -83
- package/lib/undo-redo.js.map +0 -1
- package/lib/use-debounce.js +0 -25
- package/lib/use-debounce.js.map +0 -1
- package/lib/utils.js +0 -230
- package/lib/utils.js.map +0 -1
|
@@ -1,295 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.toolIsAvailable = exports.setToolbarAvailability = exports.getAvailableTool = exports.filterByVisibleToolTypes = exports.filterByValidToolTypes = exports["default"] = exports.GraphWithControls = void 0;
|
|
9
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
12
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
13
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
var _react = _interopRequireDefault(require("react"));
|
|
16
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
-
var _styles = require("@mui/material/styles");
|
|
18
|
-
var _uniq = _interopRequireDefault(require("lodash/uniq"));
|
|
19
|
-
var _isString = _interopRequireDefault(require("lodash/isString"));
|
|
20
|
-
var _renderUi = require("@pie-lib/render-ui");
|
|
21
|
-
var _toolMenu = _interopRequireDefault(require("./tool-menu"));
|
|
22
|
-
var _graph = _interopRequireWildcard(require("./graph"));
|
|
23
|
-
var _undoRedo = _interopRequireDefault(require("./undo-redo"));
|
|
24
|
-
var _tools = require("./tools");
|
|
25
|
-
var _material = require("@mui/material");
|
|
26
|
-
var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
|
|
27
|
-
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); }
|
|
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
|
-
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; }
|
|
31
|
-
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; }
|
|
32
|
-
var StyledGraphContainer = (0, _styles.styled)('div')({
|
|
33
|
-
display: 'flex',
|
|
34
|
-
flexDirection: 'column',
|
|
35
|
-
width: 'min-content'
|
|
36
|
-
});
|
|
37
|
-
var StyledControls = (0, _styles.styled)('div')(function (_ref) {
|
|
38
|
-
var theme = _ref.theme;
|
|
39
|
-
return {
|
|
40
|
-
display: 'flex',
|
|
41
|
-
justifyContent: 'space-between',
|
|
42
|
-
padding: theme.spacing(1),
|
|
43
|
-
color: _renderUi.color.text(),
|
|
44
|
-
backgroundColor: _renderUi.color.primaryLight(),
|
|
45
|
-
'& button': {
|
|
46
|
-
fontSize: theme.typography.fontSize
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
});
|
|
50
|
-
var StyledAccordion = (0, _styles.styled)(_material.Accordion)({
|
|
51
|
-
backgroundColor: _renderUi.color.primaryLight(),
|
|
52
|
-
width: '100%'
|
|
53
|
-
});
|
|
54
|
-
var StyledAccordionSummary = (0, _styles.styled)(_material.AccordionSummary)(function (_ref2) {
|
|
55
|
-
var theme = _ref2.theme;
|
|
56
|
-
return {
|
|
57
|
-
padding: "0 ".concat(theme.spacing(1), "px"),
|
|
58
|
-
minHeight: '32px !important',
|
|
59
|
-
'& .MuiAccordionSummary-content': {
|
|
60
|
-
margin: '4px 0 !important'
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
});
|
|
64
|
-
var StyledAccordionDetails = (0, _styles.styled)(_material.AccordionDetails)(function (_ref3) {
|
|
65
|
-
var theme = _ref3.theme;
|
|
66
|
-
return {
|
|
67
|
-
padding: 0,
|
|
68
|
-
marginTop: theme.spacing(1),
|
|
69
|
-
display: 'flex',
|
|
70
|
-
justifyContent: 'space-between'
|
|
71
|
-
};
|
|
72
|
-
});
|
|
73
|
-
var setToolbarAvailability = exports.setToolbarAvailability = function setToolbarAvailability(toolbarTools) {
|
|
74
|
-
return _tools.toolsArr.map(function (tA) {
|
|
75
|
-
return _objectSpread(_objectSpread({}, tA), {}, {
|
|
76
|
-
toolbar: !!toolbarTools.find(function (t) {
|
|
77
|
-
return t === tA.type;
|
|
78
|
-
})
|
|
79
|
-
});
|
|
80
|
-
}) || [];
|
|
81
|
-
};
|
|
82
|
-
var toolIsAvailable = exports.toolIsAvailable = function toolIsAvailable(tools, currentTool) {
|
|
83
|
-
return currentTool && tools && (tools.find(function (tool) {
|
|
84
|
-
return tool.type === currentTool.type;
|
|
85
|
-
}) || {}).toolbar;
|
|
86
|
-
};
|
|
87
|
-
var getAvailableTool = exports.getAvailableTool = function getAvailableTool(tools) {
|
|
88
|
-
return tools.find(function (tool) {
|
|
89
|
-
return tool.toolbar;
|
|
90
|
-
});
|
|
91
|
-
};
|
|
92
|
-
var filterByValidToolTypes = exports.filterByValidToolTypes = function filterByValidToolTypes(backgroundMarks) {
|
|
93
|
-
return backgroundMarks.filter(function (bM) {
|
|
94
|
-
return !!_tools.allTools.find(function (tool) {
|
|
95
|
-
return tool === bM.type;
|
|
96
|
-
});
|
|
97
|
-
});
|
|
98
|
-
};
|
|
99
|
-
var filterByVisibleToolTypes = exports.filterByVisibleToolTypes = function filterByVisibleToolTypes(toolbarTools, marks) {
|
|
100
|
-
return marks.filter(function (bM) {
|
|
101
|
-
return !!toolbarTools.find(function (tool) {
|
|
102
|
-
return tool === bM.type;
|
|
103
|
-
});
|
|
104
|
-
});
|
|
105
|
-
};
|
|
106
|
-
var getDefaultCurrentTool = function getDefaultCurrentTool(toolType) {
|
|
107
|
-
return _tools.toolsArr.find(function (tool) {
|
|
108
|
-
return tool.type === toolType;
|
|
109
|
-
}) || null;
|
|
110
|
-
};
|
|
111
|
-
var Collapsible = function Collapsible(_ref4) {
|
|
112
|
-
var children = _ref4.children,
|
|
113
|
-
title = _ref4.title;
|
|
114
|
-
return /*#__PURE__*/_react["default"].createElement(StyledAccordion, {
|
|
115
|
-
elevation: 0,
|
|
116
|
-
disableGutters: true,
|
|
117
|
-
square: true,
|
|
118
|
-
TransitionProps: {
|
|
119
|
-
timeout: {
|
|
120
|
-
enter: 225,
|
|
121
|
-
exit: 195
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
}, /*#__PURE__*/_react["default"].createElement(StyledAccordionSummary, {
|
|
125
|
-
expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null)
|
|
126
|
-
}, /*#__PURE__*/_react["default"].createElement(_material.Typography, {
|
|
127
|
-
variant: "subheading"
|
|
128
|
-
}, title)), /*#__PURE__*/_react["default"].createElement(StyledAccordionDetails, null, children));
|
|
129
|
-
};
|
|
130
|
-
Collapsible.propTypes = {
|
|
131
|
-
children: _propTypes["default"].array,
|
|
132
|
-
title: _propTypes["default"].string
|
|
133
|
-
};
|
|
134
|
-
var GraphWithControls = exports.GraphWithControls = /*#__PURE__*/function (_React$Component) {
|
|
135
|
-
function GraphWithControls(props) {
|
|
136
|
-
var _this;
|
|
137
|
-
(0, _classCallCheck2["default"])(this, GraphWithControls);
|
|
138
|
-
_this = _callSuper(this, GraphWithControls, [props]);
|
|
139
|
-
(0, _defineProperty2["default"])(_this, "changeCurrentTool", function (tool, tools) {
|
|
140
|
-
return _this.setState({
|
|
141
|
-
currentTool: tools.find(function (t) {
|
|
142
|
-
return t.type === tool;
|
|
143
|
-
}),
|
|
144
|
-
labelModeEnabled: tool === 'label'
|
|
145
|
-
});
|
|
146
|
-
});
|
|
147
|
-
_this.state = {
|
|
148
|
-
currentTool: getDefaultCurrentTool(props.defaultTool),
|
|
149
|
-
labelModeEnabled: false
|
|
150
|
-
};
|
|
151
|
-
return _this;
|
|
152
|
-
}
|
|
153
|
-
(0, _inherits2["default"])(GraphWithControls, _React$Component);
|
|
154
|
-
return (0, _createClass2["default"])(GraphWithControls, [{
|
|
155
|
-
key: "componentDidUpdate",
|
|
156
|
-
value: function componentDidUpdate(prevProps) {
|
|
157
|
-
var defaultTool = this.props.defaultTool;
|
|
158
|
-
if (prevProps.defaultTool !== defaultTool) {
|
|
159
|
-
var currentTool = getDefaultCurrentTool(defaultTool);
|
|
160
|
-
this.setState({
|
|
161
|
-
currentTool: currentTool
|
|
162
|
-
});
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
}, {
|
|
166
|
-
key: "render",
|
|
167
|
-
value: function render() {
|
|
168
|
-
var _this2 = this;
|
|
169
|
-
var _this$state = this.state,
|
|
170
|
-
currentTool = _this$state.currentTool,
|
|
171
|
-
labelModeEnabled = _this$state.labelModeEnabled;
|
|
172
|
-
var _this$props = this.props,
|
|
173
|
-
axesSettings = _this$props.axesSettings,
|
|
174
|
-
className = _this$props.className,
|
|
175
|
-
coordinatesOnHover = _this$props.coordinatesOnHover,
|
|
176
|
-
collapsibleToolbar = _this$props.collapsibleToolbar,
|
|
177
|
-
collapsibleToolbarTitle = _this$props.collapsibleToolbarTitle,
|
|
178
|
-
disabled = _this$props.disabled,
|
|
179
|
-
disabledLabels = _this$props.disabledLabels,
|
|
180
|
-
disabledTitle = _this$props.disabledTitle,
|
|
181
|
-
domain = _this$props.domain,
|
|
182
|
-
draggableTools = _this$props.draggableTools,
|
|
183
|
-
labels = _this$props.labels,
|
|
184
|
-
labelsPlaceholders = _this$props.labelsPlaceholders,
|
|
185
|
-
onChangeLabels = _this$props.onChangeLabels,
|
|
186
|
-
onChangeMarks = _this$props.onChangeMarks,
|
|
187
|
-
onChangeTitle = _this$props.onChangeTitle,
|
|
188
|
-
onChangeTools = _this$props.onChangeTools,
|
|
189
|
-
onUndo = _this$props.onUndo,
|
|
190
|
-
onRedo = _this$props.onRedo,
|
|
191
|
-
onReset = _this$props.onReset,
|
|
192
|
-
range = _this$props.range,
|
|
193
|
-
size = _this$props.size,
|
|
194
|
-
showLabels = _this$props.showLabels,
|
|
195
|
-
showPixelGuides = _this$props.showPixelGuides,
|
|
196
|
-
showTitle = _this$props.showTitle,
|
|
197
|
-
title = _this$props.title,
|
|
198
|
-
titlePlaceholder = _this$props.titlePlaceholder,
|
|
199
|
-
language = _this$props.language,
|
|
200
|
-
removeIncompleteTool = _this$props.removeIncompleteTool,
|
|
201
|
-
limitLabeling = _this$props.limitLabeling;
|
|
202
|
-
var _this$props2 = this.props,
|
|
203
|
-
backgroundMarks = _this$props2.backgroundMarks,
|
|
204
|
-
marks = _this$props2.marks,
|
|
205
|
-
toolbarTools = _this$props2.toolbarTools;
|
|
206
|
-
|
|
207
|
-
// make sure only valid tool types are kept (string) and without duplicates
|
|
208
|
-
toolbarTools = (0, _uniq["default"])(toolbarTools || []).filter(function (tT) {
|
|
209
|
-
return !!(0, _isString["default"])(tT);
|
|
210
|
-
}) || [];
|
|
211
|
-
|
|
212
|
-
// keep only the backgroundMarks that have valid types
|
|
213
|
-
backgroundMarks = filterByValidToolTypes(backgroundMarks || []);
|
|
214
|
-
|
|
215
|
-
// keep only the marks that have types which appear in toolbar
|
|
216
|
-
marks = filterByVisibleToolTypes(toolbarTools, marks || []);
|
|
217
|
-
var tools = setToolbarAvailability(toolbarTools);
|
|
218
|
-
|
|
219
|
-
// set current tool if there's no current tool or if the existing one is no longer available
|
|
220
|
-
if (!currentTool || !toolIsAvailable(tools, currentTool)) {
|
|
221
|
-
currentTool = getAvailableTool(tools);
|
|
222
|
-
}
|
|
223
|
-
var graphActions = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_toolMenu["default"], {
|
|
224
|
-
currentToolType: currentTool && currentTool.type,
|
|
225
|
-
disabled: !!disabled,
|
|
226
|
-
draggableTools: draggableTools,
|
|
227
|
-
labelModeEnabled: labelModeEnabled,
|
|
228
|
-
onChange: function onChange(tool) {
|
|
229
|
-
return _this2.changeCurrentTool(tool, tools);
|
|
230
|
-
},
|
|
231
|
-
toolbarTools: toolbarTools,
|
|
232
|
-
onChangeTools: onChangeTools,
|
|
233
|
-
language: language
|
|
234
|
-
}), !disabled && /*#__PURE__*/_react["default"].createElement(_undoRedo["default"], {
|
|
235
|
-
onUndo: onUndo,
|
|
236
|
-
onRedo: onRedo,
|
|
237
|
-
onReset: onReset,
|
|
238
|
-
language: language
|
|
239
|
-
}));
|
|
240
|
-
return /*#__PURE__*/_react["default"].createElement(StyledGraphContainer, {
|
|
241
|
-
className: className
|
|
242
|
-
}, /*#__PURE__*/_react["default"].createElement(StyledControls, null, collapsibleToolbar ? /*#__PURE__*/_react["default"].createElement(Collapsible, {
|
|
243
|
-
title: collapsibleToolbarTitle
|
|
244
|
-
}, graphActions) : graphActions), /*#__PURE__*/_react["default"].createElement("div", {
|
|
245
|
-
ref: function ref(r) {
|
|
246
|
-
return _this2.labelNode = r;
|
|
247
|
-
}
|
|
248
|
-
}), /*#__PURE__*/_react["default"].createElement(_graph["default"], {
|
|
249
|
-
axesSettings: axesSettings,
|
|
250
|
-
backgroundMarks: backgroundMarks,
|
|
251
|
-
coordinatesOnHover: coordinatesOnHover,
|
|
252
|
-
currentTool: currentTool,
|
|
253
|
-
disabledLabels: disabledLabels,
|
|
254
|
-
disabledTitle: disabledTitle,
|
|
255
|
-
domain: domain,
|
|
256
|
-
labels: labels,
|
|
257
|
-
labelModeEnabled: labelModeEnabled,
|
|
258
|
-
labelsPlaceholders: labelsPlaceholders,
|
|
259
|
-
marks: marks,
|
|
260
|
-
onChangeMarks: !disabled ? onChangeMarks : undefined,
|
|
261
|
-
onChangeLabels: onChangeLabels,
|
|
262
|
-
onChangeTitle: onChangeTitle,
|
|
263
|
-
range: range,
|
|
264
|
-
size: size,
|
|
265
|
-
showLabels: showLabels,
|
|
266
|
-
showPixelGuides: showPixelGuides,
|
|
267
|
-
showTitle: showTitle,
|
|
268
|
-
title: title,
|
|
269
|
-
titlePlaceholder: titlePlaceholder,
|
|
270
|
-
tools: tools,
|
|
271
|
-
removeIncompleteTool: removeIncompleteTool,
|
|
272
|
-
limitLabeling: limitLabeling
|
|
273
|
-
}));
|
|
274
|
-
}
|
|
275
|
-
}]);
|
|
276
|
-
}(_react["default"].Component);
|
|
277
|
-
(0, _defineProperty2["default"])(GraphWithControls, "propTypes", _objectSpread(_objectSpread({}, _graph.graphPropTypes), {}, {
|
|
278
|
-
onUndo: _propTypes["default"].func,
|
|
279
|
-
onRedo: _propTypes["default"].func,
|
|
280
|
-
onReset: _propTypes["default"].func,
|
|
281
|
-
toolbarTools: _propTypes["default"].arrayOf(_propTypes["default"].string),
|
|
282
|
-
// array of tool types that have to be displayed in the toolbar, same shape as 'allTools'
|
|
283
|
-
language: _propTypes["default"].string
|
|
284
|
-
}));
|
|
285
|
-
(0, _defineProperty2["default"])(GraphWithControls, "defaultProps", {
|
|
286
|
-
collapsibleToolbar: false,
|
|
287
|
-
collapsibleToolbarTitle: '',
|
|
288
|
-
disabledLabels: false,
|
|
289
|
-
disabledTitle: false,
|
|
290
|
-
showLabels: true,
|
|
291
|
-
showTitle: true,
|
|
292
|
-
toolbarTools: []
|
|
293
|
-
});
|
|
294
|
-
var _default = exports["default"] = GraphWithControls;
|
|
295
|
-
//# sourceMappingURL=graph-with-controls.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"graph-with-controls.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_uniq","_isString","_renderUi","_toolMenu","_graph","_interopRequireWildcard","_undoRedo","_tools","_material","_ExpandMore","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","StyledGraphContainer","styled","display","flexDirection","width","StyledControls","_ref","theme","justifyContent","padding","spacing","color","text","backgroundColor","primaryLight","fontSize","typography","StyledAccordion","Accordion","StyledAccordionSummary","AccordionSummary","_ref2","concat","minHeight","margin","StyledAccordionDetails","AccordionDetails","_ref3","marginTop","setToolbarAvailability","exports","toolbarTools","toolsArr","map","tA","toolbar","find","type","toolIsAvailable","tools","currentTool","tool","getAvailableTool","filterByValidToolTypes","backgroundMarks","bM","allTools","filterByVisibleToolTypes","marks","getDefaultCurrentTool","toolType","Collapsible","_ref4","children","title","createElement","elevation","disableGutters","square","TransitionProps","timeout","enter","exit","expandIcon","Typography","variant","propTypes","PropTypes","array","string","GraphWithControls","_React$Component","props","_this","_classCallCheck2","setState","labelModeEnabled","state","defaultTool","_inherits2","_createClass2","key","value","componentDidUpdate","prevProps","render","_this2","_this$state","_this$props","axesSettings","className","coordinatesOnHover","collapsibleToolbar","collapsibleToolbarTitle","disabled","disabledLabels","disabledTitle","domain","draggableTools","labels","labelsPlaceholders","onChangeLabels","onChangeMarks","onChangeTitle","onChangeTools","onUndo","onRedo","onReset","range","size","showLabels","showPixelGuides","showTitle","titlePlaceholder","language","removeIncompleteTool","limitLabeling","_this$props2","uniq","tT","isString","graphActions","Fragment","currentToolType","onChange","changeCurrentTool","ref","labelNode","undefined","React","Component","graphPropTypes","func","arrayOf","_default"],"sources":["../src/graph-with-controls.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport uniq from 'lodash/uniq';\nimport isString from 'lodash/isString';\nimport { color } from '@pie-lib/render-ui';\n\nimport ToolMenu from './tool-menu';\nimport Graph, { graphPropTypes } from './graph';\nimport UndoRedo from './undo-redo';\nimport { allTools, toolsArr } from './tools';\nimport { Accordion, AccordionDetails, AccordionSummary, Typography } from '@mui/material';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\n\nconst StyledGraphContainer = styled('div')({\n display: 'flex',\n flexDirection: 'column',\n width: 'min-content',\n});\n\nconst StyledControls = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'space-between',\n padding: theme.spacing(1),\n color: color.text(),\n backgroundColor: color.primaryLight(),\n '& button': {\n fontSize: theme.typography.fontSize,\n },\n}));\n\nconst StyledAccordion = styled(Accordion)({\n backgroundColor: color.primaryLight(),\n width: '100%',\n});\n\nconst StyledAccordionSummary = styled(AccordionSummary)(({ theme }) => ({\n padding: `0 ${theme.spacing(1)}px`,\n minHeight: '32px !important',\n '& .MuiAccordionSummary-content': {\n margin: '4px 0 !important',\n },\n}));\n\nconst StyledAccordionDetails = styled(AccordionDetails)(({ theme }) => ({\n padding: 0,\n marginTop: theme.spacing(1),\n display: 'flex',\n justifyContent: 'space-between',\n}));\n\nexport const setToolbarAvailability = (toolbarTools) =>\n toolsArr.map((tA) => ({ ...tA, toolbar: !!toolbarTools.find((t) => t === tA.type) })) || [];\n\nexport const toolIsAvailable = (tools, currentTool) =>\n currentTool && tools && (tools.find((tool) => tool.type === currentTool.type) || {}).toolbar;\n\nexport const getAvailableTool = (tools) => tools.find((tool) => tool.toolbar);\n\nexport const filterByValidToolTypes = (backgroundMarks) =>\n backgroundMarks.filter((bM) => !!allTools.find((tool) => tool === bM.type));\n\nexport const filterByVisibleToolTypes = (toolbarTools, marks) =>\n marks.filter((bM) => !!toolbarTools.find((tool) => tool === bM.type));\n\nconst getDefaultCurrentTool = (toolType) => toolsArr.find((tool) => tool.type === toolType) || null;\n\nconst Collapsible = ({ children, title }) => (\n <StyledAccordion elevation={0} disableGutters={true} square={true} TransitionProps={{ timeout: { enter: 225, exit: 195 } }}>\n <StyledAccordionSummary expandIcon={<ExpandMoreIcon />}>\n <Typography variant=\"subheading\">{title}</Typography>\n </StyledAccordionSummary>\n <StyledAccordionDetails>{children}</StyledAccordionDetails>\n </StyledAccordion>\n);\n\nCollapsible.propTypes = {\n children: PropTypes.array,\n title: PropTypes.string,\n};\n\nexport class GraphWithControls extends React.Component {\n static propTypes = {\n ...graphPropTypes,\n onUndo: PropTypes.func,\n onRedo: PropTypes.func,\n onReset: PropTypes.func,\n toolbarTools: PropTypes.arrayOf(PropTypes.string), // array of tool types that have to be displayed in the toolbar, same shape as 'allTools'\n language: PropTypes.string,\n };\n\n static defaultProps = {\n collapsibleToolbar: false,\n collapsibleToolbarTitle: '',\n disabledLabels: false,\n disabledTitle: false,\n showLabels: true,\n showTitle: true,\n toolbarTools: [],\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n currentTool: getDefaultCurrentTool(props.defaultTool),\n labelModeEnabled: false,\n };\n }\n\n componentDidUpdate(prevProps) {\n const { defaultTool } = this.props;\n\n if (prevProps.defaultTool !== defaultTool) {\n const currentTool = getDefaultCurrentTool(defaultTool);\n\n this.setState({ currentTool });\n }\n }\n\n changeCurrentTool = (tool, tools) =>\n this.setState({ currentTool: tools.find((t) => t.type === tool), labelModeEnabled: tool === 'label' });\n\n render() {\n let { currentTool, labelModeEnabled } = this.state;\n const {\n axesSettings,\n className,\n coordinatesOnHover,\n collapsibleToolbar,\n collapsibleToolbarTitle,\n disabled,\n disabledLabels,\n disabledTitle,\n domain,\n draggableTools,\n labels,\n labelsPlaceholders,\n onChangeLabels,\n onChangeMarks,\n onChangeTitle,\n onChangeTools,\n onUndo,\n onRedo,\n onReset,\n range,\n size,\n showLabels,\n showPixelGuides,\n showTitle,\n title,\n titlePlaceholder,\n language,\n removeIncompleteTool,\n limitLabeling,\n } = this.props;\n let { backgroundMarks, marks, toolbarTools } = this.props;\n\n // make sure only valid tool types are kept (string) and without duplicates\n toolbarTools = uniq(toolbarTools || []).filter((tT) => !!isString(tT)) || [];\n\n // keep only the backgroundMarks that have valid types\n backgroundMarks = filterByValidToolTypes(backgroundMarks || []);\n\n // keep only the marks that have types which appear in toolbar\n marks = filterByVisibleToolTypes(toolbarTools, marks || []);\n\n const tools = setToolbarAvailability(toolbarTools);\n\n // set current tool if there's no current tool or if the existing one is no longer available\n if (!currentTool || !toolIsAvailable(tools, currentTool)) {\n currentTool = getAvailableTool(tools);\n }\n\n const graphActions = (\n <React.Fragment>\n <ToolMenu\n currentToolType={currentTool && currentTool.type}\n disabled={!!disabled}\n draggableTools={draggableTools}\n labelModeEnabled={labelModeEnabled}\n onChange={(tool) => this.changeCurrentTool(tool, tools)}\n toolbarTools={toolbarTools}\n onChangeTools={onChangeTools}\n language={language}\n />\n\n {!disabled && <UndoRedo onUndo={onUndo} onRedo={onRedo} onReset={onReset} language={language} />}\n </React.Fragment>\n );\n\n return (\n <StyledGraphContainer className={className}>\n <StyledControls>\n {collapsibleToolbar ? (\n <Collapsible title={collapsibleToolbarTitle}>\n {graphActions}\n </Collapsible>\n ) : (\n graphActions\n )}\n </StyledControls>\n\n <div ref={(r) => (this.labelNode = r)} />\n\n <Graph\n axesSettings={axesSettings}\n backgroundMarks={backgroundMarks}\n coordinatesOnHover={coordinatesOnHover}\n currentTool={currentTool}\n disabledLabels={disabledLabels}\n disabledTitle={disabledTitle}\n domain={domain}\n labels={labels}\n labelModeEnabled={labelModeEnabled}\n labelsPlaceholders={labelsPlaceholders}\n marks={marks}\n onChangeMarks={!disabled ? onChangeMarks : undefined}\n onChangeLabels={onChangeLabels}\n onChangeTitle={onChangeTitle}\n range={range}\n size={size}\n showLabels={showLabels}\n showPixelGuides={showPixelGuides}\n showTitle={showTitle}\n title={title}\n titlePlaceholder={titlePlaceholder}\n tools={tools}\n removeIncompleteTool={removeIncompleteTool}\n limitLabeling={limitLabeling}\n />\n </StyledGraphContainer>\n );\n }\n}\n\nexport default GraphWithControls;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/graph.js
DELETED
|
@@ -1,314 +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.removeBuildingToolIfCurrentToolDiffers = exports.graphPropTypes = exports["default"] = exports.Graph = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
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 _react = _interopRequireDefault(require("react"));
|
|
17
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
18
|
-
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
|
|
19
|
-
var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
|
|
20
|
-
var _plot = require("@pie-lib/plot");
|
|
21
|
-
var _debug = _interopRequireDefault(require("debug"));
|
|
22
|
-
var _axis = require("./axis");
|
|
23
|
-
var _grid = _interopRequireDefault(require("./grid"));
|
|
24
|
-
var _labels = require("./labels");
|
|
25
|
-
var _bg = _interopRequireDefault(require("./bg"));
|
|
26
|
-
var _utils = require("./utils");
|
|
27
|
-
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; }
|
|
28
|
-
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; }
|
|
29
|
-
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)); }
|
|
30
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
31
|
-
var log = (0, _debug["default"])('pie-lib:graphing:graph');
|
|
32
|
-
var graphPropTypes = exports.graphPropTypes = {
|
|
33
|
-
axesSettings: _propTypes["default"].shape(_axis.AxisPropTypes),
|
|
34
|
-
backgroundMarks: _propTypes["default"].array,
|
|
35
|
-
className: _propTypes["default"].string,
|
|
36
|
-
collapsibleToolbar: _propTypes["default"].bool,
|
|
37
|
-
collapsibleToolbarTitle: _propTypes["default"].string,
|
|
38
|
-
disabledLabels: _propTypes["default"].bool,
|
|
39
|
-
disabledTitle: _propTypes["default"].bool,
|
|
40
|
-
domain: _plot.types.DomainType,
|
|
41
|
-
labels: _propTypes["default"].shape(_labels.LabelType),
|
|
42
|
-
labelModeEnabled: _propTypes["default"].bool,
|
|
43
|
-
coordinatesOnHover: _propTypes["default"].bool,
|
|
44
|
-
marks: _propTypes["default"].array,
|
|
45
|
-
onChangeLabels: _propTypes["default"].func,
|
|
46
|
-
onChangeMarks: _propTypes["default"].func,
|
|
47
|
-
onChangeTitle: _propTypes["default"].func,
|
|
48
|
-
range: _plot.types.DomainType,
|
|
49
|
-
size: _propTypes["default"].shape({
|
|
50
|
-
width: _propTypes["default"].number.isRequired,
|
|
51
|
-
height: _propTypes["default"].number.isRequired
|
|
52
|
-
}),
|
|
53
|
-
showLabels: _propTypes["default"].bool,
|
|
54
|
-
showPixelGuides: _propTypes["default"].bool,
|
|
55
|
-
showTitle: _propTypes["default"].bool,
|
|
56
|
-
title: _propTypes["default"].string,
|
|
57
|
-
tools: _propTypes["default"].array,
|
|
58
|
-
limitLabeling: _propTypes["default"].bool
|
|
59
|
-
};
|
|
60
|
-
var getMaskSize = function getMaskSize(size) {
|
|
61
|
-
return {
|
|
62
|
-
x: -23,
|
|
63
|
-
y: -23,
|
|
64
|
-
width: size.width + 46,
|
|
65
|
-
height: size.height + 46
|
|
66
|
-
};
|
|
67
|
-
};
|
|
68
|
-
var removeBuildingToolIfCurrentToolDiffers = exports.removeBuildingToolIfCurrentToolDiffers = function removeBuildingToolIfCurrentToolDiffers(_ref) {
|
|
69
|
-
var marks = _ref.marks,
|
|
70
|
-
currentTool = _ref.currentTool,
|
|
71
|
-
onChangeMarks = _ref.onChangeMarks,
|
|
72
|
-
removeIncompleteTool = _ref.removeIncompleteTool;
|
|
73
|
-
var buildingMark = marks.filter(function (m) {
|
|
74
|
-
return m.building;
|
|
75
|
-
})[0];
|
|
76
|
-
var newMarks = (0, _cloneDeep["default"])(marks);
|
|
77
|
-
if (buildingMark && currentTool && buildingMark.type !== currentTool.type) {
|
|
78
|
-
var index = newMarks.findIndex(function (m) {
|
|
79
|
-
return (0, _isEqual["default"])(m, buildingMark);
|
|
80
|
-
});
|
|
81
|
-
if (index >= 0) {
|
|
82
|
-
newMarks.splice(index, 1);
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
if (removeIncompleteTool && !(0, _isEqual["default"])(newMarks, marks)) {
|
|
86
|
-
onChangeMarks(newMarks);
|
|
87
|
-
}
|
|
88
|
-
return newMarks;
|
|
89
|
-
};
|
|
90
|
-
var Graph = exports.Graph = /*#__PURE__*/function (_React$Component) {
|
|
91
|
-
function Graph(props) {
|
|
92
|
-
var _this;
|
|
93
|
-
(0, _classCallCheck2["default"])(this, Graph);
|
|
94
|
-
_this = _callSuper(this, Graph, [props]);
|
|
95
|
-
(0, _defineProperty2["default"])(_this, "state", {});
|
|
96
|
-
(0, _defineProperty2["default"])(_this, "componentDidMount", function () {
|
|
97
|
-
return _this.setState({
|
|
98
|
-
labelNode: _this.labelNode
|
|
99
|
-
});
|
|
100
|
-
});
|
|
101
|
-
(0, _defineProperty2["default"])(_this, "changeMark", function (oldMark, newMark) {
|
|
102
|
-
var _this$props = _this.props,
|
|
103
|
-
onChangeMarks = _this$props.onChangeMarks,
|
|
104
|
-
marks = _this$props.marks;
|
|
105
|
-
var newMarks = (0, _cloneDeep["default"])(marks);
|
|
106
|
-
var index = newMarks.findIndex(function (m) {
|
|
107
|
-
return (0, _isEqual["default"])(m, oldMark);
|
|
108
|
-
});
|
|
109
|
-
if (index >= 0 && !(0, _utils.isDuplicatedMark)(newMark, marks, oldMark)) {
|
|
110
|
-
newMarks.splice(index, 1, newMark);
|
|
111
|
-
onChangeMarks(newMarks);
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
(0, _defineProperty2["default"])(_this, "completeMark", function (markData) {
|
|
115
|
-
var _this$props2 = _this.props,
|
|
116
|
-
currentTool = _this$props2.currentTool,
|
|
117
|
-
marks = _this$props2.marks;
|
|
118
|
-
var buildingMark = marks.filter(function (m) {
|
|
119
|
-
return m.building;
|
|
120
|
-
})[0];
|
|
121
|
-
if (!buildingMark || !currentTool) return;
|
|
122
|
-
var updatedMark = currentTool.complete(buildingMark, markData);
|
|
123
|
-
_this.updateMarks(buildingMark, updatedMark);
|
|
124
|
-
});
|
|
125
|
-
(0, _defineProperty2["default"])(_this, "updateMarks", function (existing, update) {
|
|
126
|
-
var addIfMissing = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
127
|
-
var _this$props3 = _this.props,
|
|
128
|
-
onChangeMarks = _this$props3.onChangeMarks,
|
|
129
|
-
marks = _this$props3.marks;
|
|
130
|
-
var newMarks = (0, _cloneDeep["default"])(marks);
|
|
131
|
-
if (!update || !update.building && (0, _utils.isDuplicatedMark)(update, marks)) {
|
|
132
|
-
return;
|
|
133
|
-
}
|
|
134
|
-
var index = newMarks.findIndex(function (m) {
|
|
135
|
-
return (0, _isEqual["default"])(m, existing);
|
|
136
|
-
});
|
|
137
|
-
if (index >= 0) {
|
|
138
|
-
newMarks.splice(index, 1, update);
|
|
139
|
-
onChangeMarks(newMarks);
|
|
140
|
-
} else if (addIfMissing) {
|
|
141
|
-
onChangeMarks([].concat((0, _toConsumableArray2["default"])(newMarks), [update]));
|
|
142
|
-
}
|
|
143
|
-
});
|
|
144
|
-
(0, _defineProperty2["default"])(_this, "getComponent", function (mark) {
|
|
145
|
-
if (!mark) return null;
|
|
146
|
-
var tool = (_this.props.tools || []).find(function (t) {
|
|
147
|
-
return t.type === mark.type;
|
|
148
|
-
});
|
|
149
|
-
return tool && tool.Component || null;
|
|
150
|
-
});
|
|
151
|
-
(0, _defineProperty2["default"])(_this, "onBgClick", function (point) {
|
|
152
|
-
var _ref2 = point || {},
|
|
153
|
-
x = _ref2.x,
|
|
154
|
-
y = _ref2.y;
|
|
155
|
-
var _this$props4 = _this.props,
|
|
156
|
-
labelModeEnabled = _this$props4.labelModeEnabled,
|
|
157
|
-
currentTool = _this$props4.currentTool,
|
|
158
|
-
marks = _this$props4.marks;
|
|
159
|
-
if (labelModeEnabled || !currentTool || [null, undefined].includes(x) || [null, undefined].includes(y)) {
|
|
160
|
-
return;
|
|
161
|
-
}
|
|
162
|
-
log('[onBgClick] x,y: ', x, y);
|
|
163
|
-
var buildingMark = marks.filter(function (m) {
|
|
164
|
-
return m.building;
|
|
165
|
-
})[0];
|
|
166
|
-
var updatedMark;
|
|
167
|
-
|
|
168
|
-
// if the building mark has a different type, we just replace it
|
|
169
|
-
if (buildingMark && currentTool && buildingMark.type === currentTool.type) {
|
|
170
|
-
updatedMark = currentTool.addPoint({
|
|
171
|
-
x: x,
|
|
172
|
-
y: y
|
|
173
|
-
}, _objectSpread({}, buildingMark));
|
|
174
|
-
} else {
|
|
175
|
-
updatedMark = currentTool.addPoint({
|
|
176
|
-
x: x,
|
|
177
|
-
y: y
|
|
178
|
-
}, undefined);
|
|
179
|
-
}
|
|
180
|
-
_this.updateMarks(buildingMark, updatedMark, true);
|
|
181
|
-
});
|
|
182
|
-
_this.maskUid = _this.generateMaskId();
|
|
183
|
-
return _this;
|
|
184
|
-
}
|
|
185
|
-
(0, _inherits2["default"])(Graph, _React$Component);
|
|
186
|
-
return (0, _createClass2["default"])(Graph, [{
|
|
187
|
-
key: "generateMaskId",
|
|
188
|
-
value: function generateMaskId() {
|
|
189
|
-
return 'graph-' + (Math.random() * 10000).toFixed();
|
|
190
|
-
}
|
|
191
|
-
}, {
|
|
192
|
-
key: "render",
|
|
193
|
-
value: function render() {
|
|
194
|
-
var _this2 = this;
|
|
195
|
-
var _this$props5 = this.props,
|
|
196
|
-
axesSettings = _this$props5.axesSettings,
|
|
197
|
-
currentTool = _this$props5.currentTool,
|
|
198
|
-
coordinatesOnHover = _this$props5.coordinatesOnHover,
|
|
199
|
-
size = _this$props5.size,
|
|
200
|
-
disabledLabels = _this$props5.disabledLabels,
|
|
201
|
-
disabledTitle = _this$props5.disabledTitle,
|
|
202
|
-
domain = _this$props5.domain,
|
|
203
|
-
backgroundMarks = _this$props5.backgroundMarks,
|
|
204
|
-
range = _this$props5.range,
|
|
205
|
-
title = _this$props5.title,
|
|
206
|
-
labels = _this$props5.labels,
|
|
207
|
-
labelModeEnabled = _this$props5.labelModeEnabled,
|
|
208
|
-
labelsPlaceholders = _this$props5.labelsPlaceholders,
|
|
209
|
-
limitLabeling = _this$props5.limitLabeling,
|
|
210
|
-
showLabels = _this$props5.showLabels,
|
|
211
|
-
showPixelGuides = _this$props5.showPixelGuides,
|
|
212
|
-
showTitle = _this$props5.showTitle,
|
|
213
|
-
titlePlaceholder = _this$props5.titlePlaceholder,
|
|
214
|
-
onChangeLabels = _this$props5.onChangeLabels,
|
|
215
|
-
onChangeTitle = _this$props5.onChangeTitle,
|
|
216
|
-
_this$props5$mathMlOp = _this$props5.mathMlOptions,
|
|
217
|
-
mathMlOptions = _this$props5$mathMlOp === void 0 ? {} : _this$props5$mathMlOp,
|
|
218
|
-
onChangeMarks = _this$props5.onChangeMarks,
|
|
219
|
-
removeIncompleteTool = _this$props5.removeIncompleteTool;
|
|
220
|
-
var marks = this.props.marks;
|
|
221
|
-
var graphProps = (0, _plot.createGraphProps)(domain, range, size, function () {
|
|
222
|
-
return _this2.rootNode;
|
|
223
|
-
});
|
|
224
|
-
var maskSize = getMaskSize(size);
|
|
225
|
-
var common = {
|
|
226
|
-
graphProps: graphProps,
|
|
227
|
-
labelModeEnabled: labelModeEnabled,
|
|
228
|
-
limitLabeling: limitLabeling
|
|
229
|
-
};
|
|
230
|
-
marks = removeBuildingToolIfCurrentToolDiffers({
|
|
231
|
-
marks: marks || [],
|
|
232
|
-
currentTool: currentTool,
|
|
233
|
-
onChangeMarks: onChangeMarks,
|
|
234
|
-
removeIncompleteTool: removeIncompleteTool
|
|
235
|
-
});
|
|
236
|
-
return /*#__PURE__*/_react["default"].createElement(_plot.Root, (0, _extends2["default"])({
|
|
237
|
-
rootRef: function rootRef(r) {
|
|
238
|
-
return _this2.rootNode = r;
|
|
239
|
-
},
|
|
240
|
-
disabledTitle: disabledTitle,
|
|
241
|
-
disabledLabels: disabledLabels,
|
|
242
|
-
labels: labels,
|
|
243
|
-
labelsPlaceholders: labelsPlaceholders || {},
|
|
244
|
-
showPixelGuides: showPixelGuides,
|
|
245
|
-
showLabels: showLabels,
|
|
246
|
-
showTitle: showTitle,
|
|
247
|
-
title: title,
|
|
248
|
-
titlePlaceholder: titlePlaceholder,
|
|
249
|
-
onChangeTitle: onChangeTitle,
|
|
250
|
-
onChangeLabels: onChangeLabels,
|
|
251
|
-
mathMlOptions: mathMlOptions
|
|
252
|
-
}, common), /*#__PURE__*/_react["default"].createElement("g", {
|
|
253
|
-
transform: domain && domain.padding && domain.range ? "translate(".concat(domain.padding, ", ").concat(range.padding, ")") : undefined
|
|
254
|
-
}, /*#__PURE__*/_react["default"].createElement(_grid["default"], common), /*#__PURE__*/_react["default"].createElement(_axis.Axes, (0, _extends2["default"])({}, axesSettings, common)), /*#__PURE__*/_react["default"].createElement(_bg["default"], (0, _extends2["default"])({}, size, {
|
|
255
|
-
onClick: this.onBgClick
|
|
256
|
-
}, common)), /*#__PURE__*/_react["default"].createElement("mask", {
|
|
257
|
-
id: "".concat(this.maskUid)
|
|
258
|
-
}, /*#__PURE__*/_react["default"].createElement("rect", (0, _extends2["default"])({}, maskSize, {
|
|
259
|
-
fill: "white"
|
|
260
|
-
})), " "), /*#__PURE__*/_react["default"].createElement("g", {
|
|
261
|
-
id: "marks",
|
|
262
|
-
mask: "url('#".concat(this.maskUid, "')")
|
|
263
|
-
}, (backgroundMarks || []).map(function (m, index) {
|
|
264
|
-
var Component = _this2.getComponent(m);
|
|
265
|
-
var markType = m.type;
|
|
266
|
-
return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
|
|
267
|
-
key: "".concat(markType, "-").concat(index, "-bg"),
|
|
268
|
-
mark: _objectSpread(_objectSpread({}, m), {}, {
|
|
269
|
-
disabled: true,
|
|
270
|
-
isBackground: true
|
|
271
|
-
}),
|
|
272
|
-
labelNode: _this2.state.labelNode,
|
|
273
|
-
onClick: _this2.onBgClick
|
|
274
|
-
}, common));
|
|
275
|
-
}), marks.map(function (m, index) {
|
|
276
|
-
var Component = _this2.getComponent(m);
|
|
277
|
-
var markType = m.type;
|
|
278
|
-
return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
|
|
279
|
-
key: "".concat(markType, "-").concat(index),
|
|
280
|
-
mark: m,
|
|
281
|
-
coordinatesOnHover: coordinatesOnHover,
|
|
282
|
-
onChange: _this2.changeMark,
|
|
283
|
-
onComplete: _this2.completeMark,
|
|
284
|
-
onClick: _this2.onBgClick,
|
|
285
|
-
onDragStart: _this2.startDrag,
|
|
286
|
-
onDragStop: _this2.stopDrag,
|
|
287
|
-
labelNode: _this2.state.labelNode,
|
|
288
|
-
isToolActive: currentTool && markType === currentTool.type
|
|
289
|
-
}, common));
|
|
290
|
-
}), /*#__PURE__*/_react["default"].createElement("foreignObject", (0, _extends2["default"])({
|
|
291
|
-
ref: function ref(labelNode) {
|
|
292
|
-
return _this2.labelNode = labelNode;
|
|
293
|
-
},
|
|
294
|
-
x: "0",
|
|
295
|
-
y: "0"
|
|
296
|
-
}, size, {
|
|
297
|
-
style: {
|
|
298
|
-
pointerEvents: 'none',
|
|
299
|
-
fontSize: '14px'
|
|
300
|
-
}
|
|
301
|
-
})))));
|
|
302
|
-
}
|
|
303
|
-
}]);
|
|
304
|
-
}(_react["default"].Component);
|
|
305
|
-
(0, _defineProperty2["default"])(Graph, "propTypes", _objectSpread(_objectSpread({}, graphPropTypes), {}, {
|
|
306
|
-
currentTool: _propTypes["default"].object
|
|
307
|
-
}));
|
|
308
|
-
(0, _defineProperty2["default"])(Graph, "defaultProps", {
|
|
309
|
-
onChangeMarks: function onChangeMarks() {},
|
|
310
|
-
disabledLabels: false,
|
|
311
|
-
disabledTitle: false
|
|
312
|
-
});
|
|
313
|
-
var _default = exports["default"] = Graph;
|
|
314
|
-
//# sourceMappingURL=graph.js.map
|