@jetbrains/ring-ui-built 6.0.5-beta.0

package/components/user-card/tooltip.js

@@ -0,0 +1,140 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends, g as _objectSpread2 } 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 { m as modules_a4196c17, U as UserCard } from '../_helpers/card.js';
+import 'core-js/modules/es.array.concat.js';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import '../global/typescript-utils.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__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
+import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import '../button/button.js';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'react-dom';
+import '../global/get-uid.js';
+import '../global/schedule-raf.js';
+import '../global/dom.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.set.js';
+import '../shortcuts/shortcuts.js';
+import 'core-js/modules/es.array.map.js';
+import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.match.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
+import '@jetbrains/icons/copy';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import '../avatar/fallback-avatar.js';
+import '../link/link.js';
+import '../_helpers/link.js';
+import '../clipboard/clipboard.js';
+import 'core-js/modules/es.promise.js';
+import '../alert-service/alert-service.js';
+import 'react-dom/client';
+import '../alert/alert.js';
+import 'core-js/modules/es.object.values.js';
+import '@jetbrains/icons/exception';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/warning';
+import '@jetbrains/icons/close';
+import '../loader-inline/loader-inline.js';
+import '../_helpers/theme.js';
+import '../alert/container.js';
+import '../clipboard/clipboard-fallback.js';
+import '../_helpers/badge.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
+
+var _excluded = ["children", "renderUserCard", "renderNoUser", "dropdownProps", "user"],
+  _excluded2 = ["user"];
+var DEFAULT_TIMEOUT = 300;
+var UserCardTooltip = /*#__PURE__*/function (_Component) {
+  _inherits(UserCardTooltip, _Component);
+  var _super = _createSuper(UserCardTooltip);
+  function UserCardTooltip() {
+    _classCallCheck(this, UserCardTooltip);
+    return _super.apply(this, arguments);
+  }
+  _createClass(UserCardTooltip, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        renderUserCard = _this$props.renderUserCard,
+        renderNoUser = _this$props.renderNoUser,
+        dropdownProps = _this$props.dropdownProps,
+        user = _this$props.user,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement(Dropdown, _extends({
+        anchor: children,
+        hoverMode: true,
+        clickMode: false
+      }, dropdownProps), /*#__PURE__*/React.createElement(Popup, {
+        attached: false
+      }, user ? renderUserCard(_objectSpread2(_objectSpread2({}, restProps), {}, {
+        user,
+        className: classNames(modules_a4196c17.userCardSpaced, this.props.className)
+      })) : renderNoUser()));
+    }
+  }]);
+  return UserCardTooltip;
+}(Component);
+_defineProperty(UserCardTooltip, "propTypes", {
+  className: PropTypes.string,
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  dropdownProps: PropTypes.object,
+  user: PropTypes.object,
+  renderUserCard: PropTypes.func,
+  renderNoUser: PropTypes.func
+});
+_defineProperty(UserCardTooltip, "defaultProps", {
+  renderUserCard: function renderUserCard(props) {
+    var user = props.user,
+      restProps = _objectWithoutProperties(props, _excluded2);
+    return user && /*#__PURE__*/React.createElement(UserCard, _extends({
+      user: user
+    }, restProps));
+  },
+  renderNoUser: function renderNoUser() {
+    return '';
+  },
+  dropdownProps: {
+    hoverShowTimeOut: DEFAULT_TIMEOUT,
+    hoverHideTimeOut: DEFAULT_TIMEOUT
+  }
+});
+
+export { UserCardTooltip as default };

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

@@ -0,0 +1,11 @@
+/**
+ * @name User Card
+ * @category Components
+ * @tags Ring UI Language
+ * @framework React
+ * @constructor
+ * @description A component that displays user details.
+ */
+export { default as UserCard } from './card';
+export { default as UserCardTooltip } from './tooltip';
+export { default as SmartUserCardTooltip } from './smart-user-card-tooltip';

package/components/user-card/user-card.js

@@ -0,0 +1,81 @@
+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 'core-js/modules/es.array.concat.js';
+import 'react';
+import 'prop-types';
+import 'classnames';
+import '@jetbrains/icons/copy';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.string.replace.js';
+import '../global/dom.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '../avatar/fallback-avatar.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.slice.js';
+import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import '../link/link.js';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../clipboard/clipboard.js';
+import 'core-js/modules/es.promise.js';
+import '../alert-service/alert-service.js';
+import 'react-dom/client';
+import '../alert/alert.js';
+import 'core-js/modules/es.object.values.js';
+import '@jetbrains/icons/exception';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/warning';
+import '@jetbrains/icons/close';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.string.starts-with.js';
+import '../global/memoize.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.weak-map.js';
+import '../loader-inline/loader-inline.js';
+import '../button/button.js';
+import '@jetbrains/icons/chevron-10px';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import 'react-dom';
+import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.splice.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
+import '../popup/popup.consts.js';
+import '../alert/container.js';
+import '../clipboard/clipboard-fallback.js';
+import '../_helpers/badge.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
+import '../dropdown/dropdown.js';
+import '../global/typescript-utils.js';
+import '../_helpers/anchor.js';

