@lyra/default-layout/lib/components/CurrentVersionsDialog.js

The default layout components for Lyra

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

var _default = require('part:@lyra/components/buttons/default');

var _default2 = _interopRequireDefault(_default);

var _default3 = require('part:@lyra/components/dialogs/default');

var _default4 = _interopRequireDefault(_default3);

var _lyraVersions = require('lyra:versions');

var _lyraVersions2 = _interopRequireDefault(_lyraVersions);

var _UpdateNotifierDialog = require('./styles/UpdateNotifierDialog.css');

var _UpdateNotifierDialog2 = _interopRequireDefault(_UpdateNotifierDialog);

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

function CurrentVersionsDialog(props) {
  const onClose = props.onClose;

  return _react2.default.createElement(
    _default4.default,
    { isOpen: true, onClose: onClose },
    _react2.default.createElement(
      'div',
      { className: _UpdateNotifierDialog2.default.content },
      _react2.default.createElement(
        'div',
        null,
        _react2.default.createElement(
          'h2',
          null,
          'Studio is up to date'
        ),
        _react2.default.createElement(
          'table',
          { className: _UpdateNotifierDialog2.default.versionsTable },
          _react2.default.createElement(
            'thead',
            null,
            _react2.default.createElement(
              'tr',
              null,
              _react2.default.createElement(
                'th',
                null,
                'Module'
              ),
              _react2.default.createElement(
                'th',
                null,
                'Installed'
              ),
              _react2.default.createElement(
                'th',
                null,
                'Latest'
              )
            )
          ),
          _react2.default.createElement(
            'tbody',
            null,
            Object.keys(_lyraVersions2.default).map(pkgName => _react2.default.createElement(
              'tr',
              { key: pkgName },
              _react2.default.createElement(
                'td',
                null,
                pkgName
              ),
              _react2.default.createElement(
                'td',
                null,
                _lyraVersions2.default[pkgName]
              ),
              _react2.default.createElement(
                'td',
                null,
                _lyraVersions2.default[pkgName]
              )
            ))
          )
        ),
        _react2.default.createElement(
          _default2.default,
          { color: 'primary', onClick: onClose },
          'Close'
        )
      )
    )
  );
}

CurrentVersionsDialog.propTypes = {
  onClose: _propTypes2.default.func.isRequired
};

exports.default = CurrentVersionsDialog;