[UIK-2736][chore] updated to react v19

package.json

@@ -118,8 +118,8 @@
     "picocolors": "1.0.0",
     "playwright": "1.48.0",
     "playwright-core": "1.48.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "rollup-plugin-copy": "3.5.0",
     "semver": "7.7.2",
     "simple-git": "3.28.0",

semcore/base-components/CHANGELOG.md

@@ -13,81 +13,81 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 ### Added
 
-* Ability to use two tags in `tag` property. First for some logic like `Ellipsis` or `Select.Trigger` and second for real `html` tag.
+- Ability to use two tags in `tag` property. First for some logic like `Ellipsis` or `Select.Trigger` and second for real `html` tag.
 
 ## [16.2.4] - 2025-09-12
 
 ### Changed
 
-* Don't open popper `onFocus` if last interaction was with mouse.
+- Don't open popper `onFocus` if last interaction was with mouse.
 
 ## [16.2.3] - 2025-09-17
 
 ### Changed
 
-* Version patch update due to children dependencies update (`@semcore/core` [16.2.0 ~> 16.3.0]).
+- Version patch update due to children dependencies update (`@semcore/core` [16.2.0 ~> 16.3.0]).
 
 ## [16.2.2] - 2025-09-05
 
 ### Changed
 
-* Version patch update due to children dependencies update (`@semcore/core` [16.1.1 ~> 16.2.0]).
+- Version patch update due to children dependencies update (`@semcore/core` [16.1.1 ~> 16.2.0]).
 
 ## [16.2.1] - 2025-08-29
 
 ### Changed
 
-* Type description for `PopperPopperProps`/`PopperProps`/`ScrollAreaProps`/`ScrollBarProps`/`BoxProps`.
+- Type description for `PopperPopperProps`/`PopperProps`/`ScrollAreaProps`/`ScrollBarProps`/`BoxProps`.
 
 ## [16.2.0] - 2025-08-08
 
 ### Added
 
-* `text-align` CSS property to `Box` component.
+- `text-align` CSS property to `Box` component.
 
 ## [16.1.2] - 2025-07-23
 
 ### Changed
 
-* Version patch update due to children dependencies update (`@semcore/core` [16.0.3 ~> 16.0.4]).
+- Version patch update due to children dependencies update (`@semcore/core` [16.0.3 ~> 16.0.4]).
 
 ## [16.1.1] - 2025-07-04
 
 ### Changed
 
-* Version patch update due to children dependencies update (`@semcore/core` [16.0.1 ~> 16.0.3]).
+- Version patch update due to children dependencies update (`@semcore/core` [16.0.1 ~> 16.0.3]).
 
 ## [16.1.0] - 2025-06-20
 
 ### Added
 
-* New properties - `shadowSize` and `shadowTheme` for customize Shadows.
+- New properties - `shadowSize` and `shadowTheme` for customize Shadows.
 
 ## [16.0.2] - 2025-06-12
 
 ### Added
 
-* ResizeObserver for the `Wrapper` component in the `ScrollArea`.
+- ResizeObserver for the `Wrapper` component in the `ScrollArea`.
 
 ### Changed
 
-* `keyboardFocus` to `focus` event for popper triggers with `hover` interaction.
+- `keyboardFocus` to `focus` event for popper triggers with `hover` interaction.
 
 ## [16.0.1] - 2025-05-26
 
 ### Fixed
 
-* `Delay` doesn't work for the `Collapse` component.
+- `Delay` doesn't work for the `Collapse` component.
 
 ## [16.0.0] - 2025-05-19
 
 ### Added
 
-* Package with base components.
-* `outline` for all Box'es with `:focus-visible`.
-* `topOffset` and `bottomOffset` to Bars in ScrollArea.
-* `nodeToMount` property to `Portal`.
+- Package with base components.
+- `outline` for all Box'es with `:focus-visible`.
+- `topOffset` and `bottomOffset` to Bars in ScrollArea.
+- `nodeToMount` property to `Portal`.
 
 ### Fixed
 
-* `keydown` event was propagated from `Popper`.
+- `keydown` event was propagated from `Popper`.

semcore/base-components/src/components/scroll-area/ScrollArea.tsx

@@ -7,7 +7,6 @@ import trottle from '@semcore/core/lib/utils/rafTrottle';
 import { getNodeByRef } from '@semcore/core/lib/utils/ref';
 import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import React, { type ForwardedRef } from 'react';
-import { findDOMNode } from 'react-dom';
 
 import { Box } from '../flex-box';
 import { setAreaValue, ScrollBar } from './ScrollBar';
@@ -92,8 +91,8 @@ class ScrollAreaRoot extends Component<ScrollAreaProps, {}, State, typeof Scroll
     }
   }
 
