@jetbrains/ring-ui 4.1.0-beta.3 → 4.1.1

package/dist/heading.js

@@ -1,76 +0,0 @@
-import { _ as _objectWithoutProperties, a as _extends } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { memo } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import deprecate from 'util-deprecate';
-
-var modules_901b77ec = {"heading":"heading_heading__5ab589c7 global_font__0f8f4370","caps":"heading_caps__5ab589c7"};
-
-/**
- * @name Heading
- */
-
-const Levels = {
-  H1: 1,
-  H2: 2,
-  H3: 3,
-  H4: 4
-};
-const fallbackHeading = deprecate(() => 'h3', 'Headings of level 5 and higher are replaced with h3');
-const Heading = /*#__PURE__*/memo(function Heading(_ref) {
-  let {
-    children,
-    className,
-    level
-  } = _ref,
-      restProps = _objectWithoutProperties(_ref, ["children", "className", "level"]);
-
-  const classes = classNames(modules_901b77ec.heading, className);
-  const Tag = level <= Levels.H4 ? `h${level}` : fallbackHeading();
-  return /*#__PURE__*/React.createElement(Tag, _extends({}, restProps, {
-    className: classes
-  }), children);
-});
-Heading.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  level: PropTypes.number
-};
-Heading.defaultProps = {
-  level: Levels.H1
-};
-Heading.Levels = Levels;
-
-function makeHeading(level, useCaps) {
-  const H = /*#__PURE__*/memo((_ref2) => {
-    let {
-      className,
-      caps
-    } = _ref2,
-        restProps = _objectWithoutProperties(_ref2, ["className", "caps"]);
-
-    const classes = classNames(className, {
-      [modules_901b77ec.caps]: useCaps && caps
-    });
-    return /*#__PURE__*/React.createElement(Heading, _extends({}, restProps, {
-      level: level,
-      className: classes
-    }));
-  });
-  H.displayName = `H${level}`;
-  H.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    // use only for short h1 headers, no longer than three words
-    caps: PropTypes.bool
-  };
-  return H;
-}
-
-const H1 = makeHeading(Levels.H1, true);
-const H2 = makeHeading(Levels.H2);
-const H3 = makeHeading(Levels.H3);
-const H4 = makeHeading(Levels.H4);
-
-export default Heading;
-export { H1, H2, H3, H4 };

package/dist/http.js

