@jetbrains/ring-ui 5.1.22 → 6.0.1

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

@@ -1,7 +1,7 @@
 /**
  * @name User Agreement
  */
-import React, { PureComponent } from 'react';
+import React, { PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 declare function noop(): void;
 export interface UserAgreementTranslations {
@@ -13,8 +13,8 @@ export interface UserAgreementTranslations {
     remindLater: string;
 }
 export interface UserAgreementProps {
-    text: string;
     translations?: UserAgreementTranslations | null | undefined;
+    children: ReactNode;
     show: boolean;
     onAccept: () => void;
     onDecline: () => void;
@@ -30,7 +30,6 @@ export default class UserAgreement extends PureComponent<UserAgreementProps> {
     static propTypes: {
         show: PropTypes.Requireable<boolean>;
         preview: PropTypes.Requireable<boolean>;
-        text: PropTypes.Validator<string>;
         onAccept: PropTypes.Requireable<(...args: any[]) => any>;
         onDecline: PropTypes.Requireable<(...args: any[]) => any>;
         onClose: PropTypes.Requireable<(...args: any[]) => any>;

package/components/user-agreement/user-agreement.js

@@ -8,7 +8,6 @@ import Dialog from '../dialog/dialog';
 import { Content, Header } from '../island/island';
 import Panel from '../panel/panel';
 import Button from '../button/button';
-import Markdown from '../markdown/markdown';
 import { I18nContext } from '../i18n/i18n-context';
 import style from './user-agreement.css';
 function noop() { }
@@ -19,7 +18,6 @@ export default class UserAgreement extends PureComponent {
     static propTypes = {
         show: PropTypes.bool,
         preview: PropTypes.bool,
-        text: PropTypes.string.isRequired,
         onAccept: PropTypes.func,
         onDecline: PropTypes.func,
         onClose: PropTypes.func,
@@ -46,12 +44,12 @@ export default class UserAgreement extends PureComponent {
     onScrollToBottom = () => this.setState({ scrolledDown: true });
     render() {
         const { scrolledDown } = this.state;
-        const { translations, onAccept, onDecline, onClose, onRemindLater, text, show, preview, className } = this.props;
+        const { translations, onAccept, onDecline, onClose, onRemindLater, children, show, preview, className } = this.props;
         return (<I18nContext.Consumer>
         {({ translate }) => (<Dialog label={translations?.userAgreement ?? translate('userAgreement')} show={show} className={classNames(style.agreementDialog, className)} contentClassName={style.dialogContent} trapFocus autoFocusFirst={false} data-test="user-agreement">
             <Header>{translations?.userAgreement ?? translate('userAgreement')}</Header>
             <Content fade onScrollToBottom={this.onScrollToBottom}>
-              <Markdown>{text}</Markdown>
+              {children}
             </Content>
             {!preview && (<Panel>
                 {onRemindLater && !scrolledDown && (<div className={style.suggestion}>

package/components/user-card/card.d.ts

@@ -11,7 +11,7 @@ export interface UserCardUser {
     banReason?: string | undefined;
     unverifiedEmail?: boolean | null | undefined;
 }
-export interface UserCardWording {
+export interface UserCardTranslations {
     banned: string;
     online: string;
     offline: string;
@@ -22,8 +22,7 @@ export interface UserCardWording {
 }
 export interface UserCardProps extends HTMLAttributes<HTMLDivElement> {
     user: UserCardUser;
-    wording?: UserCardWording | null | undefined;
-    translations?: UserCardWording | null | undefined;
+    translations?: UserCardTranslations | null | undefined;
     info?: ReactElement | readonly ReactElement[] | string;
     avatarInfo?: ReactElement | readonly ReactElement[] | string;
     'data-test'?: string | null | undefined;

package/components/user-card/card.js

@@ -40,13 +40,13 @@ export default class UserCard extends PureComponent {
     static contextType = I18nContext;
     copyEmail = () => {
         const { translate } = this.context;
-        const wording = this.props.translations || this.props.wording;
-        clipboard.copyText(this.props.user.email || '', wording?.copiedToClipboard ?? translate('copyToClipboard'), wording?.copingToClipboardError ?? translate('copingToClipboardError'));
+        const translations = this.props.translations;
+        clipboard.copyText(this.props.user.email || '', translations?.copiedToClipboard ?? translate('copyToClipboard'), translations?.copingToClipboardError ?? translate('copingToClipboardError'));
     };
     render() {
         const { children, info, className, user, avatarInfo, ...restProps } = this.props;
         const { translate } = this.context;
-        const wording = this.props.translations || this.props.wording;
+        const translations = this.props.translations;
         const classes = classNames(className, {});
         const userActiveStatusClasses = classNames(styles.userActiveStatus, user.online ? styles.online : '');
         return (<div className={classes} {...restProps}>
@@ -64,11 +64,11 @@ export default class UserCard extends PureComponent {
                 {!user.href && <span className={styles.userName}>{user.name}</span>}
                 {typeof user.online === 'boolean' &&
                 (<span className={userActiveStatusClasses} title={user.online
-                        ? (wording?.online ?? translate('online'))
-                        : (wording?.offline ?? translate('offline'))}/>)}
+                        ? (translations?.online ?? translate('online'))
+                        : (translations?.offline ?? translate('offline'))}/>)}
                 {!!info && <span className={styles.userNameInfo}>{info}</span>}
                 {user.banned &&
-                (<span className={classNames(badgeStyles.badge, badgeStyles.invalid)} title={user.banReason}>{wording?.banned ?? translate('banned')}</span>)}
+                (<span className={classNames(badgeStyles.badge, badgeStyles.invalid)} title={user.banReason}>{translations?.banned ?? translate('banned')}</span>)}
               </div>
               <div className={styles.userLogin}>{user.login}</div>
               {user.email && (<span className={styles.userEmailWrapper}>
@@ -76,9 +76,9 @@ export default class UserCard extends PureComponent {
                     {user.email}
                   </Link>
                   {user.unverifiedEmail && (<span className={styles.unverifiedLabel}>
-                        {wording?.unverified ?? translate('unverified')}
+                        {translations?.unverified ?? translate('unverified')}
                       </span>)}
-                  <Icon title={wording?.copyToClipboard ?? translate('copyToClipboard')} className={styles.userCopyIcon} onClick={this.copyEmail} glyph={copyIcon} size={IconSize.Size14} suppressSizeWarning/>
+                  <Icon title={translations?.copyToClipboard ?? translate('copyToClipboard')} className={styles.userCopyIcon} onClick={this.copyEmail} glyph={copyIcon} size={IconSize.Size14} suppressSizeWarning/>
                 </span>)}
             </div>
             {children}

package/components/user-card/user-card.css

@@ -1,9 +1,7 @@
 @import "../global/variables.css";
 
-@value unit from "../global/global.css";
-
 .userCardSpaced {
-  padding: calc(unit * 2) calc(unit * 2);
+  padding: calc(var(--ring-unit) * 2) calc(var(--ring-unit) * 2);
 }
 
 .userInformationContainer {
@@ -111,8 +109,8 @@
 .userActiveStatus {
   display: inline-block;
 
-  width: unit;
-  height: unit;
+  width: var(--ring-unit);
+  height: var(--ring-unit);
   margin-right: var(--ring-unit);
   margin-left: 6px;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.1.22",
+  "version": "6.0.1",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -8,7 +8,6 @@
   "files": [
     "babel.config.js",
     "components",
-    "dist",
     "postcss.config.js",
     "webpack.config.js",
     "jslint-xml.js",
@@ -50,7 +49,7 @@
     "postbuild": "cpy '**/*.d.ts' ../dist --parents --cwd=components/",
     "serve": "npm --prefix packages/hermione run serve",
     "start": "storybook dev -p 9999",
-    "storybook-debug": "node --inspect-brk node_modules/@storybook/html/bin -p 9999",
+    "storybook-debug": "node --inspect-brk node_modules/@storybook/react/bin -p 9999",
     "lint:js": "eslint",
     "lint": "npm run lint:js . && npm run stylelint",
     "prelint-ci": "echo \"##teamcity[importData type='jslint' path='eslint-report.xml']\"",
@@ -66,6 +65,8 @@
     "prerelease-ci": "git pull",
     "release-ci": "npm version $NPM_VERSION_PARAMS && npm publish --access=public $NPM_PUBLISH_PARAMS",
     "postrelease-ci": "git push --follow-tags",
+    "prerelease-built-ci": "node prepare-built-package.js",
+    "release-built-ci": "npm publish --access=public $NPM_PUBLISH_PARAMS",
     "prepublishOnly": "pinst --disable",
     "postpublish": "pinst --enable"
   },
@@ -85,19 +86,18 @@
     "@rollup/plugin-json": "^6.0.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-replace": "^5.0.5",
-    "@storybook/addon-a11y": "7.6.3",
+    "@storybook/addon-a11y": "7.6.4",
     "@storybook/addon-docs": "7.6.3",
     "@storybook/addon-essentials": "7.6.3",
-    "@storybook/addon-storyshots": "7.4.5",
-    "@storybook/addon-storyshots-puppeteer": "7.6.4",
-    "@storybook/addon-storysource": "7.6.4",
-    "@storybook/addons": "7.6.4",
-    "@storybook/html": "7.4.5",
-    "@storybook/html-webpack5": "^7.6.3",
-    "@storybook/preview-api": "7.4.5",
-    "@storybook/react": "7.6.4",
-    "@storybook/source-loader": "7.6.4",
-    "@storybook/theming": "7.6.4",
+    "@storybook/addon-storyshots": "7.6.3",
+    "@storybook/addon-storyshots-puppeteer": "7.6.3",
+    "@storybook/addon-storysource": "7.6.3",
+    "@storybook/addons": "7.6.3",
+    "@storybook/preview-api": "7.6.3",
+    "@storybook/react": "7.6.3",
+    "@storybook/react-webpack5": "7.6.3",
+    "@storybook/source-loader": "7.6.3",
+    "@storybook/theming": "7.6.3",
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.5.1",
     "@types/chai": "^4.3.11",
@@ -105,18 +105,15 @@
     "@types/chai-dom": "0.0.10",
     "@types/chai-enzyme": "^0.6.13",
     "@types/enzyme": "^3.10.18",
-    "@types/react": "^18.2.42",
+    "@types/markdown-it": "^13.0.2",
+    "@types/react": "^18.2.43",
     "@types/react-dom": "^18.2.17",
     "@types/sinon": "^17.0.2",
     "@types/sinon-chai": "^3.2.12",
-    "@typescript-eslint/eslint-plugin": "^6.13.2",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
     "@typescript-eslint/parser": "^6.13.2",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "acorn": "^8.11.2",
-    "angular": "^1.8.3",
-    "angular-mocks": "^1.8.3",
-    "angular-route": "^1.8.3",
-    "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-require-context-hook": "^1.0.0",
     "caniuse-lite": "^1.0.30001568",
     "chai": "^4.3.10",
@@ -129,7 +126,6 @@
     "enzyme": "^3.11.0",
     "eslint": "^8.55.0",
     "eslint-import-resolver-webpack": "^0.13.8",
-    "eslint-plugin-angular": "^4.1.0",
     "eslint-plugin-bdd": "^2.1.1",
     "eslint-plugin-import": "^2.29.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
@@ -151,6 +147,7 @@
     "karma-teamcity-reporter": "^2.0.0",
     "karma-webpack": "^5.0.0",
     "lint-staged": "^14.0.1",
+    "markdown-it": "^13.0.2",
     "merge-options": "^3.0.4",
     "mocha": "^10.2.0",
     "pinst": "^3.0.0",
@@ -170,7 +167,6 @@
     "storage-mock": "^2.1.0",
     "storybook": "^7.6.3",
     "storybook-addon-themes": "^6.1.0",
-    "storybook-zeplin": "^2.0.2",
     "stylelint": "^15.11.0",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
@@ -185,8 +181,8 @@
     "@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",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
     "webpack": ">=5.0.0"
   },
   "peerDependenciesMeta": {
@@ -201,7 +197,7 @@
     }
   },
   "dependencies": {
-    "@babel/core": "^7.23.5",
+    "@babel/core": "^7.23.6",
     "@babel/preset-typescript": "^7.23.3",
     "@jetbrains/babel-preset-jetbrains": "^2.3.2",
     "@jetbrains/icons": "^3.22.0",
@@ -210,7 +206,6 @@
     "@types/combokeys": "^2.4.9",
     "@types/deep-equal": "^1.0.4",
     "@types/element-resize-detector": "^1.1.6",
-    "@types/google.analytics": "0.0.45",
     "@types/prop-types": "^15.7.11",
     "@types/react-virtualized": "9.21.29",
     "@types/util-deprecate": "^1.0.3",
@@ -221,21 +216,17 @@
     "change-case": "^4.1.1",
     "classnames": "^2.3.2",
     "combokeys": "^3.0.1",
-    "compile-code-loader": "^1.0.0",
     "css-loader": "^6.8.1",
-    "csstype": "^3.1.2",
+    "csstype": "^3.1.3",
     "date-fns": "^2.30.0",
     "deep-equal": "^2.2.3",
     "element-resize-detector": "^1.2.4",
     "es6-error": "^4.1.1",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "extricate-loader": "^3.0.0",
     "fastdom": "^1.0.11",
     "file-loader": "^6.2.0",
     "focus-trap": "^7.5.4",
     "highlight.js": "^10.7.2",
-    "html-loader": "^4.2.0",
-    "interpolate-loader": "^2.0.1",
     "just-debounce-it": "^3.2.0",
     "memoize-one": "^6.0.0",
     "postcss": "^8.4.32",
@@ -246,12 +237,9 @@
     "postcss-modules-values-replace": "^4.1.0",
     "postcss-preset-env": "^9.3.0",
     "prop-types": "^15.8.1",
-    "react-markdown": "^8.0.7",
     "react-movable": "^3.0.4",
     "react-virtualized": "^9.22.5",
     "react-waypoint": "^10.3.0",
-    "remark-breaks": "^4.0.0",
-    "remark-gfm": "^3.0.1",
     "scrollbar-width": "^3.1.1",
     "simply-uuid": "^1.0.1",
     "sniffr": "^1.3.1",

package/webpack.config.js

@@ -91,28 +91,5 @@ module.exports = {
   createConfig,
   config,
   componentsPath,
-  loaders: {
-    ...loaders,
-    get svgInlineLoader() {
-      throw new Error('***Ring UI embedded "svgInlineLoader" removed in 4.0. Please install and use own instance if you need it.***');
-    },
-    get scssLoader() {
-      throw new Error('***Ring UI embedded "scssLoader" removed in 4.0. Please install and use own instance if you need it.***');
-    },
-    get svgLoader() {
-      throw new Error('***Ring UI embedded "svgLoader" removed in 4.0. Please install and use own instance if you need it.***');
-    },
-    get vfileLoader() {
-      throw new Error('***Ring UI embedded "vfileLoader" removed in 4.0. Please install and use own instance if you need it.***');
-    },
-    get htmlLoader() {
-      // eslint-disable-next-line no-console
-      console.warn('RingUI\'s "loaders.htmlLoader" is deprecated and will be removed soon. Please don\'t use it in your build');
-      return {
-        test: /-ng(\\|\/)\S*(-ng|-ng__)\S*\.html$/,
-        include: componentsPath,
-        loader: require.resolve('html-loader')
-      };
-    }
-  }
+  loaders
 };

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

@@ -1,52 +0,0 @@
-import { AnalyticsPlugin } from './analytics';
-export interface AnalyticsFUSPluginGroup {
-    id: string;
-    version: string;
-    baseline: string;
-}
-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][];
-        };
-    }
-}
-/**
- * @deprecated
- * @name AnalyticsFUSPlugin
- */
-declare class AnalyticsFUSPlugin implements AnalyticsPlugin {
-    /**
-     * @deprecated
-     */
-    trackEvent(): void;
-    /**
-     * @deprecated
-     */
-    trackPageView(): void;
-    /**
-     * @deprecated
-     */
-    get serializeAdditionalInfo(): boolean;
-}
-declare const _default: typeof AnalyticsFUSPlugin;
-export default _default;

package/components/analytics/analytics__fus-plugin.js

@@ -1,22 +0,0 @@
-import deprecate from 'util-deprecate';
-/**
- * @deprecated
- * @name AnalyticsFUSPlugin
- */
-class AnalyticsFUSPlugin {
-    /**
-     * @deprecated
-     */
-    trackEvent() { }
-    /**
-     * @deprecated
-     */
-    trackPageView() { }
-    /**
-     * @deprecated
-     */
-    get serializeAdditionalInfo() {
-        return false;
-    }
-}
-export default deprecate(AnalyticsFUSPlugin, 'AnalyticsFUSPlugin is deprecated, use AnalyticsCustomPlugin instead');

package/components/analytics/analytics__ga-plugin.d.ts

@@ -1,27 +0,0 @@
-import { AnalyticsPlugin, Serializable } from './analytics';
-declare global {
-    interface Window {
-        'GoogleAnalyticsObject': string;
-    }
-}
-/**
- * @deprecated
- * @param {string?} gaId Google Analytics ID (should be undefined in development)
- * @constructor
- */
-export default class AnalyticsGAPlugin implements AnalyticsPlugin {
-    constructor(gaId?: string | undefined, isDevelopment?: boolean | undefined, domain?: string, cookielessUserIdentifier?: string | undefined);
-    /**
-     * @deprecated
-     */
-    trackEvent(rawCategory: string, rawAction: string, data?: Record<string, Serializable>): void;
-    /**
-     * @deprecated
-     */
-    trackPageView(path: string): void;
-    /**
-     * @deprecated
-     */
-    get serializeAdditionalInfo(): boolean;
-    private _buildSuffix;
-}

package/components/analytics/analytics__ga-plugin.js

@@ -1,89 +0,0 @@
-import AnalyticsPluginUtils from './analytics__plugin-utils';
-/**
- * @deprecated
- * @param {string?} gaId Google Analytics ID (should be undefined in development)
- * @constructor
- */
-export default class AnalyticsGAPlugin {
-    constructor(gaId, isDevelopment, domain, cookielessUserIdentifier) {
-        if (!gaId && !isDevelopment) {
-            return;
-        }
-        ((i, s, o, g, r) => {
-            i.GoogleAnalyticsObject = r;
-            i[r] = i[r] || function addArgumentsToQueueForWaitingTheScriptLoading(...args) {
-                (i[r].q = i[r].q || []).push(args);
-            };
-            i[r].l = Number(new Date());
-            const a = s.createElement(o);
-            const m = s.getElementsByTagName(o)[0];
-            a.async = true;
-            a.src = g;
-            m.parentNode?.insertBefore(a, m);
-        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
-        /**
-         * UA-57284711-1 - ga key for development purpose
-         */
-        const key = gaId || 'UA-57284711-1';
-        /* global ga */
-        if (cookielessUserIdentifier) {
-            ga('create', key, {
-                storage: 'none',
-                clientId: cookielessUserIdentifier
-            });
-        }
-        else {
-            const gaCookieParams = domain ? { cookieDomain: domain } : {};
-            ga('create', key, (!gaId ? { cookieDomain: 'none' } : gaCookieParams));
-        }
-        ga('set', 'anonymizeIp', true);
-        ga('set', 'location', domain || '/');
-        ga('set', 'allowAdFeatures', false);
-    }
-    /**
-     * @deprecated
-     */
-    trackEvent(rawCategory, rawAction, data) {
-        if (window.ga != null) {
-            const category = AnalyticsPluginUtils.reformatString(rawCategory, true);
-            const action = AnalyticsPluginUtils.reformatString(rawAction);
-            ga('send', 'event', {
-                eventCategory: category,
-                eventAction: action
-            });
-            if (data) {
-                ga('send', 'event', {
-                    eventCategory: category,
-                    eventAction: action + this._buildSuffix(data)
-                });
-            }
-        }
-    }
-    /**
-     * @deprecated
-     */
-    trackPageView(path) {
-        if (window.ga != null) {
-            ga('send', 'pageview', path);
-        }
-    }
-    /**
-     * @deprecated
-     */
-    get serializeAdditionalInfo() {
-        return true;
-    }
-    _buildSuffix(additionalData) {
-        if (!additionalData) {
-            return '';
-        }
-        let suffix = '';
-        let key;
-        for (key in additionalData) {
-            if (additionalData.hasOwnProperty(key)) {
-                suffix += `__${key}$${additionalData[key]}`;
-            }
-        }
-        return suffix;
-    }
-}

package/components/analytics/analytics__plugin-utils.d.ts

@@ -1,31 +0,0 @@
-declare const AnalyticsPluginUtils: {
-    /**
-     * @deprecated
-     * Statistics server does not accept undefined values and strings containing certain symbols
-     * @param value
-     * @param isCategory
-     * @returns string, where forbidden symbols are replaced with '_'
-     */
-    reformatString: (value: unknown, isCategory?: boolean) => string;
-    /**
-     * @deprecated
-     */
-    getPageViewDurationPresentation: (durationMs?: number) => string;
-    /**
-     * @deprecated
-     */
-    getScreenWidthPresentation: () => string;
-    /**
-     * @deprecated
-     */
-    npeSaveLowerCase: (val: string | null | undefined) => string;
-    /**
-     * @deprecated
-     */
-    getUserAgentPresentation: () => string;
-    /**
-     * @deprecated
-     */
-    getDevicePixelRatioPresentation: () => string;
-};
-export default AnalyticsPluginUtils;

package/components/analytics/analytics__plugin-utils.js

@@ -1,92 +0,0 @@
-import deprecate from 'util-deprecate';
-import sniffer from '../global/sniffer';
-const warnOnDeprecationOfAnalyticsUtilsMethod = (methodName) => deprecate(() => { }, `Method AnalyticsPluginUtils::${methodName} is deprecated and will be removed soon`)();
-const SECOND = 1000;
-const HOUR = 3600;
-const AnalyticsPluginUtils = {
-    /**
-     * @deprecated
-     * Statistics server does not accept undefined values and strings containing certain symbols
-     * @param value
-     * @param isCategory
-     * @returns string, where forbidden symbols are replaced with '_'
-     */
-    reformatString: (value, isCategory) => {
-        const str = String(value);
-        /**
-         * Category also cannot contain the '/' character (but an action can)
-         */
-        const regexp = isCategory ? /[.:;!@#^&*(){}\[\]?,%=+\\\/]+/g : /[.:;!@#^&*(){}\[\]?,%=+\\]+/g;
-        return str.replace(regexp, '_');
-    },
-    /**
-     * @deprecated
-     */
-    getPageViewDurationPresentation: (durationMs) => {
-        warnOnDeprecationOfAnalyticsUtilsMethod('getPageViewDurationPresentation');
-        if (durationMs == null) {
-            return 'less-than-1-sec';
-        }
-        const duration = durationMs / SECOND;
-        if (duration > HOUR) {
-            return 'more-than-hour';
-        }
-        /**
-         * rounded duration possible values:
-         * less than 1 second: [0, 1)
-         * less than 2 seconds: [1, 2)
-         * less than 4 seconds: [2, 4)
-         * less than 16 seconds: [4, 16)
-         * ....
-         * n - less than 2^(n + 1) seconds
-         */
-        let roundedDuration = Math.floor(Math.pow(2, Math.floor(Math.log2(duration)) + 1));
-        roundedDuration = (roundedDuration > 0) ? roundedDuration : 1;
-        return `less-than-${roundedDuration}-sec`;
-    },
-    /**
-     * @deprecated
-     */
-    getScreenWidthPresentation: () => {
-        warnOnDeprecationOfAnalyticsUtilsMethod('getScreenWidthPresentation');
-        /**
-         * Sizes were taken from bootstrap's grid (xs, sm, md, lg)
-         */
-        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-        const sizes = [0, 768, 992, 1200];
-        for (let i = 1; i < sizes.length; ++i) {
-            if (window.innerWidth < sizes[i]) {
-                return `[${sizes[i - 1]}px;${sizes[i]}px)`;
-            }
-        }
-        return '[1200px;inf)';
-    },
-    /**
-     * @deprecated
-     */
-    npeSaveLowerCase: (val) => {
-        warnOnDeprecationOfAnalyticsUtilsMethod('npeSaveLowerCase');
-        return (val || 'unknown').toLowerCase();
-    },
-    /**
-     * @deprecated
-     */
-    getUserAgentPresentation: () => {
-        warnOnDeprecationOfAnalyticsUtilsMethod('getUserAgentPresentation');
-        const name = AnalyticsPluginUtils.npeSaveLowerCase(sniffer.browser.name || 'unknown');
-        const majorVersion = sniffer.browser.version[0];
-        const version = majorVersion || 'unknown';
-        return `${name}$${version}`;
-    },
-    /**
-     * @deprecated
-     */
-    getDevicePixelRatioPresentation: () => {
-        warnOnDeprecationOfAnalyticsUtilsMethod('getDevicePixelRatioPresentation');
-        if (!window.devicePixelRatio || !window.devicePixelRatio.toFixed) {
-            return 'unknown';
-        }
-        return String(window.devicePixelRatio.toFixed(1));
-    }
-};
-export default AnalyticsPluginUtils;

package/components/auth/landing-entry.d.ts

@@ -1,3 +0,0 @@
-import '!!file-loader?publicPath=../../&name=auth-landing.html!extricate-loader!interpolate-loader!./landing.html';
-declare const _default: "auth-landing.html";
-export default _default;