@talend/react-components/lib/AboutDialog/AboutDialog.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _reactI18next = require("react-i18next");
var _Dialog = _interopRequireDefault(require("../Dialog"));
var _Icon = _interopRequireDefault(require("../Icon"));
var _Skeleton = _interopRequireDefault(require("../Skeleton"));
var _constants = _interopRequireDefault(require("../constants"));
var _translate = _interopRequireDefault(require("../translate"));
var _AboutDialogModule = _interopRequireDefault(require("./AboutDialog.module.scss"));
var _AboutDialogTable = require("./AboutDialogTable.component");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function AboutDialog({
  services,
  expanded,
  definition,
  show,
  product,
  version,
  loading,
  icon,
  copyrights,
  onToggle,
  onHide,
  t
}) {
  const bar = {
    actions: {
      center: [{
        label: expanded ? t('LESS', {
          defaultValue: 'Less'
        }) : t('MORE', {
          defaultValue: 'More'
        }),
        className: 'btn-default btn-inverse',
        onClick: onToggle
      }]
    }
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
    header: t('ABOUT_HEADER', {
      defaultValue: 'About {{product}}',
      product
    }),
    className: (0, _classnames.default)(_AboutDialogModule.default['about-dialog'], 'about-dialog'),
    type: _Dialog.default.TYPES.INFORMATIVE,
    onHide: onHide,
    actionbar: bar,
    show: show,
    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
        name: icon,
        className: (0, _classnames.default)(_AboutDialogModule.default['about-logo'], 'about-logo'),
        "data-testid": "icon"
      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
        className: (0, _classnames.default)(_AboutDialogModule.default['about-excerpt'], 'about-excerpt'),
        children: [version && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AboutDialogTable.Text, {
            text: t('ABOUT_VERSION_NAME', {
              defaultValue: 'Version: {{version}}',
              version,
              interpolation: {
                escapeValue: false
              }
            }),
            size: _Skeleton.default.SIZES.xlarge,
            loading: loading
          })
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AboutDialogTable.Text, {
            text: copyrights || t('ABOUT_COPYRIGHTS', {
              defaultValue: '© {{year}} Talend. All rights reserved.',
              year: new Date().getFullYear()
            }),
            size: _Skeleton.default.SIZES.large,
            loading: loading
          })
        })]
      }), expanded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AboutDialogTable.AboutDialogTable, {
        t: t,
        loading: loading,
        services: services,
        definition: definition
      })]
    })
  });
}
AboutDialog.displayName = 'AboutDialog';
AboutDialog.defaultProps = {
  t: (0, _translate.default)()
};
if (process.env.NODE_ENV !== 'production') {
  AboutDialog.propTypes = {
    expanded: _propTypes.default.bool,
    show: _propTypes.default.bool,
    loading: _propTypes.default.bool,
    copyrights: _propTypes.default.string,
    onToggle: _propTypes.default.func,
    onHide: _propTypes.default.func,
    product: _propTypes.default.string,
    version: _propTypes.default.string,
    icon: _propTypes.default.string,
    t: _propTypes.default.func,
    ..._AboutDialogTable.AboutDialogTable.propTypes
  };
  AboutDialog.defaultProps = {
    expanded: false,
    show: false,
    loading: false,
    copyrights: '',
    version: '',
    icon: '',
    product: 'this product',
    t: (0, _translate.default)()
  };
}
var _default = exports.default = (0, _reactI18next.withTranslation)(_constants.default)(AboutDialog);
//# sourceMappingURL=AboutDialog.component.js.map