@jetbrains/ring-ui 4.1.12 → 5.0.0-beta.11

package/dist/global/url.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @description Provides a set of utilities for URL manipulation.
+ */
+/**
+ * @const {RegExp}
+ */
+export declare const ENDING_SLASH_PATTERN: RegExp;
+/**
+ * Get URI from the <base> tag
+ * @return {string|undefined} base URI
+ */
+export declare function getBaseURI(): string | undefined;
+/**
+ * Get absolute URI from the <base> tag
+ * @return {string} absolute base URI
+ */
+export declare function getAbsoluteBaseURL(): string;
+/**
+ * Get origin from the URL
+ * @param {string} url URL to extract origin from
+ * @returns {string|undefined} origin
+ */
+export declare function getOrigin(url: string): string | undefined;
+/**
+ * Get absolute URI from current page
+ * @return {string} absolute URL of current page
+ */
+export declare function getAbsoluteURL(): string;
+/**
+ * Fixes the URL
+ * If the URL is relative and the page contains a <base> TAG, the URL will be converted to absolute
+ * <base href="/">: some/path => /some/path
+ * @param {string} url URL to fix
+ * @param {Function} baseURIGetter a function that returns base URI
+ * @return {string} fixed URL
+ */
+export declare function fixUrl(url: string, baseURIGetter?: typeof getBaseURI): string;
+export declare function joinBaseURLAndPath(baseUrl: string | null | undefined, path: string): string;
+/**
+ * Parses a queryString into an object.
+ * ```
+ * parseQueryString("access_token=2YotnFZFEjr1zCsicMWpAA&state=xyz&token_type=example&expires_in=3600");
+ * // is {access_token: "2YotnFZFEjr1zCsicMWpAA", state: "xyz", token_type: "example", expires_in: "3600"}
+ * ```
+ * @param {string} queryString query parameter string to parse
+ * @return {AuthResponse} object with query parameters map
+ */
+export declare function parseQueryString(queryString: string | null | undefined): Record<string, string>;
+/**
+ * Takes a URL as input and a params object.
+ * Each property in the params is added to the URL as query string parameters
+ * @param {string} url URL to add parameters to
+ * @param {Object} params parameters to add
+ * @returns {string} encoded URL
+ */
+export declare function encodeURL(url: string, params: Record<string, unknown>): string;
+export declare function isDataURI(uri: string): boolean;

package/dist/global/url.js

