@jetbrains/ring-ui 8.0.0-beta.2 → 8.0.0-beta.3

package/components/upload/upload.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type Ref } from 'react';
 export type UploadVariant = 'empty' | 'error' | 'success';
 interface Props {
     className?: string;
@@ -10,10 +10,11 @@ interface Props {
     accept?: HTMLInputElement['accept'];
     disabled?: boolean;
     variant?: UploadVariant;
+    ref?: Ref<UploadHandle>;
     children?: ReactNode;
 }
 export interface UploadHandle {
     openFilePicker: () => void;
 }
-export declare const Upload: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<UploadHandle>>;
-export default Upload;
+export default function UploadInner({ children, className, onFilesSelected, onFilesRejected, validate, variant, multiple, renderIcon, accept, disabled, ref, }: Props): import("react").JSX.Element;
+export {};

package/components/upload/upload.js

@@ -1,13 +1,13 @@
-import { forwardRef, useImperativeHandle, useRef, useState, } from 'react';
+import { useImperativeHandle, useRef, useState } from 'react';
 import classNames from 'classnames';
 import attachmentIcon from '@jetbrains/icons/attachment';
 import Icon from '../icon';
 import styles from './upload.css';
 const defaultRenderIcon = () => <Icon className={styles.attachmentIcon} glyph={attachmentIcon}/>;
-function UploadInner({ children, className, onFilesSelected, onFilesRejected, validate = () => true, variant = 'empty', multiple, renderIcon = defaultRenderIcon, accept, disabled, forwardedRef, }) {
+export default function UploadInner({ children, className, onFilesSelected, onFilesRejected, validate = () => true, variant = 'empty', multiple, renderIcon = defaultRenderIcon, accept, disabled, ref, }) {
     const fileInputRef = useRef(null);
     const [dragOver, setDragOver] = useState(false);
-    useImperativeHandle(forwardedRef, () => ({ openFilePicker: () => fileInputRef.current?.click() }), []);
+    useImperativeHandle(ref, () => ({ openFilePicker: () => fileInputRef.current?.click() }), []);
     const handleSelectedFiles = (files) => {
         if (!files.length) {
             return;
@@ -39,7 +39,3 @@ function UploadInner({ children, className, onFilesSelected, onFilesRejected, va
       {children}
     </div>);
 }
-export const Upload = forwardRef(function Upload(props, ref) {
-    return <UploadInner {...props} forwardedRef={ref}/>;
-});
-export default Upload;

package/components/user-agreement/service.js

@@ -188,9 +188,9 @@ export default class UserAgreementService {
                     preview,
                     ...restOptions,
                 };
-                this.reactRoot.render(<ControlsHeightContext.Provider value={getGlobalControlsHeight()}>
+                this.reactRoot.render(<ControlsHeightContext value={getGlobalControlsHeight()}>
             <UserAgreement {...props}/>
-          </ControlsHeightContext.Provider>);
+          </ControlsHeightContext>);
                 if (onDialogShow) {
                     onDialogShow();
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "8.0.0-beta.2",
+  "version": "8.0.0-beta.3",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -99,21 +99,21 @@
   },
   "readmeFilename": "README.md",
   "devDependencies": {
-    "@babel/cli": "^7.28.6",
-    "@babel/eslint-parser": "^7.28.6",
+    "@babel/cli": "^7.29.7",
+    "@babel/eslint-parser": "^7.29.7",
     "@csstools/css-parser-algorithms": "^4.0.0",
     "@csstools/stylelint-no-at-nest-rule": "^5.0.0",
     "@eslint/compat": "^2.1.0",
     "@eslint/eslintrc": "^3.3.5",
     "@eslint/js": "^10.0.1",
-    "@figma/code-connect": "^1.4.5",
+    "@figma/code-connect": "^1.4.7",
     "@jetbrains/eslint-config": "^6.0.5",
     "@jetbrains/logos": "3.0.0-canary.734b213.0",
     "@jetbrains/rollup-css-plugin": "./packages/rollup-css-plugin",
     "@jetbrains/stylelint-config": "^4.0.2",
     "@jetbrains/typescript-plugin-css-modules": "^5.3.1",
-    "@primer/octicons": "^19.27.0",
-    "@rollup/plugin-babel": "^7.0.0",
+    "@primer/octicons": "^19.28.0",
+    "@rollup/plugin-babel": "^7.1.0",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-replace": "^6.0.3",
@@ -133,7 +133,7 @@
     "@types/react-dom": "^19.2.3",
     "@types/webpack-env": "^1.18.8",
     "@vitejs/plugin-react": "^6.0.2",
-    "@vitest/eslint-plugin": "^1.6.17",
+    "@vitest/eslint-plugin": "^1.6.18",
     "acorn": "^8.16.0",
     "babel-plugin-require-context-hook": "^1.0.0",
     "caniuse-lite": "^1.0.30001793",
@@ -151,7 +151,7 @@
     "eslint-import-resolver-webpack": "^0.13.11",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-prettier": "^5.5.6",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-storybook": "^10.4.1",
@@ -166,7 +166,7 @@
     "jest": "~30.4.2",
     "jest-environment-jsdom": "^30.4.1",
     "jest-teamcity": "^1.12.0",
-    "lint-staged": "^17.0.5",
+    "lint-staged": "^17.0.6",
     "markdown-it": "^14.2.0",
     "merge-options": "^3.0.4",
     "pinst": "^3.0.0",
@@ -184,23 +184,23 @@
     "stylelint-config-sass-guidelines": "^13.0.0",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
-    "terser-webpack-plugin": "^5.6.0",
+    "terser-webpack-plugin": "^5.6.1",
     "typed-css-modules": "^0.9.1",
     "typescript": "~6.0.3",
     "typescript-eslint": "^8.60.0",
     "vite": "^8.0.14",
     "vitest": "^4.1.7",
     "vitest-teamcity-reporter": "^0.4.1",
-    "webpack": "^5.107.1",
-    "webpack-cli": "^7.0.2",
+    "webpack": "^5.107.2",
+    "webpack-cli": "^7.0.3",
     "xmlappend": "^1.0.4"
   },
   "peerDependencies": {
-    "@types/react": ">=18.0.0",
-    "@types/react-dom": ">=18.0.0",
+    "@types/react": ">=19.2.0",
+    "@types/react-dom": ">=19.2.0",
     "core-js": ">=3.0.0",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0",
     "webpack": ">=5.0.0"
   },
   "peerDependenciesMeta": {
@@ -215,8 +215,8 @@
     }
   },
   "dependencies": {
-    "@babel/core": "^7.29.0",
-    "@babel/preset-typescript": "^7.28.5",
+    "@babel/core": "^7.29.7",
+    "@babel/preset-typescript": "^7.29.7",
     "@jetbrains/babel-preset-jetbrains": "^2.4.0",
     "@jetbrains/icons": "^5.22.0",
     "@jetbrains/postcss-require-hover": "^0.2.0",
@@ -233,7 +233,7 @@
     "combokeys": "^3.0.1",
     "css-loader": "^7.1.4",
     "csstype": "^3.2.1",
-    "date-fns": "^4.3.0",
+    "date-fns": "^4.4.0",
     "dequal": "^2.0.3",
     "element-resize-detector": "^1.2.4",
     "fastdom": "^1.0.12",
@@ -249,6 +249,7 @@
     "postcss-modules-values-replace": "^4.2.2",
     "postcss-preset-env": "^11.3.0",
     "react-compiler-runtime": "^1.0.0",
+    "react-merge-refs": "^3.0.2",
     "react-movable": "^3.4.1",
     "react-virtualized": "^9.22.6",
     "react-waypoint": "^10.3.0",

package/components/global/use-event-callback.d.ts

@@ -1 +0,0 @@
-export default function useEventCallback<I extends unknown[], O>(fn: (...args: I) => O): (...args: I) => O;

package/components/global/use-event-callback.js

@@ -1,15 +0,0 @@
-import { useCallback, useLayoutEffect, useRef } from 'react';
-// TODO deprecate in favor of useEffectEvent after dropping support for React < 19.2
-export default function useEventCallback(fn) {
-    const ref = useRef(null);
-    useLayoutEffect(() => {
-        ref.current = fn;
-    });
-    return useCallback((...args) => {
-        const { current } = ref;
-        if (current === null || current === undefined) {
-            throw new Error('callback created in useEventCallback can only be called from event handlers');
-        }
-        return current(...args);
-    }, []);
-}

package/components/table/table-base.d.ts

@@ -1,24 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-/**
- * Include it in a column header to make the column sortable.
- * Handle clicks with {@link TableProps.onSort}.
- */
-export declare function SortButton<T>(props: ComponentPropsWithoutRef<'button'>): import("react").JSX.Element | null;
-/**
- * Include it in a column header to make the column deletable.
- * Beware that `column.name ?? String(column.key)` is used in the aria-label.
- * Handle clicks with {@link TableProps.onColumnDelete}.
- */
-export declare function DeleteColumnButton<T>(props: ComponentPropsWithoutRef<'button'>): import("react").JSX.Element | null;
-/**
- * A helper `<tr>` component for a custom {@link TableProps.renderItem} implementations.
- * Applies the standard row classnames.
- */
-export declare function TableRow(props: {
-    ref?: React.Ref<HTMLTableRowElement>;
-} & ComponentPropsWithoutRef<'tr'>): import("react").JSX.Element;
-/**
- * A helper `<td>` component for a custom {@link TableProps.renderItem} implementations.
- * Applies the standard cell classnames, but not data-dependent `tdClassName`.
- */
-export declare function TableCell(props: ComponentPropsWithoutRef<'td'>): import("react").JSX.Element;