@jetbrains/ring-ui 4.1.3 → 5.0.0-beta.0

package/dist/_helpers/title.js

@@ -5,6 +5,7 @@ import classNames from 'classnames';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
 import Checkbox from '../checkbox/checkbox.js';
 import getUID from '../global/get-uid.js';
+import { refObject } from '../global/prop-types.js';
 
 var modules_09d014b4 = {"unit":"8px","height":"32px","compensate":"2px","dataListWrapper":"dataListWrapper_rui_dd45","dataList":"dataList_rui_dd45","itemContent":"itemContent_rui_dd45","title":"title_rui_dd45","titleSelected":"titleSelected_rui_dd45","titleFocused":"titleFocused_rui_dd45","showMore":"showMore_rui_dd45","boxes":"boxes_rui_dd45","checkboxBox":"checkboxBox_rui_dd45","collapseButton":"collapseButton_rui_dd45","collapseIcon":"collapseIcon_rui_dd45","loadingOverlay":"loadingOverlay_rui_dd45","showMoreLoader":"showMoreLoader_rui_dd45"};
 
@@ -68,32 +69,31 @@ class Title extends PureComponent {
       checked: selected,
       onFocus: this.onCheckboxFocus,
       onChange: this.onCheckboxChange,
-      tabIndex: "-1"
+      tabIndex: -1
     })), collapserExpander), title);
   }
 
 }
 
-_defineProperty(Title, "propTypes", {
+_defineProperty(Title, "defaultProps", {
+  selectable: false,
+  selected: false,
+  showFocus: false
+});
+
+Title.propTypes = {
   className: PropTypes.string,
   title: PropTypes.node,
   offset: PropTypes.number,
   selectable: PropTypes.bool,
   selected: PropTypes.bool,
-  onSelect: PropTypes.func,
+  onSelect: PropTypes.func.isRequired,
   showFocus: PropTypes.bool,
   collapserExpander: PropTypes.node,
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func]),
+  innerRef: PropTypes.oneOfType([refObject(PropTypes.instanceOf(HTMLDivElement)), PropTypes.func]),
   // focusSensorHOC
-  onFocusRestore: PropTypes.func
-});
-
-_defineProperty(Title, "defaultProps", {
-  selectable: false,
-  selected: false,
-  showFocus: false
-});
-
+  onFocusRestore: PropTypes.func.isRequired
+};
 var Title$1 = focusSensorHOC(Title);
 
 export { Title$1 as T, modules_09d014b4 as m };

package/dist/alert/alert.d.ts

