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

Set of react components.

import classNames from 'classnames';
import PropTypes from 'prop-types';
import { withTranslation } from 'react-i18next';
import Dialog from '../Dialog';
import Icon from '../Icon';
import Skeleton from '../Skeleton';
import I18N_DOMAIN_COMPONENTS from '../constants';
import getDefaultT from '../translate';
import theme from './AboutDialog.module.scss';
import { AboutDialogTable, Text } from './AboutDialogTable.component';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
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__*/_jsx(Dialog, {
    header: t('ABOUT_HEADER', {
      defaultValue: 'About {{product}}',
      product
    }),
    className: classNames(theme['about-dialog'], 'about-dialog'),
    type: Dialog.TYPES.INFORMATIVE,
    onHide: onHide,
    actionbar: bar,
    show: show,
    children: /*#__PURE__*/_jsxs("div", {
      children: [/*#__PURE__*/_jsx(Icon, {
        name: icon,
        className: classNames(theme['about-logo'], 'about-logo'),
        "data-testid": "icon"
      }), /*#__PURE__*/_jsxs("div", {
        className: classNames(theme['about-excerpt'], 'about-excerpt'),
        children: [version && /*#__PURE__*/_jsx("div", {
          children: /*#__PURE__*/_jsx(Text, {
            text: t('ABOUT_VERSION_NAME', {
              defaultValue: 'Version: {{version}}',
              version,
              interpolation: {
                escapeValue: false
              }
            }),
            size: Skeleton.SIZES.xlarge,
            loading: loading
          })
        }), /*#__PURE__*/_jsx("div", {
          children: /*#__PURE__*/_jsx(Text, {
            text: copyrights || t('ABOUT_COPYRIGHTS', {
              defaultValue: '© {{year}} Talend. All rights reserved.',
              year: new Date().getFullYear()
            }),
            size: Skeleton.SIZES.large,
            loading: loading
          })
        })]
      }), expanded && /*#__PURE__*/_jsx(AboutDialogTable, {
        t: t,
        loading: loading,
        services: services,
        definition: definition
      })]
    })
  });
}
AboutDialog.displayName = 'AboutDialog';
AboutDialog.defaultProps = {
  t: getDefaultT()
};
if (process.env.NODE_ENV !== 'production') {
  AboutDialog.propTypes = {
    expanded: PropTypes.bool,
    show: PropTypes.bool,
    loading: PropTypes.bool,
    copyrights: PropTypes.string,
    onToggle: PropTypes.func,
    onHide: PropTypes.func,
    product: PropTypes.string,
    version: PropTypes.string,
    icon: PropTypes.string,
    t: PropTypes.func,
    ...AboutDialogTable.propTypes
  };
  AboutDialog.defaultProps = {
    expanded: false,
    show: false,
    loading: false,
    copyrights: '',
    version: '',
    icon: '',
    product: 'this product',
    t: getDefaultT()
  };
}
export default withTranslation(I18N_DOMAIN_COMPONENTS)(AboutDialog);
//# sourceMappingURL=AboutDialog.component.js.map