@@ -1,207 +0,0 @@
-import { b as _defineProperty, _ as _objectWithoutProperties, c as _objectSpread2 } from './_helpers/_rollupPluginBabelHelpers.js';
-import ExtendableError from 'es6-error';
-import { e as encodeURL, j as joinBaseURLAndPath } from './_helpers/url.js';
-
-/**
- * @name HTTP
- */
-
-const TOKEN_TYPE = 'Bearer';
-const STATUS_OK_IF_MORE_THAN = 200;
-const STATUS_BAD_IF_MORE_THAN = 300;
-const defaultFetchConfig = {
-  headers: {
-    'Content-Type': 'application/json',
-    Accept: 'application/json'
-  },
-  credentials: 'same-origin'
-};
-class HTTPError extends ExtendableError {
-  constructor(response, data = {}) {
-    super(`${response.status} ${response.statusText || ''}`);
-    this.data = data;
-    this.status = response.status;
-  }
-
-}
-const CODE = {
-  UNAUTHORIZED: 401
-};
-class HTTP {
-  constructor(_auth, _baseUrl, _fetchConfig = {}) {
-    _defineProperty(this, "baseUrl", null);
-
-    _defineProperty(this, "_requestsMeta", new WeakMap());
-
-    _defineProperty(this, "setAuth", auth => {
-      this.requestToken = () => auth.requestToken();
-
-      this.shouldRefreshToken = auth.constructor.shouldRefreshToken;
-
-      this.forceTokenUpdate = () => auth.forceTokenUpdate();
-    });
-
-    _defineProperty(this, "setBaseUrl", baseUrl => {
-      this.baseUrl = baseUrl;
-    });
-
-    _defineProperty(this, "fetch", async (url, params = {}) => {
-      const {
-        body,
-        query = {}
-      } = params,
-            fetchConfig = _objectWithoutProperties(params, ["body", "query"]);
-
-      const response = await this._fetch(this._makeRequestUrl(url, query), _objectSpread2(_objectSpread2({}, fetchConfig), {}, {
-        body: body ? JSON.stringify(body) : body
-      }));
-      return this._processResponse(response);
-    });
-
-    _defineProperty(this, "request", async (url, params) => {
-      let token = await this.requestToken();
-      let response = await this._performRequest(url, token, params);
-
-      try {
-        // Wait for result to catch an HTTP error
-        return await this._processResponse(response);
-      } catch (error) {
-        if (!(error instanceof HTTPError)) {
-          throw error;
-        }
-
-        const shouldRefreshToken = error.data.error !== undefined ? this.shouldRefreshToken(error.data.error) : false;
-
-        if (shouldRefreshToken) {
-          token = await this.forceTokenUpdate();
-          response = await this._performRequest(url, token, params);
-          return this._processResponse(response);
-        }
-
-        throw error;
-      }
-    });
-
-    _defineProperty(this, "getMetaForResponse", response => this._requestsMeta.get(response));
-
-    _defineProperty(this, "get", (url, params) => this.request(url, _objectSpread2({
-      method: 'GET'
-    }, params)));
-
-    _defineProperty(this, "post", (url, params) => this.request(url, _objectSpread2({
-      method: 'POST'
-    }, params)));
-
-    if (_auth) {
-      this.setAuth(_auth);
-    }
-
-    this.setBaseUrl(_baseUrl);
-
-    const {
-      headers
-    } = defaultFetchConfig,
-          defaultConfig = _objectWithoutProperties(defaultFetchConfig, ["headers"]);
-
-    this.fetchConfig = _objectSpread2(_objectSpread2(_objectSpread2({}, defaultConfig), _fetchConfig), {}, {
-      headers: _objectSpread2(_objectSpread2({}, headers), _fetchConfig.headers)
-    });
-  }
-
-  _fetch(...args) {
-    return fetch(...args);
-  }
-
-  _makeRequestUrl(url, queryObject) {
-    const urlWithQuery = encodeURL(url, queryObject);
-    return joinBaseURLAndPath(this.baseUrl, urlWithQuery);
-  }
-
-  _performRequest(url, token, params = {}) {
-    const {
-      headers,
-      body,
-      query = {},
-      sendRawBody
-    } = params,
-          fetchConfig = _objectWithoutProperties(params, ["headers", "body", "query", "sendRawBody"]);
-
-    const combinedHeaders = _objectSpread2(_objectSpread2(_objectSpread2({}, this.fetchConfig.headers), token ? {
-      Authorization: `${TOKEN_TYPE} ${token}`
-    } : {}), headers);
-
-    Object.keys(combinedHeaders).forEach(key => {
-      if (combinedHeaders[key] === null || combinedHeaders[key] === undefined) {
-        Reflect.deleteProperty(combinedHeaders, key);
-      }
-    });
-    return this._fetch(this._makeRequestUrl(url, query), _objectSpread2(_objectSpread2(_objectSpread2({}, this.fetchConfig), {}, {
-      headers: combinedHeaders
-    }, fetchConfig), {}, {
-      body: body && !sendRawBody ? JSON.stringify(body) : body
-    }));
-  }
-
-  _storeRequestMeta(parsedResponse, rawResponse) {
-    const {
-      headers,
-      ok,
-      redirected,
-      status,
-      statusText,
-      type,
-      url
-    } = rawResponse;
-
-    this._requestsMeta.set(parsedResponse, {
-      headers,
-      ok,
-      redirected,
-      status,
-      statusText,
-      type,
-      url
-    });
-  }
-
-  async _processResponse(response) {
-    const contentType = response.headers.get('content-type');
-    const isJson = contentType && contentType.indexOf('application/json') !== -1;
-
-    if (HTTP._isErrorStatus(response.status)) {
-      let resJson;
-
-      try {
-        resJson = await (isJson ? response.json() : response.text());
-      } catch (err) {// noop
-      }
-
-      throw new HTTPError(response, resJson);
-    }
-
-    try {
-      const parsedResponse = await (isJson ? response.json() : {
-        data: await response.text()
-      });
-
-      this._storeRequestMeta(parsedResponse, response);
-
-      return parsedResponse;
-    } catch (err) {
-      return response;
-    }
-  }
-
-  static _isErrorStatus(status) {
-    return status < STATUS_OK_IF_MORE_THAN || status >= STATUS_BAD_IF_MORE_THAN;
-  }
-
-  async authorizedFetch(...args) {
-    const response = await this._performRequest(...args);
-    return this._processResponse(response);
-  }
-
-}
-
-export default HTTP;
-export { CODE, HTTPError, defaultFetchConfig };

package/dist/hub-source.js

