@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.
Files changed (130) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/package.json +9 -17
  3. package/src/grid-setup.jsx +28 -34
  4. package/src/labels.jsx +1 -1
  5. package/lib/axis/arrow.js +0 -79
  6. package/lib/axis/arrow.js.map +0 -1
  7. package/lib/axis/axes.js +0 -327
  8. package/lib/axis/axes.js.map +0 -1
  9. package/lib/axis/index.js +0 -21
  10. package/lib/axis/index.js.map +0 -1
  11. package/lib/bg.js +0 -111
  12. package/lib/bg.js.map +0 -1
  13. package/lib/container/actions.js +0 -18
  14. package/lib/container/actions.js.map +0 -1
  15. package/lib/container/index.js +0 -118
  16. package/lib/container/index.js.map +0 -1
  17. package/lib/container/marks.js +0 -22
  18. package/lib/container/marks.js.map +0 -1
  19. package/lib/container/middleware.js +0 -19
  20. package/lib/container/middleware.js.map +0 -1
  21. package/lib/container/reducer.js +0 -18
  22. package/lib/container/reducer.js.map +0 -1
  23. package/lib/coordinates-label.js +0 -79
  24. package/lib/coordinates-label.js.map +0 -1
  25. package/lib/graph-with-controls.js +0 -295
  26. package/lib/graph-with-controls.js.map +0 -1
  27. package/lib/graph.js +0 -314
  28. package/lib/graph.js.map +0 -1
  29. package/lib/grid-setup.js +0 -406
  30. package/lib/grid-setup.js.map +0 -1
  31. package/lib/grid.js +0 -131
  32. package/lib/grid.js.map +0 -1
  33. package/lib/index.js +0 -47
  34. package/lib/index.js.map +0 -1
  35. package/lib/key-legend.js +0 -201
  36. package/lib/key-legend.js.map +0 -1
  37. package/lib/label-svg-icon.js +0 -50
  38. package/lib/label-svg-icon.js.map +0 -1
  39. package/lib/labels.js +0 -243
  40. package/lib/labels.js.map +0 -1
  41. package/lib/mark-label.js +0 -278
  42. package/lib/mark-label.js.map +0 -1
  43. package/lib/toggle-bar.js +0 -248
  44. package/lib/toggle-bar.js.map +0 -1
  45. package/lib/tool-menu.js +0 -78
  46. package/lib/tool-menu.js.map +0 -1
  47. package/lib/tools/absolute/component.js +0 -29
  48. package/lib/tools/absolute/component.js.map +0 -1
  49. package/lib/tools/absolute/index.js +0 -50
  50. package/lib/tools/absolute/index.js.map +0 -1
  51. package/lib/tools/circle/bg-circle.js +0 -123
  52. package/lib/tools/circle/bg-circle.js.map +0 -1
  53. package/lib/tools/circle/component.js +0 -319
  54. package/lib/tools/circle/component.js.map +0 -1
  55. package/lib/tools/circle/index.js +0 -41
  56. package/lib/tools/circle/index.js.map +0 -1
  57. package/lib/tools/exponential/component.js +0 -28
  58. package/lib/tools/exponential/component.js.map +0 -1
  59. package/lib/tools/exponential/index.js +0 -56
  60. package/lib/tools/exponential/index.js.map +0 -1
  61. package/lib/tools/index.js +0 -86
  62. package/lib/tools/index.js.map +0 -1
  63. package/lib/tools/line/component.js +0 -82
  64. package/lib/tools/line/component.js.map +0 -1
  65. package/lib/tools/line/index.js +0 -11
  66. package/lib/tools/line/index.js.map +0 -1
  67. package/lib/tools/parabola/component.js +0 -28
  68. package/lib/tools/parabola/component.js.map +0 -1
  69. package/lib/tools/parabola/index.js +0 -50
  70. package/lib/tools/parabola/index.js.map +0 -1
  71. package/lib/tools/point/component.js +0 -139
  72. package/lib/tools/point/component.js.map +0 -1
  73. package/lib/tools/point/index.js +0 -24
  74. package/lib/tools/point/index.js.map +0 -1
  75. package/lib/tools/polygon/component.js +0 -417
  76. package/lib/tools/polygon/component.js.map +0 -1
  77. package/lib/tools/polygon/index.js +0 -89
  78. package/lib/tools/polygon/index.js.map +0 -1
  79. package/lib/tools/polygon/line.js +0 -114
  80. package/lib/tools/polygon/line.js.map +0 -1
  81. package/lib/tools/polygon/polygon.js +0 -132
  82. package/lib/tools/polygon/polygon.js.map +0 -1
  83. package/lib/tools/ray/component.js +0 -83
  84. package/lib/tools/ray/component.js.map +0 -1
  85. package/lib/tools/ray/index.js +0 -11
  86. package/lib/tools/ray/index.js.map +0 -1
  87. package/lib/tools/segment/component.js +0 -57
  88. package/lib/tools/segment/component.js.map +0 -1
  89. package/lib/tools/segment/index.js +0 -11
  90. package/lib/tools/segment/index.js.map +0 -1
  91. package/lib/tools/shared/arrow-head.js +0 -111
  92. package/lib/tools/shared/arrow-head.js.map +0 -1
  93. package/lib/tools/shared/icons/CorrectSVG.js +0 -40
  94. package/lib/tools/shared/icons/CorrectSVG.js.map +0 -1
  95. package/lib/tools/shared/icons/IncorrectSVG.js +0 -40
  96. package/lib/tools/shared/icons/IncorrectSVG.js.map +0 -1
  97. package/lib/tools/shared/icons/MissingSVG.js +0 -39
  98. package/lib/tools/shared/icons/MissingSVG.js.map +0 -1
  99. package/lib/tools/shared/line/index.js +0 -546
  100. package/lib/tools/shared/line/index.js.map +0 -1
  101. package/lib/tools/shared/line/line-path.js +0 -120
  102. package/lib/tools/shared/line/line-path.js.map +0 -1
  103. package/lib/tools/shared/line/with-root-edge.js +0 -121
  104. package/lib/tools/shared/line/with-root-edge.js.map +0 -1
  105. package/lib/tools/shared/point/arrow-point.js +0 -72
  106. package/lib/tools/shared/point/arrow-point.js.map +0 -1
  107. package/lib/tools/shared/point/arrow.js +0 -67
  108. package/lib/tools/shared/point/arrow.js.map +0 -1
  109. package/lib/tools/shared/point/base-point.js +0 -157
  110. package/lib/tools/shared/point/base-point.js.map +0 -1
  111. package/lib/tools/shared/point/index.js +0 -62
  112. package/lib/tools/shared/point/index.js.map +0 -1
  113. package/lib/tools/shared/styles.js +0 -30
  114. package/lib/tools/shared/styles.js.map +0 -1
  115. package/lib/tools/shared/types.js +0 -16
  116. package/lib/tools/shared/types.js.map +0 -1
  117. package/lib/tools/sine/component.js +0 -40
  118. package/lib/tools/sine/component.js.map +0 -1
  119. package/lib/tools/sine/index.js +0 -50
  120. package/lib/tools/sine/index.js.map +0 -1
  121. package/lib/tools/vector/component.js +0 -68
  122. package/lib/tools/vector/component.js.map +0 -1
  123. package/lib/tools/vector/index.js +0 -11
  124. package/lib/tools/vector/index.js.map +0 -1
  125. package/lib/undo-redo.js +0 -83
  126. package/lib/undo-redo.js.map +0 -1
  127. package/lib/use-debounce.js +0 -25
  128. package/lib/use-debounce.js.map +0 -1
  129. package/lib/utils.js +0 -230
  130. 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