@jetbrains/ring-ui 4.1.1 → 4.1.2

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_5d21","dialogContent":"dialogContent_rui_5d21","suggestion":"suggestion_rui_5d21","remindLaterButton":"remindLaterButton_rui_5d21"};
+
+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.2",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -216,5 +216,5 @@
     "node": ">=7.4",
     "npm": ">=6.0.0"
   },
-  "gitHead": "735256fde0ff2c663fa1293c677bbf419c928a32"
+  "gitHead": "db1f7fc0375b7f6843e49ca1007fcb0deff5c539"
 }