-  refWrapper = (node: HTMLElement) => {
-    this.$wrapper = findDOMNode(node) as HTMLElement;
+  refWrapper = (node: HTMLElement | null) => {
+    this.$wrapper = node;
   };
 
   setStyleSizeProperty = (element: HTMLElement, propertyKey: string, value: string | number) => {

semcore/base-components/src/components/scroll-area/ScrollBar.tsx

@@ -2,7 +2,6 @@ import { createComponent, sstyled, Component, Root } from '@semcore/core';
 import contextEnhance from '@semcore/core/lib/utils/enhances/contextEnhance';
 import { getNodeByRef } from '@semcore/core/lib/utils/ref';
 import React from 'react';
-import { findDOMNode } from 'react-dom';
 
 import { Box } from '../flex-box';
 import type { ScrollBar as ScrollBarType, ScrollBarProps } from './ScrollBar.types';
@@ -67,8 +66,7 @@ class ScrollBarRoot extends Component<ScrollBarProps, {}, {}, typeof ScrollBarRo
     return getNodeByRef(this.asProps.container!)!;
   }
 
-  refBar = (node: HTMLElement) => {
-    const domNode = findDOMNode(node) as HTMLElement;
+  refBar = (domNode: HTMLElement | null) => {
     this.$bar = domNode;
     const orientation = this.getOrientation();
     const { horizontalBarRef, verticalBarRef } = this.asProps;
@@ -78,8 +76,8 @@ class ScrollBarRoot extends Component<ScrollBarProps, {}, {}, typeof ScrollBarRo
     setAriaValues(this.$container, horizontalBarRef?.current, verticalBarRef?.current);
   };
 
-  refSlider = (node: HTMLElement) => {
-    this.$slider = findDOMNode(node) as HTMLElement;
+  refSlider = (node: HTMLElement | null) => {
+    this.$slider = node;
   };
 
   calculateVisibleScroll() {

semcore/checkbox/package.json

@@ -21,9 +21,7 @@
     "@semcore/flex-box": "16.0.9"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0",
-    "react": "16.8 - 18",
-    "react-dom": "16.8 - 18"
+    "@semcore/base-components": "^16.0.0"
   },
   "repository": {
     "type": "git",

semcore/core/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.0.0] - 2025-12-12
+
+### BREAK
+
+- Removed `WithI18n`. Use `useI18n`. From v16.
+- Removed `WithCSS`. Use `useCss`. From v16.
+- Removed `WithAutoFocus`. Use `autoFocusEnhance`. From v16.
+- Removed `WithKeyboardFocus`. Just don't use. From v16.
+- Removed `WithRef`. Use `useForkRef`. From v16.
+
 ## [16.5.0] - 2025-10-03
 
 ### Changed

semcore/core/package.json

@@ -314,8 +314,8 @@
     "hoist-non-react-statics": "3.3.2"
   },
   "peerDependencies": {
-    "react": "16.8 - 18",
-    "react-dom": "16.8 - 18"
+    "react": "16.8 - 19",
+    "react-dom": "16.8 - 19"
   },
   "repository": {
     "type": "git",

semcore/core/src/utils/enhances/WithCSS.tsx

@@ -1,13 +1,9 @@
 import type { NanoOptions } from '@phytonmk/nano-css';
 import type { CssLikeObject } from '@phytonmk/nano-css/types/common';
-import React, { PureComponent } from 'react';
+import React from 'react';
 
-import type { UnknownProperties } from '../../core-types/UnknownProperties';
-import createHoc from '../createHoc';
 import CSSinJS from '../CSSinJS';
 
-const getStylesheet = () => CSSinJS().raw;
-
 /**
  * Function to clear the nano CSS styles object from keys with undefined value
  * @param {Object} obj - nano CSS styles object
@@ -30,47 +26,4 @@ function initNanoCss(options: NanoOptions = {}) {
   return CSSinJS(options);
 }
 
-/** @deprecated */
-export interface IEnhancedWithCSSProps extends EnhancedWithCSSProps, UnknownProperties {}
-export type EnhancedWithCSSProps = {
-  className?: string;
-  css?: {};
-
-  children(props: { className: string | undefined }): React.ReactNode;
-};
-
-class EnhancedWithCSS extends PureComponent<IEnhancedWithCSSProps> {
-  static contextType = WithCssContext;
-
-  static defaultProps = {
-    css: {},
-  };
-
-  state = {
-    dynamicClassName: '',
-  };
-
-  static getDerivedStateFromProps(props: any) {
-    const cleanCss = normaliseCss(props.css);
-    return {
-      dynamicClassName: Object.keys(cleanCss).length ? CSSinJS().cache?.(cleanCss) : '',
-    };
-  }
-
-  constructor(props: any, context: any) {
-    super(props, context);
-
-    initNanoCss(context);
-  }
-
-  render() {
-    const { children, className = '' } = this.props;
-    const { dynamicClassName } = this.state;
-    return children({
-      className: className + dynamicClassName || undefined,
-    });
-  }
-}
-
-export { getStylesheet, EnhancedWithCSS, Provider, WithCssContext, initNanoCss, normaliseCss };
-export default createHoc(EnhancedWithCSS);
+export { Provider, WithCssContext, initNanoCss, normaliseCss };