@jetbrains/ring-ui 4.1.12 → 5.0.0-beta.11

package/components/tooltip/tooltip.js

@@ -1,168 +1,126 @@
-import React, {Component, createContext} from 'react';
+import React, { Component, createContext } from 'react';
 import PropTypes from 'prop-types';
-
+import classNames from 'classnames';
 import Popup from '../popup/popup';
-import {Listeners} from '../global/dom';
+import { Listeners } from '../global/dom';
 import dataTests from '../global/data-tests';
 import scheduleRAF from '../global/schedule-raf';
-
 import styles from './tooltip.css';
-
 const scheduleScroll = scheduleRAF();
-
-const TooltipContext = createContext();
-
+const TooltipContext = createContext(undefined);
 /**
  * @name Tooltip
  */
 export default class Tooltip extends Component {
-  static propTypes = {
-    delay: PropTypes.number,
-    selfOverflowOnly: PropTypes.bool,
-    popupProps: PropTypes.object,
-    title: PropTypes.node,
-    children: PropTypes.node,
-    'data-test': PropTypes.string
-  };
-
-  static defaultProps = {
-    title: '',
-    selfOverflowOnly: false,
-    popupProps: {}
-  };
-
-  state = {
-    showPopup: false,
-    showNestedPopup: false
-  };
-
-  componentDidMount() {
-    if (this.props.title) {
-      this.addListeners();
+    static propTypes = {
+        delay: PropTypes.number,
+        selfOverflowOnly: PropTypes.bool,
+        popupProps: PropTypes.object,
+        title: PropTypes.node,
+        children: PropTypes.node,
+        'data-test': PropTypes.string
+    };
+    static defaultProps = {
+        title: '',
+        selfOverflowOnly: false,
+        popupProps: {}
+    };
+    state = {
+        showPopup: false,
+        showNestedPopup: false
+    };
+    componentDidMount() {
+        if (this.props.title) {
+            this.addListeners();
+        }
     }
-  }
-
-  componentDidUpdate(prevProps) {
-    if (!prevProps.title && this.props.title) {
-      this.addListeners();
-    } else if (prevProps.title && !this.props.title) {
-      this.listeners.removeAll();
+    componentDidUpdate(prevProps) {
+        if (!prevProps.title && this.props.title) {
+            this.addListeners();
+        }
+        else if (prevProps.title && !this.props.title) {
+            this.listeners.removeAll();
+        }
     }
-  }
-
-  componentWillUnmount() {
-    clearTimeout(this.timeout);
-    this.listeners.removeAll();
-  }
-
-  static PopupProps = Popup.PopupProps;
-  static contextType = TooltipContext;
-
-  listeners = new Listeners();
-  containerRef = el => {
-    this.containerNode = el;
-  };
-
-  tryToShowPopup = () => {
-    const {delay, title} = this.props;
-
-    if (!title) {
-      return;
+    componentWillUnmount() {
+        clearTimeout(this.timeout);
+        this.listeners.removeAll();
     }
-
-    if (delay) {
-      this.timeout = setTimeout(this.showPopup, delay);
-    } else {
-      this.showPopup();
+    static PopupProps = Popup.PopupProps;
+    static contextType = TooltipContext;
+    timeout;
+    listeners = new Listeners();
+    containerNode;
+    containerRef = (el) => {
+        this.containerNode = el;
+    };
+    tryToShowPopup = () => {
+        const { delay, title } = this.props;
+        if (!title) {
+            return;
+        }
+        if (delay) {
+            this.timeout = window.setTimeout(this.showPopup, delay);
+        }
+        else {
+            this.showPopup();
+        }
+    };
+    showPopup = () => {
+        if (this.props.selfOverflowOnly) {
+            const { containerNode } = this;
+            // rare cases when containerNode is null are possible;
+            // probably the collision is due to the asynchronous nature of the code,
+            // i.e. this code runs after the component is unmounted,
+            // although at first glance it looks unlikely.
+            if (!containerNode) {
+                return;
+            }
+            // inline element?
+            if (containerNode.clientWidth === 0 && containerNode.clientHeight === 0) {
+                return;
+            }
+            if (containerNode.scrollWidth <= containerNode.clientWidth &&
+                containerNode.scrollHeight <= containerNode.clientHeight) {
+                return;
+            }
+        }
+        this.context?.onNestedTooltipShow();
+        this.setState({ showPopup: true });
+    };
+    hidePopup = () => {
+        clearTimeout(this.timeout);
+        this.context?.onNestedTooltipHide();
+        this.setState({ showPopup: false });
+    };
+    addListeners() {
+        if (this.containerNode != null) {
+            this.listeners.add(this.containerNode, 'mouseover', this.tryToShowPopup);
+            this.listeners.add(this.containerNode, 'mouseout', this.hidePopup);
+        }
+        this.listeners.add(document, 'scroll', () => scheduleScroll(this.hidePopup), { passive: true });
     }
-  };
-
-  showPopup = () => {
-    if (this.props.selfOverflowOnly) {
-      const {containerNode} = this;
-
-      // rare cases when containerNode is null are possible;
-      // probably the collision is due to the asynchronous nature of the code,
-      // i.e. this code runs after the component is unmounted,
-      // although at first glance it looks unlikely.
-      if (!containerNode) {
-        return;
-      }
-
-      // inline element?
-      if (containerNode.clientWidth === 0 && containerNode.clientHeight === 0) {
-        return;
-      }
-      if (
-        containerNode.scrollWidth <= containerNode.clientWidth &&
-        containerNode.scrollHeight <= containerNode.clientHeight
-      ) {
-        return;
-      }
-    }
-
-    this.context?.onNestedTooltipShow();
-    this.setState({showPopup: true});
-  };
-
-  hidePopup = () => {
-    clearTimeout(this.timeout);
-    this.context?.onNestedTooltipHide();
-    this.setState({showPopup: false});
-  };
-
-  addListeners() {
-    this.listeners.add(this.containerNode, 'mouseover', this.tryToShowPopup);
-    this.listeners.add(this.containerNode, 'mouseout', this.hidePopup);
-    this.listeners.add(document, 'scroll', () => scheduleScroll(this.hidePopup), {passive: true});
-  }
-
-  popupRef = el => {
-    this.popup = el;
-  };
-
-  onNestedTooltipShow = () => {
-    this.setState({showNestedPopup: true});
-  };
-
-  onNestedTooltipHide = () => {
-    this.setState({showNestedPopup: false});
-  };
-
-  render() {
-    const {children, 'data-test': dataTest,
-      title, delay, selfOverflowOnly, popupProps, ...restProps} = this.props;
-
-    const ariaProps = typeof title === 'string' && !!title
-      ? {'aria-label': title, role: 'tooltip'}
-      : {};
-
-    const {onNestedTooltipShow, onNestedTooltipHide} = this;
-
-    return (
-      <TooltipContext.Provider value={{onNestedTooltipShow, onNestedTooltipHide}}>
-        <span
-          {...ariaProps}
-          {...restProps}
-          ref={this.containerRef}
-          data-test={dataTests('ring-tooltip', dataTest)}
-          data-test-title={typeof title === 'string' ? title : undefined}
-        >
+    popup;
+    popupRef = (el) => {
+        this.popup = el;
+    };
+    onNestedTooltipShow = () => {
+        this.setState({ showNestedPopup: true });
+    };
+    onNestedTooltipHide = () => {
+        this.setState({ showNestedPopup: false });
+    };
+    render() {
+        const { children, 'data-test': dataTest, title, delay, selfOverflowOnly, popupProps, long, ...restProps } = this.props;
+        const ariaProps = typeof title === 'string' && !!title
+            ? { 'aria-label': title, role: 'tooltip' }
+            : {};
+        const { onNestedTooltipShow, onNestedTooltipHide } = this;
+        return (<TooltipContext.Provider value={{ onNestedTooltipShow, onNestedTooltipHide }}>
+        <span {...ariaProps} {...restProps} ref={this.containerRef} data-test={dataTests('ring-tooltip', dataTest)} data-test-title={typeof title === 'string' ? title : undefined}>
           {children}
-          <Popup
-            trapFocus={false}
-            hidden={!this.state.showPopup || this.state.showNestedPopup}
-            onCloseAttempt={this.hidePopup}
-            maxHeight={400}
-            className={styles.tooltip}
-            attached={false}
-            top={4}
-            dontCloseOnAnchorClick
-            ref={this.popupRef}
-            {...popupProps}
-          >{title}</Popup>
+          <Popup trapFocus={false} hidden={!this.state.showPopup || this.state.showNestedPopup} onCloseAttempt={this.hidePopup} maxHeight={400} className={classNames(styles.tooltip, { [styles.long]: long })} attached={false} top={4} dontCloseOnAnchorClick ref={this.popupRef} {...popupProps}>{title}</Popup>
         </span>
-      </TooltipContext.Provider>
-    );
-  }
+      </TooltipContext.Provider>);
+    }
 }

package/components/tooltip-ng/tooltip-ng.examples.js

@@ -4,9 +4,9 @@ import warningIcon from '@jetbrains/icons/warning';
 
 import angularDecorator, {APP_NAME} from '../../.storybook/angular-decorator';
 
-import IconNG from '@jetbrains/ring-ui/components/icon-ng/icon-ng';
+import IconNG from '../icon-ng/icon-ng';
 
-import TooltipNG from '@jetbrains/ring-ui/components/tooltip-ng/tooltip-ng';
+import TooltipNG from './tooltip-ng';
 
 export default {
   title: 'Legacy Angular/Tooltip Ng',

package/components/user-agreement/service.d.ts

@@ -0,0 +1,161 @@
+import { UserAgreementTranslations } from './user-agreement';
+export declare const showMessage = "userAgreementShow";
+export declare const hideMessage = "userAgreementHide";
+export interface Consent {
+    accepted?: boolean | null | undefined;
+    majorVersion?: number | null | undefined;
+    minorVersion?: number | null | undefined;
+}
+export interface ConsentResponse {
+    guest?: boolean | null | undefined;
+    endUserAgreementConsent?: Consent | null | undefined;
+}
+export interface Agreement {
+    text: string;
+    enabled?: boolean | null | undefined;
+    majorVersion?: number | null | undefined;
+    minorVersion?: number | null | undefined;
+    requiredForREST?: boolean | null | undefined;
+}
+export interface UserAgreementServiceTranslations extends UserAgreementTranslations {
+    reviewNow: string;
+}
+export interface UserAgreementServiceConfig {
+    getUserAgreement: () => Promise<Agreement | null | undefined> | Agreement | null | undefined;
+    getUserConsent: () => Promise<ConsentResponse> | ConsentResponse;
+    setUserConsent: () => Promise<Consent> | Consent;
+    interval?: number | null | undefined;
+    translations?: UserAgreementServiceTranslations | undefined;
+    onDialogShow?: (() => void) | null | undefined;
+    onDialogHide?: (() => void) | null | undefined;
+    onRemindLater?: (() => void) | null | undefined;
+    onAccept?: (() => void) | null | undefined;
+    onDecline?: (() => void) | null | undefined;
+}
+export default class UserAgreementService {
+    config: UserAgreementServiceConfig;
+    constructor(config: UserAgreementServiceConfig);
+    private _dialogPromise;
+    private _alertPromise;
+    tabId: number;
+    interval: number;
+    container: HTMLDivElement;
+    storage: import("../storage/storage").StorageInterface;
+    checkingPromise: Promise<[Agreement, Consent]> | null;
+    guest: boolean | null | undefined;
+    userAgreement: Agreement;
+    userConsent: Consent;
+    intervalId?: number;
+    startChecking: () => void;
+    stopChecking: () => void;
+    onStorageEvent: (event: StorageEvent) => void;
+    private _notifyAboutShowing;
+    private _notifyAboutHiding;
+    getUserAgreement: () => Promise<Agreement>;
+    getUserConsent: () => Promise<Consent>;
+    checkConsentAndShowDialog: (withoutNotifications?: boolean | undefined) => Promise<unknown>;
+    checkConsent: () => Promise<boolean | null | undefined>;
+    alertKey?: string | number | null;
+    showAlert: (withoutNotifications?: boolean | undefined) => Promise<unknown>;
+    hideAlert: (withoutNotifications?: boolean | undefined) => void;
+    showDialog: (withoutNotifications?: boolean | undefined, preview?: boolean, restOptions?: Partial<Pick<Pick<import("./user-agreement").UserAgreementProps, keyof import("./user-agreement").UserAgreementProps> & Pick<import("prop-types").InferProps<{
+        show: import("prop-types").Requireable<boolean>;
+        preview: import("prop-types").Requireable<boolean>;
+        text: import("prop-types").Validator<string>;
+        onAccept: import("prop-types").Requireable<(...args: any[]) => any>;
+        onDecline: import("prop-types").Requireable<(...args: any[]) => any>;
+        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
+        onRemindLater: import("prop-types").Requireable<(...args: any[]) => any>;
+        translations: import("prop-types").Requireable<import("prop-types").InferProps<{
+            userAgreement: import("prop-types").Validator<string>;
+            accept: import("prop-types").Validator<string>;
+            decline: import("prop-types").Validator<string>;
+            close: import("prop-types").Validator<string>;
+            scrollToAccept: import("prop-types").Validator<string>;
+            remindLater: import("prop-types").Validator<string>;
+        }>>;
+        className: import("prop-types").Requireable<string>;
+    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "className" | "text" | "preview" | "onRemindLater"> & Partial<Pick<Pick<import("./user-agreement").UserAgreementProps, keyof import("./user-agreement").UserAgreementProps> & Pick<import("prop-types").InferProps<{
+        show: import("prop-types").Requireable<boolean>;
+        preview: import("prop-types").Requireable<boolean>;
+        text: import("prop-types").Validator<string>;
+        onAccept: import("prop-types").Requireable<(...args: any[]) => any>;
+        onDecline: import("prop-types").Requireable<(...args: any[]) => any>;
+        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
+        onRemindLater: import("prop-types").Requireable<(...args: any[]) => any>;
+        translations: import("prop-types").Requireable<import("prop-types").InferProps<{
+            userAgreement: import("prop-types").Validator<string>;
+            accept: import("prop-types").Validator<string>;
+            decline: import("prop-types").Validator<string>;
+            close: import("prop-types").Validator<string>;
+            scrollToAccept: import("prop-types").Validator<string>;
+            remindLater: import("prop-types").Validator<string>;
+        }>>;
+        className: import("prop-types").Requireable<string>;
+    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "onClose" | "show" | "translations" | "onAccept" | "onDecline">> & Partial<Pick<{
+        translations: {
+            userAgreement: string;
+            accept: string;
+            decline: string;
+            close: string;
+            scrollToAccept: string;
+            remindLater: string;
+        };
+        show: boolean;
+        onAccept: () => void;
+        onDecline: () => void;
+        onClose: () => void;
+    }, never>>> | undefined) => Promise<unknown>;
+    hideDialog: (withoutNotifications?: boolean | undefined) => void;
+    showDialogOrAlert: (withoutNotifications?: boolean | undefined, preview?: boolean | undefined, restOptions?: Partial<Pick<Pick<import("./user-agreement").UserAgreementProps, keyof import("./user-agreement").UserAgreementProps> & Pick<import("prop-types").InferProps<{
+        show: import("prop-types").Requireable<boolean>;
+        preview: import("prop-types").Requireable<boolean>;
+        text: import("prop-types").Validator<string>;
+        onAccept: import("prop-types").Requireable<(...args: any[]) => any>;
+        onDecline: import("prop-types").Requireable<(...args: any[]) => any>;
+        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
+        onRemindLater: import("prop-types").Requireable<(...args: any[]) => any>;
+        translations: import("prop-types").Requireable<import("prop-types").InferProps<{
+            userAgreement: import("prop-types").Validator<string>;
+            accept: import("prop-types").Validator<string>;
+            decline: import("prop-types").Validator<string>;
+            close: import("prop-types").Validator<string>;
+            scrollToAccept: import("prop-types").Validator<string>;
+            remindLater: import("prop-types").Validator<string>;
+        }>>;
+        className: import("prop-types").Requireable<string>;
+    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "className" | "text" | "preview" | "onRemindLater"> & Partial<Pick<Pick<import("./user-agreement").UserAgreementProps, keyof import("./user-agreement").UserAgreementProps> & Pick<import("prop-types").InferProps<{
+        show: import("prop-types").Requireable<boolean>;
+        preview: import("prop-types").Requireable<boolean>;
+        text: import("prop-types").Validator<string>;
+        onAccept: import("prop-types").Requireable<(...args: any[]) => any>;
+        onDecline: import("prop-types").Requireable<(...args: any[]) => any>;
+        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
+        onRemindLater: import("prop-types").Requireable<(...args: any[]) => any>;
+        translations: import("prop-types").Requireable<import("prop-types").InferProps<{
+            userAgreement: import("prop-types").Validator<string>;
+            accept: import("prop-types").Validator<string>;
+            decline: import("prop-types").Validator<string>;
+            close: import("prop-types").Validator<string>;
+            scrollToAccept: import("prop-types").Validator<string>;
+            remindLater: import("prop-types").Validator<string>;
+        }>>;
+        className: import("prop-types").Requireable<string>;
+    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "onClose" | "show" | "translations" | "onAccept" | "onDecline">> & Partial<Pick<{
+        translations: {
+            userAgreement: string;
+            accept: string;
+            decline: string;
+            close: string;
+            scrollToAccept: string;
+            remindLater: string;
+        };
+        show: boolean;
+        onAccept: () => void;
+        onDecline: () => void;
+        onClose: () => void;
+    }, never>>> | undefined) => Promise<unknown>;
+    hideDialogAndAlert: (withoutNotifications?: boolean | undefined) => void;
+    onAccept: () => Promise<void>;
+    onDecline: () => void;
+}