@jetbrains/ring-ui 4.1.1 → 4.1.5

package/dist/user-agreement/user-agreement.js

@@ -0,0 +1,167 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Dialog from '../dialog/dialog.js';
+import '../island/island.js';
+import Panel from '../panel/panel.js';
+import Button from '../button/button.js';
+import Markdown from '../markdown/markdown.js';
+import HeaderWrapper from '../island/header.js';
+import ContentWrapper from '../island/content.js';
+import 'react-dom';
+import '@jetbrains/icons/close';
+import '../global/get-uid.js';
+import '../global/data-tests.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../global/dom.js';
+import '../popup/popup.target.js';
+import '../_helpers/dialog__body-scroll-preventer.js';
+import 'scrollbar-width';
+import '../island/adaptive-island-hoc.js';
+import '../global/linear-function.js';
+import '../_helpers/island.js';
+import 'element-resize-detector';
+import '../global/schedule-raf.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+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 '../global/theme.js';
+import '../link/clickableLink.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/panel.js';
+import 'react-markdown';
+import 'remark-breaks';
+import 'remark-gfm';
+import '../global/normalize-indent.js';
+import '../global/trivial-template-tag.js';
+import '../markdown/code.js';
+import '../code/code.js';
+import 'highlight.js/lib/core';
+import '../markdown/link.js';
+import '../link/link.js';
+import '../_helpers/link.js';
+import '../markdown/heading.js';
+import '../heading/heading.js';
+
+var modules_f5ed85cf = {"unit":"8px","extra-small-screen-media":"(max-width:639px)","agreementDialog":"agreementDialog_rui_4f66","dialogContent":"dialogContent_rui_4f66","suggestion":"suggestion_rui_4f66","remindLaterButton":"remindLaterButton_rui_4f66"};
+
+function noop() {}
+/**
+ * A component that displays a user agreement dialog.
+ */
+
+
+class UserAgreement extends PureComponent {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "state", {
+      scrolledDown: false
+    });
+
+    _defineProperty(this, "onScrollToBottom", () => this.setState({
+      scrolledDown: true
+    }));
+  }
+
+  render() {
+    const {
+      scrolledDown
+    } = this.state;
+    const {
+      translations,
+      onAccept,
+      onDecline,
+      onClose,
+      onRemindLater,
+      text,
+      show,
+      preview,
+      className
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Dialog, {
+      label: translations.userAgreement,
+      show: show,
+      className: classNames(modules_f5ed85cf.agreementDialog, className),
+      contentClassName: modules_f5ed85cf.dialogContent,
+      trapFocus: true,
+      autoFocusFirst: false,
+      "data-test": "user-agreement"
+    }, /*#__PURE__*/React.createElement(HeaderWrapper, null, translations.userAgreement), /*#__PURE__*/React.createElement(ContentWrapper, {
+      fade: true,
+      onScrollToBottom: this.onScrollToBottom
+    }, /*#__PURE__*/React.createElement(Markdown, {
+      source: text,
+      tabindex: -1
+    })), !preview && /*#__PURE__*/React.createElement(Panel, null, onRemindLater && !scrolledDown && /*#__PURE__*/React.createElement("div", {
+      className: modules_f5ed85cf.suggestion
+    }, translations.scrollToAccept), /*#__PURE__*/React.createElement(Button, {
+      primary: true,
+      disabled: !scrolledDown,
+      onClick: onAccept,
+      "data-test": "accept"
+    }, translations.accept), /*#__PURE__*/React.createElement(Button, {
+      onClick: onDecline,
+      autoFocus: true,
+      "data-test": "decline"
+    }, translations.decline), !onRemindLater && !scrolledDown && /*#__PURE__*/React.createElement("span", {
+      className: modules_f5ed85cf.suggestion
+    }, translations.scrollToAccept), onRemindLater && /*#__PURE__*/React.createElement(Button, {
+      className: modules_f5ed85cf.remindLaterButton,
+      onClick: onRemindLater,
+      "data-test": "later"
+    }, translations.remindLater)), preview && /*#__PURE__*/React.createElement(Panel, null, /*#__PURE__*/React.createElement(Button, {
+      onClick: onClose,
+      autoFocus: true,
+      "data-test": "close"
+    }, translations.close)));
+  }
+
+}
+
+_defineProperty(UserAgreement, "propTypes", {
+  show: PropTypes.bool,
+  preview: PropTypes.bool,
+  text: PropTypes.string.isRequired,
+  onAccept: PropTypes.func,
+  onDecline: PropTypes.func,
+  onClose: PropTypes.func,
+  onRemindLater: PropTypes.func,
+  translations: PropTypes.shape({
+    userAgreement: PropTypes.string.isRequired,
+    accept: PropTypes.string.isRequired,
+    decline: PropTypes.string.isRequired,
+    close: PropTypes.string.isRequired,
+    scrollToAccept: PropTypes.string.isRequired,
+    remindLater: PropTypes.string.isRequired
+  }),
+  className: PropTypes.string
+});
+
+_defineProperty(UserAgreement, "defaultProps", {
+  translations: {
+    userAgreement: 'User Agreement',
+    accept: 'Accept',
+    decline: 'Decline',
+    close: 'Close',
+    scrollToAccept: 'View the entire agreement to continue',
+    remindLater: 'Remind me later'
+  },
+  show: false,
+  onAccept: noop,
+  onDecline: noop,
+  onClose: noop
+});
+
+export { UserAgreement as default };

