@jetbrains/ring-ui 4.1.1 → 4.1.2

package/dist/global/supports-css.js

@@ -0,0 +1,20 @@
+import memoize from './memoize.js';
+
+var supportsCss = memoize(declaration => {
+  const [property, value] = declaration.split(': ');
+  const camelCaseProperty = property.replace(/-(\w)/g, (_, letter) => letter.toUpperCase());
+  const div = document.createElement('div');
+
+  if (div.style[camelCaseProperty] === undefined) {
+    return false;
+  }
+
+  if (value) {
+    div.style[camelCaseProperty] = value;
+    return Boolean(div.style[camelCaseProperty]);
+  }
+
+  return true;
+});
+
+export { supportsCss as default };

package/dist/global/theme.js

@@ -0,0 +1,54 @@
+import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { createContext, memo, forwardRef } from 'react';
+
+const Theme = {
+  LIGHT: 'light',
+  DARK: 'dark'
+};
+const ThemeContext = /*#__PURE__*/createContext(null);
+
+const getDisplayName = Component => {
+  var _ref, _Component$name;
+
+  return typeof Component === 'string' ? Component : (_ref = (_Component$name = Component.name) !== null && _Component$name !== void 0 ? _Component$name : Component.displayName) !== null && _ref !== void 0 ? _ref : 'Component';
+};
+
+const withTheme = function () {
+  let defaultTheme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Theme.LIGHT;
+  return ComposedComponent => {
+    const WithTheme = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function WithTheme(_ref2, ref) {
+      let {
+        theme,
+        ...restProps
+      } = _ref2;
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, contextTheme => {
+        const usedTheme = theme || contextTheme || defaultTheme;
+        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+          value: usedTheme
+        }, /*#__PURE__*/React.createElement(ComposedComponent, _extends({
+          ref: ref
+        }, restProps, {
+          theme: usedTheme
+        })));
+      });
+    }));
+    Object.assign(WithTheme, ComposedComponent);
+    WithTheme.propTypes = ComposedComponent.propTypes;
+    WithTheme.displayName = `withTheme(${getDisplayName(ComposedComponent)})`;
+    return WithTheme;
+  };
+};
+
+function applyTheme(params) {
+  if (!params || !params.element || !params.currentTheme) {
+    return;
+  }
+
+  if (params.prevTheme) {
+    params.element.classList.remove(params.prevTheme);
+  }
+
+  params.element.classList.add(params.currentTheme);
+}
+
+export { ThemeContext, applyTheme, Theme as default, withTheme };

package/dist/global/trivial-template-tag.js

@@ -0,0 +1,15 @@
+const TWO = 2;
+function trivialTemplateTag(f) {
+  return function (strings) {
+    const chunks = [...strings]; // insert the interpolations where they belong to
+
+    for (var _len = arguments.length, interpolations = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      interpolations[_key - 1] = arguments[_key];
+    }
+
+    interpolations.forEach((value, i) => chunks.splice(TWO * i + 1, 0, value));
+    return f(chunks.join(''));
+  };
+}
+
+export { trivialTemplateTag as default };

package/dist/global/url.js