@@ -130,7 +130,7 @@ function parseQueryString(queryString) {
 
 function customEncodeURIComponent(str) {
   const commaRE = /%2C/g;
-  return encodeURIComponent(str).replace(commaRE, ',');
+  return encodeURIComponent(String(str)).replace(commaRE, ',');
 }
 /**
  * Takes a URL as input and a params object.

package/dist/global/variables.d.ts

@@ -0,0 +1,90 @@
+import type { Property } from 'csstype';
+export interface RingCSSProperties {
+    '--ring-unit'?: string;
+    '--ring-line-color'?: Property.BorderColor;
+    '--ring-borders-color'?: Property.BorderColor;
+    '--ring-icon-color'?: Property.Color;
+    '--ring-icon-secondary-color'?: Property.Color;
+    '--ring-border-disabled-color'?: Property.BorderColor;
+    '--ring-border-unselected-disabled-color'?: Property.Color;
+    '--ring-icon-disabled-color'?: Property.Color;
+    '--ring-border-hover-color'?: Property.BorderColor;
+    '--ring-icon-hover-color'?: Property.Color;
+    '--ring-main-color'?: Property.Color;
+    '--ring-main-hover-color'?: Property.Color;
+    '--ring-icon-error-color'?: Property.Color;
+    '--ring-icon-warning-color'?: Property.Color;
+    '--ring-icon-success-color'?: Property.Color;
+    '--ring-pale-control-color'?: Property.Color;
+    '--ring-popup-border-components'?: string;
+    '--ring-popup-border-color'?: Property.BorderColor;
+    '--ring-popup-shadow-color'?: Property.Color;
+    '--ring-message-shadow-color'?: Property.Color;
+    '--ring-pinned-shadow-color'?: Property.Color;
+    '--ring-button-danger-hover-color'?: Property.Color;
+    '--ring-button-primary-border-color'?: Property.Color;
+    '--ring-search-color'?: Property.Color;
+    '--ring-hint-color'?: Property.Color;
+    '--ring-link-color'?: Property.Color;
+    '--ring-link-hover-color'?: Property.Color;
+    '--ring-error-color'?: Property.Color;
+    '--ring-warning-color'?: Property.Color;
+    '--ring-success-color'?: Property.Color;
+    '--ring-text-color'?: Property.Color;
+    '--ring-active-text-color'?: Property.Color;
+    '--ring-white-text-color'?: Property.Color;
+    '--ring-heading-color'?: Property.Color;
+    '--ring-secondary-color'?: Property.Color;
+    '--ring-disabled-color'?: Property.Color;
+    '--ring-content-background-color'?: Property.BackgroundColor;
+    '--ring-popup-background-color'?: Property.BackgroundColor;
+    '--ring-sidebar-background-color'?: Property.BackgroundColor;
+    '--ring-selected-background-color'?: Property.BackgroundColor;
+    '--ring-hover-background-color'?: Property.BackgroundColor;
+    '--ring-message-background-color'?: Property.BackgroundColor;
+    '--ring-navigation-background-color'?: Property.BackgroundColor;
+    '--ring-tag-background-color'?: Property.BackgroundColor;
+    '--ring-tag-hover-background-color'?: Property.BackgroundColor;
+    '--ring-removed-background-color'?: Property.BackgroundColor;
+    '--ring-warning-background-color'?: Property.BackgroundColor;
+    '--ring-added-background-color'?: Property.BackgroundColor;
+    '--ring-disabled-background-color'?: Property.BackgroundColor;
+    '--ring-button-danger-active-color'?: Property.BackgroundColor;
+    '--ring-button-loader-background'?: Property.BackgroundColor;
+    '--ring-button-primary-background-color'?: Property.BackgroundColor;
+    '--ring-code-background-color'?: Property.BackgroundColor;
+    '--ring-code-color'?: Property.Color;
+    '--ring-code-comment-color'?: Property.Color;
+    '--ring-code-meta-color'?: Property.Color;
+    '--ring-code-keyword-color'?: Property.Color;
+    '--ring-code-tag-background-color'?: Property.BackgroundColor;
+    '--ring-code-tag-color'?: Property.Color;
+    '--ring-code-tag-font-weight'?: Property.FontWeight;
+    '--ring-code-field-color'?: Property.Color;
+    '--ring-code-attribute-color'?: Property.Color;
+    '--ring-code-number-color'?: Property.Color;
+    '--ring-code-string-color'?: Property.Color;
+    '--ring-code-addition-color'?: Property.Color;
+    '--ring-code-deletion-color'?: Property.Color;
+    '--ring-border-radius'?: Property.BorderRadius;
+    '--ring-border-radius-small'?: Property.BorderRadius;
+    '--ring-font-size-larger'?: Property.FontSize;
+    '--ring-font-size'?: Property.FontSize;
+    '--ring-font-size-smaller'?: Property.FontSize;
+    '--ring-line-height-taller'?: Property.LineHeight;
+    '--ring-line-height'?: Property.LineHeight;
+    '--ring-line-height-lower'?: Property.LineHeight;
+    '--ring-line-height-lowest'?: Property.LineHeight;
+    '--ring-ease'?: string;
+    '--ring-fast-ease'?: string;
+    '--ring-font-family'?: Property.FontFamily;
+    '--ring-font-family-monospace'?: Property.FontFamily;
+    '--ring-invisible-element-z-index'?: Property.ZIndex;
+    '--ring-fixed-z-index'?: Property.ZIndex;
+    '--ring-overlay-z-index'?: Property.ZIndex;
+    '--ring-alert-z-index'?: Property.ZIndex;
+}
+declare module 'csstype' {
+    interface Properties extends RingCSSProperties {
+    }
+}

package/dist/global/variables.js

@@ -0,0 +1 @@
+

package/dist/grid/col.d.ts

@@ -0,0 +1,31 @@
+import { Component, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+export interface ColProps {
+    children?: ReactNode;
+    xs?: boolean | number | null | undefined;
+    sm?: boolean | number | null | undefined;
+    md?: boolean | number | null | undefined;
+    lg?: boolean | number | null | undefined;
+    xsOffset?: number | null | undefined;
+    smOffset?: number | null | undefined;
+    mdOffset?: number | null | undefined;
+    lgOffset?: number | null | undefined;
+    reverse?: boolean | null | undefined;
+    className?: string | null | undefined;
+}
+export default class Col extends Component<ColProps> {
+    static propTypes: {
+        xs: PropTypes.Requireable<number | boolean>;
+        sm: PropTypes.Requireable<number | boolean>;
+        md: PropTypes.Requireable<number | boolean>;
+        lg: PropTypes.Requireable<number | boolean>;
+        xsOffset: PropTypes.Requireable<number>;
+        smOffset: PropTypes.Requireable<number>;
+        mdOffset: PropTypes.Requireable<number>;
+        lgOffset: PropTypes.Requireable<number>;
+        reverse: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): JSX.Element;
+}

package/dist/grid/col.js

@@ -22,7 +22,13 @@ const classMap = {
  */
 
 function getClassNames(props) {
-  return Object.keys(props).filter(key => classMap[key]).map(key => modules_855170c0[Number.isInteger(props[key]) ? `${classMap[key]}-${props[key]}` : classMap[key]]);
+  return Object.entries(props).filter(_ref => {
+    let [key] = _ref;
+    return classMap[key];
+  }).map(_ref2 => {
+    let [key, value] = _ref2;
+    return modules_855170c0[Number.isInteger(value) ? `${classMap[key]}-${value}` : classMap[key]];
+  });
 }
 
 class Col extends Component {

package/dist/grid/grid.d.ts

@@ -0,0 +1,14 @@
+import { Component, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * @name Grid
+ */
+export declare class Grid extends Component<HTMLAttributes<HTMLDivElement>> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): JSX.Element;
+}
+export { default as Row } from './row';
+export { default as Col } from './col';

package/dist/grid/row.d.ts

@@ -0,0 +1,40 @@
+import { Component, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+declare const ModifierType: PropTypes.Requireable<string>;
+declare type ModifierType = 'xs' | 'sm' | 'md' | 'lg';
+export interface RowProps {
+    children?: ReactNode;
+    reverse?: boolean | null | undefined;
+    start?: ModifierType | null | undefined;
+    center?: ModifierType | null | undefined;
+    end?: ModifierType | null | undefined;
+    top?: ModifierType | null | undefined;
+    middle?: ModifierType | null | undefined;
+    baseline?: ModifierType | null | undefined;
+    bottom?: ModifierType | null | undefined;
+    around?: ModifierType | null | undefined;
+    between?: ModifierType | null | undefined;
+    first?: ModifierType | null | undefined;
+    last?: ModifierType | null | undefined;
+    className?: string | null | undefined;
+}
+export default class Row extends Component<RowProps> {
+    static propTypes: {
+        reverse: PropTypes.Requireable<boolean>;
+        start: PropTypes.Requireable<string>;
+        center: PropTypes.Requireable<string>;
+        end: PropTypes.Requireable<string>;
+        top: PropTypes.Requireable<string>;
+        middle: PropTypes.Requireable<string>;
+        baseline: PropTypes.Requireable<string>;
+        bottom: PropTypes.Requireable<string>;
+        around: PropTypes.Requireable<string>;
+        between: PropTypes.Requireable<string>;
+        first: PropTypes.Requireable<string>;
+        last: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): JSX.Element;
+}
+export {};

package/dist/grid/row.js

@@ -5,10 +5,7 @@ import classNames from 'classnames';
 import { m as modules_855170c0 } from '../_helpers/grid.js';
 
 const ModifierType = PropTypes.oneOf(['xs', 'sm', 'md', 'lg']);
-const modifierKeys = ['start', 'center', 'end', // text-align, justify-content
-'around', 'between', // justify-content
-'top', 'middle', 'baseline', 'bottom', // align-items
-'first', 'last' // order
+const modifierKeys = ['start', 'center', 'end', 'around', 'between', 'top', 'middle', 'baseline', 'bottom', 'first', 'last' // order
 ];
 /**
  * Converts xs="middle" to class "middle-xs"

package/dist/group/group.d.ts

@@ -0,0 +1,12 @@
+import { Component, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * @name Group
+ */
+export default class Group extends Component<HTMLAttributes<HTMLSpanElement>> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+    };
+    render(): JSX.Element;
+}

package/dist/header/header.d.ts

@@ -0,0 +1,34 @@
+import { Component, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import Theme from '../global/theme';
+interface HeaderProps extends HTMLAttributes<HTMLElement> {
+    spaced: boolean;
+    theme: Theme;
+}
+/**
+ * @name Header
+ */
+/**
+ * Displays a configurable page header. See available presentation options in the knobs panel.
+ */
+declare class Header extends Component<HeaderProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        spaced: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        spaced: boolean;
+        theme: Theme;
+    };
+    render(): JSX.Element;
+}
+export declare type HeaderAttrs = JSX.LibraryManagedAttributes<typeof Header, HeaderProps>;
+export default Header;
+export { default as Logo } from './logo';
+export { default as Tray } from './tray';
+export { default as TrayIcon } from './tray-icon';
+export { default as Profile } from './profile';
+export { default as SmartProfile } from './smart-profile';
+export { default as Services } from './services';
+export { default as SmartServices } from './smart-services';