package/dist/user-card/card.js

@@ -0,0 +1,17 @@
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'react';
+import 'prop-types';
+import 'classnames';
+import '../avatar/avatar.js';
+import '../link/link.js';
+import '../_helpers/badge.js';
+export { U as default } from '../_helpers/card.js';
+import '../global/url.js';
+import '../global/dom.js';
+import '../avatar/fallback-avatar.js';
+import '../global/get-uid.js';
+import 'focus-visible';
+import '../global/memoize.js';
+import '../global/data-tests.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';

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

@@ -0,0 +1,112 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+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 '../dropdown/dropdown.js';
+import '../_helpers/anchor.js';
+import '@jetbrains/icons/chevron-10px';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../button/button.js';
+import 'focus-visible';
+import '../link/clickableLink.js';
+import '../_helpers/button__classes.js';
+import '../popup/popup.js';
+import 'react-dom';
+import '../global/schedule-raf.js';
+import '../global/dom.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import '../avatar/fallback-avatar.js';
+import '../link/link.js';
+import '../_helpers/link.js';
+import '../_helpers/badge.js';
+
+class SmartUserCardTooltip extends Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "state", {
+      user: null,
+      loading: false
+    });
+
+    _defineProperty(this, "loadUser", async () => {
+      if (this.state.user) {
+        return;
+      }
+
+      try {
+        this.setState({
+          loading: true
+        });
+        const user = await this.props.userDataSource();
+        this.setState({
+          user
+        });
+      } catch (e) {// Skip it
+      } finally {
+        this.setState({
+          loading: false
+        });
+      }
+    });
+
+    _defineProperty(this, "renderNoUser", () => this.state.loading ? /*#__PURE__*/React.createElement("div", {
+      className: modules_a4196c17.userCardSpaced
+    }, /*#__PURE__*/React.createElement(LoaderInline, null)) : '');
+  }
+
+  render() {
+    const {
+      user
+    } = this.state;
+    const {
+      children,
+      userDataSource,
+      ...restProps
+    } = this.props;
+    const dropdownProps = {
+      onMouseEnter: this.loadUser,
+      ...UserCardTooltip.defaultProps.dropdownProps
+    };
+    return /*#__PURE__*/React.createElement(UserCardTooltip, _extends({
+      user: user,
+      renderNoUser: this.renderNoUser,
+      dropdownProps: dropdownProps
+    }, restProps), children);
+  }
+
+}
+
+_defineProperty(SmartUserCardTooltip, "propTypes", {
+  children: PropTypes.node,
+  userDataSource: PropTypes.func
+});
+
+export { SmartUserCardTooltip as default };

package/dist/user-card/tooltip.js