@@ -0,0 +1,163 @@
+/**
+ * @description Provides a set of utilities for URL manipulation.
+ */
+
+/**
+ * @const {RegExp}
+ */
+const ORIGIN_PATTERN = /^[a-z]+:\/\/[^/]+/i;
+/**
+ * @const {RegExp}
+ */
+
+const ABSOLUTE_URL_PATTERN = /^[a-z]+:\/\//i;
+/**
+ * @const {RegExp}
+ */
+
+const ENDING_SLASH_PATTERN = /\/$/;
+/**
+ * Get URI from the <base> tag
+ * @return {string|undefined} base URI
+ */
+
+function getBaseURI() {
+  const baseElement = document.getElementsByTagName('base')[0];
+  return baseElement ? baseElement.href : undefined;
+}
+/**
+ * Get absolute URI from the <base> tag
+ * @return {string} absolute base URI
+ */
+
+function getAbsoluteBaseURL() {
+  const baseUrl = getBaseURI();
+  const host = `${window.location.protocol}//${window.location.host}`;
+  let uri;
+
+  if (baseUrl) {
+    uri = ABSOLUTE_URL_PATTERN.test(baseUrl) ? baseUrl : host + baseUrl;
+  } else {
+    uri = host;
+  }
+
+  return uri;
+}
+/**
+ * Get origin from the URL
+ * @param {string} url URL to extract origin from
+ * @returns {string|undefined} origin
+ */
+
+function getOrigin(url) {
+  const matches = url.match(ORIGIN_PATTERN);
+
+  if (matches) {
+    return matches[0];
+  }
+
+  return undefined;
+}
+/**
+ * Get absolute URI from current page
+ * @return {string} absolute URL of current page
+ */
+
+function getAbsoluteURL() {
+  return window.location.href.split('#')[0];
+}
+/**
+ * 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
+ */
+
+function fixUrl(url) {
+  let baseURIGetter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getBaseURI;
+
+  if (url.indexOf('http://') === -1 && url.indexOf('https://') === -1 && url.indexOf('/') !== 0) {
+    const baseUrl = baseURIGetter();
+
+    if (baseUrl) {
+      return baseUrl + url;
+    }
+  }
+
+  return url;
+}
+function joinBaseURLAndPath(baseUrl, path) {
+  if (!baseUrl || path.indexOf('http://') !== -1 || path.indexOf('https://') !== -1) {
+    return path;
+  }
+
+  return baseUrl + path;
+}
+/**
+ * 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
+ */
+
+function parseQueryString(queryString) {
+  if (queryString == null) {
+    return {};
+  }
+
+  const queryParameterPairRE = /([^&;=]+)=?([^&;]*)/g;
+  const FIRST_PAIR_ELEMENT = 1;
+  const SECOND_PAIR_ELEMENT = 2;
+  const urlParams = {};
+
+  function decode(s) {
+    return decodeURIComponent(s.replace(/\+/g, ' '));
+  }
+
+  let matchedQueryPair;
+
+  while ((matchedQueryPair = queryParameterPairRE.exec(queryString)) != null) {
+    urlParams[decode(matchedQueryPair[FIRST_PAIR_ELEMENT])] = decode(matchedQueryPair[SECOND_PAIR_ELEMENT]);
+  }
+
+  return urlParams;
+}
+
+function customEncodeURIComponent(str) {
+  const commaRE = /%2C/g;
+  return encodeURIComponent(str).replace(commaRE, ',');
+}
+/**
+ * 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
+ */
+
+
+function encodeURL(url, params) {
+  const equalsSign = '=';
+  const firstSeparator = url.indexOf('?') === -1 ? '?' : '&';
+  let res = url;
+  let k;
+  let i = 0;
+
+  for (k in params) {
+    if (params.hasOwnProperty(k) && params[k] != null) {
+      res += (i++ === 0 ? firstSeparator : '&') + customEncodeURIComponent(k) + equalsSign + customEncodeURIComponent(params[k]);
+    }
+  }
+
+  return res;
+}
+function isDataURI(uri) {
+  return uri.indexOf('data:') === 0;
+}
+
+export { ENDING_SLASH_PATTERN, encodeURL, fixUrl, getAbsoluteBaseURL, getAbsoluteURL, getBaseURI, getOrigin, isDataURI, joinBaseURLAndPath, parseQueryString };

package/dist/global/variables_dark.js