package/dist/header/header.js

@@ -2,8 +2,7 @@ import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBa
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import compose from '../global/compose.js';
-import Theme, { withTheme } from '../global/theme.js';
+import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
 export { default as Logo } from './logo.js';
 export { default as Tray } from './tray.js';
@@ -12,6 +11,8 @@ export { default as Profile } from './profile.js';
 export { default as SmartProfile } from './smart-profile.js';
 export { default as Services } from './services.js';
 export { default as SmartServices } from './smart-services.js';
+import '../popup/popup.target.js';
+import '../global/get-uid.js';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
@@ -22,12 +23,12 @@ import '../button/button.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
-import '../global/get-uid.js';
 import '../dropdown-menu/dropdown-menu.js';
 import '../list/list.js';
 import 'react-virtualized/dist/es/List';
@@ -59,6 +60,7 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../dropdown/dropdown.js';
+import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../popup-menu/popup-menu.js';
 import '../popup/popup.js';
@@ -66,7 +68,6 @@ import 'react-dom';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
-import '../popup/popup.target.js';
 import '../auth/auth.js';
 import '../auth/window-flow.js';
 import '../auth/response-parser.js';
@@ -78,12 +79,7 @@ import '@jetbrains/icons/exception';
 import '@jetbrains/icons/warning';
 import '@jetbrains/icons/close';
 import '../loader-inline/loader-inline.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../alert/container.js';
 import '../group/group.js';
 import '../_helpers/group.js';
