@jetbrains/ring-ui 5.0.167 → 5.0.168

package/components/select/select.d.ts

@@ -214,6 +214,7 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     nodeRef: (el: HTMLElement | null) => void;
     _popup: SelectPopup<SelectItemData<T>> | null;
     onEmptyPopupEnter: () => void;
+    focus: () => void;
     private _onEnter;
     private _onEsc;
     _inputShortcutHandler: () => void;

package/components/select/select.js

@@ -337,6 +337,9 @@ export default class Select extends Component {
             this.addHandler();
         }
     };
+    focus = () => {
+        this.node?.focus();
+    };
     _onEnter = () => {
         if (this.state.addButton && this.state.shownData.length === 0) {
             this.addHandler();

package/components/tags-input/tags-input.d.ts

@@ -38,6 +38,7 @@ export interface TagsInputProps {
     height?: ControlsHeight | undefined;
     label?: ReactNode;
     labelType?: LabelType;
+    id?: string | undefined;
 }
 interface TagsInputState {
     tags: TagType[];
@@ -115,6 +116,7 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
     getInputNode(): HTMLInputElement | null | undefined;
     setActiveIndex(activeIndex?: number | null): void;
     focusInput: () => void;
+    focus: () => void;
     addTag: (tag: TagType | null) => void;
     onRemoveTag(tagToRemove: TagType): Promise<void | TagType[]>;
     clickHandler: (event: SyntheticEvent) => void;

package/components/tags-input/tags-input.js

@@ -94,7 +94,7 @@ export default class TagsInput extends PureComponent {
     static ngModelStateField = 'tags';
     ngModelStateField;
     static contextType = ControlsHeightContext;
-    id = getUID('ring-tags-list-');
+    id = this.props.id || getUID('ring-tags-list-');
     node;
     nodeRef = (node) => {
         this.node = node;
@@ -116,6 +116,9 @@ export default class TagsInput extends PureComponent {
     focusInput = () => {
         this.getInputNode()?.focus();
     };
+    focus = () => {
+        this.focusInput();
+    };
     addTag = (tag) => {
         if (tag == null) {
             return;

package/dist/select/select.d.ts

@@ -214,6 +214,7 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     nodeRef: (el: HTMLElement | null) => void;
     _popup: SelectPopup<SelectItemData<T>> | null;
     onEmptyPopupEnter: () => void;
+    focus: () => void;
     private _onEnter;
     private _onEsc;
     _inputShortcutHandler: () => void;

package/dist/select/select.js

@@ -347,6 +347,10 @@ var Select = /*#__PURE__*/function (_Component) {
         _this.addHandler();
       }
     });
+    _defineProperty(_assertThisInitialized(_this), "focus", function () {
+      var _this$node;
+      (_this$node = _this.node) === null || _this$node === void 0 ? void 0 : _this$node.focus();
+    });
     _defineProperty(_assertThisInitialized(_this), "_onEnter", function () {
       var _this$_popup2;
       if (_this.state.addButton && _this.state.shownData.length === 0) {

package/dist/tags-input/tags-input.d.ts

@@ -38,6 +38,7 @@ export interface TagsInputProps {
     height?: ControlsHeight | undefined;
     label?: ReactNode;
     labelType?: LabelType;
+    id?: string | undefined;
 }
 interface TagsInputState {
     tags: TagType[];
@@ -115,6 +116,7 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
     getInputNode(): HTMLInputElement | null | undefined;
     setActiveIndex(activeIndex?: number | null): void;
     focusInput: () => void;
+    focus: () => void;
     addTag: (tag: TagType | null) => void;
     onRemoveTag(tagToRemove: TagType): Promise<void | TagType[]>;
     clickHandler: (event: SyntheticEvent) => void;

package/dist/tags-input/tags-input.js

@@ -142,7 +142,7 @@ var TagsInput = /*#__PURE__*/function (_PureComponent) {
       activeIndex: 0
     });
     _defineProperty(_assertThisInitialized(_this), "ngModelStateField", void 0);
-    _defineProperty(_assertThisInitialized(_this), "id", getUID('ring-tags-list-'));
+    _defineProperty(_assertThisInitialized(_this), "id", _this.props.id || getUID('ring-tags-list-'));
     _defineProperty(_assertThisInitialized(_this), "node", void 0);
     _defineProperty(_assertThisInitialized(_this), "nodeRef", function (node) {
       _this.node = node;
@@ -153,6 +153,9 @@ var TagsInput = /*#__PURE__*/function (_PureComponent) {
       var _this$getInputNode;
       (_this$getInputNode = _this.getInputNode()) === null || _this$getInputNode === void 0 ? void 0 : _this$getInputNode.focus();
     });
+    _defineProperty(_assertThisInitialized(_this), "focus", function () {
+      _this.focusInput();
+    });
     _defineProperty(_assertThisInitialized(_this), "addTag", function (tag) {
       var _this$select, _this$select2;
       if (tag == null) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.0.167",
+  "version": "5.0.168",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -45,7 +45,7 @@
     "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/",
+    "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",
@@ -85,19 +85,19 @@
     "@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-a11y": "7.4.0",
+    "@storybook/addon-docs": "7.4.0",
+    "@storybook/addon-essentials": "7.4.0",
     "@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/addon-storyshots-puppeteer": "7.4.0",
+    "@storybook/addon-storysource": "7.4.0",
+    "@storybook/addons": "7.4.0",
     "@storybook/html": "7.2.0",
-    "@storybook/html-webpack5": "^7.3.2",
+    "@storybook/html-webpack5": "^7.4.0",
     "@storybook/preview-api": "7.2.0",
     "@storybook/react": "7.3.2",
-    "@storybook/source-loader": "7.3.2",
-    "@storybook/theming": "7.3.2",
+    "@storybook/source-loader": "7.4.0",
+    "@storybook/theming": "7.4.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/chai": "^4.3.5",
@@ -109,8 +109,8 @@
     "@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",
+    "@typescript-eslint/eslint-plugin": "^6.5.0",
+    "@typescript-eslint/parser": "^6.5.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "acorn": "^8.10.0",
     "angular": "^1.8.3",
@@ -127,7 +127,7 @@
     "core-js": "^3.32.1",
     "cpy-cli": "^3.1.1",
     "enzyme": "^3.11.0",
-    "eslint": "^8.47.0",
+    "eslint": "^8.48.0",
     "eslint-import-resolver-webpack": "^0.13.7",
     "eslint-plugin-angular": "^4.1.0",
     "eslint-plugin-bdd": "^2.1.1",
@@ -154,8 +154,8 @@
     "merge-options": "^3.0.4",
     "mocha": "^10.2.0",
     "pinst": "^3.0.0",
-    "prettier": "^3.0.2",
-    "puppeteer": "^21.1.0",
+    "prettier": "^3.0.3",
+    "puppeteer": "^21.1.1",
     "raw-loader": "^4.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -238,13 +238,13 @@
     "interpolate-loader": "^2.0.1",
     "just-debounce-it": "^3.2.0",
     "memoize-one": "^6.0.0",
-    "postcss": "^8.4.28",
+    "postcss": "^8.4.29",
     "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.1.2",
     "prop-types": "^15.8.1",
     "react-markdown": "^8.0.7",
     "react-movable": "^3.0.4",

package/components/loader/__mocks__/loader__core.js

@@ -1,5 +0,0 @@
-export default class LoaderCore {
-  startAnimation() {}
-  stopAnimation() {}
-  destroy() {}
-}

package/components/old-browsers-message/__mocks__/old-browsers-message.js

@@ -1 +0,0 @@
-export function stop() {}