@@ -0,0 +1,110 @@
+import React, { PureComponent, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+export declare const ANIMATION_TIME = 500;
+/**
+ * @name Alert
+ */
+/**
+ * List of available alert types.
+ * @enum {string}
+ */
+export declare enum AlertType {
+    ERROR = "error",
+    MESSAGE = "message",
+    SUCCESS = "success",
+    WARNING = "warning",
+    LOADING = "loading"
+}
+export interface AlertProps {
+    timeout: number;
+    onCloseRequest: ((event?: React.MouseEvent<HTMLElement>) => void);
+    onClose: (() => void);
+    isShaking: boolean;
+    isClosing: boolean;
+    inline: boolean;
+    showWithAnimation: boolean;
+    closeable: boolean;
+    type: AlertType;
+    children?: ReactNode;
+    className?: string | null | undefined;
+    captionClassName?: string | null | undefined;
+    closeButtonClassName?: string | null | undefined;
+    'data-test'?: string | null | undefined;
+}
+interface State {
+    height: number | null;
+}
+/**
+ * @constructor
+ * @name Alert
+ * @extends {ReactComponent}
+ */
+/**
+ * **Alert** is a component for displaying contextual notifications. If you want to display a stack of notifications, use **Alerts** instead.
+ */
+export default class Alert extends PureComponent<AlertProps, State> {
+    static propTypes: {
+        timeout: PropTypes.Requireable<number>;
+        /**
+         * Fires when alert starts closing if timeout is out or user clicks "Close" button
+         */
+        onCloseRequest: PropTypes.Requireable<(...args: any[]) => any>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        isShaking: PropTypes.Requireable<boolean>;
+        isClosing: PropTypes.Requireable<boolean>;
+        /**
+         * Whether an alert is rendered inside an **Alerts** container
+         * or standalone.
+         */
+        inline: PropTypes.Requireable<boolean>;
+        showWithAnimation: PropTypes.Requireable<boolean>;
+        closeable: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<AlertType>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        captionClassName: PropTypes.Requireable<string>;
+        closeButtonClassName: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
+    };
+    /** @override */
+    static defaultProps: {
+        closeable: boolean;
+        showWithAnimation: boolean;
+        type: AlertType;
+        inline: boolean;
+        isClosing: boolean;
+        isShaking: boolean;
+        timeout: number;
+        onClose: () => void;
+        onCloseRequest: () => void;
+    };
+    state: {
+        height: null;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    node?: HTMLDivElement | null;
+    hideTimeout?: number;
+    static Type: typeof AlertType;
+    closeRequest: (event: React.MouseEvent<HTMLElement>) => void;
+    startCloseAnimation: () => void;
+    private _close;
+    /**
+     * @param {SyntheticEvent} evt
+     * @private
+     */
+    private _handleCaptionsLinksClick;
+    /**
+     * @private
+     */
+    private _getCaption;
+    /**
+     * @private
+     * @return {XML|string}
+     */
+    private _getIcon;
+    storeAlertRef: (node: HTMLDivElement | null) => void;
+    render(): JSX.Element;
+}
+export { default as Container } from './container';

package/dist/alert/alert.js

@@ -7,12 +7,12 @@ import checkmarkIcon from '@jetbrains/icons/checkmark';
 import warningIcon from '@jetbrains/icons/warning';
 import closeIcon from '@jetbrains/icons/close';
 import Icon from '../icon/icon.js';
-import LoaderInline from '../loader-inline/loader-inline.js';
+import ThemedLoaderInline from '../loader-inline/loader-inline.js';
 import { getRect } from '../global/dom.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 export { default as Container } from './container.js';
+import { Color } from '../icon/icon__constants.js';
 import 'util-deprecate';
-import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
@@ -38,32 +38,35 @@ const ANIMATION_TIME = 500;
  * @enum {string}
  */
 
-const Type = {
-  ERROR: 'error',
-  MESSAGE: 'message',
-  SUCCESS: 'success',
-  WARNING: 'warning',
-  LOADING: 'loading'
-};
+var AlertType;
+
+(function (AlertType) {
+  AlertType["ERROR"] = "error";
+  AlertType["MESSAGE"] = "message";
+  AlertType["SUCCESS"] = "success";
+  AlertType["WARNING"] = "warning";
+  AlertType["LOADING"] = "loading";
+})(AlertType || (AlertType = {}));
 /**
  * Lookup table of alert type to icon modifier.
- * @type {Object.<Type, string>}
+ * @type {Object.<AlertType, string>}
  */
 
+
 const TypeToIcon = {
-  [Type.ERROR]: exceptionIcon,
-  [Type.SUCCESS]: checkmarkIcon,
-  [Type.WARNING]: warningIcon
+  [AlertType.ERROR]: exceptionIcon,
+  [AlertType.SUCCESS]: checkmarkIcon,
+  [AlertType.WARNING]: warningIcon
 };
 /**
  * Lookup table of alert type to icon color.
- * @type {Object.<Type, Icon.Color>}
+ * @type {Object.<AlertType, Icon.Color>}
  */
 
 const TypeToIconColor = {
-  [Type.ERROR]: Icon.Color.RED,
-  [Type.SUCCESS]: Icon.Color.GREEN,
-  [Type.WARNING]: Icon.Color.WHITE
+  [AlertType.ERROR]: Color.RED,
+  [AlertType.SUCCESS]: Color.GREEN,
+  [AlertType.WARNING]: Color.WHITE
 };
 /**
  * @constructor
@@ -77,19 +80,19 @@ const TypeToIconColor = {
 
 class Alert extends PureComponent {
   constructor() {
-    var _this;
-
     super(...arguments);
-    _this = this;
 
     _defineProperty(this, "state", {
       height: null
     });
 
-    _defineProperty(this, "closeRequest", function () {
-      _this.startCloseAnimation();
+    _defineProperty(this, "node", void 0);
+
+    _defineProperty(this, "hideTimeout", void 0);
 
-      return _this.props.onCloseRequest(...arguments);
+    _defineProperty(this, "closeRequest", event => {
+      this.startCloseAnimation();
+      return this.props.onCloseRequest(event);
     });
 
     _defineProperty(this, "startCloseAnimation", () => {
@@ -100,7 +103,7 @@ class Alert extends PureComponent {
     });
 
     _defineProperty(this, "_handleCaptionsLinksClick", evt => {
-      if (evt.target.matches('a')) {
+      if (evt.target instanceof Element && evt.target.matches('a')) {
         this.closeRequest(evt);
       }
     });
@@ -112,7 +115,7 @@ class Alert extends PureComponent {
 
   componentDidMount() {
     if (this.props.timeout > 0) {
-      this.hideTimeout = setTimeout(this.closeRequest, this.props.timeout);
+      this.hideTimeout = window.setTimeout(this.closeRequest, this.props.timeout);
     }
   }
 
@@ -164,12 +167,12 @@ class Alert extends PureComponent {
       return /*#__PURE__*/React.createElement(Icon, {
         glyph: glyph,
         className: modules_e02b3280.icon,
-        color: TypeToIconColor[this.props.type] || Icon.Color.DEFAULT
+        color: TypeToIconColor[this.props.type] || Color.DEFAULT
       });
-    } else if (this.props.type === Type.LOADING) {
-      return /*#__PURE__*/React.createElement(LoaderInline, {
+    } else if (this.props.type === AlertType.LOADING) {
+      return /*#__PURE__*/React.createElement(ThemedLoaderInline, {
         className: modules_e02b3280.loader,
-        theme: LoaderInline.Theme.DARK
+        theme: ThemedLoaderInline.Theme.DARK
       });
     }
 
@@ -195,9 +198,10 @@ class Alert extends PureComponent {
       [modules_e02b3280.animationClosing]: isClosing,
       [modules_e02b3280.animationShaking]: isShaking
     });
-    const style = this.state.height ? {
-      marginBottom: -this.state.height
-    } : null;
+    const height = this.state.height;
+    const style = height ? {
+      marginBottom: -height
+    } : undefined;
     return /*#__PURE__*/React.createElement("div", {
       className: classes,
       "data-test": joinDataTestAttributes('alert', dataTest),
@@ -235,7 +239,7 @@ _defineProperty(Alert, "propTypes", {
   inline: PropTypes.bool,
   showWithAnimation: PropTypes.bool,
   closeable: PropTypes.bool,
-  type: PropTypes.oneOf(Object.values(Type)),
+  type: PropTypes.oneOf(Object.values(AlertType)),
   children: PropTypes.node,
   className: PropTypes.string,
   captionClassName: PropTypes.string,
@@ -246,7 +250,7 @@ _defineProperty(Alert, "propTypes", {
 _defineProperty(Alert, "defaultProps", {
   closeable: true,
   showWithAnimation: true,
-  type: Type.MESSAGE,
+  type: AlertType.MESSAGE,
   inline: true,
   isClosing: false,
   isShaking: false,
@@ -255,6 +259,6 @@ _defineProperty(Alert, "defaultProps", {
   onCloseRequest: () => {}
 });
 
-_defineProperty(Alert, "Type", Type);
+_defineProperty(Alert, "Type", AlertType);
 
-export { ANIMATION_TIME, Alert as default };
+export { ANIMATION_TIME, AlertType, Alert as default };

package/dist/alert/container.d.ts

@@ -0,0 +1,15 @@
+import React, { PureComponent, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * @name Alert Container
+ * @description Displays a stack of alerts on top of the page.
+ * @extends {PureComponent}
+ */
+export declare type AlertContainerProps = HTMLAttributes<HTMLDivElement>;
+export default class Alerts extends PureComponent<AlertContainerProps> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+    };
+    render(): React.ReactPortal | null;
+}

package/dist/alert/container.js

@@ -1,17 +1,11 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent, Children, cloneElement } from 'react';
+import React, { PureComponent, Children, isValidElement, cloneElement } from 'react';
 import { createPortal } from 'react-dom';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 
 var modules_fc8df42d = {"unit":"8px","alert":"alert_rui_9b21","alertContainer":"alertContainer_rui_3f27","alertInContainer":"alertInContainer_rui_3f27 alert_rui_9b21"};
 
-/**
- * @name Alert Container
- * @description Displays a stack of alerts on top of the page.
- * @extends {PureComponent}
- */
-
 class Alerts extends PureComponent {
   render() {
     const {
@@ -31,6 +25,10 @@ class Alerts extends PureComponent {
       className: classes,
       "aria-live": "polite"
     }, restProps), Children.map(children, child => {
+      if (! /*#__PURE__*/isValidElement(child)) {
+        return child;
+      }
+
       const alertClassNames = classNames(modules_fc8df42d.alertInContainer, child.props.className);
       return /*#__PURE__*/cloneElement(child, {
         className: alertClassNames

package/dist/alert-service/alert-service.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { AlertProps, AlertType } from '../alert/alert';
+export interface AlertItem extends Partial<Omit<AlertProps, 'children'>> {
+    key: string | number;
+    message: ReactNode;
+}
+/**
+ * @name Alert Service
+ */
+declare class AlertService {
+    defaultTimeout: number;
+    showingAlerts: AlertItem[];
+    containerElement: HTMLDivElement;
+    _getShowingAlerts(): AlertItem[];
+    renderAlertContainer(alerts: readonly AlertItem[]): JSX.Element;
+    /**
+     * Renders alert container into virtual node to skip maintaining container
+     */
+    renderAlerts(): void;
+    findSameAlert(message: ReactNode, type: AlertType | undefined): AlertItem;
+    startAlertClosing(alert: AlertItem): void;
+    remove(key: string | number | null | undefined): void;
+    removeWithoutAnimation(key: string | number): void;
+    stopShakingWhenAnimationDone(shakingAlert: AlertItem): void;
+    addAlert(message: ReactNode, type?: AlertType | undefined, timeout?: number, options?: Partial<AlertItem>): string | number;
+    setDefaultTimeout(timeout: number): void;
+    error(message: ReactNode, timeout?: number): string | number;
+    message(message: ReactNode, timeout?: number): string | number;
+    warning(message: ReactNode, timeout?: number): string | number;
+    successMessage(message: ReactNode, timeout?: number): string | number;
+    loadingMessage(message: ReactNode, timeout?: number): string | number;
+}
+declare const alertService: AlertService;
+export default alertService;

package/dist/analytics/analytics.d.ts

@@ -0,0 +1,24 @@
+declare type Serializable = string | number | boolean | null | undefined | {
+    [K in string | number]?: Serializable;
+};
+export interface AnalyticsPlugin {
+    serializeAdditionalInfo: boolean;
+    trackEvent(category: string, action: string, additionalData?: Record<string, unknown> | undefined): void;
+    trackPageView(path: string): void;
+}
+/**
+ * @name Analytics
+ */
+export declare class Analytics {
+    private _plugins;
+    constructor();
+    config(plugins: readonly AnalyticsPlugin[]): void;
+    track(rawTrackingData: string, additionalData?: Record<string, unknown> | undefined): void;
+    trackPageView(path: string): void;
+    trackEvent(category: string, action: string, additionalData?: Record<string, unknown> | undefined): void;
+    trackShortcutEvent(category: string, action: string, additionalData?: Record<string, unknown> | undefined): void;
+    trackEntityProperties(entityName: string, entity: Serializable, propertiesNames: readonly string[], additionalData?: Record<string, unknown> | undefined): void;
+    private _buildSuffix;
+}
+declare const _default: Analytics;
+export default _default;

package/dist/analytics/analytics.js

@@ -1,8 +1,12 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+
 /**
  * @name Analytics
  */
 class Analytics {
   constructor() {
+    _defineProperty(this, "_plugins", void 0);
+
     this._plugins = [];
   }
 
@@ -10,9 +14,7 @@ class Analytics {
     this._plugins = plugins;
   }
 
-  track(rawTrackingData,
-  /* optional */
-  additionalData) {
+  track(rawTrackingData, additionalData) {
     if (!rawTrackingData) {
       return;
     }
@@ -38,9 +40,7 @@ class Analytics {
     });
   }
 
-  trackEvent(category, action,
-  /* optional */
-  additionalData) {
+  trackEvent(category, action, additionalData) {
     const subaction = additionalData ? action + this._buildSuffix(additionalData) : null;
 
     this._plugins.forEach(plugin => {
@@ -56,16 +56,12 @@ class Analytics {
     });
   }
 
-  trackShortcutEvent(category, action,
-  /* optional */
-  additionalData) {
+  trackShortcutEvent(category, action, additionalData) {
     this.trackEvent(category, action, additionalData);
     this.trackEvent('ring-shortcut', `${category}$${action}`, additionalData);
   }
 
-  trackEntityProperties(entityName, entity, propertiesNames,
-  /* optional */
-  additionalData) {
+  trackEntityProperties(entityName, entity, propertiesNames, additionalData) {
     for (let i = 0; i < propertiesNames.length; ++i) {
       const keys = propertiesNames[i].split('.');
       let value = entity;
@@ -75,7 +71,7 @@ class Analytics {
       }
 
       for (let j = 0; j < keys.length; ++j) {
-        if (value.hasOwnProperty(keys[j])) {
+        if (typeof value === 'object' && value != null && value.hasOwnProperty(keys[j])) {
           value = value[keys[j]];
         } else {
           value = 'no-value';
@@ -110,7 +106,6 @@ class Analytics {
   }
 
 }
-
 var analyticsInstance = new Analytics();
 
-export { analyticsInstance as default };
+export { Analytics, analyticsInstance as default };

package/dist/analytics/analytics__custom-plugin.d.ts

@@ -0,0 +1,39 @@
+import { AnalyticsPlugin } from './analytics';
+export interface AnalyticsCustomPluginData {
+    category: string;
+    action: string;
+}
+export interface AnalyticsCustomPluginConfig {
+    send: (data: AnalyticsCustomPluginData[]) => void;
+    isDevelopment?: boolean | undefined;
+    flushInterval?: number | undefined;
+    flushingAllowedChecker?: (() => boolean) | undefined;
+    flushMaxPackSize?: number | undefined;
+}
+export default class AnalyticsCustomPlugin implements AnalyticsPlugin {
+    _data: AnalyticsCustomPluginData[];
+    private _flush?;
+    private _isDevelopment?;
+    private _flushInterval?;
+    private _flushMaxPackSize?;
+    private _lastPagePath?;
+    private _hasSendSchedule?;
+    private _lastPageViewTime?;
+    constructor(send: AnalyticsCustomPluginConfig['send'], isDevelopment?: AnalyticsCustomPluginConfig['isDevelopment'], flushInterval?: AnalyticsCustomPluginConfig['flushInterval'], flushingAllowedChecker?: AnalyticsCustomPluginConfig['flushingAllowedChecker']);
+    /**
+     * @param config
+     * @property {function} config.send
+     * @property {boolean} config.isDevelopment
+     * @property {number} config.flushInterval
+     * @property {function} config.flushingAllowedChecker
+     * @property {number} config.flushMaxPackSize
+     */
+    config(config: AnalyticsCustomPluginConfig): void;
+    trackEvent(category: string, action: string): void;
+    trackPageView(path: string): void;
+    private _initSendSchedule;
+    private _processEvent;
+    private _trackPageViewAdditionalInfo;
+    private _addDataToFlushingPack;
+    get serializeAdditionalInfo(): boolean;
+}

package/dist/analytics/analytics__custom-plugin.js

@@ -1,3 +1,4 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import AnalyticsPluginUtils from './analytics__plugin-utils.js';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -6,6 +7,22 @@ const DEFAULT_FLUSH_INTERVAL = 10000;
 const DEFAULT_FLUSH_MAX_PACK_SIZE = 100;
 class AnalyticsCustomPlugin {
   constructor(send, isDevelopment, flushInterval, flushingAllowedChecker) {
+    _defineProperty(this, "_data", void 0);
+
+    _defineProperty(this, "_flush", void 0);
+
+    _defineProperty(this, "_isDevelopment", void 0);
+
+    _defineProperty(this, "_flushInterval", void 0);
+
+    _defineProperty(this, "_flushMaxPackSize", void 0);
+
+    _defineProperty(this, "_lastPagePath", void 0);
+
+    _defineProperty(this, "_hasSendSchedule", void 0);
+
+    _defineProperty(this, "_lastPageViewTime", void 0);
+
     this._data = [];
     this.config({
       send,
@@ -25,11 +42,7 @@ class AnalyticsCustomPlugin {
 
 
   config(config) {
-    let checkFlushingAllowed = config.flushingAllowedChecker;
-
-    if (typeof checkFlushingAllowed !== 'function') {
-      checkFlushingAllowed = () => true;
-    }
+    const checkFlushingAllowed = typeof config.flushingAllowedChecker === 'function' ? config.flushingAllowedChecker : () => true;
 
     this._flush = () => {
       if (this._data.length > 0 && checkFlushingAllowed()) {
@@ -69,11 +82,17 @@ class AnalyticsCustomPlugin {
 
   _initSendSchedule() {
     window.addEventListener('beforeunload', () => {
+      var _this$_flush;
+
       this._trackPageViewAdditionalInfo();
 
-      return this._flush();
+      return (_this$_flush = this._flush) === null || _this$_flush === void 0 ? void 0 : _this$_flush.call(this);
     });
-    setInterval(this._flush, this._flushInterval);
+
+    if (this._flush != null) {
+      setInterval(this._flush, this._flushInterval);
+    }
+
     this._hasSendSchedule = true;
   }
 
@@ -113,8 +132,10 @@ class AnalyticsCustomPlugin {
   _addDataToFlushingPack(sendingData) {
     this._data.push(sendingData);
 
-    if (this._data.length >= this._flushMaxPackSize) {
-      this._flush();
+    if (this._flushMaxPackSize != null && this._data.length >= this._flushMaxPackSize) {
+      var _this$_flush2;
+
+      (_this$_flush2 = this._flush) === null || _this$_flush2 === void 0 ? void 0 : _this$_flush2.call(this);
     }
   }
 

package/dist/analytics/analytics__fus-plugin.d.ts

@@ -0,0 +1,62 @@
+import { AnalyticsPlugin } from './analytics';
+export interface AnalyticsFUSPluginGroup {
+    id: string;
+    version: string;
+    baseline: string;
+}
+export interface AnalyticsFUSPluginConfig {
+    productId?: string | undefined;
+    productBuild?: string | undefined;
+    recorderVersion?: number | string | undefined;
+    isDevelopment?: boolean | undefined;
+    groups?: readonly AnalyticsFUSPluginGroup[] | undefined;
+}
+interface FusraInitParams {
+    recorderCode?: string | undefined;
+    recorderVersion: number | string;
+    productCode?: string | undefined;
+    productBuild?: string | undefined;
+    internal: boolean;
+    eventCountDelay?: number | undefined;
+    reportingFrequency?: number | undefined;
+    groups?: readonly AnalyticsFUSPluginGroup[] | undefined;
+    useForSubdomains?: boolean | undefined;
+}
+interface FusraEventParams {
+    groupId: string;
+    groupVersion?: number | string | undefined;
+    eventData?: Record<string, unknown> | undefined;
+    eventId: string;
+}
+declare global {
+    interface Window {
+        fusra?: {
+            (method: 'init', params: FusraInitParams): void;
+            (method: 'event', params: FusraEventParams): void;
+            query?: ['init' | 'event', FusraInitParams | FusraEventParams][];
+        };
+    }
+}
+/**
+ * @name AnalyticsFUSPlugin
+ *
+ * @param * @param {{
+ *   productId: string,
+ *   productBuild: string,
+ *   recorderVersion: string?,
+ *   isDevelopment: boolean?,
+ *   groups: object[]?
+ * }} config
+ * @constructor
+ */
+export default class AnalyticsFUSPlugin implements AnalyticsPlugin {
+    private _recorderVersion?;
+    private _lastPagePath?;
+    private _groups;
+    constructor({ productId, productBuild, recorderVersion, isDevelopment, groups }: AnalyticsFUSPluginConfig);
+    trackEvent(category: string, action: string, additionalInfo?: Record<string, unknown>): void;
+    trackPageView(path: string): void;
+    get serializeAdditionalInfo(): boolean;
+    private _processEvent;
+}
+export {};