@@ -120,28 +116,27 @@ class Header extends Component {
       theme,
       ...restProps
     } = this.props;
-    const classes = classNames(modules_47759f5e.header, modules_47759f5e[theme], className, {
+    const classes = classNames(modules_47759f5e.header, className, {
       [modules_47759f5e.headerSpaced]: spaced
     });
-    return /*#__PURE__*/React.createElement("header", _extends({}, restProps, {
+    return /*#__PURE__*/React.createElement(ThemeProvider, {
+      theme: theme
+    }, /*#__PURE__*/React.createElement("header", _extends({}, restProps, {
       className: classes
-    }), children);
+    }), children));
   }
 
 }
 
 _defineProperty(Header, "propTypes", {
-  theme: PropTypes.oneOf(['light', 'dark']),
   className: PropTypes.string,
   children: PropTypes.node,
   spaced: PropTypes.bool
 });
 
 _defineProperty(Header, "defaultProps", {
-  spaced: true
+  spaced: true,
+  theme: Theme.DARK
 });
 
-var header = withTheme(Theme.DARK)(Header);
-const RerenderableHeader = compose(withTheme(Theme.DARK))(Header);
-
-export { RerenderableHeader, header as default };
+export { Header as default };

package/dist/header/logo.d.ts

@@ -0,0 +1,14 @@
+import { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { IconAttrs, Size } from '../icon/icon';
+export default class Logo extends PureComponent<IconAttrs> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        size: Size;
+        suppressSizeWarning: boolean;
+    };
+    static Size: typeof Size;
+    render(): JSX.Element;
+}