@@ -0,0 +1,57 @@
+var variables_dark = {
+  '--ring-line-color': '#475159',
+  '--ring-borders-color': '#406380',
+  '--ring-icon-color': '#80929d',
+  '--ring-icon-secondary-color': '#80929d',
+  '--ring-border-disabled-color': '#475159',
+  '--ring-border-hover-color': '#70b1e6',
+  '--ring-icon-error-color': '#c22731',
+  '--ring-icon-warning-color': '#cc8b00',
+  '--ring-icon-success-color': '#1c8c32',
+  '--ring-popup-border-components': '0, 42, 76',
+  '--ring-popup-border-color': 'rgba(var(--ring-popup-border-components), 0.1)',
+  '--ring-popup-shadow-color': 'rgba(var(--ring-popup-border-components), 0.15)',
+  '--ring-message-shadow-color': 'rgba(var(--ring-popup-border-components), 0.3)',
+  '--ring-pinned-shadow-color': '#000',
+
+  /* Text */
+  '--ring-hint-color': '#80929d',
+  '--ring-link-color': '#70b1e6',
+  '--ring-error-color': '#db5860',
+  '--ring-warning-color': '#eda200',
+  '--ring-success-color': '#59a869',
+  '--ring-text-color': '#bbb',
+  '--ring-heading-color': 'var(--ring-text-color)',
+  '--ring-secondary-color': '#80929d',
+  '--ring-disabled-color': '#80929d',
+
+  /* Background */
+  '--ring-content-background-color': '#23272b',
+  '--ring-popup-background-color': '#111314',
+  '--ring-sidebar-background-color': '#28343d',
+  '--ring-selected-background-color': '#062640',
+  '--ring-hover-background-color': '#0b1a26',
+  '--ring-message-background-color': 'var(--ring-popup-background-color)',
+  '--ring-navigation-background-color': '#111314',
+  '--ring-tag-background-color': '#3e4d59',
+  '--ring-removed-background-color': '#8f5247',
+  '--ring-warning-background-color': '#593d01',
+  '--ring-added-background-color': '#365947',
+
+  /* Code */
+  '--ring-code-background-color': '#2b2b2b',
+  '--ring-code-color': '#a9b7c6',
+  '--ring-code-meta-color': '#bbb529',
+  '--ring-code-keyword-color': '#cc7832',
+  '--ring-code-tag-background-color': '#2b2b2b',
+  '--ring-code-tag-color': '#e8BF6a',
+  '--ring-code-tag-font-weight': 'normal',
+  '--ring-code-field-color': '#9876aa',
+  '--ring-code-attribute-color': '#bababa',
+  '--ring-code-number-color': '#6897bb',
+  '--ring-code-string-color': '#6a8759',
+  '--ring-code-addition-color': '#447152',
+  '--ring-code-deletion-color': '#656e76'
+};
+
+export { variables_dark as default };

package/dist/grid/col.js

@@ -0,0 +1,60 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { m as modules_855170c0 } from '../_helpers/grid.js';
+
+const ModifierType = PropTypes.oneOfType([PropTypes.number, PropTypes.bool]);
+const classMap = {
+  xs: 'col-xs',
+  sm: 'col-sm',
+  md: 'col-md',
+  lg: 'col-lg',
+  xsOffset: 'col-xs-offset',
+  smOffset: 'col-sm-offset',
+  mdOffset: 'col-md-offset',
+  lgOffset: 'col-lg-offset'
+};
+/**
+ * Converts props like "xs=9 xsOffset={2}" to classes "col-xs-9 col-xs-offset-2"
+ * @param {Object} props incoming props
+ * @returns {Array} result classnames
+ */
+
+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]]);
+}
+
+class Col extends Component {
+  render() {
+    const {
+      children,
+      className,
+      reverse,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_855170c0.col, className, getClassNames(restProps), {
+      [modules_855170c0.reverse]: reverse
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes
+    }, children);
+  }
+
+}
+
+_defineProperty(Col, "propTypes", {
+  xs: ModifierType,
+  sm: ModifierType,
+  md: ModifierType,
+  lg: ModifierType,
+  xsOffset: PropTypes.number,
+  smOffset: PropTypes.number,
+  mdOffset: PropTypes.number,
+  lgOffset: PropTypes.number,
+  reverse: PropTypes.bool,
+  className: PropTypes.string,
+  children: PropTypes.node
+});
+
+export { Col as default };

package/dist/grid/grid.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { m as modules_855170c0 } from '../_helpers/grid.js';
+export { default as Row } from './row.js';
+export { default as Col } from './col.js';
+
+/**
+ * @name Grid
+ */
+
+class Grid extends Component {
+  render() {
+    const {
+      children,
+      className,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_855170c0['container-fluid'], className);
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      className: classes
+    }), children);
+  }
+
+}
+
+_defineProperty(Grid, "propTypes", {
+  className: PropTypes.string,
+  children: PropTypes.node
+});
+
+export { Grid };

package/dist/grid/row.js

@@ -0,0 +1,64 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+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
+];
+/**
+ * Converts xs="middle" to class "middle-xs"
+ * @param {Object} props incoming props
+ * @returns {Array} result modifier classes
+ */
+
+function getModifierClassNames(props) {
+  return modifierKeys.reduce((result, key) => {
+    if (props[key]) {
+      return result.concat(modules_855170c0[`${key}-${props[key]}`]);
+    }
+
+    return result;
+  }, []);
+}
+
+class Row extends Component {
+  render() {
+    const {
+      children,
+      className,
+      reverse,
+      ...restProps
+    } = this.props;
+    const classes = classNames(className, modules_855170c0.row, getModifierClassNames(restProps), {
+      [modules_855170c0.reverse]: reverse
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes
+    }, children);
+  }
+
+}
+
+_defineProperty(Row, "propTypes", {
+  reverse: PropTypes.bool,
+  start: ModifierType,
+  center: ModifierType,
+  end: ModifierType,
+  top: ModifierType,
+  middle: ModifierType,
+  baseline: ModifierType,
+  bottom: ModifierType,
+  around: ModifierType,
+  between: ModifierType,
+  first: ModifierType,
+  last: ModifierType,
+  className: PropTypes.string,
+  children: PropTypes.node
+});
+
+export { Row as default };

