@pie-lib/graphing-solution-set 3.1.0-next.2 → 3.1.0-next.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/NEXT.CHANGELOG.json +16 -1
- package/lib/axis/arrow.js +82 -0
- package/lib/axis/arrow.js.map +1 -0
- package/lib/axis/axes.js +341 -0
- package/lib/axis/axes.js.map +1 -0
- package/lib/axis/index.js +28 -0
- package/lib/axis/index.js.map +1 -0
- package/lib/bg.js +120 -0
- package/lib/bg.js.map +1 -0
- package/lib/container/actions.js +19 -0
- package/lib/container/actions.js.map +1 -0
- package/lib/container/index.js +126 -0
- package/lib/container/index.js.map +1 -0
- package/lib/container/marks.js +24 -0
- package/lib/container/marks.js.map +1 -0
- package/lib/container/middleware.js +20 -0
- package/lib/container/middleware.js.map +1 -0
- package/lib/container/reducer.js +19 -0
- package/lib/container/reducer.js.map +1 -0
- package/lib/coordinates-label.js +88 -0
- package/lib/coordinates-label.js.map +1 -0
- package/lib/graph-with-controls.js +316 -0
- package/lib/graph-with-controls.js.map +1 -0
- package/lib/graph.js +372 -0
- package/lib/graph.js.map +1 -0
- package/lib/grid-setup.js +417 -0
- package/lib/grid-setup.js.map +1 -0
- package/lib/grid.js +153 -0
- package/lib/grid.js.map +1 -0
- package/lib/index.js +47 -0
- package/lib/index.js.map +1 -0
- package/lib/labels.js +212 -0
- package/lib/labels.js.map +1 -0
- package/lib/mark-label.js +175 -0
- package/lib/mark-label.js.map +1 -0
- package/lib/toggle-bar.js +265 -0
- package/lib/toggle-bar.js.map +1 -0
- package/lib/tool-menu.js +221 -0
- package/lib/tool-menu.js.map +1 -0
- package/lib/tools/index.js +25 -0
- package/lib/tools/index.js.map +1 -0
- package/lib/tools/line/component.js +105 -0
- package/lib/tools/line/component.js.map +1 -0
- package/lib/tools/line/index.js +12 -0
- package/lib/tools/line/index.js.map +1 -0
- package/lib/tools/polygon/component.js +378 -0
- package/lib/tools/polygon/component.js.map +1 -0
- package/lib/tools/polygon/index.js +101 -0
- package/lib/tools/polygon/index.js.map +1 -0
- package/lib/tools/polygon/line.js +130 -0
- package/lib/tools/polygon/line.js.map +1 -0
- package/lib/tools/polygon/polygon.js +150 -0
- package/lib/tools/polygon/polygon.js.map +1 -0
- package/lib/tools/shared/arrow-head.js +65 -0
- package/lib/tools/shared/arrow-head.js.map +1 -0
- package/lib/tools/shared/line/index.js +554 -0
- package/lib/tools/shared/line/index.js.map +1 -0
- package/lib/tools/shared/line/line-path.js +137 -0
- package/lib/tools/shared/line/line-path.js.map +1 -0
- package/lib/tools/shared/line/with-root-edge.js +132 -0
- package/lib/tools/shared/line/with-root-edge.js.map +1 -0
- package/lib/tools/shared/point/arrow-point.js +89 -0
- package/lib/tools/shared/point/arrow-point.js.map +1 -0
- package/lib/tools/shared/point/arrow.js +73 -0
- package/lib/tools/shared/point/arrow.js.map +1 -0
- package/lib/tools/shared/point/base-point.js +148 -0
- package/lib/tools/shared/point/base-point.js.map +1 -0
- package/lib/tools/shared/point/index.js +96 -0
- package/lib/tools/shared/point/index.js.map +1 -0
- package/lib/tools/shared/styles.js +27 -0
- package/lib/tools/shared/styles.js.map +1 -0
- package/lib/tools/shared/types.js +16 -0
- package/lib/tools/shared/types.js.map +1 -0
- package/lib/undo-redo.js +69 -0
- package/lib/undo-redo.js.map +1 -0
- package/lib/use-debounce.js +27 -0
- package/lib/use-debounce.js.map +1 -0
- package/lib/utils.js +253 -0
- package/lib/utils.js.map +1 -0
- package/package.json +14 -14
- package/src/__tests__/graph-with-controls.test.jsx +41 -0
- package/src/__tests__/toggle-bar.test.jsx +41 -0
- package/src/bg.jsx +5 -5
|
@@ -0,0 +1,265 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.symbol.js");
|
|
4
|
+
require("core-js/modules/es.array.filter.js");
|
|
5
|
+
require("core-js/modules/es.array.for-each.js");
|
|
6
|
+
require("core-js/modules/es.object.define-properties.js");
|
|
7
|
+
require("core-js/modules/es.object.define-property.js");
|
|
8
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
9
|
+
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
10
|
+
require("core-js/modules/es.object.keys.js");
|
|
11
|
+
require("core-js/modules/es.reflect.construct.js");
|
|
12
|
+
require("core-js/modules/web.dom-collections.for-each.js");
|
|
13
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
14
|
+
Object.defineProperty(exports, "__esModule", {
|
|
15
|
+
value: true
|
|
16
|
+
});
|
|
17
|
+
exports["default"] = exports.ToggleBar = exports.MiniButton = void 0;
|
|
18
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
19
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
20
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
21
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
22
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
24
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
+
require("core-js/modules/es.array.concat.js");
|
|
26
|
+
require("core-js/modules/es.array.includes.js");
|
|
27
|
+
require("core-js/modules/es.array.map.js");
|
|
28
|
+
require("core-js/modules/es.date.to-string.js");
|
|
29
|
+
require("core-js/modules/es.object.to-string.js");
|
|
30
|
+
require("core-js/modules/es.regexp.to-string.js");
|
|
31
|
+
require("core-js/modules/es.string.includes.js");
|
|
32
|
+
var _react = _interopRequireDefault(require("react"));
|
|
33
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
34
|
+
var _styles = require("@mui/material/styles");
|
|
35
|
+
var _Button = _interopRequireDefault(require("@mui/material/Button"));
|
|
36
|
+
var _renderUi = require("@pie-lib/render-ui");
|
|
37
|
+
var _tools = require("./tools");
|
|
38
|
+
var _drag = require("@pie-lib/drag");
|
|
39
|
+
var _core = require("@dnd-kit/core");
|
|
40
|
+
var _utilities = require("@dnd-kit/utilities");
|
|
41
|
+
var _sortable = require("@dnd-kit/sortable");
|
|
42
|
+
var _translator = _interopRequireDefault(require("@pie-lib/translator"));
|
|
43
|
+
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)); }
|
|
44
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
45
|
+
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; }
|
|
46
|
+
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; }
|
|
47
|
+
var translator = _translator["default"].translator;
|
|
48
|
+
var StyledMiniButton = (0, _styles.styled)(_Button["default"], {
|
|
49
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
50
|
+
return !['selected'].includes(prop);
|
|
51
|
+
}
|
|
52
|
+
})(function (_ref) {
|
|
53
|
+
var selected = _ref.selected,
|
|
54
|
+
disabled = _ref.disabled;
|
|
55
|
+
return _objectSpread(_objectSpread(_objectSpread({
|
|
56
|
+
color: _renderUi.color.text(),
|
|
57
|
+
backgroundColor: _renderUi.color.background()
|
|
58
|
+
}, selected && {
|
|
59
|
+
border: "1px solid ".concat(_renderUi.color.secondary())
|
|
60
|
+
}), !selected && {
|
|
61
|
+
'& span': {
|
|
62
|
+
color: _renderUi.color.primary()
|
|
63
|
+
}
|
|
64
|
+
}), disabled && {
|
|
65
|
+
'& span': {
|
|
66
|
+
color: _renderUi.color.primary()
|
|
67
|
+
},
|
|
68
|
+
backgroundColor: _renderUi.color.disabled()
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
var MiniButton = exports.MiniButton = function MiniButton(props) {
|
|
72
|
+
var disabled = props.disabled,
|
|
73
|
+
className = props.className,
|
|
74
|
+
selected = props.selected,
|
|
75
|
+
value = props.value,
|
|
76
|
+
_onClick = props.onClick,
|
|
77
|
+
language = props.language;
|
|
78
|
+
var translatorKey = value.toLowerCase();
|
|
79
|
+
return /*#__PURE__*/_react["default"].createElement(StyledMiniButton, {
|
|
80
|
+
size: "small",
|
|
81
|
+
disabled: disabled,
|
|
82
|
+
className: className,
|
|
83
|
+
selected: selected,
|
|
84
|
+
value: value,
|
|
85
|
+
key: value,
|
|
86
|
+
variant: "outlined",
|
|
87
|
+
onClick: function onClick(e) {
|
|
88
|
+
return _onClick(_objectSpread(_objectSpread({}, e), {}, {
|
|
89
|
+
buttonValue: value
|
|
90
|
+
}));
|
|
91
|
+
}
|
|
92
|
+
}, translator.t("graphing.".concat(translatorKey), {
|
|
93
|
+
lng: language
|
|
94
|
+
}));
|
|
95
|
+
};
|
|
96
|
+
MiniButton.propTypes = {
|
|
97
|
+
disabled: _propTypes["default"].bool,
|
|
98
|
+
className: _propTypes["default"].string,
|
|
99
|
+
disabledClassName: _propTypes["default"].string,
|
|
100
|
+
selected: _propTypes["default"].bool,
|
|
101
|
+
value: _propTypes["default"].string,
|
|
102
|
+
onClick: _propTypes["default"].func,
|
|
103
|
+
language: _propTypes["default"].string
|
|
104
|
+
};
|
|
105
|
+
var StyledToolsContainer = (0, _styles.styled)('div')(function () {
|
|
106
|
+
return {
|
|
107
|
+
display: 'flex',
|
|
108
|
+
flexWrap: 'wrap'
|
|
109
|
+
};
|
|
110
|
+
});
|
|
111
|
+
var StyledButton = (0, _styles.styled)(MiniButton)(function (_ref2) {
|
|
112
|
+
var theme = _ref2.theme;
|
|
113
|
+
return {
|
|
114
|
+
marginRight: theme.spacing(0.5),
|
|
115
|
+
marginBottom: theme.spacing(0.5),
|
|
116
|
+
color: _renderUi.color.text()
|
|
117
|
+
};
|
|
118
|
+
});
|
|
119
|
+
var StyledWrapper = (0, _styles.styled)('div')({
|
|
120
|
+
position: 'relative'
|
|
121
|
+
});
|
|
122
|
+
var ToggleBar = exports.ToggleBar = /*#__PURE__*/function (_React$Component) {
|
|
123
|
+
function ToggleBar() {
|
|
124
|
+
var _this;
|
|
125
|
+
(0, _classCallCheck2["default"])(this, ToggleBar);
|
|
126
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
127
|
+
args[_key] = arguments[_key];
|
|
128
|
+
}
|
|
129
|
+
_this = _callSuper(this, ToggleBar, [].concat(args));
|
|
130
|
+
(0, _defineProperty2["default"])(_this, "select", function (e) {
|
|
131
|
+
return _this.props.onChange(e.buttonValue || e.target.textContent);
|
|
132
|
+
});
|
|
133
|
+
(0, _defineProperty2["default"])(_this, "moveTool", function (dragIndex, hoverIndex) {
|
|
134
|
+
var _this$props = _this.props,
|
|
135
|
+
options = _this$props.options,
|
|
136
|
+
onChangeToolsOrder = _this$props.onChangeToolsOrder;
|
|
137
|
+
var newOptions = (0, _sortable.arrayMove)(options, dragIndex, hoverIndex);
|
|
138
|
+
onChangeToolsOrder(newOptions);
|
|
139
|
+
});
|
|
140
|
+
(0, _defineProperty2["default"])(_this, "handleDragEnd", function (event) {
|
|
141
|
+
var active = event.active,
|
|
142
|
+
over = event.over;
|
|
143
|
+
if (!over || !active) return;
|
|
144
|
+
var activeData = active.data.current;
|
|
145
|
+
var overData = over.data.current;
|
|
146
|
+
if ((activeData === null || activeData === void 0 ? void 0 : activeData.type) === 'tool' && (overData === null || overData === void 0 ? void 0 : overData.type) === 'tool') {
|
|
147
|
+
var dragIndex = activeData.index;
|
|
148
|
+
var hoverIndex = overData.index;
|
|
149
|
+
if (dragIndex !== hoverIndex) {
|
|
150
|
+
_this.moveTool(dragIndex, hoverIndex);
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
});
|
|
154
|
+
return _this;
|
|
155
|
+
}
|
|
156
|
+
(0, _inherits2["default"])(ToggleBar, _React$Component);
|
|
157
|
+
return (0, _createClass2["default"])(ToggleBar, [{
|
|
158
|
+
key: "render",
|
|
159
|
+
value: function render() {
|
|
160
|
+
var _this2 = this;
|
|
161
|
+
var _this$props2 = this.props,
|
|
162
|
+
className = _this$props2.className,
|
|
163
|
+
disabled = _this$props2.disabled,
|
|
164
|
+
options = _this$props2.options,
|
|
165
|
+
selectedToolType = _this$props2.selectedToolType,
|
|
166
|
+
draggableTools = _this$props2.draggableTools,
|
|
167
|
+
language = _this$props2.language;
|
|
168
|
+
return /*#__PURE__*/_react["default"].createElement(_drag.DragProvider, {
|
|
169
|
+
onDragEnd: this.handleDragEnd
|
|
170
|
+
}, /*#__PURE__*/_react["default"].createElement(StyledToolsContainer, {
|
|
171
|
+
className: className
|
|
172
|
+
}, (options || []).map(function (option, index) {
|
|
173
|
+
if ((_tools.allTools || []).includes(option)) {
|
|
174
|
+
var isSelected = option === selectedToolType;
|
|
175
|
+
var toolRef = /*#__PURE__*/_react["default"].createRef();
|
|
176
|
+
return /*#__PURE__*/_react["default"].createElement(DragTool, {
|
|
177
|
+
key: option,
|
|
178
|
+
index: index,
|
|
179
|
+
value: option,
|
|
180
|
+
draggable: draggableTools,
|
|
181
|
+
moveTool: _this2.moveTool,
|
|
182
|
+
toolRef: toolRef
|
|
183
|
+
}, /*#__PURE__*/_react["default"].createElement(StyledButton, {
|
|
184
|
+
disabled: disabled,
|
|
185
|
+
disableRipple: true,
|
|
186
|
+
onClick: _this2.select,
|
|
187
|
+
value: option,
|
|
188
|
+
selected: isSelected,
|
|
189
|
+
language: language
|
|
190
|
+
}));
|
|
191
|
+
}
|
|
192
|
+
})));
|
|
193
|
+
}
|
|
194
|
+
}]);
|
|
195
|
+
}(_react["default"].Component); // DragTool functional component using @dnd-kit hooks
|
|
196
|
+
(0, _defineProperty2["default"])(ToggleBar, "propTypes", {
|
|
197
|
+
className: _propTypes["default"].string,
|
|
198
|
+
options: _propTypes["default"].arrayOf(_propTypes["default"].string),
|
|
199
|
+
selectedToolType: _propTypes["default"].string,
|
|
200
|
+
disabled: _propTypes["default"].bool,
|
|
201
|
+
draggableTools: _propTypes["default"].bool,
|
|
202
|
+
onChange: _propTypes["default"].func,
|
|
203
|
+
onChangeToolsOrder: _propTypes["default"].func,
|
|
204
|
+
language: _propTypes["default"].string
|
|
205
|
+
});
|
|
206
|
+
(0, _defineProperty2["default"])(ToggleBar, "defaultProps", {});
|
|
207
|
+
function DragTool(_ref3) {
|
|
208
|
+
var children = _ref3.children,
|
|
209
|
+
index = _ref3.index,
|
|
210
|
+
draggable = _ref3.draggable,
|
|
211
|
+
toolRef = _ref3.toolRef,
|
|
212
|
+
value = _ref3.value;
|
|
213
|
+
var _useDraggable = (0, _core.useDraggable)({
|
|
214
|
+
id: "tool-".concat(value, "-").concat(index),
|
|
215
|
+
disabled: !draggable,
|
|
216
|
+
data: {
|
|
217
|
+
type: 'tool',
|
|
218
|
+
index: index,
|
|
219
|
+
value: value
|
|
220
|
+
}
|
|
221
|
+
}),
|
|
222
|
+
attributes = _useDraggable.attributes,
|
|
223
|
+
listeners = _useDraggable.listeners,
|
|
224
|
+
setDragNodeRef = _useDraggable.setNodeRef,
|
|
225
|
+
transform = _useDraggable.transform,
|
|
226
|
+
transition = _useDraggable.transition,
|
|
227
|
+
isDragging = _useDraggable.isDragging;
|
|
228
|
+
var _useDroppable = (0, _core.useDroppable)({
|
|
229
|
+
id: "drop-tool-".concat(value, "-").concat(index),
|
|
230
|
+
data: {
|
|
231
|
+
type: 'tool',
|
|
232
|
+
index: index,
|
|
233
|
+
accepts: ['tool']
|
|
234
|
+
}
|
|
235
|
+
}),
|
|
236
|
+
setDropNodeRef = _useDroppable.setNodeRef;
|
|
237
|
+
|
|
238
|
+
// Combine refs
|
|
239
|
+
var setNodeRef = function setNodeRef(node) {
|
|
240
|
+
setDragNodeRef(node);
|
|
241
|
+
setDropNodeRef(node);
|
|
242
|
+
if (toolRef !== null && toolRef !== void 0 && toolRef.current) {
|
|
243
|
+
toolRef.current = node;
|
|
244
|
+
}
|
|
245
|
+
};
|
|
246
|
+
var style = {
|
|
247
|
+
transform: _utilities.CSS.Transform.toString(transform),
|
|
248
|
+
transition: transition,
|
|
249
|
+
opacity: isDragging ? 0.5 : 1
|
|
250
|
+
};
|
|
251
|
+
return /*#__PURE__*/_react["default"].createElement(StyledWrapper, {
|
|
252
|
+
ref: setNodeRef,
|
|
253
|
+
style: style
|
|
254
|
+
}, /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, attributes, listeners), children));
|
|
255
|
+
}
|
|
256
|
+
DragTool.propTypes = {
|
|
257
|
+
children: _propTypes["default"].node,
|
|
258
|
+
index: _propTypes["default"].number,
|
|
259
|
+
draggable: _propTypes["default"].bool,
|
|
260
|
+
moveTool: _propTypes["default"].func,
|
|
261
|
+
toolRef: _propTypes["default"].object,
|
|
262
|
+
value: _propTypes["default"].string
|
|
263
|
+
};
|
|
264
|
+
var _default = exports["default"] = ToggleBar;
|
|
265
|
+
//# sourceMappingURL=toggle-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-bar.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Button","_renderUi","_tools","_drag","_core","_utilities","_sortable","_translator","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","translator","Translator","StyledMiniButton","styled","Button","shouldForwardProp","prop","includes","_ref","selected","disabled","color","text","backgroundColor","background","border","concat","secondary","primary","MiniButton","exports","props","className","value","onClick","language","translatorKey","toLowerCase","createElement","size","key","variant","buttonValue","lng","propTypes","PropTypes","bool","string","disabledClassName","func","StyledToolsContainer","display","flexWrap","StyledButton","_ref2","theme","marginRight","spacing","marginBottom","StyledWrapper","position","ToggleBar","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","onChange","target","textContent","dragIndex","hoverIndex","_this$props","options","onChangeToolsOrder","newOptions","arrayMove","event","active","over","activeData","data","current","overData","type","index","moveTool","_inherits2","_createClass2","render","_this2","_this$props2","selectedToolType","draggableTools","DragProvider","onDragEnd","handleDragEnd","map","option","allTools","isSelected","toolRef","React","createRef","DragTool","draggable","disableRipple","select","Component","arrayOf","_ref3","children","_useDraggable","useDraggable","id","attributes","listeners","setDragNodeRef","setNodeRef","transform","transition","isDragging","_useDroppable","useDroppable","accepts","setDropNodeRef","node","style","CSS","Transform","toString","opacity","ref","_extends2","number","object","_default"],"sources":["../src/toggle-bar.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Button from '@mui/material/Button';\nimport { color } from '@pie-lib/render-ui';\nimport { allTools } from './tools';\nimport { DragProvider } from '@pie-lib/drag';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { CSS } from '@dnd-kit/utilities';\nimport { arrayMove } from '@dnd-kit/sortable';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst StyledMiniButton = styled(Button, {\n shouldForwardProp: (prop) => !['selected'].includes(prop),\n})(({ selected, disabled }) => ({\n color: color.text(),\n backgroundColor: color.background(),\n ...(selected && {\n border: `1px solid ${color.secondary()}`,\n }),\n ...(!selected && {\n '& span': {\n color: color.primary(),\n },\n }),\n ...(disabled && {\n '& span': {\n color: color.primary(),\n },\n backgroundColor: color.disabled(),\n }),\n}));\n\nexport const MiniButton = (props) => {\n const { disabled, className, selected, value, onClick, language } = props;\n const translatorKey = value.toLowerCase();\n\n return (\n <StyledMiniButton\n size=\"small\"\n disabled={disabled}\n className={className}\n selected={selected}\n value={value}\n key={value}\n variant=\"outlined\"\n onClick={(e) => onClick({ ...e, buttonValue: value })}\n >\n {translator.t(`graphing.${translatorKey}`, { lng: language })}\n </StyledMiniButton>\n );\n};\n\nMiniButton.propTypes = {\n disabled: PropTypes.bool,\n className: PropTypes.string,\n disabledClassName: PropTypes.string,\n selected: PropTypes.bool,\n value: PropTypes.string,\n onClick: PropTypes.func,\n language: PropTypes.string,\n};\n\nconst StyledToolsContainer = styled('div')(() => ({\n display: 'flex',\n flexWrap: 'wrap',\n}));\n\nconst StyledButton = styled(MiniButton)(({ theme }) => ({\n marginRight: theme.spacing(0.5),\n marginBottom: theme.spacing(0.5),\n color: color.text(),\n}));\n\nconst StyledWrapper = styled('div')({\n position: 'relative',\n});\n\nexport class ToggleBar extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.string),\n selectedToolType: PropTypes.string,\n disabled: PropTypes.bool,\n draggableTools: PropTypes.bool,\n onChange: PropTypes.func,\n onChangeToolsOrder: PropTypes.func,\n language: PropTypes.string,\n };\n\n static defaultProps = {};\n\n select = (e) => this.props.onChange(e.buttonValue || e.target.textContent);\n\n moveTool = (dragIndex, hoverIndex) => {\n const { options, onChangeToolsOrder } = this.props;\n const newOptions = arrayMove(options, dragIndex, hoverIndex);\n\n onChangeToolsOrder(newOptions);\n };\n\n handleDragEnd = (event) => {\n const { active, over } = event;\n\n if (!over || !active) return;\n\n const activeData = active.data.current;\n const overData = over.data.current;\n\n if (activeData?.type === 'tool' && overData?.type === 'tool') {\n const dragIndex = activeData.index;\n const hoverIndex = overData.index;\n\n if (dragIndex !== hoverIndex) {\n this.moveTool(dragIndex, hoverIndex);\n }\n }\n };\n\n render() {\n const { className, disabled, options, selectedToolType, draggableTools, language } = this.props;\n\n return (\n <DragProvider onDragEnd={this.handleDragEnd}>\n <StyledToolsContainer className={className}>\n {(options || []).map((option, index) => {\n if ((allTools || []).includes(option)) {\n const isSelected = option === selectedToolType;\n const toolRef = React.createRef();\n\n return (\n <DragTool\n key={option}\n index={index}\n value={option}\n draggable={draggableTools}\n moveTool={this.moveTool}\n toolRef={toolRef}\n >\n <StyledButton\n disabled={disabled}\n disableRipple={true}\n onClick={this.select}\n value={option}\n selected={isSelected}\n language={language}\n />\n </DragTool>\n );\n }\n })}\n </StyledToolsContainer>\n </DragProvider>\n );\n }\n}\n\n// DragTool functional component using @dnd-kit hooks\nfunction DragTool({ children, index, draggable, toolRef, value }) {\n const { attributes, listeners, setNodeRef: setDragNodeRef, transform, transition, isDragging } = useDraggable({\n id: `tool-${value}-${index}`,\n disabled: !draggable,\n data: {\n type: 'tool',\n index,\n value,\n },\n });\n\n const { setNodeRef: setDropNodeRef } = useDroppable({\n id: `drop-tool-${value}-${index}`,\n data: {\n type: 'tool',\n index,\n accepts: ['tool'],\n },\n });\n\n // Combine refs\n const setNodeRef = (node) => {\n setDragNodeRef(node);\n setDropNodeRef(node);\n if (toolRef?.current) {\n toolRef.current = node;\n }\n };\n\n const style = {\n transform: CSS.Transform.toString(transform),\n transition,\n opacity: isDragging ? 0.5 : 1,\n };\n\n return (\n <StyledWrapper ref={setNodeRef} style={style}>\n <div {...attributes} {...listeners}>\n {children}\n </div>\n </StyledWrapper>\n );\n}\n\nDragTool.propTypes = {\n children: PropTypes.node,\n index: PropTypes.number,\n draggable: PropTypes.bool,\n moveTool: PropTypes.func,\n toolRef: PropTypes.object,\n value: PropTypes.string,\n};\n\nexport default ToggleBar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,SAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAX,sBAAA,CAAAC,OAAA;AAA6C,SAAAW,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAAA,SAAAc,QAAAZ,CAAA,EAAAa,CAAA,QAAAf,CAAA,GAAAgB,MAAA,CAAAC,IAAA,CAAAf,CAAA,OAAAc,MAAA,CAAAE,qBAAA,QAAAjB,CAAA,GAAAe,MAAA,CAAAE,qBAAA,CAAAhB,CAAA,GAAAa,CAAA,KAAAd,CAAA,GAAAA,CAAA,CAAAkB,MAAA,WAAAJ,CAAA,WAAAC,MAAA,CAAAI,wBAAA,CAAAlB,CAAA,EAAAa,CAAA,EAAAM,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAb,KAAA,CAAAT,CAAA,EAAAC,CAAA,YAAAD,CAAA;AAAA,SAAAuB,cAAArB,CAAA,aAAAa,CAAA,MAAAA,CAAA,GAAAS,SAAA,CAAAC,MAAA,EAAAV,CAAA,UAAAf,CAAA,WAAAwB,SAAA,CAAAT,CAAA,IAAAS,SAAA,CAAAT,CAAA,QAAAA,CAAA,OAAAD,OAAA,CAAAE,MAAA,CAAAhB,CAAA,OAAA0B,OAAA,WAAAX,CAAA,QAAAY,gBAAA,aAAAzB,CAAA,EAAAa,CAAA,EAAAf,CAAA,CAAAe,CAAA,SAAAC,MAAA,CAAAY,yBAAA,GAAAZ,MAAA,CAAAa,gBAAA,CAAA3B,CAAA,EAAAc,MAAA,CAAAY,yBAAA,CAAA5B,CAAA,KAAAc,OAAA,CAAAE,MAAA,CAAAhB,CAAA,GAAA0B,OAAA,WAAAX,CAAA,IAAAC,MAAA,CAAAc,cAAA,CAAA5B,CAAA,EAAAa,CAAA,EAAAC,MAAA,CAAAI,wBAAA,CAAApB,CAAA,EAAAe,CAAA,iBAAAb,CAAA;AAE7C,IAAQ6B,UAAU,GAAKC,sBAAU,CAAzBD,UAAU;AAElB,IAAME,gBAAgB,GAAG,IAAAC,cAAM,EAACC,kBAAM,EAAE;EACtCC,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAGC,IAAI;IAAA,OAAK,CAAC,CAAC,UAAU,CAAC,CAACC,QAAQ,CAACD,IAAI,CAAC;EAAA;AAC3D,CAAC,CAAC,CAAC,UAAAE,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,OAAAlB,aAAA,CAAAA,aAAA,CAAAA,aAAA;IACtBmB,KAAK,EAAEA,eAAK,CAACC,IAAI,CAAC,CAAC;IACnBC,eAAe,EAAEF,eAAK,CAACG,UAAU,CAAC;EAAC,GAC/BL,QAAQ,IAAI;IACdM,MAAM,eAAAC,MAAA,CAAeL,eAAK,CAACM,SAAS,CAAC,CAAC;EACxC,CAAC,GACG,CAACR,QAAQ,IAAI;IACf,QAAQ,EAAE;MACRE,KAAK,EAAEA,eAAK,CAACO,OAAO,CAAC;IACvB;EACF,CAAC,GACGR,QAAQ,IAAI;IACd,QAAQ,EAAE;MACRC,KAAK,EAAEA,eAAK,CAACO,OAAO,CAAC;IACvB,CAAC;IACDL,eAAe,EAAEF,eAAK,CAACD,QAAQ,CAAC;EAClC,CAAC;AAAA,CACD,CAAC;AAEI,IAAMS,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAIE,KAAK,EAAK;EACnC,IAAQX,QAAQ,GAAoDW,KAAK,CAAjEX,QAAQ;IAAEY,SAAS,GAAyCD,KAAK,CAAvDC,SAAS;IAAEb,QAAQ,GAA+BY,KAAK,CAA5CZ,QAAQ;IAAEc,KAAK,GAAwBF,KAAK,CAAlCE,KAAK;IAAEC,QAAO,GAAeH,KAAK,CAA3BG,OAAO;IAAEC,QAAQ,GAAKJ,KAAK,CAAlBI,QAAQ;EAC/D,IAAMC,aAAa,GAAGH,KAAK,CAACI,WAAW,CAAC,CAAC;EAEzC,oBACExE,MAAA,YAAAyE,aAAA,CAAC1B,gBAAgB;IACf2B,IAAI,EAAC,OAAO;IACZnB,QAAQ,EAAEA,QAAS;IACnBY,SAAS,EAAEA,SAAU;IACrBb,QAAQ,EAAEA,QAAS;IACnBc,KAAK,EAAEA,KAAM;IACbO,GAAG,EAAEP,KAAM;IACXQ,OAAO,EAAC,UAAU;IAClBP,OAAO,EAAE,SAATA,OAAOA,CAAGrD,CAAC;MAAA,OAAKqD,QAAO,CAAAhC,aAAA,CAAAA,aAAA,KAAMrB,CAAC;QAAE6D,WAAW,EAAET;MAAK,EAAE,CAAC;IAAA;EAAC,GAErDvB,UAAU,CAAC/B,CAAC,aAAA+C,MAAA,CAAaU,aAAa,GAAI;IAAEO,GAAG,EAAER;EAAS,CAAC,CAC5C,CAAC;AAEvB,CAAC;AAEDN,UAAU,CAACe,SAAS,GAAG;EACrBxB,QAAQ,EAAEyB,qBAAS,CAACC,IAAI;EACxBd,SAAS,EAAEa,qBAAS,CAACE,MAAM;EAC3BC,iBAAiB,EAAEH,qBAAS,CAACE,MAAM;EACnC5B,QAAQ,EAAE0B,qBAAS,CAACC,IAAI;EACxBb,KAAK,EAAEY,qBAAS,CAACE,MAAM;EACvBb,OAAO,EAAEW,qBAAS,CAACI,IAAI;EACvBd,QAAQ,EAAEU,qBAAS,CAACE;AACtB,CAAC;AAED,IAAMG,oBAAoB,GAAG,IAAArC,cAAM,EAAC,KAAK,CAAC,CAAC;EAAA,OAAO;IAChDsC,OAAO,EAAE,MAAM;IACfC,QAAQ,EAAE;EACZ,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,YAAY,GAAG,IAAAxC,cAAM,EAACgB,UAAU,CAAC,CAAC,UAAAyB,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OAAQ;IACtDC,WAAW,EAAED,KAAK,CAACE,OAAO,CAAC,GAAG,CAAC;IAC/BC,YAAY,EAAEH,KAAK,CAACE,OAAO,CAAC,GAAG,CAAC;IAChCpC,KAAK,EAAEA,eAAK,CAACC,IAAI,CAAC;EACpB,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMqC,aAAa,GAAG,IAAA9C,cAAM,EAAC,KAAK,CAAC,CAAC;EAClC+C,QAAQ,EAAE;AACZ,CAAC,CAAC;AAAC,IAEUC,SAAS,GAAA/B,OAAA,CAAA+B,SAAA,0BAAAC,gBAAA;EAAA,SAAAD,UAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,mBAAAH,SAAA;IAAA,SAAAI,IAAA,GAAA9D,SAAA,CAAAC,MAAA,EAAA8D,IAAA,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAjE,SAAA,CAAAiE,IAAA;IAAA;IAAAL,KAAA,GAAArF,UAAA,OAAAmF,SAAA,KAAAnC,MAAA,CAAAwC,IAAA;IAAA,IAAA5D,gBAAA,aAAAyD,KAAA,YAcX,UAAClF,CAAC;MAAA,OAAKkF,KAAA,CAAKhC,KAAK,CAACsC,QAAQ,CAACxF,CAAC,CAAC6D,WAAW,IAAI7D,CAAC,CAACyF,MAAM,CAACC,WAAW,CAAC;IAAA;IAAA,IAAAjE,gBAAA,aAAAyD,KAAA,cAE/D,UAACS,SAAS,EAAEC,UAAU,EAAK;MACpC,IAAAC,WAAA,GAAwCX,KAAA,CAAKhC,KAAK;QAA1C4C,OAAO,GAAAD,WAAA,CAAPC,OAAO;QAAEC,kBAAkB,GAAAF,WAAA,CAAlBE,kBAAkB;MACnC,IAAMC,UAAU,GAAG,IAAAC,mBAAS,EAACH,OAAO,EAAEH,SAAS,EAAEC,UAAU,CAAC;MAE5DG,kBAAkB,CAACC,UAAU,CAAC;IAChC,CAAC;IAAA,IAAAvE,gBAAA,aAAAyD,KAAA,mBAEe,UAACgB,KAAK,EAAK;MACzB,IAAQC,MAAM,GAAWD,KAAK,CAAtBC,MAAM;QAAEC,IAAI,GAAKF,KAAK,CAAdE,IAAI;MAEpB,IAAI,CAACA,IAAI,IAAI,CAACD,MAAM,EAAE;MAEtB,IAAME,UAAU,GAAGF,MAAM,CAACG,IAAI,CAACC,OAAO;MACtC,IAAMC,QAAQ,GAAGJ,IAAI,CAACE,IAAI,CAACC,OAAO;MAElC,IAAI,CAAAF,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEI,IAAI,MAAK,MAAM,IAAI,CAAAD,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEC,IAAI,MAAK,MAAM,EAAE;QAC5D,IAAMd,SAAS,GAAGU,UAAU,CAACK,KAAK;QAClC,IAAMd,UAAU,GAAGY,QAAQ,CAACE,KAAK;QAEjC,IAAIf,SAAS,KAAKC,UAAU,EAAE;UAC5BV,KAAA,CAAKyB,QAAQ,CAAChB,SAAS,EAAEC,UAAU,CAAC;QACtC;MACF;IACF,CAAC;IAAA,OAAAV,KAAA;EAAA;EAAA,IAAA0B,UAAA,aAAA5B,SAAA,EAAAC,gBAAA;EAAA,WAAA4B,aAAA,aAAA7B,SAAA;IAAArB,GAAA;IAAAP,KAAA,EAED,SAAA0D,MAAMA,CAAA,EAAG;MAAA,IAAAC,MAAA;MACP,IAAAC,YAAA,GAAqF,IAAI,CAAC9D,KAAK;QAAvFC,SAAS,GAAA6D,YAAA,CAAT7D,SAAS;QAAEZ,QAAQ,GAAAyE,YAAA,CAARzE,QAAQ;QAAEuD,OAAO,GAAAkB,YAAA,CAAPlB,OAAO;QAAEmB,gBAAgB,GAAAD,YAAA,CAAhBC,gBAAgB;QAAEC,cAAc,GAAAF,YAAA,CAAdE,cAAc;QAAE5D,QAAQ,GAAA0D,YAAA,CAAR1D,QAAQ;MAEhF,oBACEtE,MAAA,YAAAyE,aAAA,CAACjE,KAAA,CAAA2H,YAAY;QAACC,SAAS,EAAE,IAAI,CAACC;MAAc,gBAC1CrI,MAAA,YAAAyE,aAAA,CAACY,oBAAoB;QAAClB,SAAS,EAAEA;MAAU,GACxC,CAAC2C,OAAO,IAAI,EAAE,EAAEwB,GAAG,CAAC,UAACC,MAAM,EAAEb,KAAK,EAAK;QACtC,IAAI,CAACc,eAAQ,IAAI,EAAE,EAAEpF,QAAQ,CAACmF,MAAM,CAAC,EAAE;UACrC,IAAME,UAAU,GAAGF,MAAM,KAAKN,gBAAgB;UAC9C,IAAMS,OAAO,gBAAGC,iBAAK,CAACC,SAAS,CAAC,CAAC;UAEjC,oBACE5I,MAAA,YAAAyE,aAAA,CAACoE,QAAQ;YACPlE,GAAG,EAAE4D,MAAO;YACZb,KAAK,EAAEA,KAAM;YACbtD,KAAK,EAAEmE,MAAO;YACdO,SAAS,EAAEZ,cAAe;YAC1BP,QAAQ,EAAEI,MAAI,CAACJ,QAAS;YACxBe,OAAO,EAAEA;UAAQ,gBAEjB1I,MAAA,YAAAyE,aAAA,CAACe,YAAY;YACXjC,QAAQ,EAAEA,QAAS;YACnBwF,aAAa,EAAE,IAAK;YACpB1E,OAAO,EAAE0D,MAAI,CAACiB,MAAO;YACrB5E,KAAK,EAAEmE,MAAO;YACdjF,QAAQ,EAAEmF,UAAW;YACrBnE,QAAQ,EAAEA;UAAS,CACpB,CACO,CAAC;QAEf;MACF,CAAC,CACmB,CACV,CAAC;IAEnB;EAAC;AAAA,EA5E4BqE,iBAAK,CAACM,SAAS,GA+E9C;AAAA,IAAAxG,gBAAA,aA/EauD,SAAS,eACD;EACjB7B,SAAS,EAAEa,qBAAS,CAACE,MAAM;EAC3B4B,OAAO,EAAE9B,qBAAS,CAACkE,OAAO,CAAClE,qBAAS,CAACE,MAAM,CAAC;EAC5C+C,gBAAgB,EAAEjD,qBAAS,CAACE,MAAM;EAClC3B,QAAQ,EAAEyB,qBAAS,CAACC,IAAI;EACxBiD,cAAc,EAAElD,qBAAS,CAACC,IAAI;EAC9BuB,QAAQ,EAAExB,qBAAS,CAACI,IAAI;EACxB2B,kBAAkB,EAAE/B,qBAAS,CAACI,IAAI;EAClCd,QAAQ,EAAEU,qBAAS,CAACE;AACtB,CAAC;AAAA,IAAAzC,gBAAA,aAVUuD,SAAS,kBAYE,CAAC,CAAC;AAoE1B,SAAS6C,QAAQA,CAAAM,KAAA,EAAiD;EAAA,IAA9CC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAE1B,KAAK,GAAAyB,KAAA,CAALzB,KAAK;IAAEoB,SAAS,GAAAK,KAAA,CAATL,SAAS;IAAEJ,OAAO,GAAAS,KAAA,CAAPT,OAAO;IAAEtE,KAAK,GAAA+E,KAAA,CAAL/E,KAAK;EAC5D,IAAAiF,aAAA,GAAiG,IAAAC,kBAAY,EAAC;MAC5GC,EAAE,UAAA1F,MAAA,CAAUO,KAAK,OAAAP,MAAA,CAAI6D,KAAK,CAAE;MAC5BnE,QAAQ,EAAE,CAACuF,SAAS;MACpBxB,IAAI,EAAE;QACJG,IAAI,EAAE,MAAM;QACZC,KAAK,EAALA,KAAK;QACLtD,KAAK,EAALA;MACF;IACF,CAAC,CAAC;IARMoF,UAAU,GAAAH,aAAA,CAAVG,UAAU;IAAEC,SAAS,GAAAJ,aAAA,CAATI,SAAS;IAAcC,cAAc,GAAAL,aAAA,CAA1BM,UAAU;IAAkBC,SAAS,GAAAP,aAAA,CAATO,SAAS;IAAEC,UAAU,GAAAR,aAAA,CAAVQ,UAAU;IAAEC,UAAU,GAAAT,aAAA,CAAVS,UAAU;EAU5F,IAAAC,aAAA,GAAuC,IAAAC,kBAAY,EAAC;MAClDT,EAAE,eAAA1F,MAAA,CAAeO,KAAK,OAAAP,MAAA,CAAI6D,KAAK,CAAE;MACjCJ,IAAI,EAAE;QACJG,IAAI,EAAE,MAAM;QACZC,KAAK,EAALA,KAAK;QACLuC,OAAO,EAAE,CAAC,MAAM;MAClB;IACF,CAAC,CAAC;IAPkBC,cAAc,GAAAH,aAAA,CAA1BJ,UAAU;;EASlB;EACA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAIQ,IAAI,EAAK;IAC3BT,cAAc,CAACS,IAAI,CAAC;IACpBD,cAAc,CAACC,IAAI,CAAC;IACpB,IAAIzB,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEnB,OAAO,EAAE;MACpBmB,OAAO,CAACnB,OAAO,GAAG4C,IAAI;IACxB;EACF,CAAC;EAED,IAAMC,KAAK,GAAG;IACZR,SAAS,EAAES,cAAG,CAACC,SAAS,CAACC,QAAQ,CAACX,SAAS,CAAC;IAC5CC,UAAU,EAAVA,UAAU;IACVW,OAAO,EAAEV,UAAU,GAAG,GAAG,GAAG;EAC9B,CAAC;EAED,oBACE9J,MAAA,YAAAyE,aAAA,CAACqB,aAAa;IAAC2E,GAAG,EAAEd,UAAW;IAACS,KAAK,EAAEA;EAAM,gBAC3CpK,MAAA,YAAAyE,aAAA,YAAAiG,SAAA,iBAASlB,UAAU,EAAMC,SAAS,GAC/BL,QACE,CACQ,CAAC;AAEpB;AAEAP,QAAQ,CAAC9D,SAAS,GAAG;EACnBqE,QAAQ,EAAEpE,qBAAS,CAACmF,IAAI;EACxBzC,KAAK,EAAE1C,qBAAS,CAAC2F,MAAM;EACvB7B,SAAS,EAAE9D,qBAAS,CAACC,IAAI;EACzB0C,QAAQ,EAAE3C,qBAAS,CAACI,IAAI;EACxBsD,OAAO,EAAE1D,qBAAS,CAAC4F,MAAM;EACzBxG,KAAK,EAAEY,qBAAS,CAACE;AACnB,CAAC;AAAC,IAAA2F,QAAA,GAAA5G,OAAA,cAEa+B,SAAS","ignoreList":[]}
|
package/lib/tool-menu.js
ADDED
|
@@ -0,0 +1,221 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
require("core-js/modules/es.reflect.construct.js");
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
exports["default"] = exports.ToolMenu = void 0;
|
|
10
|
+
require("core-js/modules/es.array.concat.js");
|
|
11
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
14
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
15
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
|
+
var _react = _interopRequireDefault(require("react"));
|
|
18
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
+
var _material = require("@mui/material");
|
|
20
|
+
var _styles = require("@mui/material/styles");
|
|
21
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
22
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
23
|
+
var ToolMenu = exports.ToolMenu = /*#__PURE__*/function (_React$Component) {
|
|
24
|
+
function ToolMenu() {
|
|
25
|
+
var _this;
|
|
26
|
+
(0, _classCallCheck2["default"])(this, ToolMenu);
|
|
27
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
28
|
+
args[_key] = arguments[_key];
|
|
29
|
+
}
|
|
30
|
+
_this = _callSuper(this, ToolMenu, [].concat(args));
|
|
31
|
+
(0, _defineProperty2["default"])(_this, "onChangeRadioValue", function (event) {
|
|
32
|
+
var _this$props = _this.props,
|
|
33
|
+
gssLineData = _this$props.gssLineData,
|
|
34
|
+
onChange = _this$props.onChange;
|
|
35
|
+
var oldSelectedTool = gssLineData.selectedTool;
|
|
36
|
+
gssLineData.selectedTool = event.target.value;
|
|
37
|
+
onChange(gssLineData, oldSelectedTool);
|
|
38
|
+
});
|
|
39
|
+
(0, _defineProperty2["default"])(_this, "lineTypeChange", function (line, type) {
|
|
40
|
+
var _this$props2 = _this.props,
|
|
41
|
+
gssLineData = _this$props2.gssLineData,
|
|
42
|
+
onChange = _this$props2.onChange;
|
|
43
|
+
var oldSelectedTool = gssLineData.selectedTool;
|
|
44
|
+
gssLineData["line".concat(line)].lineType = type;
|
|
45
|
+
onChange(gssLineData, oldSelectedTool);
|
|
46
|
+
});
|
|
47
|
+
return _this;
|
|
48
|
+
}
|
|
49
|
+
(0, _inherits2["default"])(ToolMenu, _React$Component);
|
|
50
|
+
return (0, _createClass2["default"])(ToolMenu, [{
|
|
51
|
+
key: "render",
|
|
52
|
+
value: function render() {
|
|
53
|
+
var _this2 = this;
|
|
54
|
+
var _this$props3 = this.props,
|
|
55
|
+
gssLineData = _this$props3.gssLineData,
|
|
56
|
+
disabled = _this$props3.disabled;
|
|
57
|
+
return /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
58
|
+
className: "selectLineRadioGroup"
|
|
59
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
60
|
+
className: "radioFieldOuter"
|
|
61
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
62
|
+
className: "radioFieldInner"
|
|
63
|
+
}, /*#__PURE__*/_react["default"].createElement(_material.Radio, {
|
|
64
|
+
name: "select-line-radio-buttons",
|
|
65
|
+
onChange: this.onChangeRadioValue,
|
|
66
|
+
value: "lineA",
|
|
67
|
+
disabled: !!disabled,
|
|
68
|
+
checked: gssLineData.selectedTool === 'lineA',
|
|
69
|
+
className: "lineTypeRadio"
|
|
70
|
+
}), /*#__PURE__*/_react["default"].createElement(_material.Typography, {
|
|
71
|
+
className: "lineNameFont"
|
|
72
|
+
}, "Line A")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
73
|
+
className: "radioFieldButtons"
|
|
74
|
+
}, /*#__PURE__*/_react["default"].createElement(_material.Button, {
|
|
75
|
+
size: "small",
|
|
76
|
+
variant: "contained",
|
|
77
|
+
color: gssLineData.lineA.lineType === 'Solid' ? 'primary' : 'inherit',
|
|
78
|
+
disabled: !!disabled,
|
|
79
|
+
onClick: function onClick() {
|
|
80
|
+
return _this2.lineTypeChange('A', 'Solid');
|
|
81
|
+
},
|
|
82
|
+
className: gssLineData.lineA.lineType === 'Solid' ? disabled ? 'lineTypeButtonLeftSelectedDisabled' : 'lineTypeButtonLeftSelected' : disabled ? 'lineTypeButtonLeftUnSelectedDisabled' : 'lineTypeButtonLeftUnSelected'
|
|
83
|
+
}, gssLineData.lineA.lineType === 'Solid' && '✔', " Solid"), /*#__PURE__*/_react["default"].createElement(_material.Button, {
|
|
84
|
+
size: "small",
|
|
85
|
+
variant: "contained",
|
|
86
|
+
color: gssLineData.lineA.lineType === 'Dashed' ? 'primary' : 'inherit',
|
|
87
|
+
disabled: !!disabled,
|
|
88
|
+
onClick: function onClick() {
|
|
89
|
+
return _this2.lineTypeChange('A', 'Dashed');
|
|
90
|
+
},
|
|
91
|
+
className: gssLineData.lineA.lineType === 'Dashed' ? disabled ? 'lineTypeButtonRightSelectedDisabled' : 'lineTypeButtonRightSelected' : disabled ? 'lineTypeButtonRightUnSelectedDisabled' : 'lineTypeButtonRightUnSelected'
|
|
92
|
+
}, gssLineData.lineA.lineType === 'Dashed' && '✔', " Dashed"))), gssLineData.numberOfLines === 2 && /*#__PURE__*/_react["default"].createElement("div", {
|
|
93
|
+
className: "radioFieldOuter"
|
|
94
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
95
|
+
className: "radioFieldInner"
|
|
96
|
+
}, /*#__PURE__*/_react["default"].createElement(_material.Radio, {
|
|
97
|
+
name: "select-line-radio-buttons",
|
|
98
|
+
onChange: this.onChangeRadioValue,
|
|
99
|
+
value: "lineB",
|
|
100
|
+
disabled: !!disabled,
|
|
101
|
+
checked: gssLineData.selectedTool === 'lineB',
|
|
102
|
+
className: "lineTypeRadio"
|
|
103
|
+
}), /*#__PURE__*/_react["default"].createElement(_material.Typography, {
|
|
104
|
+
className: "lineNameFont"
|
|
105
|
+
}, "Line B")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
106
|
+
className: "radioFieldButtons"
|
|
107
|
+
}, /*#__PURE__*/_react["default"].createElement(_material.Button, {
|
|
108
|
+
size: "small",
|
|
109
|
+
variant: "contained",
|
|
110
|
+
color: gssLineData.lineB.lineType === 'Solid' ? 'primary' : 'inherit',
|
|
111
|
+
disabled: !!disabled,
|
|
112
|
+
onClick: function onClick() {
|
|
113
|
+
return _this2.lineTypeChange('B', 'Solid');
|
|
114
|
+
},
|
|
115
|
+
className: gssLineData.lineB.lineType === 'Solid' ? disabled ? 'lineTypeButtonLeftSelectedDisabled' : 'lineTypeButtonLeftSelected' : disabled ? 'lineTypeButtonLeftUnSelectedDisabled' : 'lineTypeButtonLeftUnSelected'
|
|
116
|
+
}, gssLineData.lineB.lineType === 'Solid' && '✔', " Solid"), /*#__PURE__*/_react["default"].createElement(_material.Button, {
|
|
117
|
+
size: "small",
|
|
118
|
+
variant: "contained",
|
|
119
|
+
color: gssLineData.lineB.lineType === 'Dashed' ? 'primary' : 'inherit',
|
|
120
|
+
disabled: !!disabled,
|
|
121
|
+
onClick: function onClick() {
|
|
122
|
+
return _this2.lineTypeChange('B', 'Dashed');
|
|
123
|
+
},
|
|
124
|
+
className: gssLineData.lineB.lineType === 'Dashed' ? disabled ? 'lineTypeButtonRightSelectedDisabled' : 'lineTypeButtonRightSelected' : disabled ? 'lineTypeButtonRightUnSelectedDisabled' : 'lineTypeButtonRightUnSelected'
|
|
125
|
+
}, gssLineData.lineB.lineType === 'Dashed' && '✔', " Dashed"))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
126
|
+
className: "radioFieldOuter"
|
|
127
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
128
|
+
className: "radioFieldInner"
|
|
129
|
+
}, /*#__PURE__*/_react["default"].createElement(_material.Radio, {
|
|
130
|
+
name: "select-line-radio-buttons",
|
|
131
|
+
onChange: this.onChangeRadioValue,
|
|
132
|
+
value: "solutionSet",
|
|
133
|
+
disabled: !!disabled,
|
|
134
|
+
checked: gssLineData.selectedTool === 'solutionSet',
|
|
135
|
+
className: "lineTypeRadio"
|
|
136
|
+
}), /*#__PURE__*/_react["default"].createElement(_material.Typography, {
|
|
137
|
+
className: "lineNameFont"
|
|
138
|
+
}, "Solution Set")))));
|
|
139
|
+
}
|
|
140
|
+
}]);
|
|
141
|
+
}(_react["default"].Component);
|
|
142
|
+
(0, _defineProperty2["default"])(ToolMenu, "propTypes", {
|
|
143
|
+
gssLineData: _propTypes["default"].object,
|
|
144
|
+
disabled: _propTypes["default"].bool,
|
|
145
|
+
onChange: _propTypes["default"].func
|
|
146
|
+
});
|
|
147
|
+
var Root = (0, _styles.styled)('div')(function () {
|
|
148
|
+
return {
|
|
149
|
+
'& .selectLineRadioGroup': {
|
|
150
|
+
display: 'flex',
|
|
151
|
+
flexWrap: 'wrap',
|
|
152
|
+
flexDirection: 'row'
|
|
153
|
+
},
|
|
154
|
+
'& .radioFieldOuter': {
|
|
155
|
+
display: 'flex',
|
|
156
|
+
flexWrap: 'wrap',
|
|
157
|
+
flexDirection: 'column'
|
|
158
|
+
},
|
|
159
|
+
'& .radioFieldInner': {
|
|
160
|
+
display: 'flex',
|
|
161
|
+
flexWrap: 'wrap',
|
|
162
|
+
flexDirection: 'row',
|
|
163
|
+
alignItems: 'center'
|
|
164
|
+
},
|
|
165
|
+
'& .radioFieldButtons': {
|
|
166
|
+
display: 'flex',
|
|
167
|
+
flexWrap: 'wrap',
|
|
168
|
+
flexDirection: 'row',
|
|
169
|
+
padding: '0 .9rem'
|
|
170
|
+
},
|
|
171
|
+
'& .lineNameFont': {
|
|
172
|
+
fontWeight: 'bold',
|
|
173
|
+
padding: '0 5px 0 0'
|
|
174
|
+
},
|
|
175
|
+
'& .lineTypeRadio': {
|
|
176
|
+
color: '#000000 !important'
|
|
177
|
+
},
|
|
178
|
+
'& .lineTypeButtonLeftSelected': {
|
|
179
|
+
textTransform: 'none',
|
|
180
|
+
border: '1px solid #3E4EB1',
|
|
181
|
+
backgroundColor: '#3E4EB1 !important',
|
|
182
|
+
color: '#FFFFFF !important',
|
|
183
|
+
borderRadius: '4px 0 0 4px'
|
|
184
|
+
},
|
|
185
|
+
'& .lineTypeButtonLeftUnSelected': {
|
|
186
|
+
textTransform: 'none',
|
|
187
|
+
border: '1px solid #3E4EB1',
|
|
188
|
+
backgroundColor: '#FFFFFF !important',
|
|
189
|
+
color: '#3E4EB1 !important',
|
|
190
|
+
borderRadius: '4px 0 0 4px'
|
|
191
|
+
},
|
|
192
|
+
'& .lineTypeButtonRightSelected': {
|
|
193
|
+
textTransform: 'none',
|
|
194
|
+
border: '1px solid #3E4EB1',
|
|
195
|
+
backgroundColor: '#3E4EB1 !important',
|
|
196
|
+
color: '#FFFFFF !important',
|
|
197
|
+
borderRadius: '0 4px 4px 0'
|
|
198
|
+
},
|
|
199
|
+
'& .lineTypeButtonRightUnSelected': {
|
|
200
|
+
textTransform: 'none',
|
|
201
|
+
border: '1px solid #3E4EB1',
|
|
202
|
+
backgroundColor: '#FFFFFF !important',
|
|
203
|
+
color: '#3E4EB1 !important',
|
|
204
|
+
borderRadius: '0 4px 4px 0'
|
|
205
|
+
},
|
|
206
|
+
'& .lineTypeButtonLeftSelectedDisabled, & .lineTypeButtonRightSelectedDisabled': {
|
|
207
|
+
backgroundColor: '#3E4EB1 !important',
|
|
208
|
+
color: '#FFFFFF !important',
|
|
209
|
+
cursor: 'default',
|
|
210
|
+
pointerEvents: 'none'
|
|
211
|
+
},
|
|
212
|
+
'& .lineTypeButtonLeftUnSelectedDisabled, & .lineTypeButtonRightUnSelectedDisabled': {
|
|
213
|
+
backgroundColor: '#FFFFFF !important',
|
|
214
|
+
color: '#3E4EB1 !important',
|
|
215
|
+
cursor: 'default',
|
|
216
|
+
pointerEvents: 'none'
|
|
217
|
+
}
|
|
218
|
+
};
|
|
219
|
+
});
|
|
220
|
+
var _default = exports["default"] = ToolMenu;
|
|
221
|
+
//# sourceMappingURL=tool-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tool-menu.js","names":["_react","_interopRequireDefault","require","_propTypes","_material","_styles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ToolMenu","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","event","_this$props","props","gssLineData","onChange","oldSelectedTool","selectedTool","target","value","line","type","_this$props2","lineType","_inherits2","_createClass2","key","render","_this2","_this$props3","disabled","createElement","Root","className","Radio","name","onChangeRadioValue","checked","Typography","Button","size","variant","color","lineA","onClick","lineTypeChange","numberOfLines","lineB","React","Component","PropTypes","object","bool","func","styled","display","flexWrap","flexDirection","alignItems","padding","fontWeight","textTransform","border","backgroundColor","borderRadius","cursor","pointerEvents","_default"],"sources":["../src/tool-menu.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Typography, Button, Radio } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nexport class ToolMenu extends React.Component {\n static propTypes = {\n gssLineData: PropTypes.object,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n };\n\n onChangeRadioValue = (event) => {\n let { gssLineData, onChange } = this.props;\n let oldSelectedTool = gssLineData.selectedTool;\n gssLineData.selectedTool = event.target.value;\n onChange(gssLineData, oldSelectedTool);\n };\n\n lineTypeChange = (line, type) => {\n let { gssLineData, onChange } = this.props;\n let oldSelectedTool = gssLineData.selectedTool;\n gssLineData[`line${line}`].lineType = type;\n onChange(gssLineData, oldSelectedTool);\n };\n\n render() {\n const { gssLineData, disabled } = this.props;\n\n return (\n <Root>\n <div className=\"selectLineRadioGroup\">\n {/* LINE A */}\n <div className=\"radioFieldOuter\">\n <div className=\"radioFieldInner\">\n <Radio\n name=\"select-line-radio-buttons\"\n onChange={this.onChangeRadioValue}\n value=\"lineA\"\n disabled={!!disabled}\n checked={gssLineData.selectedTool === 'lineA'}\n className=\"lineTypeRadio\"\n />\n <Typography className=\"lineNameFont\">Line A</Typography>\n </div>\n <div className=\"radioFieldButtons\">\n <Button\n size=\"small\"\n variant=\"contained\"\n color={gssLineData.lineA.lineType === 'Solid' ? 'primary' : 'inherit'}\n disabled={!!disabled}\n onClick={() => this.lineTypeChange('A', 'Solid')}\n className={\n gssLineData.lineA.lineType === 'Solid'\n ? disabled\n ? 'lineTypeButtonLeftSelectedDisabled'\n : 'lineTypeButtonLeftSelected'\n : disabled\n ? 'lineTypeButtonLeftUnSelectedDisabled'\n : 'lineTypeButtonLeftUnSelected'\n }\n >\n {gssLineData.lineA.lineType === 'Solid' && '✔'} Solid\n </Button>\n\n <Button\n size=\"small\"\n variant=\"contained\"\n color={gssLineData.lineA.lineType === 'Dashed' ? 'primary' : 'inherit'}\n disabled={!!disabled}\n onClick={() => this.lineTypeChange('A', 'Dashed')}\n className={\n gssLineData.lineA.lineType === 'Dashed'\n ? disabled\n ? 'lineTypeButtonRightSelectedDisabled'\n : 'lineTypeButtonRightSelected'\n : disabled\n ? 'lineTypeButtonRightUnSelectedDisabled'\n : 'lineTypeButtonRightUnSelected'\n }\n >\n {gssLineData.lineA.lineType === 'Dashed' && '✔'} Dashed\n </Button>\n </div>\n </div>\n\n {/* LINE B (if applicable) */}\n {gssLineData.numberOfLines === 2 && (\n <div className=\"radioFieldOuter\">\n <div className=\"radioFieldInner\">\n <Radio\n name=\"select-line-radio-buttons\"\n onChange={this.onChangeRadioValue}\n value=\"lineB\"\n disabled={!!disabled}\n checked={gssLineData.selectedTool === 'lineB'}\n className=\"lineTypeRadio\"\n />\n <Typography className=\"lineNameFont\">Line B</Typography>\n </div>\n <div className=\"radioFieldButtons\">\n <Button\n size=\"small\"\n variant=\"contained\"\n color={gssLineData.lineB.lineType === 'Solid' ? 'primary' : 'inherit'}\n disabled={!!disabled}\n onClick={() => this.lineTypeChange('B', 'Solid')}\n className={\n gssLineData.lineB.lineType === 'Solid'\n ? disabled\n ? 'lineTypeButtonLeftSelectedDisabled'\n : 'lineTypeButtonLeftSelected'\n : disabled\n ? 'lineTypeButtonLeftUnSelectedDisabled'\n : 'lineTypeButtonLeftUnSelected'\n }\n >\n {gssLineData.lineB.lineType === 'Solid' && '✔'} Solid\n </Button>\n\n <Button\n size=\"small\"\n variant=\"contained\"\n color={gssLineData.lineB.lineType === 'Dashed' ? 'primary' : 'inherit'}\n disabled={!!disabled}\n onClick={() => this.lineTypeChange('B', 'Dashed')}\n className={\n gssLineData.lineB.lineType === 'Dashed'\n ? disabled\n ? 'lineTypeButtonRightSelectedDisabled'\n : 'lineTypeButtonRightSelected'\n : disabled\n ? 'lineTypeButtonRightUnSelectedDisabled'\n : 'lineTypeButtonRightUnSelected'\n }\n >\n {gssLineData.lineB.lineType === 'Dashed' && '✔'} Dashed\n </Button>\n </div>\n </div>\n )}\n\n {/* SOLUTION SET */}\n <div className=\"radioFieldOuter\">\n <div className=\"radioFieldInner\">\n <Radio\n name=\"select-line-radio-buttons\"\n onChange={this.onChangeRadioValue}\n value=\"solutionSet\"\n disabled={!!disabled}\n checked={gssLineData.selectedTool === 'solutionSet'}\n className=\"lineTypeRadio\"\n />\n <Typography className=\"lineNameFont\">Solution Set</Typography>\n </div>\n </div>\n </div>\n </Root>\n );\n }\n}\n\nconst Root = styled('div')(() => ({\n '& .selectLineRadioGroup': {\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'row',\n },\n '& .radioFieldOuter': {\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'column',\n },\n '& .radioFieldInner': {\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'row',\n alignItems: 'center',\n },\n '& .radioFieldButtons': {\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'row',\n padding: '0 .9rem',\n },\n '& .lineNameFont': {\n fontWeight: 'bold',\n padding: '0 5px 0 0',\n },\n '& .lineTypeRadio': {\n color: '#000000 !important',\n },\n '& .lineTypeButtonLeftSelected': {\n textTransform: 'none',\n border: '1px solid #3E4EB1',\n backgroundColor: '#3E4EB1 !important',\n color: '#FFFFFF !important',\n borderRadius: '4px 0 0 4px',\n },\n '& .lineTypeButtonLeftUnSelected': {\n textTransform: 'none',\n border: '1px solid #3E4EB1',\n backgroundColor: '#FFFFFF !important',\n color: '#3E4EB1 !important',\n borderRadius: '4px 0 0 4px',\n },\n '& .lineTypeButtonRightSelected': {\n textTransform: 'none',\n border: '1px solid #3E4EB1',\n backgroundColor: '#3E4EB1 !important',\n color: '#FFFFFF !important',\n borderRadius: '0 4px 4px 0',\n },\n '& .lineTypeButtonRightUnSelected': {\n textTransform: 'none',\n border: '1px solid #3E4EB1',\n backgroundColor: '#FFFFFF !important',\n color: '#3E4EB1 !important',\n borderRadius: '0 4px 4px 0',\n },\n '& .lineTypeButtonLeftSelectedDisabled, & .lineTypeButtonRightSelectedDisabled': {\n backgroundColor: '#3E4EB1 !important',\n color: '#FFFFFF !important',\n cursor: 'default',\n pointerEvents: 'none',\n },\n '& .lineTypeButtonLeftUnSelectedDisabled, & .lineTypeButtonRightUnSelectedDisabled': {\n backgroundColor: '#FFFFFF !important',\n color: '#3E4EB1 !important',\n cursor: 'default',\n pointerEvents: 'none',\n },\n}));\n\nexport default ToolMenu;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.allTools = void 0;
|
|
8
|
+
Object.defineProperty(exports, "line", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function get() {
|
|
11
|
+
return _line.tool;
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
Object.defineProperty(exports, "polygon", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function get() {
|
|
17
|
+
return _polygon.tool;
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
exports.toolsArr = void 0;
|
|
21
|
+
var _polygon = require("./polygon");
|
|
22
|
+
var _line = require("./line");
|
|
23
|
+
var allTools = exports.allTools = ['line', 'polygon'];
|
|
24
|
+
var toolsArr = exports.toolsArr = [(0, _line.tool)(), (0, _polygon.tool)()];
|
|
25
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_polygon","require","_line","allTools","exports","toolsArr","line","polygon"],"sources":["../../src/tools/index.js"],"sourcesContent":["import { tool as polygon } from './polygon';\nimport { tool as line } from './line';\n\nconst allTools = ['line', 'polygon'];\n\nconst toolsArr = [line(), polygon()];\n\nexport { allTools, toolsArr, line, polygon };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAME,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC;AAEpC,IAAME,QAAQ,GAAAD,OAAA,CAAAC,QAAA,GAAG,CAAC,IAAAC,UAAI,EAAC,CAAC,EAAE,IAAAC,aAAO,EAAC,CAAC,CAAC","ignoreList":[]}
|