package/dist/header/profile.d.ts

@@ -0,0 +1,73 @@
+import React, { ComponentType, HTMLAttributes, PureComponent, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { Size } from '../avatar/avatar';
+import { ListDataItem } from '../list/consts';
+import { AuthUser } from '../auth/auth';
+import { LinkProps } from '../link/link';
+export interface ProfileTranslations {
+    applyChangedUser?: string | null | undefined;
+    login?: string | null | undefined;
+    profile?: string | null | undefined;
+    switchUser?: string | null | undefined;
+    logout?: string | null | undefined;
+    certificateMismatch?: string | null | undefined;
+}
+export interface ProfileProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    closeOnSelect: boolean;
+    renderPopupItems: (items: ListDataItem[]) => readonly ListDataItem[];
+    translations: ProfileTranslations;
+    size: Size;
+    renderGuest: (props: ProfileProps) => ReactNode;
+    hasUpdates?: boolean | null | undefined;
+    loading?: boolean | undefined;
+    onLogin?: (() => void) | undefined;
+    onLogout?: (() => void) | null | undefined;
+    onSwitchUser?: (() => void) | null | undefined;
+    profileUrl?: string | undefined;
+    LinkComponent?: ComponentType<LinkProps> | null | undefined;
+    user?: AuthUser | null | undefined | void;
+    round?: boolean | null | undefined;
+    showLogIn?: boolean | null | undefined;
+    showLogOut?: boolean | null | undefined;
+    showSwitchUser?: boolean | null | undefined;
+    showApplyChangedUser?: boolean | null | undefined;
+    onRevertPostponement?: (() => void) | null | undefined;
+}
+export default class Profile extends PureComponent<ProfileProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        closeOnSelect: PropTypes.Requireable<boolean>;
+        hasUpdates: PropTypes.Requireable<boolean>;
+        loading: PropTypes.Requireable<boolean>;
+        onLogin: PropTypes.Requireable<(...args: any[]) => any>;
+        onLogout: PropTypes.Requireable<(...args: any[]) => any>;
+        onSwitchUser: PropTypes.Requireable<(...args: any[]) => any>;
+        profileUrl: PropTypes.Requireable<string>;
+        renderPopupItems: PropTypes.Requireable<(...args: any[]) => any>;
+        LinkComponent: PropTypes.Requireable<string | ((...args: any[]) => any) | React.Component<unknown, unknown, unknown>>;
+        translations: PropTypes.Requireable<PropTypes.InferProps<{
+            profile: PropTypes.Requireable<string>;
+            login: PropTypes.Requireable<string>;
+            logout: PropTypes.Requireable<string>;
+            applyChangedUser: PropTypes.Requireable<string>;
+            switchUser: PropTypes.Requireable<string>;
+        }>>;
+        user: PropTypes.Requireable<PropTypes.InferProps<{
+            guest: PropTypes.Requireable<boolean>;
+            profile: PropTypes.Requireable<object>;
+            name: PropTypes.Requireable<string>;
+        }>>;
+        size: PropTypes.Requireable<number>;
+        round: PropTypes.Requireable<boolean>;
+        showLogIn: PropTypes.Requireable<boolean>;
+        showLogOut: PropTypes.Requireable<boolean>;
+        showSwitchUser: PropTypes.Requireable<boolean>;
+        showApplyChangedUser: PropTypes.Requireable<boolean>;
+        onRevertPostponement: PropTypes.Requireable<(...args: any[]) => any>;
+        renderGuest: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: ProfileProps;
+    static Size: typeof Size;
+    render(): React.ReactNode;
+}
+export declare type ProfileAttrs = JSX.LibraryManagedAttributes<typeof Profile, ProfileProps>;