package/dist/group/group.js

@@ -0,0 +1,31 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { m as modules_d9da30c7 } from '../_helpers/group.js';
+
+/**
+ * @name Group
+ */
+
+class Group extends Component {
+  render() {
+    const {
+      children,
+      className,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_d9da30c7.group, className);
+    return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
+      className: classes
+    }), children);
+  }
+
+}
+
+_defineProperty(Group, "propTypes", {
+  children: PropTypes.node,
+  className: PropTypes.string
+});
+
+export { Group as default };

package/dist/group-ng/group-ng.js

@@ -0,0 +1,11 @@
+import angular from 'angular';
+import { m as modules_d9da30c7 } from '../_helpers/group.js';
+
+const angularModule = angular.module('Ring.group', []);
+angularModule.component('rgGroup', {
+  transclude: true,
+  template: `<span ng-transclude class="${modules_d9da30c7.group}"></span>`
+});
+var groupNg = angularModule.name;
+
+export { groupNg as default };

package/dist/header/header.js

@@ -0,0 +1,147 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+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 { m as modules_47759f5e } from '../_helpers/header.js';
+export { default as Logo } from './logo.js';
+export { default as Tray } from './tray.js';
+export { default as TrayIcon } from './tray-icon.js';
+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 '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../global/memoize.js';
+import '../button/button.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.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';
+import 'react-virtualized/dist/es/AutoSizer';
+import 'react-virtualized/dist/es/WindowScroller';
+import 'react-virtualized/dist/es/CellMeasurer';
+import 'memoize-one';
+import '../global/data-tests.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../global/create-stateful-context.js';
+import '../list/list__link.js';
+import '../link/link.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/list__item.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
+import '../list/list__custom.js';
+import '../global/get-event-key.js';
+import '../list/list__title.js';
+import '../list/list__separator.js';
+import '../list/list__hint.js';
+import '../list/consts.js';
+import '../dropdown/dropdown.js';
+import '../_helpers/anchor.js';
+import '../popup-menu/popup-menu.js';
+import '../popup/popup.js';
+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';
+import 'es6-error';
+import '../auth/down-notification.js';
+import '../alert-service/alert-service.js';
+import '../alert/alert.js';
+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 '../alert/container.js';
+import '../group/group.js';
+import '../_helpers/group.js';
+import '../auth/auth__core.js';
+import '../global/listeners.js';
+import '../http/http.js';
+import '../global/promise-with-timeout.js';
+import '../auth/storage.js';
+import '../storage/storage.js';
+import '../storage/storage__local.js';
+import '../storage/storage__fallback.js';
+import 'deep-equal';
+import '../auth/request-builder.js';
+import 'simply-uuid';
+import '../auth/background-flow.js';
+import '../auth/token-validator.js';
+import '@jetbrains/icons/services-20px';
+import '../_helpers/services-link.js';
+
+/**
+ * @name Header
+ */
+
+/**
+ * Displays a configurable page header. See available presentation options in the knobs panel.
+ */
+
+class Header extends Component {
+  render() {
+    const {
+      children,
+      className,
+      spaced,
+      theme,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_47759f5e.header, modules_47759f5e[theme], className, {
+      [modules_47759f5e.headerSpaced]: spaced
+    });
+    return /*#__PURE__*/React.createElement("header", _extends({}, restProps, {
+      className: classes
+    }), children);
+  }
+
+}
+
+_defineProperty(Header, "propTypes", {
+  theme: PropTypes.oneOf(['light', 'dark']),
+  className: PropTypes.string,
+  children: PropTypes.node,
+  spaced: PropTypes.bool
+});
+
+_defineProperty(Header, "defaultProps", {
+  spaced: true
+});
+
+var header = withTheme(Theme.DARK)(Header);
+const RerenderableHeader = compose(withTheme(Theme.DARK))(Header);
+
+export { RerenderableHeader, header as default };