@jetbrains/ring-ui 5.0.0-beta.2 → 5.0.0-beta.22

package/dist/user-card/card.js

@@ -6,7 +6,9 @@ import '../avatar/avatar.js';
 import '../link/link.js';
 import '../_helpers/badge.js';
 export { U as default } from '../_helpers/card.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/url.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
 import '../global/get-uid.js';

package/dist/user-card/smart-user-card-tooltip.js

@@ -1,20 +1,13 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import ThemedLoaderInline from '../loader-inline/loader-inline.js';
+import LoaderInline from '../loader-inline/loader-inline.js';
 import UserCardTooltip from './tooltip.js';
 import { m as modules_a4196c17 } from '../_helpers/card.js';
 import 'classnames';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/memoize.js';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
-import '../global/get-uid.js';
+import '../_helpers/loader-inline.js';
 import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
@@ -24,12 +17,16 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
+import '../global/memoize.js';
 import '../button/button.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.js';
 import 'react-dom';
+import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
 import '../shortcuts/shortcuts.js';
@@ -80,7 +77,7 @@ class SmartUserCardTooltip extends Component {
 
     _defineProperty(this, "renderNoUser", () => this.state.loading ? /*#__PURE__*/React.createElement("div", {
       className: modules_a4196c17.userCardSpaced
-    }, /*#__PURE__*/React.createElement(ThemedLoaderInline, null)) : '');
+    }, /*#__PURE__*/React.createElement(LoaderInline, null)) : '');
   }
 
   render() {

package/dist/user-card/tooltip.js

@@ -5,6 +5,7 @@ import PropTypes from 'prop-types';
 import Dropdown from '../dropdown/dropdown.js';
 import Popup from '../popup/popup.js';
 import { U as UserCard, m as modules_a4196c17 } from '../_helpers/card.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/data-tests.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
@@ -14,11 +15,12 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../button/button.js';
 import 'focus-visible';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import 'react-dom';
 import '../global/get-uid.js';

package/dist/user-card/user-card.js

@@ -6,7 +6,9 @@ import 'react';
 import 'prop-types';
 import 'classnames';
 import '../avatar/avatar.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/url.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
 import '../global/get-uid.js';
@@ -27,7 +29,7 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../button/button.js';
-import '../global/theme.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.js';
 import 'react-dom';
@@ -42,9 +44,4 @@ import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 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';

package/dist/user-card-ng/user-card-ng.js

@@ -3,30 +3,27 @@ import { createAngularComponent } from '../global/angular-component-factory.js';
 import SmartUserCardTooltip from '../user-card/smart-user-card-tooltip.js';
 import UserCardTooltip from '../user-card/tooltip.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
 import '../loader-inline/loader-inline.js';
 import 'classnames';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/memoize.js';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
-import '../global/get-uid.js';
+import '../_helpers/loader-inline.js';
 import '../_helpers/card.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
+import '../global/get-uid.js';
 import '../link/link.js';
 import 'focus-visible';
+import '../global/memoize.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../_helpers/badge.js';
@@ -40,6 +37,7 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../button/button.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.js';
 import '../global/schedule-raf.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.0.0-beta.2",
+  "version": "5.0.0-beta.22",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -40,7 +40,7 @@
     "hermione-test-ci": "npm --prefix packages/hermione run test-ci",
     "hermione-gather": "npm --prefix packages/hermione run gather",
     "build-examples": "./node_modules/@storybook/html/bin/build.js --quiet -c .storybook -o storybook-dist",
-    "prebuild": "tsc --project tsconfig-build.json && cpy '**/*' '!**/*.ts' '!**/*.tsx' ../components --parents --cwd=src/",
+    "prebuild": "rimraf components && tsc --project tsconfig-build.json && cpy '**/*' '!**/*.ts' '!**/*.tsx' ../components --parents --cwd=src/",
     "build": "./node_modules/.bin/rollup -c",
     "postbuild": "cpy '**/*.d.ts' ../dist --parents --cwd=components/",
     "serve": "npm --prefix packages/hermione run serve",
@@ -68,174 +68,183 @@
   },
   "readmeFilename": "README.md",
   "devDependencies": {
-    "@babel/cli": "^7.16.0",
-    "@babel/eslint-parser": "^7.16.3",
-    "@jetbrains/eslint-config": "^5.3.1",
+    "@babel/cli": "^7.17.6",
+    "@babel/eslint-parser": "^7.17.0",
+    "@jetbrains/eslint-config": "^5.3.2",
     "@jetbrains/stylelint-config": "^3.0.2",
-    "@primer/octicons": "^16.1.1",
-    "@rollup/plugin-babel": "^5.3.0",
+    "@primer/octicons": "^17.0.0",
+    "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-node-resolve": "^13.0.6",
-    "@rollup/plugin-replace": "^3.0.0",
-    "@storybook/addon-a11y": "6.4.8",
-    "@storybook/addon-docs": "6.4.9",
-    "@storybook/addon-essentials": "6.4.8",
-    "@storybook/addon-storyshots": "6.4.3",
-    "@storybook/addon-storyshots-puppeteer": "6.4.3",
-    "@storybook/addon-storysource": "6.4.3",
-    "@storybook/addons": "6.4.9",
-    "@storybook/builder-webpack5": "6.4.8",
-    "@storybook/client-api": "6.4.8",
-    "@storybook/core": "6.4.9",
-    "@storybook/html": "6.4.9",
-    "@storybook/manager-webpack5": "^6.4.9",
-    "@storybook/react": "^6.3.9",
-    "@storybook/source-loader": "6.4.9",
-    "@storybook/theming": "6.4.9",
-    "@testing-library/react": "^12.1.2",
-    "@testing-library/user-event": "^13.5.0",
+    "@rollup/plugin-replace": "^4.0.0",
+    "@storybook/addon-a11y": "6.5.0-alpha.63",
+    "@storybook/addon-docs": "6.5.0-alpha.63",
+    "@storybook/addon-essentials": "6.4.20",
+    "@storybook/addon-storyshots": "6.5.0-alpha.63",
+    "@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.63",
+    "@storybook/addon-storysource": "6.5.0-alpha.63",
+    "@storybook/addons": "6.5.0-alpha.63",
+    "@storybook/builder-webpack5": "6.5.0-alpha.63",
+    "@storybook/client-api": "6.5.0-alpha.63",
+    "@storybook/core": "6.5.0-alpha.63",
+    "@storybook/html": "6.5.0-alpha.63",
+    "@storybook/manager-webpack5": "6.5.0-alpha.63",
+    "@storybook/react": "6.5.0-alpha.63",
+    "@storybook/source-loader": "6.5.0-alpha.63",
+    "@storybook/theming": "6.5.0-alpha.63",
+    "@testing-library/react": "^13.0.0",
+    "@testing-library/user-event": "^14.0.4",
     "@types/chai": "^4.2.21",
     "@types/chai-as-promised": "^7.1.4",
     "@types/chai-dom": "0.0.10",
     "@types/chai-enzyme": "^0.6.8",
     "@types/enzyme": "^3.10.10",
+    "@types/react": "^18.0.5",
+    "@types/react-dom": "^18.0.0",
     "@types/sinon": "^10.0.2",
     "@types/sinon-chai": "^3.2.5",
     "@typescript-eslint/eslint-plugin": "^5.3.1",
     "@typescript-eslint/parser": "^5.3.1",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.5",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
     "angular": "^1.8.2",
     "angular-mocks": "^1.8.2",
     "angular-route": "^1.8.2",
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-require-context-hook": "^1.0.0",
-    "chai": "^4.3.4",
+    "chai": "^4.3.6",
     "chai-as-promised": "^7.1.1",
     "chai-dom": "^1.10.0",
     "chai-enzyme": "1.0.0-beta.1",
     "cheerio": "^0.22.0",
-    "core-js": "^3.19.1",
+    "core-js": "^3.21.1",
     "cpy-cli": "^3.1.1",
     "enzyme": "^3.11.0",
-    "eslint": "^8.3.0",
+    "eslint": "^8.12.0",
     "eslint-import-resolver-webpack": "^0.13.2",
     "eslint-plugin-angular": "^4.1.0",
     "eslint-plugin-bdd": "^2.1.1",
     "eslint-plugin-import": "^2.25.3",
     "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-react": "^7.27.1",
+    "eslint-plugin-react": "^7.29.4",
     "events": "^3.3.0",
     "glob": "^7.2.0",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^7.0.4",
     "identity-obj-proxy": "^3.0.0",
     "imports-loader": "^3.1.1",
-    "jest": "~27.4.4",
+    "jest": "~27.5.1",
     "jest-teamcity": "^1.10.0",
-    "karma": "^6.3.9",
-    "karma-chrome-launcher": "3.1.0",
+    "karma": "^6.3.17",
+    "karma-chrome-launcher": "3.1.1",
     "karma-mocha": "^2.0.1",
     "karma-sourcemap-loader": "^0.3.8",
     "karma-teamcity-reporter": "^2.0.0",
     "karma-webpack": "^5.0.0",
     "lerna": "^4.0.0",
-    "lint-staged": "^12.1.2",
+    "lint-staged": "^12.3.6",
     "merge-options": "^3.0.4",
-    "mocha": "^9.1.3",
-    "pinst": "^2.1.6",
-    "puppeteer": "^10.4.0",
+    "mocha": "^9.2.2",
+    "pinst": "^3.0.0",
+    "puppeteer": "^13.5.1",
     "raw-loader": "^4.0.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-test-renderer": "^17.0.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-test-renderer": "^18.0.0",
     "regenerator-runtime": "^0.13.9",
-    "rollup": "^2.60.2",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.70.1",
     "rollup-plugin-clear": "^2.0.7",
-    "rollup-plugin-styles": "^3.14.1",
-    "sinon": "^12.0.1",
+    "rollup-plugin-styles": "^4.0.0",
+    "sinon": "^13.0.1",
     "sinon-chai": "^3.7.0",
     "storage-mock": "^2.1.0",
-    "stylelint": "^14.1.0",
+    "stylelint": "^14.6.1",
     "svg-inline-loader": "^0.8.2",
-    "teamcity-service-messages": "^0.1.11",
-    "terser-webpack-plugin": "^5.2.5",
+    "teamcity-service-messages": "^0.1.12",
+    "terser-webpack-plugin": "^5.3.1",
     "typescript": "^4.5.2",
     "wallaby-webpack": "^3.9.16",
-    "webpack": "^5.64.4",
-    "webpack-cli": "^4.9.1",
+    "webpack": "^5.70.0",
+    "webpack-cli": "^4.9.2",
     "xmlappend": "^1.0.4",
     "yo": "^4.3.0"
   },
   "peerDependencies": {
+    "@types/react": ">=16.8.0",
+    "@types/react-dom": ">=16.8.0",
     "core-js": ">=3.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "webpack": "^5.64.4"
+    "webpack": ">=5.0.0"
   },
   "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
