@jetbrains/ring-ui-built 6.0.1

package/components/hub-source/hub-source.js

@@ -0,0 +1,217 @@
+import { _ as _defineProperty, d as _createClass, c as _classCallCheck, h as _asyncToGenerator, i as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+
+var defaultOptions = {
+  searchMax: 20,
+  searchSideThreshold: 100,
+  queryFormatter: function queryFormatter(query) {
+    return "".concat(query, " or ").concat(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.
+ */
+var HubSource = /*#__PURE__*/function () {
+  function HubSource(auth, relativeUrl, options) {
+    _classCallCheck(this, HubSource);
+    _defineProperty(this, "http", void 0);
+    _defineProperty(this, "relativeUrl", void 0);
+    _defineProperty(this, "options", void 0);
+    _defineProperty(this, "storedData", void 0);
+    _defineProperty(this, "isClientSideSearch", void 0);
+    _defineProperty(this, "filterFn", void 0);
+    this.http = auth.http;
+    this.relativeUrl = relativeUrl;
+    this.options = Object.assign({}, defaultOptions, options);
+    this.storedData = null;
+    this.isClientSideSearch = null;
+    this.filterFn = function () {
+      return true;
+    };
+  }
+  _createClass(HubSource, [{
+    key: "makeRequest",
+    value: function makeRequest(queryParams) {
+      return this.http.get(this.relativeUrl, {
+        query: queryParams
+      });
+    }
+  }, {
+    key: "makeCachedRequest",
+    value: function () {
+      var _makeCachedRequest = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
+        var res;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!this.storedData) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return", this.storedData);
+            case 2:
+              _context.next = 4;
+              return this.makeRequest(params);
+            case 4:
+              res = _context.sent;
+              this.storedData = res;
+              return _context.abrupt("return", res);
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function makeCachedRequest(_x) {
+        return _makeCachedRequest.apply(this, arguments);
+      }
+      return makeCachedRequest;
+    }()
+  }, {
+    key: "checkIsClientSideSearch",
+    value: function checkIsClientSideSearch(res) {
+      return res.total <= this.options.searchSideThreshold;
+    }
+  }, {
+    key: "getDefaultFilterFn",
+    value: function getDefaultFilterFn(query) {
+      if (!query) {
+        return function () {
+          return true;
+        };
+      }
+      return function (it) {
+        return it.name.toLowerCase().indexOf(query.toLowerCase()) !== -1;
+      };
+    }
+  }, {
+    key: "formatQuery",
+    value: function formatQuery(query) {
+      return query ? this.options.queryFormatter(query) : '';
+    }
+  }, {
+    key: "processResults",
+    value: function processResults(res) {
+      var _this = this;
+      var items = res[this.relativeUrl] || [];
+      if (this.isClientSideSearch) {
+        return items.filter(function (it) {
+          return _this.filterFn(it);
+        }).slice(0, this.options.searchMax);
+      }
+      return items;
+    }
+  }, {
+    key: "sideDetectionRequest",
+    value: function () {
+      var _sideDetectionRequest = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params, query) {
+        var res;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return this.makeCachedRequest(HubSource.mergeParams(params, {
+                $top: this.options.searchSideThreshold
+              }));
+            case 2:
+              res = _context2.sent;
+              this.isClientSideSearch = this.checkIsClientSideSearch(res);
+              if (this.isClientSideSearch) {
+                _context2.next = 6;
+                break;
+              }
+              return _context2.abrupt("return", this.doServerSideSearch(params, query));
+            case 6:
+              return _context2.abrupt("return", res);
+            case 7:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function sideDetectionRequest(_x2, _x3) {
+        return _sideDetectionRequest.apply(this, arguments);
+      }
+      return sideDetectionRequest;
+    }()
+  }, {
+    key: "doClientSideSearch",
+    value: function doClientSideSearch(params) {
+      return this.makeCachedRequest(HubSource.mergeParams(params, {
+        $top: this.constructor.TOP_ALL
+      }));
+    }
+  }, {
+    key: "doServerSideSearch",
+    value: function doServerSideSearch(params, query) {
+      return this.makeRequest(HubSource.mergeParams(params, {
+        query: this.formatQuery(query),
+        $top: this.options.searchMax
+      }));
+    }
+  }, {
+    key: "getValueFromSuitableSource",
+    value: function getValueFromSuitableSource(query, params) {
+      if (this.isClientSideSearch === null) {
+        return this.sideDetectionRequest(params, query);
+      }
+      if (this.isClientSideSearch) {
+        return this.doClientSideSearch(params);
+      }
+      return this.doServerSideSearch(params, query);
+    }
+  }, {
+    key: "get",
+    value: function () {
+      var _get = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(query, params, filterFn) {
+        var res;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              HubSource.validateInputParams(params);
+              this.filterFn = filterFn || this.getDefaultFilterFn(query);
+              _context3.next = 4;
+              return this.getValueFromSuitableSource(query, params);
+            case 4:
+              res = _context3.sent;
+              return _context3.abrupt("return", this.processResults(res));
+            case 6:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function get(_x4, _x5, _x6) {
+        return _get.apply(this, arguments);
+      }
+      return get;
+    }()
+  }], [{
+    key: "mergeParams",
+    value: function mergeParams(params, toMerge) {
+      return Object.assign({}, params, toMerge);
+    }
+  }, {
+    key: "validateInputParams",
+    value: function 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');
+      }
+    }
+  }]);
+  return HubSource;
+}();
+_defineProperty(HubSource, "TOP_ALL", -1);
+
+export { HubSource as default };

package/components/hub-source/hub-source__user.d.ts

@@ -0,0 +1,4 @@
+import Auth, { AuthUser } from '../auth/auth';
+import { UserCardUser } from '../user-card/card';
+export declare function convertUserForCard(hubUser: AuthUser, serverUri?: string): UserCardUser;
+export declare function createHubUserCardSource(auth: Auth, userId: string | number, fields?: string): () => Promise<UserCardUser>;

package/components/hub-source/hub-source__user.js

@@ -0,0 +1,60 @@
+import { h as _asyncToGenerator, i as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import HTTP from '../http/http.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.promise.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.reflect.delete-property.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'es6-error';
+import '../global/url.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.string.replace.js';
+
+var DEFAULT_FIELDS = 'id,name,login,banned,banReason,profile(email/email,avatar/url)';
+function convertUserForCard(hubUser) {
+  var _hubUser$profile, _hubUser$profile2;
+  var serverUri = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return {
+    name: hubUser.name,
+    login: hubUser.login,
+    banned: hubUser.banned,
+    banReason: hubUser.banReason,
+    email: (_hubUser$profile = hubUser.profile) === null || _hubUser$profile === void 0 || (_hubUser$profile = _hubUser$profile.email) === null || _hubUser$profile === void 0 ? void 0 : _hubUser$profile.email,
+    avatarUrl: (_hubUser$profile2 = hubUser.profile) === null || _hubUser$profile2 === void 0 || (_hubUser$profile2 = _hubUser$profile2.avatar) === null || _hubUser$profile2 === void 0 ? void 0 : _hubUser$profile2.url,
+    href: "".concat(serverUri, "users/").concat(hubUser.id)
+  };
+}
+function createHubUserCardSource(auth, userId) {
+  var fields = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_FIELDS;
+  var http = new HTTP(auth);
+  return /*#__PURE__*/function () {
+    var _getHubUser = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var hubUser;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return http.get("".concat(auth.config.serverUri, "api/rest/users/").concat(userId, "?fields=").concat(fields));
+          case 2:
+            hubUser = _context.sent;
+            return _context.abrupt("return", convertUserForCard(hubUser, auth.config.serverUri));
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    function getHubUser() {
+      return _getHubUser.apply(this, arguments);
+    }
+    return getHubUser;
+  }();
+}
+
+export { convertUserForCard, createHubUserCardSource };

package/components/hub-source/hub-source__users-groups.d.ts

@@ -0,0 +1,24 @@
+import Auth, { AuthUser } from '../auth/auth';
+import HubSource, { Item } from './hub-source';
+export interface HubSourceUsersGroupsOptions {
+    searchMax: number;
+    searchSideThreshold: number;
+}
+export interface UserGroup extends Item {
+    id: string;
+    total?: number;
+    userCount: number;
+    iconUrl?: string;
+}
+export default class HubSourceUsersGroups {
+    auth: Auth;
+    options: HubSourceUsersGroupsOptions;
+    usersSource: HubSource<AuthUser, 'users'>;
+    groupsSource: HubSource<UserGroup, 'usergroups'>;
+    constructor(auth: Auth, options?: Partial<HubSourceUsersGroupsOptions>);
+    static wrapMultiwordQuery(query?: string): string | undefined;
+    createUsersFilterFn(query?: string): (it: AuthUser) => boolean;
+    getUsers(query?: string): Promise<AuthUser[]>;
+    getGroups(query?: string): Promise<UserGroup[]>;
+    getUserAndGroups(query?: string): Promise<[AuthUser[], UserGroup[]]>;
+}

package/components/hub-source/hub-source__users-groups.js

@@ -0,0 +1,86 @@
+import { d as _createClass, c as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.promise.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import HubSource from './hub-source.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.filter.js';
+
+var defaultOptions = {
+  searchMax: 20,
+  searchSideThreshold: 200
+};
+var HubSourceUsersGroups = /*#__PURE__*/function () {
+  function HubSourceUsersGroups(auth, options) {
+    _classCallCheck(this, HubSourceUsersGroups);
+    _defineProperty(this, "auth", void 0);
+    _defineProperty(this, "options", void 0);
+    _defineProperty(this, "usersSource", void 0);
+    _defineProperty(this, "groupsSource", void 0);
+    this.auth = auth;
+    this.options = Object.assign({}, defaultOptions, options);
+    this.usersSource = new HubSource(auth, 'users', {
+      searchMax: this.options.searchMax,
+      searchSideThreshold: this.options.searchSideThreshold,
+      queryFormatter: function queryFormatter(query) {
+        return "nameStartsWith: ".concat(HubSourceUsersGroups.wrapMultiwordQuery(query), " or loginStartsWith: ").concat(HubSourceUsersGroups.wrapMultiwordQuery(query));
+      }
+    });
+    this.groupsSource = new HubSource(auth, 'usergroups', {
+      searchMax: this.options.searchMax,
+      searchSideThreshold: this.options.searchSideThreshold
+    });
+  }
+  _createClass(HubSourceUsersGroups, [{
+    key: "createUsersFilterFn",
+    value: function createUsersFilterFn(query) {
+      if (!query) {
+        return function () {
+          return true;
+        };
+      }
+      var normalizedQuery = query.toLowerCase();
+      return function (it) {
+        return it.name.toLowerCase().indexOf(normalizedQuery) !== -1 || it.login.toLowerCase().indexOf(normalizedQuery) !== -1;
+      };
+    }
+  }, {
+    key: "getUsers",
+    value: function getUsers() {
+      var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+      return this.usersSource.get(query, {
+        fields: 'id,name,login,total,profile/avatar/url',
+        orderBy: 'name'
+      }, this.createUsersFilterFn(query));
+    }
+  }, {
+    key: "getGroups",
+    value: function getGroups() {
+      var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+      return this.groupsSource.get(query, {
+        fields: 'id,name,total,userCount,iconUrl',
+        orderBy: 'name'
+      });
+    }
+  }, {
+    key: "getUserAndGroups",
+    value: function getUserAndGroups(query) {
+      return Promise.all([this.getUsers(query), this.getGroups(query)]);
+    }
+  }], [{
+    key: "wrapMultiwordQuery",
+    value: function wrapMultiwordQuery(query) {
+      if (query && query.indexOf(' ') !== -1) {
+        return "{".concat(query, "}");
+      }
+      return query;
+    }
+  }]);
+  return HubSourceUsersGroups;
+}();
+
+export { HubSourceUsersGroups as default };

package/components/i18n/i18n-context.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type Messages } from './i18n';
+export interface I18nContextProps {
+    translate(key: keyof Messages): string;
+    messages: Messages;
+}
+export declare const I18nContext: React.Context<I18nContextProps>;
+interface I18nContextHolderProps {
+    messages: Messages;
+    children?: React.ReactNode;
+}
+export declare const I18nContextHolder: React.FC<I18nContextHolderProps>;
+export {};

package/components/i18n/i18n-context.js

@@ -0,0 +1,27 @@
+import React, { useEffect } from 'react';
+import { getTranslations, translate, setTranslations } from './i18n.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+var I18nContext = /*#__PURE__*/React.createContext({
+  messages: getTranslations(),
+  translate
+});
+var I18nContextHolder = function I18nContextHolder(_ref) {
+  var children = _ref.children,
+    messages = _ref.messages;
+  useEffect(function () {
+    setTranslations(messages);
+  }, [messages]);
+  return /*#__PURE__*/React.createElement(I18nContext.Provider, {
+    value: {
+      messages,
+      translate
+    }
+  }, children);
+};
+
+export { I18nContext, I18nContextHolder };

package/components/i18n/i18n.d.ts

@@ -0,0 +1,59 @@
+import defaultMessages from './messages.json';
+export type MessagesStrict = typeof defaultMessages;
+export type Messages = Partial<MessagesStrict>;
+export declare function setTranslations(newMessages: Messages): void;
+export declare function getTranslations(): Partial<{
+    login: string;
+    logout: string;
+    loginTo: string;
+    ok: string;
+    cancel: string;
+    tryAgainLabel: string;
+    postpone: string;
+    youHaveLoggedInAs: string;
+    applyChange: string;
+    backendIsNotAvailable: string;
+    checkAgain: string;
+    nothingHappensLink: string;
+    errorMessage: string;
+    applyChangedUser: string;
+    profile: string;
+    switchUser: string;
+    addFirstDate: string;
+    addSecondDate: string;
+    addTime: string;
+    selectName: string;
+    setDate: string;
+    setDateTime: string;
+    setPeriod: string;
+    clear: string;
+    gotIt: string;
+    dismiss: string;
+    perPage: string;
+    firstPage: string;
+    lastPage: string;
+    nextPage: string;
+    previousPage: string;
+    searchTitle: string;
+    clearTitle: string;
+    userAgreement: string;
+    accept: string;
+    decline: string;
+    close: string;
+    scrollToAccept: string;
+    remindLater: string;
+    filterItems: string;
+    selectOption: string;
+    progress: string;
+    loading: string;
+    noOptionsFound: string;
+    banned: string;
+    online: string;
+    offline: string;
+    copyToClipboard: string;
+    copiedToClipboard: string;
+    copingToClipboardError: string;
+    unverified: string;
+}>;
+export declare function getTranslationsWithFallback(): MessagesStrict;
+export declare function translate(key: keyof MessagesStrict): string;

package/components/i18n/i18n.js

@@ -0,0 +1,139 @@
+import { g as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+var login = "Log in";
+var logout = "Log out";
+var loginTo = "Log in to {{serviceName}}";
+var ok = "OK";
+var cancel = "Cancel";
+var tryAgainLabel = "Try again";
+var postpone = "Postpone";
+var youHaveLoggedInAs = "You have logged in as another user: {{userName}}";
+var applyChange = "Apply change";
+var backendIsNotAvailable = "Connection lost";
+var checkAgain = "try again";
+var nothingHappensLink = "Click here if nothing happens";
+var errorMessage = "There may be a problem with your network connection. Make sure that you are online and";
+var applyChangedUser = "Apply changed user";
+var profile = "Profile";
+var switchUser = "Switch user";
+var addFirstDate = "Add first date";
+var addSecondDate = "Add second date";
+var addTime = "Add time";
+var selectName = "Select {{name}}";
+var setDate = "Set a date";
+var setDateTime = "Set date and time";
+var setPeriod = "Set a period";
+var clear = "Clear input";
+var gotIt = "Got it";
+var dismiss = "Dismiss";
+var perPage = "per page";
+var firstPage = "First page";
+var lastPage = "Last page";
+var nextPage = "Next page";
+var previousPage = "Previous";
+var searchTitle = "Search";
+var clearTitle = "Clear search input";
+var userAgreement = "User Agreement";
+var accept = "Accept";
+var decline = "Decline";
+var close = "Close";
+var scrollToAccept = "View the entire agreement to continue";
+var remindLater = "Remind me later";
+var filterItems = "Filter items";
+var selectOption = "Select an option";
+var progress = "Progress";
+var loading = "Loading...";
+var noOptionsFound = "No options found";
+var banned = "banned";
+var online = "online";
+var offline = "offline";
+var copyToClipboard = "Copy email to clipboard";
+var copiedToClipboard = "Email was copied to clipboard";
+var copingToClipboardError = "Failed to copy to clipboard";
+var unverified = "Unverified";
+var defaultMessages = {
+	login: login,
+	logout: logout,
+	loginTo: loginTo,
+	ok: ok,
+	cancel: cancel,
+	tryAgainLabel: tryAgainLabel,
+	postpone: postpone,
+	youHaveLoggedInAs: youHaveLoggedInAs,
+	applyChange: applyChange,
+	backendIsNotAvailable: backendIsNotAvailable,
+	checkAgain: checkAgain,
+	nothingHappensLink: nothingHappensLink,
+	errorMessage: errorMessage,
+	applyChangedUser: applyChangedUser,
+	profile: profile,
+	switchUser: switchUser,
+	addFirstDate: addFirstDate,
+	addSecondDate: addSecondDate,
+	addTime: addTime,
+	selectName: selectName,
+	setDate: setDate,
+	setDateTime: setDateTime,
+	setPeriod: setPeriod,
+	clear: clear,
+	gotIt: gotIt,
+	dismiss: dismiss,
+	perPage: perPage,
+	firstPage: firstPage,
+	lastPage: lastPage,
+	nextPage: nextPage,
+	previousPage: previousPage,
+	searchTitle: searchTitle,
+	clearTitle: clearTitle,
+	userAgreement: userAgreement,
+	accept: accept,
+	decline: decline,
+	close: close,
+	scrollToAccept: scrollToAccept,
+	remindLater: remindLater,
+	filterItems: filterItems,
+	selectOption: selectOption,
+	progress: progress,
+	loading: loading,
+	noOptionsFound: noOptionsFound,
+	banned: banned,
+	online: online,
+	offline: offline,
+	copyToClipboard: copyToClipboard,
+	copiedToClipboard: copiedToClipboard,
+	copingToClipboardError: copingToClipboardError,
+	unverified: unverified
+};
+
+var messages = defaultMessages;
+var warned = new Set();
+function warnMissedKeyOnce(key) {
+  if (warned.has(key)) {
+    return;
+  }
+  warned.add(key);
+  // eslint-disable-next-line no-console
+  console.warn("Missing localisation for key \"".concat(key, "\""));
+}
+function setTranslations(newMessages) {
+  messages = newMessages;
+}
+function getTranslations() {
+  return messages;
+}
+function getTranslationsWithFallback() {
+  return _objectSpread2(_objectSpread2({}, defaultMessages), messages);
+}
+function translate(key) {
+  var _messages$key;
+  if (!(key in messages)) {
+    warnMissedKeyOnce(key);
+  }
+  return (_messages$key = messages[key]) !== null && _messages$key !== void 0 ? _messages$key : defaultMessages[key];
+}
+
+export { getTranslations, getTranslationsWithFallback, setTranslations, translate };

package/components/icon/icon.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @name Icon
+ */
+import React, { PureComponent, ComponentType, SVGAttributes, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import { Color, Size } from './icon__constants';
+export type IconType = ComponentType<SVGAttributes<SVGSVGElement>>;
+export interface IconProps extends HTMLAttributes<HTMLElement> {
+    color: Color;
+    glyph: string | IconType | null;
+    height?: number | undefined;
+    size?: Size | number | null | undefined;
+    width?: number | undefined;
+    loading?: boolean | null | undefined;
+    suppressSizeWarning?: boolean | null | undefined;
+}
+export default class Icon extends PureComponent<IconProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        color: PropTypes.Requireable<string>;
+        glyph: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>>;
+        height: PropTypes.Requireable<number>;
+        size: PropTypes.Requireable<number>;
+        width: PropTypes.Requireable<number>;
+        loading: PropTypes.Requireable<boolean>;
+        suppressSizeWarning: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        className: string;
+        color: Color;
+        glyph: string;
+    };
+    static Color: typeof Color;
+    static Size: typeof Size;
+    warnSize(): void;
+    getStyle(): {
+        width: number | undefined;
+        height: number | undefined;
+    } | undefined;
+    render(): React.JSX.Element | null;
+}
+export type IconAttrs = JSX.LibraryManagedAttributes<typeof Icon, IconProps>;
+export { Color, Size };