@@ -0,0 +1,93 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { Component } from 'react';
+import classNames from 'classnames';
+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 '../global/data-tests.js';
+import '../_helpers/anchor.js';
+import '@jetbrains/icons/chevron-10px';
+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 '../global/theme.js';
+import '../link/clickableLink.js';
+import '../_helpers/button__classes.js';
+import 'react-dom';
+import '../global/get-uid.js';
+import '../global/schedule-raf.js';
+import '../global/dom.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import '../avatar/fallback-avatar.js';
+import '../link/link.js';
+import '../_helpers/link.js';
+import '../_helpers/badge.js';
+
+const DEFAULT_TIMEOUT = 300;
+class UserCardTooltip extends Component {
+  render() {
+    const {
+      children,
+      user,
+      renderUserCard,
+      renderNoUser,
+      dropdownProps
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Dropdown, _extends({
+      anchor: children,
+      hoverMode: true,
+      clickMode: false
+    }, dropdownProps), /*#__PURE__*/React.createElement(Popup, {
+      attached: false
+    }, user ? renderUserCard(this.props) : renderNoUser()));
+  }
+
+}
+
+_defineProperty(UserCardTooltip, "propTypes", {
+  className: PropTypes.string,
+  children: PropTypes.node,
+  dropdownProps: PropTypes.object,
+  user: PropTypes.object,
+  renderUserCard: PropTypes.func,
+  renderNoUser: PropTypes.func
+});
+
+_defineProperty(UserCardTooltip, "defaultProps", {
+  renderUserCard: props => {
+    const {
+      className,
+      children,
+      renderUserCard,
+      renderNoUser,
+      dropdownProps,
+      ...restProps
+    } = props;
+    return /*#__PURE__*/React.createElement(UserCard, _extends({}, restProps, {
+      className: classNames(modules_a4196c17.userCardSpaced, className)
+    }));
+  },
+  renderNoUser: () => '',
+  dropdownProps: {
+    hoverShowTimeOut: DEFAULT_TIMEOUT,
+    hoverHideTimeOut: DEFAULT_TIMEOUT
+  }
+});
+
+export { UserCardTooltip as default };

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

@@ -0,0 +1,49 @@
+export { U as UserCard } from '../_helpers/card.js';
+export { default as UserCardTooltip } from './tooltip.js';
+export { default as SmartUserCardTooltip } from './smart-user-card-tooltip.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'react';
+import 'prop-types';
+import 'classnames';
+import '../avatar/avatar.js';
+import '../global/url.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 '../global/data-tests.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../_helpers/badge.js';
+import '../dropdown/dropdown.js';
+import '../_helpers/anchor.js';
+import '@jetbrains/icons/chevron-10px';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../button/button.js';
+import '../global/theme.js';
+import '../_helpers/button__classes.js';
+import '../popup/popup.js';
+import 'react-dom';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+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';

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

