@jetbrains/ring-ui 6.0.1-beta.0 → 6.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "6.0.1-beta.0",
+  "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",
@@ -44,13 +43,13 @@
     "hermione-test": "npm --prefix packages/hermione run test",
     "hermione-test-ci": "npm --prefix packages/hermione run test-ci",
     "hermione-gather": "npm --prefix packages/hermione run gather",
-    "build-examples": "storybook build --quiet -c .storybook -o storybook-dist",
-    "prebuild": "rimraf components && tsc --project tsconfig-build.json && cpy '**/*' '!**/*.ts' '!**/*.tsx' ../components --parents --cwd=src/",
+    "build-stories": "storybook build --quiet -c .storybook -o storybook-dist",
+    "prebuild": "rimraf components && tsc --project tsconfig-build.json && cpy '**/*' '!**/*.ts' '!**/*.tsx' '!**/__mocks__/**' ../components --parents --cwd=src/",
     "build": "./node_modules/.bin/rollup -c --bundleConfigAsCjs",
     "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"
   },
@@ -75,74 +76,69 @@
   },
   "readmeFilename": "README.md",
   "devDependencies": {
-    "@babel/cli": "^7.22.10",
-    "@babel/eslint-parser": "^7.22.11",
+    "@babel/cli": "^7.23.4",
+    "@babel/eslint-parser": "^7.23.3",
     "@csstools/stylelint-no-at-nest-rule": "^1.0.0",
     "@jetbrains/eslint-config": "^5.4.1",
     "@jetbrains/stylelint-config": "^4.0.1",
-    "@primer/octicons": "^19.6.0",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-json": "^6.0.0",
-    "@rollup/plugin-node-resolve": "^15.2.1",
-    "@rollup/plugin-replace": "^5.0.2",
-    "@storybook/addon-a11y": "7.3.2",
-    "@storybook/addon-docs": "7.3.2",
-    "@storybook/addon-essentials": "7.3.2",
-    "@storybook/addon-storyshots": "7.2.0",
-    "@storybook/addon-storyshots-puppeteer": "7.3.2",
-    "@storybook/addon-storysource": "7.3.2",
-    "@storybook/addons": "7.3.2",
-    "@storybook/html": "7.2.0",
-    "@storybook/html-webpack5": "^7.3.2",
-    "@storybook/preview-api": "7.2.0",
-    "@storybook/react": "7.3.2",
-    "@storybook/source-loader": "7.3.2",
-    "@storybook/theming": "7.3.2",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.4.3",
-    "@types/chai": "^4.3.5",
-    "@types/chai-as-promised": "^7.1.5",
+    "@primer/octicons": "^19.8.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-json": "^6.0.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-replace": "^5.0.5",
+    "@storybook/addon-a11y": "7.6.4",
+    "@storybook/addon-docs": "7.6.3",
+    "@storybook/addon-essentials": "7.6.3",
+    "@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",
+    "@types/chai-as-promised": "^7.1.8",
     "@types/chai-dom": "0.0.10",
-    "@types/chai-enzyme": "^0.6.10",
-    "@types/enzyme": "^3.10.13",
-    "@types/react": "^18.2.21",
-    "@types/react-dom": "^18.2.7",
-    "@types/sinon": "^10.0.16",
-    "@types/sinon-chai": "^3.2.9",
-    "@typescript-eslint/eslint-plugin": "^6.4.1",
-    "@typescript-eslint/parser": "^6.4.1",
+    "@types/chai-enzyme": "^0.6.13",
+    "@types/enzyme": "^3.10.18",
+    "@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.14.0",
+    "@typescript-eslint/parser": "^6.13.2",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
-    "acorn": "^8.10.0",
-    "angular": "^1.8.3",
-    "angular-mocks": "^1.8.3",
-    "angular-route": "^1.8.3",
-    "babel-plugin-react-docgen": "^4.2.1",
+    "acorn": "^8.11.2",
     "babel-plugin-require-context-hook": "^1.0.0",
-    "caniuse-lite": "^1.0.30001524",
-    "chai": "^4.3.8",
+    "caniuse-lite": "^1.0.30001568",
+    "chai": "^4.3.10",
     "chai-as-promised": "^7.1.1",
     "chai-dom": "^1.10.0",
     "chai-enzyme": "1.0.0-beta.1",
     "cheerio": "^1.0.0-rc.12",
-    "core-js": "^3.32.1",
+    "core-js": "^3.33.3",
     "cpy-cli": "^3.1.1",
     "enzyme": "^3.11.0",
-    "eslint": "^8.47.0",
-    "eslint-import-resolver-webpack": "^0.13.7",
-    "eslint-plugin-angular": "^4.1.0",
+    "eslint": "^8.55.0",
+    "eslint-import-resolver-webpack": "^0.13.8",
     "eslint-plugin-bdd": "^2.1.1",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-storybook": "^0.6.13",
+    "eslint-plugin-storybook": "^0.6.15",
     "events": "^3.3.0",
-    "glob": "^10.3.3",
-    "html-webpack-plugin": "^5.5.3",
+    "glob": "^10.3.10",
+    "html-webpack-plugin": "^5.5.4",
     "husky": "^8.0.3",
     "identity-obj-proxy": "^3.0.0",
     "imports-loader": "^4.0.1",
-    "jest": "~29.6.4",
-    "jest-environment-jsdom": "^29.6.4",
+    "jest": "~29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "jest-teamcity": "^1.10.0",
     "karma": "^6.4.2",
     "karma-chrome-launcher": "3.2.0",
@@ -151,33 +147,33 @@
     "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",
-    "prettier": "^3.0.2",
-    "puppeteer": "^21.1.0",
+    "prettier": "^3.1.0",
+    "puppeteer": "^21.2.1",
     "raw-loader": "^4.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-test-renderer": "^18.2.0",
     "regenerator-runtime": "^0.14.0",
-    "rimraf": "^5.0.1",
-    "rollup": "^3.28.1",
+    "rimraf": "^5.0.5",
+    "rollup": "^3.29.4",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^4.0.0",
-    "sinon": "^15.2.0",
+    "sinon": "^17.0.1",
     "sinon-chai": "^3.7.0",
     "storage-mock": "^2.1.0",
-    "storybook": "^7.2.3",
+    "storybook": "^7.6.3",
     "storybook-addon-themes": "^6.1.0",
-    "storybook-zeplin": "^2.0.2",
-    "stylelint": "^15.10.3",
+    "stylelint": "^15.11.0",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
     "terser-webpack-plugin": "^5.3.9",
-    "typescript": "~5.2.2",
+    "typescript": "~5.3.3",
     "wallaby-webpack": "^3.9.16",
-    "webpack": "^5.88.2",
+    "webpack": "^5.89.0",
     "webpack-cli": "^5.1.4",
     "xmlappend": "^1.0.4"
   },
