awv3/dist/plugins/test/index.js

⚡ AWV3 embedded CAD

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.default = undefined;

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _dec, _class4;

var _plugin = require('../../session/plugin');

var _plugin2 = _interopRequireDefault(_plugin);

var _elements = require('../../session/elements');

var _renderer = require('../../session/renderer');

var _renderer2 = _interopRequireDefault(_renderer);

var _globals = require('../../session/store/globals');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var SpecialButton = function (_Component) {
    (0, _inherits3.default)(SpecialButton, _Component);

    function SpecialButton() {
        var _ref;

        var _temp, _this, _ret;

        (0, _classCallCheck3.default)(this, SpecialButton);

        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
        }

        return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = SpecialButton.__proto__ || (0, _getPrototypeOf2.default)(SpecialButton)).call.apply(_ref, [this].concat(args))), _this), _this.state = { flag: false }, _this.render = function (_ref2, _ref3) {
            var highlight = _ref2.highlight,
                _onLastEvent = _ref2.onLastEvent;
            var flag = _ref3.flag;
            return _renderer2.default.createElement(_elements.Button, {
                name: (highlight ? 'active' : 'inactive') + ' ' + (flag ? '👌' : '👎'),
                color: highlight && 'pink',
                onLastEvent: function onLastEvent() {
                    return _this.setState({ flag: !flag }) || _onLastEvent();
                }
            });
        }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
    }

    return SpecialButton;
}(_renderer.Component);

var ButtonGroup = function (_Component2) {
    (0, _inherits3.default)(ButtonGroup, _Component2);

    function ButtonGroup() {
        var _ref4;

        var _temp2, _this2, _ret2;

        (0, _classCallCheck3.default)(this, ButtonGroup);

        for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
            args[_key2] = arguments[_key2];
        }

        return _ret2 = (_temp2 = (_this2 = (0, _possibleConstructorReturn3.default)(this, (_ref4 = ButtonGroup.__proto__ || (0, _getPrototypeOf2.default)(ButtonGroup)).call.apply(_ref4, [this].concat(args))), _this2), _this2.state = { current: 'A', visible: true }, _this2.render = function (_ref5, _ref6) {
            var color = _ref5.color;
            var current = _ref6.current,
                visible = _ref6.visible;
            return _renderer2.default.createElement(
                _elements.Group,
                null,
                _renderer2.default.createElement(_elements.Dropdown, { items: ['A', 'B', 'C'], value: current, onValue: function onValue(current) {
                        return _this2.setState({ current: current });
                    } }),
                _renderer2.default.createElement(
                    _elements.Group,
                    { format: 'Rows' },
                    _renderer2.default.createElement(_elements.Button, { name: 'A', color: current === 'A' && color, onLastEvent: function onLastEvent() {
                            return _this2.setState({ current: 'A' });
                        } }),
                    _renderer2.default.createElement(_elements.Button, { name: 'B', color: current === 'B' && color, onLastEvent: function onLastEvent() {
                            return _this2.setState({ current: 'B' });
                        } }),
                    visible && _renderer2.default.createElement(SpecialButton, { highlight: current === 'C', onLastEvent: function onLastEvent() {
                            return _this2.setState({ current: 'C' });
                        } }),
                    _renderer2.default.createElement(_elements.Button, { color: 'black', name: 'toggle', onLastEvent: function onLastEvent() {
                            return _this2.setState({ visible: !visible });
                        } })
                )
            );
        }, _temp2), (0, _possibleConstructorReturn3.default)(_this2, _ret2);
    }

    return ButtonGroup;
}(_renderer.Component);

var Buttons = function (_Component3) {
    (0, _inherits3.default)(Buttons, _Component3);

    function Buttons() {
        var _ref7;

        var _temp3, _this3, _ret3;

        (0, _classCallCheck3.default)(this, Buttons);

        for (var _len3 = arguments.length, args = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
            args[_key3] = arguments[_key3];
        }

        return _ret3 = (_temp3 = (_this3 = (0, _possibleConstructorReturn3.default)(this, (_ref7 = Buttons.__proto__ || (0, _getPrototypeOf2.default)(Buttons)).call.apply(_ref7, [this].concat(args))), _this3), _this3.render = function (_ref8) {
            var children = _ref8.children;
            return _renderer2.default.createElement(
                _elements.Group,
                null,
                children
            );
        }, _temp3), (0, _possibleConstructorReturn3.default)(_this3, _ret3);
    }

    return Buttons;
}(_renderer.Component);

var ControlGroup = (_dec = (0, _renderer.connect)(function (state) {
    return { camera: state.globals.camera };
}), _dec(_class4 = function (_Component4) {
    (0, _inherits3.default)(ControlGroup, _Component4);

    function ControlGroup() {
        var _ref9;

        var _temp4, _this4, _ret4;

        (0, _classCallCheck3.default)(this, ControlGroup);

        for (var _len4 = arguments.length, args = Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
            args[_key4] = arguments[_key4];
        }

        return _ret4 = (_temp4 = (_this4 = (0, _possibleConstructorReturn3.default)(this, (_ref9 = ControlGroup.__proto__ || (0, _getPrototypeOf2.default)(ControlGroup)).call.apply(_ref9, [this].concat(args))), _this4), _this4.state = { text: 'hello' }, _this4.render = function (_ref10, _ref11) {
            var camera = _ref10.camera;
            var text = _ref11.text;
            return _renderer2.default.createElement(
                _elements.Group,
                null,
                _renderer2.default.createElement(_elements.Label, { value: camera }),
                _renderer2.default.createElement(_elements.Button, {
                    name: 'toggle cam',
                    onLastEvent: function onLastEvent() {
                        return _this4.dispatch(_globals.actions.setCamera(camera === 'orthographic' ? 'perspective' : 'orthographic'));
                    }
                }),
                _renderer2.default.createElement(
                    Buttons,
                    null,
                    _renderer2.default.createElement(ButtonGroup, { color: 'red' }),
                    _renderer2.default.createElement(ButtonGroup, { color: 'green' })
                )
            );
        }, _temp4), (0, _possibleConstructorReturn3.default)(_this4, _ret4);
    }

    return ControlGroup;
}(_renderer.Component)) || _class4);

var Test = function (_Plugin) {
    (0, _inherits3.default)(Test, _Plugin);

    function Test(session, args) {
        (0, _classCallCheck3.default)(this, Test);
        return (0, _possibleConstructorReturn3.default)(this, (Test.__proto__ || (0, _getPrototypeOf2.default)(Test)).call(this, session, (0, _extends3.default)({ type: 'Test', icon: 'ok' }, args)));
    }

    (0, _createClass3.default)(Test, [{
        key: 'render',
        value: function render() {
            return _renderer2.default.createElement(ControlGroup, null);
        }
    }]);
    return Test;
}(_plugin2.default);

exports.default = Test;