@@ -0,0 +1,59 @@
+import angular from 'angular';
+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 'react';
+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/card.js';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import '../global/dom.js';
+import '../avatar/fallback-avatar.js';
+import '../link/link.js';
+import 'focus-visible';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../_helpers/badge.js';
+import '../dropdown/dropdown.js';
+import '../_helpers/anchor.js';
+import '@jetbrains/icons/chevron-10px';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../button/button.js';
+import '../_helpers/button__classes.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
+
+const angularModule = angular.module('Ring.user-card', []);
+angularModule.component('rgUserCardTooltip', createAngularComponent(UserCardTooltip)).component('rgSmartUserCardTooltip', createAngularComponent(SmartUserCardTooltip));
+var userCardNg = angularModule.name;
+
+export { userCardNg as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "4.1.1",
+  "version": "4.1.5",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -70,25 +70,25 @@
     "@babel/cli": "^7.16.0",
     "@babel/eslint-parser": "^7.16.3",
     "@jetbrains/eslint-config": "^5.3.1",
-    "@jetbrains/generator-ring-ui": "^4.1.1",
+    "@jetbrains/generator-ring-ui": "^4.1.2",
     "@jetbrains/stylelint-config": "^3.0.2",
     "@primer/octicons": "^16.1.1",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-replace": "^3.0.0",
-    "@storybook/addon-a11y": "6.3.12",
-    "@storybook/addon-docs": "6.3.12",
-    "@storybook/addon-essentials": "6.3.12",
-    "@storybook/addon-storyshots": "6.3.2",
-    "@storybook/addon-storyshots-puppeteer": "6.3.2",
-    "@storybook/addon-storysource": "6.3.12",
-    "@storybook/addons": "6.3.12",
-    "@storybook/builder-webpack5": "6.3.12",
-    "@storybook/client-api": "6.3.12",
-    "@storybook/core": "6.3.12",
-    "@storybook/html": "6.3.12",
-    "@storybook/manager-webpack5": "^6.3.12",
-    "@storybook/source-loader": "6.3.12",
-    "@storybook/theming": "6.3.12",
+    "@storybook/addon-a11y": "6.4.8",
+    "@storybook/addon-docs": "6.4.4",
+    "@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.8",
+    "@storybook/builder-webpack5": "6.4.8",
+    "@storybook/client-api": "6.4.8",
+    "@storybook/core": "6.4.4",
+    "@storybook/html": "6.4.5",
+    "@storybook/manager-webpack5": "^6.4.5",
+    "@storybook/source-loader": "6.4.8",
+    "@storybook/theming": "6.4.5",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.5.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.5",
@@ -104,7 +104,7 @@
     "cheerio": "^0.22.0",
     "core-js": "^3.19.1",
     "enzyme": "^3.11.0",
-    "eslint": "^8.2.0",
+    "eslint": "^8.3.0",
     "eslint-import-resolver-webpack": "^0.13.2",
     "eslint-plugin-angular": "^4.1.0",
     "eslint-plugin-bdd": "^2.1.1",
@@ -112,7 +112,7 @@
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-react": "^7.27.1",
     "events": "^3.3.0",
-    "glob": "^7.1.6",
+    "glob": "^7.2.0",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^7.0.4",
     "identity-obj-proxy": "^3.0.0",
@@ -136,7 +136,7 @@
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2",
     "regenerator-runtime": "^0.13.9",
-    "rollup": "^2.60.0",
+    "rollup": "^2.60.2",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^3.14.1",
     "sinon": "^12.0.1",
@@ -147,7 +147,7 @@
     "teamcity-service-messages": "^0.1.11",
     "terser-webpack-plugin": "^5.2.5",
     "wallaby-webpack": "^3.9.16",
-    "webpack": "^5.64.1",
+    "webpack": "^5.64.4",
     "webpack-cli": "^4.9.1",
     "xmlappend": "^1.0.4",
     "yo": "^4.3.0"
@@ -156,12 +156,17 @@
     "core-js": ">=3.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "webpack": "^5.64.1"
+    "webpack": "^5.64.4"
+  },
+  "peerDependenciesMeta": {
+    "webpack": {
+      "optional": true
+    }
   },
   "dependencies": {
     "@babel/core": "^7.16.0",
     "@jetbrains/angular-elastic": "^2.5.1",
-    "@jetbrains/babel-preset-jetbrains": "^2.3.1",
+    "@jetbrains/babel-preset-jetbrains": "^2.3.2",
     "@jetbrains/icons": "^3.18.0",
     "@jetbrains/logos": "^1.4.27",
     "@jetbrains/postcss-require-hover": "^0.1.2",
@@ -175,7 +180,7 @@
     "compile-code-loader": "^1.0.0",
     "conic-gradient": "^1.0.0",
     "css-loader": "^6.5.1",
-    "date-fns": "^2.26.0",
+    "date-fns": "^2.27.0",
     "deep-equal": "^2.0.4",
     "element-resize-detector": "^1.2.3",
     "es6-error": "^4.1.1",
@@ -190,11 +195,11 @@
     "interpolate-loader": "^2.0.1",
     "just-debounce-it": "^3.0.1",
     "memoize-one": "^6.0.0",
-    "postcss": "^8.3.11",
+    "postcss": "^8.4.4",
     "postcss-calc": "^8.0.0",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-font-family-system-ui": "^5.0.0",
-    "postcss-loader": "^6.2.0",
+    "postcss-loader": "^6.2.1",
     "postcss-modules-values-replace": "^3.4.0",
     "postcss-preset-env": "^7.0.1",
     "prop-types": "^15.7.2",
@@ -216,5 +221,5 @@
     "node": ">=7.4",
     "npm": ">=6.0.0"
   },
-  "gitHead": "735256fde0ff2c663fa1293c677bbf419c928a32"
+  "gitHead": "0450d0ab9b11c78a6ede431e8a41935d46b51b30"
 }