package/dist/header/profile.js

@@ -3,9 +3,10 @@ import React, { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Avatar, { Size } from '../avatar/avatar.js';
-import Button from '../button/button.js';
+import { Button } from '../button/button.js';
 import DropdownMenu from '../dropdown-menu/dropdown-menu.js';
 import PopupMenu from '../popup-menu/popup-menu.js';
+import { isTruthy } from '../global/typescript-utils.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
 import '../global/url.js';
 import '../global/dom.js';
@@ -19,8 +20,8 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../list/list.js';
 import 'react-virtualized/dist/es/List';
@@ -125,7 +126,6 @@ class Profile extends PureComponent {
       rgItemType: PopupMenu.ListProps.Type.LINK,
       label: translations.profile || 'Profile',
       target: '_self',
-      // Full page reload in Angular
       href: profileUrl,
       LinkComponent
     }, showSwitchUser && {
@@ -137,7 +137,7 @@ class Profile extends PureComponent {
       rgItemType,
       label: translations.logout || 'Log out',
       onClick: onLogout
-    }].filter(it => !!it);
+    }].filter(isTruthy);
     return /*#__PURE__*/React.createElement(DropdownMenu, _extends({}, props, {
       title: user.name,
       anchor: anchor,

package/dist/header/services-link.d.ts

@@ -0,0 +1,25 @@
+import { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { LinkProps } from '../link/link';
+export interface Service {
+    id: string;
+    applicationName?: string | null | undefined;
+    iconUrl?: string | null | undefined;
+    homeUrl: string;
+    name: string;
+}
+export interface ServicesLinkProps extends Partial<LinkProps> {
+    service: Service;
+}
+export default class ServicesLink extends PureComponent<ServicesLinkProps> {
+    static propTypes: {
+        isActive: PropTypes.Requireable<boolean>;
+        service: PropTypes.Requireable<PropTypes.InferProps<{
+            applicationName: PropTypes.Requireable<string>;
+            iconUrl: PropTypes.Requireable<string>;
+            homeUrl: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+        }>>;
+    };
+    render(): JSX.Element;
+}

package/dist/header/services.d.ts

@@ -0,0 +1,33 @@
+import { HTMLAttributes, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import Theme from '../global/theme';
+import ServicesLink, { Service } from './services-link';
+export interface ServicesProps extends HTMLAttributes<HTMLElement> {
+    theme: Theme;
+    clientId?: string | null | undefined;
+    initShown?: boolean | undefined;
+    loading?: boolean | null | undefined;
+    services?: Service[] | null | undefined;
+}
+export default class Services extends PureComponent<ServicesProps> {
+    static sort: (a: Service, b: Service) => number;
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        clientId: PropTypes.Requireable<string>;
+        initShown: PropTypes.Requireable<boolean>;
+        loading: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        services: PropTypes.Requireable<(PropTypes.InferProps<{
+            applicationName: PropTypes.Requireable<string>;
+            iconUrl: PropTypes.Requireable<string>;
+            homeUrl: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+    };
+    static defaultProps: {
+        theme: Theme;
+    };
+    static Link: typeof ServicesLink;
+    serviceIsActive: (service: Service) => boolean;
+    render(): JSX.Element;
+}