+    },
     "webpack": {
       "optional": true
     }
   },
   "dependencies": {
-    "@babel/core": "^7.16.0",
+    "@babel/core": "^7.17.8",
     "@babel/preset-typescript": "^7.14.5",
     "@jetbrains/angular-elastic": "^2.5.1",
     "@jetbrains/babel-preset-jetbrains": "^2.3.2",
-    "@jetbrains/icons": "^3.18.0",
+    "@jetbrains/icons": "^3.19.1",
     "@jetbrains/logos": "^1.4.27",
     "@jetbrains/postcss-require-hover": "^0.1.2",
     "@types/combokeys": "^2.4.6",
     "@types/deep-equal": "^1.0.1",
     "@types/element-resize-detector": "^1.1.3",
     "@types/google.analytics": "0.0.42",
-    "@types/prop-types": "^15.7.4",
-    "@types/react": "^17.0.21",
-    "@types/react-dom": "^17.0.9",
-    "@types/react-virtualized": "^9.21.13",
+    "@types/prop-types": "^15.7.5",
+    "@types/react-virtualized": "9.21.20",
     "@types/util-deprecate": "^1.0.0",
     "@ungap/url-search-params": "^0.2.2",
-    "babel-loader": "^8.2.3",
+    "babel-loader": "^8.2.4",
     "babel-plugin-transform-define": "^2.0.1",
     "browserslist": "^4.16.6",
     "change-case": "^4.1.1",
     "classnames": "^2.3.1",
     "combokeys": "^3.0.1",
     "compile-code-loader": "^1.0.0",
-    "conic-gradient": "^1.0.0",
-    "css-loader": "^6.5.1",
+    "css-loader": "^6.7.1",
     "csstype": "^3.0.9",
     "date-fns": "^2.27.0",
     "deep-equal": "^2.0.4",
     "element-resize-detector": "^1.2.3",
     "es6-error": "^4.1.1",
-    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-react-hooks": "^4.4.0",
     "extricate-loader": "^3.0.0",
     "fastdom": "^1.0.10",
     "file-loader": "^6.2.0",
-    "focus-trap": "^6.7.1",
+    "focus-trap": "^6.7.3",
     "focus-visible": "^5.2.0",
     "highlight.js": "^10.7.2",
-    "html-loader": "^3.0.1",
+    "html-loader": "^3.1.0",
     "interpolate-loader": "^2.0.1",
     "just-debounce-it": "^3.0.1",
     "memoize-one": "^6.0.0",
-    "postcss": "^8.4.4",
-    "postcss-calc": "^8.0.0",
+    "postcss": "^8.4.12",
+    "postcss-calc": "^8.2.4",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-font-family-system-ui": "^5.0.0",
     "postcss-loader": "^6.2.1",
     "postcss-modules-values-replace": "^3.4.0",
-    "postcss-preset-env": "^7.0.1",
-    "prop-types": "^15.7.2",
-    "react-markdown": "^5.0.3",
-    "react-movable": "^3.0.2",
+    "postcss-preset-env": "^7.4.3",
+    "prop-types": "^15.8.1",
+    "react-markdown": "^7.1.1",
+    "react-movable": "^3.0.4",
     "react-virtualized": "^9.22.3",
     "react-waypoint": "^10.1.0",
     "remark-breaks": "^3.0.2",
-    "remark-gfm": "^1.0.0",
+    "remark-gfm": "^3.0.1",
     "scrollbar-width": "^3.1.1",
     "simply-uuid": "^1.0.1",
     "sniffr": "^1.2.0",
+    "storybook-zeplin": "^1.7.0",
     "style-inject": "^0.3.0",
     "style-loader": "~3.3.1",
     "url-loader": "^4.1.1",
@@ -245,5 +254,5 @@
     "node": ">=7.4",
     "npm": ">=6.0.0"
   },
-  "gitHead": "5534c66311bd65ff87beb54ef1153ed00624a927"
+  "gitHead": "3b6a6152427f0c519caa67912d668f102dd458cb"
 }

package/webpack.config.js

@@ -1,16 +1,5 @@
 const path = require('path');
 
-const deprecate = require('util-deprecate');
-
-(function checkWebpack() {
-  const webpackVersion = require('webpack').version;
-  const isObsoleteWebpack = webpackVersion.startsWith('4');
-  if (isObsoleteWebpack) {
-    // TODO remove in 5.0
-    deprecate(() => null, `[WARN]: RingUI is used with Webpack@"${webpackVersion}". Ring UI requires Webpack@>=5`)();
-  }
-}());
-
 function loadersObjectToArray(loaders) {
   return Object.keys(loaders).map(name => loaders[name]);
 }