Skip to content

Commit 08094f8

Browse files
dkozardkozar
committed
Switched to using Raycast
1 parent d6e7216 commit 08094f8

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

68 files changed

+2396
-2007
lines changed

‎build/App.js

Lines changed: 214 additions & 228 deletions
Large diffs are not rendered by default.

‎build/components/BottomToolbar.js

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
'use strict';
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
7+
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
8+
9+
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
10+
11+
var _react = require('react');
12+
13+
var _react2 = _interopRequireDefault(_react);
14+
15+
var _DropdownMenu = require('./DropdownMenu.js');
16+
17+
var _DropdownMenu2 = _interopRequireDefault(_DropdownMenu);
18+
19+
var _items = require('./../data/items1.js');
20+
21+
var _items2 = require('./../data/items2.js');
22+
23+
var _helpItems = require('./../data/helpItems.js');
24+
25+
var _HelpRenderer = require('./../renderers/HelpRenderer.js');
26+
27+
var _HelpRenderer2 = _interopRequireDefault(_HelpRenderer);
28+
29+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
30+
31+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
32+
33+
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
34+
35+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
36+
37+
var BottomToolbar = function (_Component) {
38+
_inherits(BottomToolbar, _Component);
39+
40+
function BottomToolbar() {
41+
_classCallCheck(this, BottomToolbar);
42+
43+
return _possibleConstructorReturn(this, Object.getPrototypeOf(BottomToolbar).apply(this, arguments));
44+
}
45+
46+
_createClass(BottomToolbar, [{
47+
key: 'render',
48+
value: function render() {
49+
var hints = function hints() {
50+
return ['ne'];
51+
},
52+
renderers = {
53+
'help': _HelpRenderer2.default
54+
};
55+
56+
/* Bottom toolbar - let's not toggle these buttons */
57+
return _react2.default.createElement(
58+
'div',
59+
{ className: 'toolbar toolbar-bottom' },
60+
_react2.default.createElement(
61+
_DropdownMenu2.default,
62+
_extends({ items: _items.items1 }, this.props, { toggleMode: false }),
63+
_react2.default.createElement(
64+
'button',
65+
{ className: 'menu-button' },
66+
'Menu 4'
67+
)
68+
),
69+
_react2.default.createElement(_DropdownMenu2.default, _extends({ buttonText: 'Menu 5', items: _items2.items2 }, this.props, { toggleMode: false })),
70+
_react2.default.createElement(_DropdownMenu2.default, _extends({ buttonText: 'Menu 6', items: _items2.items2 }, this.props, { toggleMode: false })),
71+
_react2.default.createElement(
72+
_DropdownMenu2.default,
73+
{
74+
items: _helpItems.helpItems,
75+
classPrefix: 'about-',
76+
toggleMode: false,
77+
openOnMouseOver: true,
78+
closeOnMouseOut: false,
79+
mouseEnterDelay: 500,
80+
mouseLeaveDelay: 2000,
81+
hints: hints,
82+
renderers: renderers },
83+
_react2.default.createElement(
84+
'button',
85+
{ className: 'menu-button' },
86+
_react2.default.createElement('i', { className: 'fa fa-info-circle' })
87+
)
88+
)
89+
);
90+
}
91+
}]);
92+
93+
return BottomToolbar;
94+
}(_react.Component);
95+
96+
exports.default = BottomToolbar;
97+
98+
99+
BottomToolbar.propTypes = {
100+
onOpen: _react2.default.PropTypes.func.isRequired,
101+
openOnMouseOver: _react2.default.PropTypes.bool.isRequired
102+
};

‎build/components/Circle.js

Lines changed: 23 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
Object.defineProperty(exports, "__esModule", {
44
value: true
55
});
6-
exports.Circle = undefined;
6+
exports.CIRCLE_ID_PREFIX = undefined;
77

88
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
99

@@ -17,8 +17,6 @@ var _react = require('react');
1717

1818
var _react2 = _interopRequireDefault(_react);
1919

20-
var _items = require('./../data/items1.js');
21-
2220
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
2321

2422
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -27,74 +25,52 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
2725

2826
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
2927

30-
var Circle = exports.Circle = function (_Component) {
28+
var CIRCLE_ID_PREFIX = exports.CIRCLE_ID_PREFIX = 'circle-';
29+
30+
var Circle = function (_Component) {
3131
_inherits(Circle, _Component);
3232

33-
function Circle(props) {
33+
function Circle() {
3434
_classCallCheck(this, Circle);
3535

36-
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Circle).call(this, props));
37-
38-
_this.onMouseOver = _this.onMouseOver.bind(_this);
39-
_this.onMouseOut = _this.onMouseOut.bind(_this);
40-
41-
_this.state = {
42-
strokeWidth: _this.props.selected ? 5 : 0,
43-
hovered: false
44-
};
45-
return _this;
36+
return _possibleConstructorReturn(this, Object.getPrototypeOf(Circle).apply(this, arguments));
4637
}
4738

4839
_createClass(Circle, [{
49-
key: 'onMouseOver',
50-
value: function onMouseOver() {
51-
this.setState({
52-
hovered: true
53-
});
54-
}
55-
}, {
56-
key: 'onMouseOut',
57-
value: function onMouseOut() {
58-
this.setState({
59-
hovered: false
60-
});
61-
}
62-
}, {
63-
key: 'getStroke',
64-
value: function getStroke() {
65-
return {
66-
strokeWidth: this.props.selected || this.state.hovered ? 5 : 0,
67-
stroke: this.state.hovered ? this.props.strokeColorHovered : this.props.strokeColorSelected
68-
};
69-
}
70-
}, {
7140
key: 'render',
7241
value: function render() {
73-
var d = _lodash2.default.assign({
42+
var isHovered = this.props.hovered,
43+
shouldShowLine = isHovered || this.props.selected,
44+
config = {
7445
cx: this.props.x,
7546
cy: this.props.y,
7647
r: this.props.r,
77-
fill: this.props.color
78-
}, this.getStroke());
48+
fill: this.props.color,
49+
strokeWidth: shouldShowLine ? 5 : 0,
50+
stroke: isHovered ? this.props.strokeColorHovered : this.props.strokeColorSelected
51+
};
7952

80-
return _react2.default.createElement('circle', _extends({}, d, {
81-
id: this.props.id,
82-
onMouseOver: this.onMouseOver,
83-
onMouseOut: this.onMouseOut }));
53+
return _react2.default.createElement('circle', _extends({}, config, {
54+
id: this.props.id }));
8455
}
8556
}]);
8657

8758
return Circle;
8859
}(_react.Component);
8960

61+
exports.default = Circle;
62+
63+
9064
Circle.propTypes = {
91-
id: _react2.default.PropTypes.string,
65+
id: _react2.default.PropTypes.string.isRequired,
9266
strokeColorSelected: _react2.default.PropTypes.string,
9367
strokeColorHovered: _react2.default.PropTypes.string,
94-
selected: _react2.default.PropTypes.bool
68+
selected: _react2.default.PropTypes.bool,
69+
hovered: _react2.default.PropTypes.bool
9570
};
9671
Circle.defaultProps = {
9772
strokeColorSelected: 'white',
9873
strokeColorHovered: 'white',
99-
selected: false
74+
selected: false,
75+
hovered: false
10076
};

0 commit comments

Comments
 (0)