package/jslint-xml.js

@@ -0,0 +1,38 @@
+// eslint-disable-next-line no-control-regex
+const xmlEscape = s => (`${s}`).replace(/[<>&"'\x00-\x1F\x7F\u0080-\uFFFF]/g, c => {
+  switch (c) {
+    case '<':
+      return '&lt;';
+    case '>':
+      return '&gt;';
+    case '&':
+      return '&amp;';
+    case '"':
+      return '&quot;';
+    case '\'':
+      return '&apos;';
+    default:
+      return `&#${c.charCodeAt(0)};`;
+  }
+});
+
+module.exports = results => {
+  const files = results.map(file => {
+    const warnings = file.warnings.map(({column, line, text}) => {
+      const css = file._postcssResult && file._postcssResult.css;
+      const lines = css && css.split('\n') || [];
+      const evidence = lines[line - 1];
+
+      return [
+        `<issue line="${line}"`,
+        ` char="${column}"`,
+        ` evidence="${evidence ? xmlEscape(evidence) : ''}"`,
+        ` reason="${xmlEscape(text)}" />`
+      ].join('');
+    });
+
+    return `<file name="${file.source}">${warnings.join('')}</file>`;
+  });
+
+  return `<?xml version="1.0" encoding="utf-8"?><jslint>${files.join('')}</jslint>`;
+};

package/package.json

@@ -0,0 +1,127 @@
+{
+  "name": "@jetbrains/ring-ui-built",
+  "version": "6.0.5-beta.0",
+  "description": "JetBrains UI library",
+  "author": "JetBrains",
+  "license": "Apache-2.0",
+  "packageManager": "npm@8.11.0",
+  "files": [
+    "babel.config.js",
+    "components",
+    "dist",
+    "postcss.config.js",
+    "webpack.config.js",
+    "jslint-xml.js",
+    "typings.d.ts"
+  ],
+  "main": "src/index.js",
+  "workspaces": [
+    "packages/*"
+  ],
+  "lint-staged": {
+    "*.{js,ts,tsx}": [
+      "npm run lint:js -- --fix"
+    ],
+    "*.css": [
+      "stylelint --fix"
+    ]
+  },
+  "config": {
+    "clientId": "81a0bffb-6d0f-4a38-b93a-0a4d1e567698",
+    "hub": "https://hub.jetbrains.com",
+    "components": "./components/"
+  },
+  "scripts": {
+    "apply-resolutions": "npx npm-force-resolutions@0.0.10",
+    "_postinstall": "husky install",
+    "prepare": "webpack -c .storybook/custom-header/webpack.config.js",
+    "a11y-audit": "jest a11y-audit.test.js",
+    "a11y-audit-ci": "jest a11y-audit.test.js --reporters=jest-teamcity; node report-metadata.js",
+    "console-errors": "jest console-errors.test.js --watchAll",
+    "console-errors-ci": "jest console-errors.test.js --reporters=jest-teamcity",
+    "test": "karma start",
+    "hermione-gui": "npm --prefix packages/hermione run gui",
+    "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-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/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']\"",
+    "lint-ci": "eslint --format jslint-xml . > eslint-report.xml && npm run stylelint-ci",
+    "stylelint-ci": "stylelint --ignore-path .eslintignore --custom-formatter './jslint-xml.js' '**/*.css' | xmlappend eslint-report.xml",
+    "stylelint": "stylelint --ignore-path .eslintignore '**/*.css'",
+    "validate-tc-config": "mvn --file .teamcity/pom.xml org.jetbrains.teamcity:teamcity-configs-maven-plugin:generate -e",
+    "pretest-ci": "npm run lint-ci",
+    "test-ci": "karma start karma-ci.conf.js",
+    "test-watch": "karma start karma-watch.conf.js",
+    "typecheck": "tsc",
+    "typecheck-ci": "node tsc-teamcity",
+    "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"
+  },
+  "repository": {
+    "type": "git",
+    "url": "ssh://github.com/JetBrains/ring-ui.git"
+  },
+  "readmeFilename": "README.md",
+  "devDependencies": {},
+  "peerDependencies": {
+    "@types/react": ">=16.8.0",
+    "@types/react-dom": ">=16.8.0",
+    "core-js": ">=3.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "webpack": ">=5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
+    },
+    "webpack": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@jetbrains/icons": "^3.22.0",
+    "@jetbrains/logos": "^2.2.23",
+    "change-case": "^4.1.1",
+    "classnames": "^2.3.2",
+    "combokeys": "^3.0.1",
+    "date-fns": "^2.30.0",
+    "deep-equal": "^2.2.2",
+    "element-resize-detector": "^1.2.4",
+    "es6-error": "^4.1.1",
+    "fastdom": "^1.0.11",
+    "focus-trap": "^7.5.4",
+    "highlight.js": "^10.7.2",
+    "just-debounce-it": "^3.2.0",
+    "memoize-one": "^6.0.0",
+    "prop-types": "^15.8.1",
+    "react-movable": "^3.0.4",
+    "react-virtualized": "^9.22.5",
+    "react-waypoint": "^10.3.0",
+    "scrollbar-width": "^3.1.1",
+    "simply-uuid": "^1.0.1",
+    "sniffr": "^1.2.1",
+    "util-deprecate": "^1.0.2"
+  },
+  "engines": {
+    "node": ">=14.0",
+    "npm": ">=6.0.0"
+  }
+}

