dareway-rui/build/taglib/segment/LinkButtonGroup/view/LinkButtonGroupView.js

'use strict';

var _interopRequireDefault = require('@babel/runtime/helpers/interopRequireDefault');

Object.defineProperty(exports, '__esModule', {
    value: true
});
exports.default = void 0;

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

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

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

var _getPrototypeOf2 = _interopRequireDefault(require('@babel/runtime/helpers/getPrototypeOf'));

var _assertThisInitialized2 = _interopRequireDefault(require('@babel/runtime/helpers/assertThisInitialized'));

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

var _defineProperty2 = _interopRequireDefault(require('@babel/runtime/helpers/defineProperty'));

var _react = _interopRequireDefault(require('react'));

var _propTypes = _interopRequireDefault(require('prop-types'));

var _ruiIcon = _interopRequireDefault(require('rui-icon'));

var _antd = require('antd');

var LinkButtonGroupView =
    /*#__PURE__*/
    (function(_React$Component) {
        (0, _inherits2.default)(LinkButtonGroupView, _React$Component);

        function LinkButtonGroupView(props) {
            var _this;

            (0, _classCallCheck2.default)(this, LinkButtonGroupView);
            _this = (0, _possibleConstructorReturn2.default)(
                this,
                (0, _getPrototypeOf2.default)(LinkButtonGroupView).call(this, props)
            );
            (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), 'handleKeyDown', function(
                event
            ) {
                var _this$props = _this.props,
                    value = _this$props.value,
                    onKeyDown = _this$props.onKeyDown;

                if (onKeyDown) {
                    onKeyDown(value, event);
                }
            });
            (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), 'handleFocus', function(event) {
                var _this$props2 = _this.props,
                    value = _this$props2.value,
                    onFocus = _this$props2.onFocus;

                if (onFocus) {
                    onFocus(value, event);
                }
            });
            return _this;
        }

        (0, _createClass2.default)(LinkButtonGroupView, [
            {
                key: 'render',
                value: function render() {
                    var _this$props3 = this.props,
                        value = _this$props3.value,
                        getPopupContainer = _this$props3.getPopupContainer,
                        forwardedRef = _this$props3.forwardedRef,
                        onFocus = _this$props3.onFocus,
                        onKeyDown = _this$props3.onKeyDown;
                    return _react.default.createElement(
                        'div',
                        {
                            className: 'rui-segment-linkbuttongroup',
                            title: value
                        },
                        _react.default.createElement(
                            'span',
                            {
                                className: 'rui-segment-linkbuttongroup-icon'
                            },
                            _react.default.createElement(_ruiIcon.default, {
                                type: 'caret-right'
                            })
                        ),
                        _react.default.createElement(
                            'div',
                            {
                                className: 'rui-segment-linkbuttongroup-label'
                            },
                            _react.default.createElement(
                                _antd.Popover,
                                {
                                    key: 'linkButtonGroup--Popover',
                                    content: _react.default.createElement(_antd.Row, null, this.props.children),
                                    trigger: 'hover',
                                    placement: 'bottomLeft',
                                    arrowPointAtCenter: true,
                                    getPopupContainer: getPopupContainer,
                                    overlayClassName: 'rui-linkbuttongroup-popover'
                                },
                                _react.default.createElement(
                                    'span',
                                    {
                                        className: 'rui-segment-linkbuttongroup-label-value',
                                        ref: forwardedRef,
                                        tabIndex: 1,
                                        onKeyDown: this.handleKeyDown,
                                        onFocus: this.handleFocus
                                    },
                                    value
                                )
                            )
                        )
                    );
                }
            }
        ]);
        return LinkButtonGroupView;
    })(_react.default.Component);

exports.default = LinkButtonGroupView;
(0, _defineProperty2.default)(LinkButtonGroupView, 'propTypes', {
    name: _propTypes.default.string,
    value: _propTypes.default.string,
    getPopupContainer: _propTypes.default.func,
    onFocus: _propTypes.default.func,
    onKeyDown: _propTypes.default.func,
    forwardedRef: _propTypes.default.object
});

//@ sourceMappingURL=LinkButtonGroupView.js.map