@@ -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,60 +197,52 @@
     }
   },
   "dependencies": {
-    "@babel/core": "^7.22.11",
-    "@babel/preset-typescript": "^7.22.11",
+    "@babel/core": "^7.23.6",
+    "@babel/preset-typescript": "^7.23.3",
     "@jetbrains/babel-preset-jetbrains": "^2.3.2",
-    "@jetbrains/icons": "^3.21.0",
-    "@jetbrains/logos": "^2.2.16",
+    "@jetbrains/icons": "^3.22.0",
+    "@jetbrains/logos": "^2.2.23",
     "@jetbrains/postcss-require-hover": "^0.1.2",
-    "@types/combokeys": "^2.4.6",
-    "@types/deep-equal": "^1.0.1",
-    "@types/element-resize-detector": "^1.1.3",
-    "@types/google.analytics": "0.0.42",
-    "@types/prop-types": "^15.7.5",
-    "@types/react-virtualized": "9.21.22",
-    "@types/util-deprecate": "^1.0.0",
+    "@types/combokeys": "^2.4.9",
+    "@types/deep-equal": "^1.0.4",
+    "@types/element-resize-detector": "^1.1.6",
+    "@types/prop-types": "^15.7.11",
+    "@types/react-virtualized": "9.21.29",
+    "@types/util-deprecate": "^1.0.3",
     "@ungap/url-search-params": "^0.2.2",
     "babel-loader": "9.1.3",
-    "babel-plugin-transform-define": "^2.1.3",
-    "browserslist": "^4.21.10",
+    "babel-plugin-transform-define": "^2.1.4",
+    "browserslist": "^4.22.2",
     "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.2",
+    "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.2",
+    "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.28",
+    "postcss": "^8.4.32",
     "postcss-calc": "^9.0.1",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-font-family-system-ui": "^5.0.0",
     "postcss-loader": "^7.3.3",
     "postcss-modules-values-replace": "^4.1.0",
-    "postcss-preset-env": "^9.1.1",
+    "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": "^3.0.3",
-    "remark-gfm": "^3.0.1",
     "scrollbar-width": "^3.1.1",
     "simply-uuid": "^1.0.1",
-    "sniffr": "^1.2.0",
+    "sniffr": "^1.3.1",
     "style-inject": "^0.3.0",
     "style-loader": "~3.3.3",
     "url-loader": "^4.1.1",

package/typings.d.ts

@@ -41,57 +41,3 @@ declare module 'scrollbar-width' {
     recalculate?: boolean
   ): number | null;
 }
-
-declare module 'sniffr' {
-  enum Browser {
-    FIREFOX = 'firefox',
-    CHROME = 'chrome',
-    IE = 'ie',
-    SAFARI = 'safari',
-    EDGE = 'edge',
-    ANDROID = 'com.android.browser',
-    OPERA = 'opera',
-    OPERA_MINI = 'opera.mini',
-    BLACKBERRY = 'blackberry',
-    ICEWEASEL = 'iceweasel',
-  }
-
-  enum OS {
-    LINUX = 'linux',
-    MACOS = 'macos',
-    WINDOWS = 'windows',
-    IOS = 'ios',
-    OPENBSD = 'openbsd',
-    ANDROID = 'android',
-    FIREFOXOS = 'firefoxos',
-    WINDOWS_PHONE = 'windows.phone',
-    WINDOWS_MOBILE = 'windows.mobile',
-    BLACKBERRYOS = 'blackberryos',
-  }
-
-  enum Device {
-    IPAD = 'ipad',
-    IPHONE = 'iphone',
-    LUMIA = 'lumia',
-    HTC = 'htc',
-    NEXUS = 'nexus',
-    GALAXY_NEXUS = 'galaxy.nexus',
-    NOKIA = 'nokia',
-    GALAXY = 'galaxy',
-    XBOX = 'xbox',
-    BLACKBERRY = 'blackberry',
-  }
-
-  export interface SnifferProperty<T extends string> {
-    name: T | 'Unknown'
-    version: number[]
-    versionString: string
-  }
-
-  export default class Sniffer {
-    os: SnifferProperty<OS>;
-    device: SnifferProperty<Device>;
-    browser: SnifferProperty<Browser>;
-    sniff(userAgentString?: string): this
-  }
-}

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;