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

Set of react components.

import { useTranslation } from 'react-i18next';
import PropTypes from 'prop-types';
import Action from '../Actions/Action';
import ActionDropdown from '../Actions/ActionDropdown';
import I18N_DOMAIN_COMPONENTS from '../constants';
import Inject from '../Inject';
import { getTheme } from '../theme';
import AppSwitcherCSSModule from './AppSwitcher.module.scss';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const theme = getTheme(AppSwitcherCSSModule);
export default function AppSwitcher({
  label,
  isSeparated,
  onClick,
  getComponent,
  iconUrl,
  ...props
}) {
  const {
    t
  } = useTranslation(I18N_DOMAIN_COMPONENTS);
  const Renderers = Inject.getAll(getComponent, {
    Action,
    ActionDropdown
  });
  const className = theme('tc-app-switcher-action', {
    separated: isSeparated,
    hasIcon: !!iconUrl
  });
  let ActionComponent;
  let clickAction;
  let ariaLabel;
  if (props && props.items && props.items.length) {
    ActionComponent = Renderers.ActionDropdown;
    ariaLabel = t('APP_SWITCHER', {
      defaultValue: 'Switch to another application. Current application: {{appName}}.',
      appName: label
    });
  } else {
    ActionComponent = Renderers.Action;
    clickAction = onClick;
  }
  return /*#__PURE__*/_jsxs("li", {
    role: "presentation",
    className: className,
    children: [iconUrl && /*#__PURE__*/_jsx("style", {
      children: `.tc-app-switcher-action [role='heading'] span:first-child:before {
						-webkit-mask-image: url('${iconUrl}');
						mask-image: url('${iconUrl}');
				}`
    }), /*#__PURE__*/_jsx("span", {
      role: "heading",
      "aria-level": "1",
      children: /*#__PURE__*/_jsx(ActionComponent, {
        bsStyle: "link",
        className: theme('tc-app-switcher'),
        tooltipPlacement: "bottom",
        label: label,
        "aria-label": ariaLabel,
        onClick: clickAction,
        ...props
      })
    })]
  });
}
AppSwitcher.propTypes = {
  label: PropTypes.string,
  isSeparated: PropTypes.bool,
  items: PropTypes.arrayOf(PropTypes.object),
  iconUrl: PropTypes.string,
  onClick: PropTypes.func,
  getComponent: PropTypes.func
};
//# sourceMappingURL=AppSwitcher.component.js.map