package/postcss.config.js

@@ -0,0 +1,20 @@
+const EMBRACED_STAGE = 3; // See https://cssdb.org/#staging-process
+
+
+module.exports = () => {
+  const plugins = [
+    require('postcss-modules-values-replace')(),
+    require('postcss-preset-env')({
+      stage: EMBRACED_STAGE,
+      features: {
+        'nesting-rules': true
+      }
+    }),
+    require('postcss-font-family-system-ui')({browsers: ['last 2 versions']}),
+    require('postcss-flexbugs-fixes')(),
+    require('@jetbrains/postcss-require-hover')(),
+    require('postcss-calc')({mediaQueries: true})
+  ];
+
+  return {plugins};
+};

package/typings.d.ts

@@ -0,0 +1,97 @@
+declare module '*.css' {
+  const styles: Record<string, string>;
+  export default styles;
+}
+
+declare module '*.svg' {
+  const source: string;
+  export default source;
+}
+declare module '*.md' {
+  const source: string;
+  export default source;
+}
+declare module '*.txt' {
+  const source: string;
+  export default source;
+}
+
+declare module 'simply-uuid' {
+  export function generate(): string;
+}
+
+declare module 'highlight.js/lib/core.js' {
+  import hljs from 'highlight.js';
+
+  export default hljs;
+}
+
+declare module 'combokeys/test/lib/key-event' {
+  export function simulate(
+    charCode: number,
+    keyCode: number,
+    modifiers?: ('shift' | 'ctrl' | 'alt' | 'meta')[],
+    element?: Element,
+    repeat?: number
+  ): void;
+}
+
+declare module 'scrollbar-width' {
+  export default function getScrollbarWidth(
+    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

@@ -0,0 +1,118 @@
+const path = require('path');
+
+function loadersObjectToArray(loaders) {
+  return Object.keys(loaders).map(name => loaders[name]);
+}
+
+function createConfig() {
+  const componentsPath = [path.join(__dirname, 'components')];
+
+  const cssLoader = {
+    test: /\.css$/,
+    include: componentsPath,
+    use: [
+      {
+        loader: require.resolve('style-loader'),
+        options: {
+          esModule: false
+        }
+      },
+      {
+        loader: require.resolve('css-loader'),
+        options: {
+          modules: {
+            localIdentName: '[local]_[hash:4]'
+          },
+          importLoaders: 1
+        }
+      },
+      {
+        loader: require.resolve('postcss-loader'),
+        options: {
+          implementation: require('postcss')
+        }
+      }
+    ]
+  };
+
+  const externalCssLoader = {
+    test: /\.css$/,
+    include: [
+      path.dirname(require.resolve('highlight.js/package.json'))
+    ],
+    use: [
+      require.resolve('style-loader'),
+      require.resolve('css-loader')
+    ]
+  };
+
+  const babelLoader = {
+    test: /\.[jt]sx?$/,
+    sideEffects: false,
+    include: componentsPath,
+    loader: require.resolve('babel-loader'),
+    options: {
+      configFile: path.join(__dirname, 'babel.config.js'),
+      cacheDirectory: true
+    }
+  };
+
+  const gifLoader = {
+    test: /\.gif$/,
+    include: componentsPath,
+    loader: require.resolve('url-loader')
+  };
+
+  const loaders = {
+    cssLoader,
+    externalCssLoader,
+    babelLoader,
+    gifLoader
+  };
+
+  return {
+    // Minimal config for building components
+    config: {
+      module: {
+        rules: loadersObjectToArray(loaders)
+      },
+      resolve: {
+        extensions: ['.js', '.ts', '.tsx']
+      }
+    },
+    componentsPath,
+    loaders
+  };
+}
+
+const {config, componentsPath, loaders} = createConfig();
+
+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')
+      };
+    }
+  }
+};