@@ -1,130 +0,0 @@
-import { b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-
-const defaultOptions = {
-  searchMax: 20,
-  searchSideThreshold: 100,
-  queryFormatter: query => `${query} or ${query}*`
-};
-/**
- * HubSource is designed to speed up search requests for small installations.
- * If there are less than "searchSideThreshold" items, it uses client-side filtering
- * of cached results to greatly increase search speed. Useful for completion and
- * select data source.
- */
-
-class HubSource {
-  constructor(auth, relativeUrl, options) {
-    this.http = auth.http;
-    this.relativeUrl = relativeUrl;
-    this.options = Object.assign({}, defaultOptions, options);
-    this.storedData = null;
-    this.isClientSideSearch = null;
-    this.filterFn = null;
-  }
-
-  makeRequest(queryParams) {
-    return this.http.get(this.relativeUrl, {
-      query: queryParams
-    });
-  }
-
-  async makeCachedRequest(params) {
-    if (this.storedData) {
-      return this.storedData;
-    }
-
-    const res = await this.makeRequest(params);
-    this.storedData = res;
-    return res;
-  }
-
-  static mergeParams(params, toMerge) {
-    return Object.assign({}, params, toMerge);
-  }
-
-  checkIsClientSideSearch(res) {
-    return res.total <= this.options.searchSideThreshold;
-  }
-
-  getDefaultFilterFn(query) {
-    if (!query) {
-      return () => true;
-    }
-
-    return it => it.name.toLowerCase().indexOf(query.toLowerCase()) !== -1;
-  }
-
-  formatQuery(query) {
-    return query ? this.options.queryFormatter(query) : '';
-  }
-
-  static validateInputParams(params) {
-    if (params.top) {
-      throw new Error('HubSource: params.top should not be filled, configure "options.searchMax" instead');
-    }
-
-    if (params.query) {
-      throw new Error('HubSource: params.query should not be filled, configure "options.queryFormatter" instead');
-    }
-  }
-
-  processResults(res) {
-    const items = res[this.relativeUrl] || [];
-
-    if (this.isClientSideSearch) {
-      return items.filter(it => this.filterFn(it)).slice(0, this.options.searchMax);
-    }
-
-    return items;
-  }
-
-  async sideDetectionRequest(params, query) {
-    const res = await this.makeCachedRequest(HubSource.mergeParams(params, {
-      $top: this.options.searchSideThreshold
-    }));
-    this.isClientSideSearch = this.checkIsClientSideSearch(res);
-
-    if (!this.isClientSideSearch) {
-      return this.doServerSideSearch(params, query);
-    }
-
-    return res;
-  }
-
-  doClientSideSearch(params) {
-    return this.makeCachedRequest(HubSource.mergeParams(params, {
-      $top: this.constructor.TOP_ALL
-    }));
-  }
-
-  doServerSideSearch(params, query) {
-    return this.makeRequest(HubSource.mergeParams(params, {
-      query: this.formatQuery(query),
-      $top: this.options.searchMax
-    }));
-  }
-
-  getValueFromSuitableSource(query, params) {
-    if (this.isClientSideSearch === null) {
-      return this.sideDetectionRequest(params, query);
-    }
-
-    if (this.isClientSideSearch) {
-      return this.doClientSideSearch(params);
-    }
-
-    return this.doServerSideSearch(params, query);
-  }
-
-  async get(query, params, filterFn) {
-    HubSource.validateInputParams(params);
-    this.filterFn = filterFn || this.getDefaultFilterFn(query);
-    const res = await this.getValueFromSuitableSource(query, params);
-    return this.processResults(res);
-  }
-
-}
-
-_defineProperty(HubSource, "TOP_ALL", -1);
-
-export default HubSource;

package/dist/icon.js

@@ -1,211 +0,0 @@
-import { _ as _objectWithoutProperties, a as _extends, b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { memo, PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import deprecate from 'util-deprecate';
-import { m as memoize } from './_helpers/memoize.js';
-
-/**
- * Commonly used icon colors.
- * @enum {string}
- */
-const Color = {
-  BLUE: 'blue',
-  DEFAULT: '',
-  GRAY: 'gray',
-  GREEN: 'green',
-  MAGENTA: 'magenta',
-  RED: 'red',
-  WHITE: 'white'
-};
-/**
- * @enum {number}
- */
-
-const Size = {
-  Size12: 12,
-  Size14: 14,
-  Size16: 16,
-  Size18: 18,
-  Size20: 20,
-  Size24: 24,
-  Size32: 32,
-  Size40: 40,
-  Size48: 48,
-  Size64: 64,
-  Size96: 96,
-  Size128: 128
-};
-
-var modules_29747b80 = {"unit":"8px","icon":"icon_icon__5d709605","glyph":"icon_glyph__5d709605","compatibilityMode":"icon_compatibilityMode__5d709605","gray":"icon_gray__5d709605","hover":"icon_hover__5d709605","green":"icon_green__5d709605","magenta":"icon_magenta__5d709605","red":"icon_red__5d709605","blue":"icon_blue__5d709605","white":"icon_white__5d709605","loading":"icon_loading__5d709605","icon-loading":"icon_iconLoading__5d709605"};
-
-function convertReactSVGDOMProperty(str) {
-  return str.replace(/[-|:]([a-z])/g, g => g[1].toUpperCase());
-}
-
-function serializeAttrs(map) {
-  const res = {};
-
-  for (let i = 0; i < map.length; i++) {
-    const key = map[i].name;
-    let prop = key;
-
-    if (key === 'class') {
-      prop = 'className';
-    } else if (!key.startsWith('data-')) {
-      prop = convertReactSVGDOMProperty(key);
-    }
-
-    res[prop] = map[i].value;
-  }
-
-  return res;
-}
-
-function extractSVGProps(svgNode) {
-  const map = svgNode.attributes;
-  return map.length > 0 ? serializeAttrs(map) : null;
-}
-
-const getSVGFromSource = memoize(src => {
-  const svgContainer = document.createElement('div');
-  svgContainer.innerHTML = src;
-  const svg = svgContainer.firstElementChild;
-  svg.remove ? svg.remove() : svgContainer.removeChild(svg);
-  return {
-    props: extractSVGProps(svg),
-    html: svg.innerHTML
-  };
-});
-
-function isCompatibilityMode(iconSrc) {
-  const hasWidth = /width="[\d\.]+"/ig.test(iconSrc);
-  const hasHeight = /height="[\d\.]+"/ig.test(iconSrc);
-  return !hasWidth || !hasHeight;
-}
-
-function IconSVG(_ref) {
-  let {
-    src,
-    className
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, ["src", "className"]);
-
-  const glyphClasses = classNames(modules_29747b80.glyph, {
-    [modules_29747b80.compatibilityMode]: isCompatibilityMode(src)
-  }, className);
-  const {
-    props,
-    html
-  } = getSVGFromSource(src);
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, rest, {
-    className: glyphClasses,
-    dangerouslySetInnerHTML: {
-      __html: html
-    }
-  }));
-}
-
-IconSVG.propTypes = {
-  className: PropTypes.string,
-  src: PropTypes.string.isRequired,
-  style: PropTypes.object
-};
-var IconSVG$1 = /*#__PURE__*/memo(IconSVG);
-
-const warnSize = deprecate(() => {}, `\`size\`, \`width\` and \`height\` props are not recommended to use in Ring UI \`Icon\` component. The intrinsic sizes of SVG icon (\`width\` and \`height\` SVG attributes) are used instead.
-
-We strongly recommend to use icons handcrafted for particular sizes. If your icon doesn't exist in the desired size, please ask your designer to draw one. "Responsive" checkmark should be unchecked when exporting icon.'`);
-class Icon extends PureComponent {
-  warnSize() {
-    if (this.props.suppressSizeWarning) {
-      return;
-    }
-
-    warnSize();
-  }
-
-  getStyle() {
-    const {
-      size,
-      width,
-      height
-    } = this.props;
-
-    if (width || height) {
-      this.warnSize();
-      return {
-        width,
-        height
-      };
-    }
-
-    if (size) {
-      this.warnSize();
-      return {
-        width: size,
-        height: size
-      };
-    }
-
-    return null;
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      className,
-      size,
-      color,
-      loading,
-      glyph: Glyph,
-      width,
-      height,
-      suppressSizeWarning
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["className", "size", "color", "loading", "glyph", "width", "height", "suppressSizeWarning"]);
-
-    if (!Glyph) {
-      return null;
-    }
-
-    const classes = classNames(modules_29747b80.icon, {
-      [modules_29747b80[color]]: !!color,
-      [modules_29747b80.loading]: loading
-    }, className);
-    return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
-      className: classes
-    }), typeof Glyph === 'string' ? /*#__PURE__*/React.createElement(IconSVG$1, {
-      src: Glyph,
-      style: this.getStyle()
-    }) : /*#__PURE__*/React.createElement(Glyph, {
-      className: modules_29747b80.glyph,
-      style: this.getStyle()
-    }));
-  }
-
-}
-
-_defineProperty(Icon, "propTypes", {
-  className: PropTypes.string,
-  color: PropTypes.string,
-  glyph: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]).isRequired,
-  height: PropTypes.number,
-  size: PropTypes.number,
-  width: PropTypes.number,
-  loading: PropTypes.bool,
-  suppressSizeWarning: PropTypes.bool
-});
-
-_defineProperty(Icon, "defaultProps", {
-  className: '',
-  color: Color.DEFAULT,
-  glyph: ''
-});
-
-_defineProperty(Icon, "Color", Color);
-
-_defineProperty(Icon, "Size", Size);
-
-export default Icon;
-export { Size };