@skbkontur/react-ui 5.6.5-cab54.0 → 5.6.5

package/lib/utils.d.ts

@@ -1,17 +1,16 @@
 import type React from 'react';
-import type { GlobalObject } from '../lib/globalObject.js';
-import type { CurrencyInputProps } from '../components/CurrencyInput/index.js';
-import type { PasswordInputProps } from '../components/PasswordInput/index.js';
-import type { InputProps } from '../components/Input/index.js';
-import type { AutocompleteProps } from '../components/Autocomplete/index.js';
-import type { FxInputProps } from '../components/FxInput/index.js';
-import type { SelectProps } from '../components/Select/index.js';
-import type { DropdownProps } from '../components/Dropdown/index.js';
-import type { DropdownMenuProps } from '../components/DropdownMenu/index.js';
-import type { ButtonProps } from '../components/Button/index.js';
-import type { TooltipProps } from '../components/Tooltip/index.js';
-import type { HintProps } from '../components/Hint/index.js';
-export { delay } from './delay.js';
+import type { CurrencyInputProps } from '../components/CurrencyInput';
+import type { PasswordInputProps } from '../components/PasswordInput';
+import type { InputProps } from '../components/Input';
+import type { AutocompleteProps } from '../components/Autocomplete';
+import type { FxInputProps } from '../components/FxInput';
+import type { SelectProps } from '../components/Select';
+import type { DropdownProps } from '../components/Dropdown';
+import type { DropdownMenuProps } from '../components/DropdownMenu';
+import type { ButtonProps } from '../components/Button';
+import type { TooltipProps } from '../components/Tooltip';
+import type { HintProps } from '../components/Hint';
+export { delay } from './delay';
 export type Defaultize<P, D> = P extends any ? string extends keyof P ? P : Pick<P, Exclude<keyof P, keyof D>> & Partial<Pick<P, Extract<keyof P, keyof D>>> & Partial<Pick<D, Exclude<keyof D, keyof P>>> : never;
 export type DefaultizeProps<C, P> = C extends {
     defaultProps: infer D;
@@ -27,11 +26,11 @@ export type FunctionWithParams<R = any> = (...args: any[]) => R;
 export declare function isFunction<T>(x: T | FunctionWithParams): x is FunctionWithParams;
 export declare function isFunctionalComponent(Component: unknown): Component is React.ComponentType;
 export declare function isClassComponent(Component: unknown): Component is React.ComponentType;
-export declare function isIntrinsicElement(element: React.ReactElement<unknown>): boolean;
-export declare function isRefableElement(element: React.ReactElement<unknown>): boolean;
+export declare function isIntrinsicElement(element: React.ReactElement): boolean;
+export declare function isRefableElement(element: React.ReactElement): boolean;
 export declare function escapeRegExpSpecChars(s: string): string;
 export declare const getRandomID: () => string;
-export declare const isExternalLink: (link: string, globalObject: GlobalObject) => boolean;
+export declare const isExternalLink: (link: string) => boolean;
 /**
  * Check if the given ReactNode is an element of the specified ReactUI component
  */
@@ -58,7 +57,7 @@ export declare const isNullable: (value: unknown) => value is null | undefined;
  * @param name Component name for which function will be created.
  * @returns A function that checks if the given `child` is an instance of the component specified by `name`.
  */
-export declare const isReactUIComponent: <P = any>(name: string) => (child: React.ReactNode) => child is React.ReactElement<P>;
+export declare const isReactUIComponent: <P = any>(name: string) => (child: React.ReactNode) => child is React.ReactElement<P, string | React.JSXElementConstructor<any>>;
 /**
  * Checks if a component instance is a ReactUI component with the given name.
  *
@@ -67,16 +66,18 @@ export declare const isReactUIComponent: <P = any>(name: string) => (child: Reac
  * @param componentName ReactUI component name.
  * @returns `true` if it matches, otherwise `false`.
  */
-export declare const isReactUIInstance: <T extends React.Component>(instance: React.Component, componentName: string) => instance is T;
+export declare const isReactUIInstance: <T extends React.Component<{}, {}, any>>(instance: React.Component, componentName: string) => instance is T;
+/** @deprecated Переехал в `lib/mergeRefs.ts`. Со следующей мажорной версии от сюда будет удален*/
+export declare function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;
 /**
  * Extracts all data attributes from props and returns them as well as props.
  *
  * @param props Props object to extract data attributes from.
  * @returns Separated data attributes and all other props.
  */
-export declare const extractDataProps: <T extends Record<string, unknown>>(props: T) => {
-    dataProps: Record<string, unknown>;
-    restWithoutDataProps: Record<string, unknown>;
+export declare const extractDataProps: <T extends Record<string, any>>(props: T) => {
+    dataProps: Record<string, any>;
+    restWithoutDataProps: Record<string, any>;
 };
 /**
  * Basically `.startsWith` for arrays.
@@ -86,7 +87,7 @@ export declare const extractDataProps: <T extends Record<string, unknown>>(props
  * @returns `true` if `inputString` starts with one of keys, else `false`.
  */
 export declare const startsWithOneOf: (searchKeys: string[], inputString: string) => boolean;
-export declare const isButton: (child: React.ReactNode) => child is React.ReactElement<ButtonProps, string | React.JSXElementConstructor<any>>;
+export declare const isButton: (child: React.ReactNode) => child is React.ReactElement<ButtonProps<"button">, string | React.JSXElementConstructor<any>>;
 export declare const isInput: (child: React.ReactNode) => child is React.ReactElement<InputProps, string | React.JSXElementConstructor<any>>;
 export declare const isFxInput: (child: React.ReactNode) => child is React.ReactElement<FxInputProps, string | React.JSXElementConstructor<any>>;
 export declare const isAutocomplete: (child: React.ReactNode) => child is React.ReactElement<AutocompleteProps, string | React.JSXElementConstructor<any>>;
@@ -100,3 +101,7 @@ export declare const isTooltip: (child: React.ReactNode) => child is React.React
 export declare const isKonturIcon: (icon: React.ReactElement) => boolean;
 export declare function clickOutside(eventType?: 'touchstart' | 'mousedown' | 'pointerup'): void;
 export declare function isElement(el: unknown): el is Element;
+export declare function isDocument(node?: Document | null): node is Document;
+export declare function isWindow(node?: Window | null): node is Window;
+export declare function tryGetDocument(node?: Node | null): Document | null;
+export declare function tryGetWindow(node?: Node | null): Window | null;

package/lib/withClassWrapper/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/lib/withClassWrapper.js",
+  "module": "withClassWrapper",
+  "types": "../withClassWrapper.d.ts",
+  "sideEffects": false
+}

package/lib/withClassWrapper/withClassWrapper.js

@@ -0,0 +1,54 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import { getDisplayName } from "../getDisplayName";
+var removePostfix = function removePostfix(word, postfixRegex) {
+  var regexContent = postfixRegex.source.replace(/\$$/, '');
+  var isCorrectPostfix = postfixRegex.test(word);
+  if (!isCorrectPostfix) {
+    throw new Error("Component's displayName property must end with '" + regexContent + "' in order to be wrapped in withClassWrapper HOC");
+  }
+  return word.replace(postfixRegex, '');
+};
+
+/**
+ * HOC for moving from Class to Functional components.
+ *
+ * Used to remove distinctions between Class and Functional refs.
+ *
+ * @param RFC Functional component wrapped in forwardRefAndName.
+ * @returns Class component that wraps Functional component.
+ */
+export function withClassWrapper(RFC) {
+  var _ClassWrapper;
+  var fullName = getDisplayName(RFC);
+  var nameWithoutPostfix = removePostfix(fullName, /FC$/);
+  return _ClassWrapper = /*#__PURE__*/function (_React$Component) {
+    function ClassWrapper() {
+      var _this;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+      _this.instancePropertiesRef = /*#__PURE__*/React.createRef();
+      return _this;
+    }
+    _inheritsLoose(ClassWrapper, _React$Component);
+    var _proto = ClassWrapper.prototype;
+    _proto.componentDidMount = function componentDidMount() {
+      if (this.instancePropertiesRef.current) {
+        Object.defineProperties(this, Object.getOwnPropertyDescriptors(this.instancePropertiesRef.current));
+      }
+    };
+    _proto.render = function render() {
+      return /*#__PURE__*/(
+        // @ts-expect-error: TypeScript is not able to understand that both types (class one and functional one) have ref.
+        React.createElement(ClassWrapper.FC, _extends({
+          // Returns methods defined in useImperativeHandle.
+          instanceRef: this.instancePropertiesRef
+        }, this.props))
+      );
+    };
+    return ClassWrapper;
+  }(React.Component), _ClassWrapper.__KONTUR_REACT_UI__ = nameWithoutPostfix, _ClassWrapper.displayName = nameWithoutPostfix, _ClassWrapper.FC = RFC, _ClassWrapper;
+}

package/lib/withClassWrapper/withClassWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","getDisplayName","removePostfix","word","postfixRegex","regexContent","source","replace","isCorrectPostfix","test","Error","withClassWrapper","RFC","_ClassWrapper","fullName","nameWithoutPostfix","_React$Component","ClassWrapper","_this","_len","arguments","length","args","Array","_key","call","apply","concat","instancePropertiesRef","createRef","_inheritsLoose","_proto","prototype","componentDidMount","current","Object","defineProperties","getOwnPropertyDescriptors","render","createElement","FC","_extends","instanceRef","props","Component","__KONTUR_REACT_UI__","displayName"],"sources":["withClassWrapper.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { ReactUIComponentWithRef } from './forwardRefAndName';\nimport { getDisplayName } from './getDisplayName';\n\nconst removePostfix = (word: string, postfixRegex: RegExp) => {\n  const regexContent = postfixRegex.source.replace(/\\$$/, '');\n\n  const isCorrectPostfix = postfixRegex.test(word);\n  if (!isCorrectPostfix) {\n    throw new Error(\n      `Component's displayName property must end with '${regexContent}' in order to be wrapped in withClassWrapper HOC`,\n    );\n  }\n\n  return word.replace(postfixRegex, '');\n};\n\n/**\n * HOC for moving from Class to Functional components.\n *\n * Used to remove distinctions between Class and Functional refs.\n *\n * @param RFC Functional component wrapped in forwardRefAndName.\n * @returns Class component that wraps Functional component.\n */\nexport function withClassWrapper<T, P>(RFC: ReactUIComponentWithRef<T, P>) {\n  const fullName = getDisplayName(RFC);\n  const nameWithoutPostfix = removePostfix(fullName, /FC$/);\n\n  return class ClassWrapper extends React.Component<P> {\n    public instancePropertiesRef = React.createRef<T>();\n\n    componentDidMount() {\n      if (this.instancePropertiesRef.current) {\n        Object.defineProperties(this, Object.getOwnPropertyDescriptors(this.instancePropertiesRef.current));\n      }\n    }\n\n    public static __KONTUR_REACT_UI__ = nameWithoutPostfix;\n    public static displayName = nameWithoutPostfix;\n\n    public static FC = RFC;\n\n    render() {\n      return (\n        // @ts-expect-error: TypeScript is not able to understand that both types (class one and functional one) have ref.\n        <ClassWrapper.FC\n          // Returns methods defined in useImperativeHandle.\n          instanceRef={this.instancePropertiesRef}\n          {...this.props}\n        />\n      );\n    }\n  };\n}\n\nexport interface InstanceRefType<T> {\n  instanceRef: React.MutableRefObject<T>;\n}\n"],"mappings":"gIAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,cAAc,QAAQ,kBAAkB;;AAEjD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAAY,EAAEC,YAAoB,EAAK;EAC5D,IAAMC,YAAY,GAAGD,YAAY,CAACE,MAAM,CAACC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;;EAE3D,IAAMC,gBAAgB,GAAGJ,YAAY,CAACK,IAAI,CAACN,IAAI,CAAC;EAChD,IAAI,CAACK,gBAAgB,EAAE;IACrB,MAAM,IAAIE,KAAK;IACsCL,YAAY;IACjE,CAAC;EACH;;EAEA,OAAOF,IAAI,CAACI,OAAO,CAACH,YAAY,EAAE,EAAE,CAAC;AACvC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASO,gBAAgBA,CAAOC,GAAkC,EAAE,KAAAC,aAAA;EACzE,IAAMC,QAAQ,GAAGb,cAAc,CAACW,GAAG,CAAC;EACpC,IAAMG,kBAAkB,GAAGb,aAAa,CAACY,QAAQ,EAAE,KAAK,CAAC;;EAEzD,OAAAD,aAAA,0BAAAG,gBAAA,YAAAC,aAAA,OAAAC,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAF,gBAAA,CAAAS,IAAA,CAAAC,KAAA,CAAAV,gBAAA,SAAAW,MAAA,CAAAL,IAAA,WAAAJ,KAAA;MACSU,qBAAqB,gBAAG5B,KAAK,CAAC6B,SAAS,CAAI,CAAC,QAAAX,KAAA,EAAAY,cAAA,CAAAb,YAAA,EAAAD,gBAAA,MAAAe,MAAA,GAAAd,YAAA,CAAAe,SAAA,CAAAD,MAAA;;IAEnDE,iBAAiB,GAAjB,SAAAA,kBAAA,EAAoB;MAClB,IAAI,IAAI,CAACL,qBAAqB,CAACM,OAAO,EAAE;QACtCC,MAAM,CAACC,gBAAgB,CAAC,IAAI,EAAED,MAAM,CAACE,yBAAyB,CAAC,IAAI,CAACT,qBAAqB,CAACM,OAAO,CAAC,CAAC;MACrG;IACF,CAAC,CAAAH,MAAA;;;;;;;IAODO,MAAM,GAAN,SAAAA,OAAA,EAAS;MACP;QACE;QACAtC,KAAA,CAAAuC,aAAA,CAACtB,YAAY,CAACuB,EAAE,EAAAC,QAAA;UACd;UACAC,WAAW,EAAE,IAAI,CAACd,qBAAsB;QACpC,IAAI,CAACe,KAAK;QACf,CAAC;;IAEN,CAAC,QAAA1B,YAAA,GAvB+BjB,KAAK,CAAC4C,SAAS,GAAA/B,aAAA,CASjCgC,mBAAmB,GAAG9B,kBAAkB,EAAAF,aAAA,CACxCiC,WAAW,GAAG/B,kBAAkB,EAAAF,aAAA,CAEhC2B,EAAE,GAAG5B,GAAG,EAAAC,aAAA;;AAa1B","ignoreList":[]}

package/lib/withClassWrapper.d.ts

@@ -0,0 +1,67 @@
+import React from 'react';
+import type { ReactUIComponentWithRef } from './forwardRefAndName';
+/**
+ * HOC for moving from Class to Functional components.
+ *
+ * Used to remove distinctions between Class and Functional refs.
+ *
+ * @param RFC Functional component wrapped in forwardRefAndName.
+ * @returns Class component that wraps Functional component.
+ */
+export declare function withClassWrapper<T, P>(RFC: ReactUIComponentWithRef<T, P>): {
+    new (props: P): {
+        instancePropertiesRef: React.RefObject<T>;
+        componentDidMount(): void;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<P>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: P, context: any): {
+        instancePropertiesRef: React.RefObject<T>;
+        componentDidMount(): void;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<P>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    __KONTUR_REACT_UI__: string;
+    displayName: string;
+    FC: ReactUIComponentWithRef<T, P>;
+    contextType?: React.Context<any> | undefined;
+};
+export interface InstanceRefType<T> {
+    instanceRef: React.MutableRefObject<T>;
+}

package/package.json

@@ -1,26 +1,25 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "5.6.5-cab54.0",
+  "version": "5.6.5",
   "description": "UI Components",
+  "main": "cjs/index.js",
+  "module": "index.js",
   "sideEffects": false,
   "homepage": "https://tech.skbkontur.ru/kontur-ui",
   "repository": {
     "type": "git",
-    "url": "git+ssh://git@github.com/skbkontur/retail-ui.git"
+    "url": "git@github.com:skbkontur/retail-ui.git"
   },
   "bugs": {
     "url": "https://github.com/skbkontur/retail-ui/issues"
   },
-  "type": "module",
   "scripts": {
+    "prebuild": "run-s clean \"build:types\"",
+    "build:types": "tsc -p ./prod.tsconfig.json --emitDeclarationOnly --diagnostics --outDir build",
+    "build:cjs": "cross-env BABEL_ENV=cjs node scripts/build",
+    "build:esm": "node scripts/build",
+    "build": "run-p build:esm build:cjs && node scripts/build/postbuild",
     "clean": "git clean -fdxqe node_modules",
-    "prebuild": "yarn rimraf build",
-    "build": "run-s build:* build:lint:*",
-    "build:tsc": "tsc --outDir build -p prod.tsconfig.json",
-    "build:copy-files": "copyfiles package.json README.md CHANGELOG.md LICENSE typings/* build",
-    "build:lint:publint": "publint --pack npm ./build",
-    "build:lint:attw": "attw --ignore-rules cjs-resolves-to-esm --quiet --pack ./build",
-    "build:exports": "node ./scripts/exports.ts",
     "prerelease": "yarn build",
     "release": "npm publish ./build --workspaces=false",
     "release:unstable": "yarn release --tag=unstable",
@@ -49,25 +48,23 @@
   "dependencies": {
     "@babel/runtime": "^7.24.6",
     "@emotion/css": "^11.11.2",
-    "@skbkontur/colors": "^2.1.1",
+    "@skbkontur/colors": "^2.1.0",
+    "@skbkontur/global-object": "^0.4.4",
     "@skbkontur/react-imask": "^7.6.5",
     "eventemitter3": "^5.0.1",
-    "find-dom-node-polyfill": "^1.0.3",
     "invariant": "^2.2.4",
-    "focus-lock": "^1.3.5",
     "lodash.debounce": "^4.0.8",
     "lodash.isequal": "^4.5.0",
     "lodash.throttle": "^4.1.1",
     "normalize-wheel": "^1.0.1",
-    "react-clientside-effect": "^1.2.6",
     "react-docgen": "7.0.0",
-    "react-is": ">=17.0.2",
+    "react-focus-lock": "2.11.3",
+    "react-input-mask": "2.0.4",
+    "react-is": "^18.3.1",
     "react-transition-group": "^4.4.5",
     "shallowequal": "^1.1.0",
     "stylis-plugin-extra-scope": "^0.3.0",
     "tabbable": "^6.2.0",
-    "use-callback-ref": "^1.3.2",
-    "use-sidecar": "^1.1.2",
     "warning": "^4.0.3"
   },
   "devDependencies": {
@@ -79,7 +76,6 @@
     "@babel/preset-react": "^7.24.6",
     "@babel/preset-typescript": "^7.24.6",
     "@babel/register": "^7.24.6",
-    "@hukopo/eslint-plugin-nodenext-extensions": "^1.0.0",
     "@playwright/test": "1.57.0",
     "@skbkontur/icons": "1.10.0",
     "@skbkontur/storybook-addon-live-examples": "1.0.0-beta.1",
@@ -98,9 +94,10 @@
     "@types/lodash.debounce": "^4.0.6",
     "@types/lodash.isequal": "^4.5.5",
     "@types/lodash.throttle": "^4.1.6",
-    "@types/react": "19.2.7",
-    "@types/react-dom": "19.2.3",
-    "@types/react-is": "^19.2.0",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "@types/react-input-mask": "3.0.5",
+    "@types/react-is": "^18.3.0",
     "@types/react-transition-group": "^4.4.4",
     "@types/shallowequal": "^1.1.1",
     "@types/warning": "^3.0.0",
@@ -128,10 +125,10 @@
     "jsdom": "^26.1.0",
     "npm-run-all": "^4.1.5",
     "output-file-sync": "^2.0.1",
-    "react": "19.2.1",
-    "react-dom": "19.2.1",
     "playwright-core": "1.57.0",
+    "react": "18.3.1",
     "react-docgen-typescript": "^2.2.2",
+    "react-dom": "^18.3.1",
     "rimraf": "^5.0.7",
     "selenium-webdriver": "^4.27.0",
     "semver": "^7.6.2",
@@ -142,228 +139,14 @@
     "style-loader": "^4.0.0",
     "stylelint": "^16.6.0",
     "stylelint-config-standard": "^36.0.0",
-    "typescript": "5.9.3",
+    "typescript": "4.9.4",
     "upath": "^2.0.1",
     "url-loader": "^4.1.1",
-    "vitest": "^3.2.4",
     "wait-on": "^7.2.0",
     "webpack": "^5.91.0"
   },
   "peerDependencies": {
-    "react": ">=16.9 <=19",
-    "react-dom": ">=16.9 <=19"
-  },
-  "exports": {
-    ".": "./index.js",
-    "./package.json": "./package.json",
-    "./components/*": "./components/*.js",
-    "./lib/*": "./lib/*.js",
-    "./hooks/*": "./hooks/*.js",
-    "./internal/*": "./internal/*.js",
-    "./components/Autocomplete": "./components/Autocomplete/index.js",
-    "./components/Autocomplete/Autocomplete": "./components/Autocomplete/Autocomplete.js",
-    "./components/Autocomplete/locale": "./components/Autocomplete/locale/index.js",
-    "./components/Autocomplete/locale/types": "./components/Autocomplete/locale/types.js",
-    "./components/Button": "./components/Button/index.js",
-    "./components/Button/Button": "./components/Button/Button.js",
-    "./components/Calendar": "./components/Calendar/index.js",
-    "./components/Calendar/Calendar": "./components/Calendar/Calendar.js",
-    "./components/Calendar/CalendarDateShape": "./components/Calendar/CalendarDateShape.js",
-    "./components/Calendar/CalendarDay": "./components/Calendar/CalendarDay.js",
-    "./components/Center": "./components/Center/index.js",
-    "./components/Center/Center": "./components/Center/Center.js",
-    "./components/Checkbox": "./components/Checkbox/index.js",
-    "./components/Checkbox/Checkbox": "./components/Checkbox/Checkbox.js",
-    "./components/ComboBox": "./components/ComboBox/index.js",
-    "./components/ComboBox/ComboBox": "./components/ComboBox/ComboBox.js",
-    "./components/CurrencyInput": "./components/CurrencyInput/index.js",
-    "./components/CurrencyInput/CurrencyInput": "./components/CurrencyInput/CurrencyInput.js",
-    "./components/CurrencyLabel": "./components/CurrencyLabel/index.js",
-    "./components/CurrencyLabel/CurrencyLabel": "./components/CurrencyLabel/CurrencyLabel.js",
-    "./components/DateInput": "./components/DateInput/index.js",
-    "./components/DateInput/DateInput": "./components/DateInput/DateInput.js",
-    "./components/DatePicker": "./components/DatePicker/index.js",
-    "./components/DatePicker/DatePicker": "./components/DatePicker/DatePicker.js",
-    "./components/DatePicker/locale": "./components/DatePicker/locale/index.js",
-    "./components/DatePicker/locale/types": "./components/DatePicker/locale/types.js",
-    "./components/DateRangePicker": "./components/DateRangePicker/index.js",
-    "./components/DateRangePicker/DateRangePicker": "./components/DateRangePicker/DateRangePicker.js",
-    "./components/DateRangePicker/locale": "./components/DateRangePicker/locale/index.js",
-    "./components/DateRangePicker/locale/types": "./components/DateRangePicker/locale/types.js",
-    "./components/Dropdown": "./components/Dropdown/index.js",
-    "./components/Dropdown/Dropdown": "./components/Dropdown/Dropdown.js",
-    "./components/DropdownMenu": "./components/DropdownMenu/index.js",
-    "./components/DropdownMenu/DropdownMenu": "./components/DropdownMenu/DropdownMenu.js",
-    "./components/FileUploader": "./components/FileUploader/index.js",
-    "./components/FileUploader/FileUploader": "./components/FileUploader/FileUploader.js",
-    "./components/FileUploader/FileUploaderFile": "./components/FileUploader/FileUploaderFile.js",
-    "./components/FileUploader/locale": "./components/FileUploader/locale/index.js",
-    "./components/FileUploader/locale/types": "./components/FileUploader/locale/types.js",
-    "./components/FxInput": "./components/FxInput/index.js",
-    "./components/FxInput/FxInput": "./components/FxInput/FxInput.js",
-    "./components/Gapped": "./components/Gapped/index.js",
-    "./components/Gapped/Gapped": "./components/Gapped/Gapped.js",
-    "./components/GlobalLoader": "./components/GlobalLoader/index.js",
-    "./components/GlobalLoader/GlobalLoader": "./components/GlobalLoader/GlobalLoader.js",
-    "./components/Group": "./components/Group/index.js",
-    "./components/Group/Group": "./components/Group/Group.js",
-    "./components/Hint": "./components/Hint/index.js",
-    "./components/Hint/Hint": "./components/Hint/Hint.js",
-    "./components/Input": "./components/Input/index.js",
-    "./components/Input/Input": "./components/Input/Input.js",
-    "./components/Input/Input.typings": "./components/Input/Input.typings.js",
-    "./components/Kebab": "./components/Kebab/index.js",
-    "./components/Kebab/Kebab": "./components/Kebab/Kebab.js",
-    "./components/Link": "./components/Link/index.js",
-    "./components/Link/Link": "./components/Link/Link.js",
-    "./components/Loader": "./components/Loader/index.js",
-    "./components/Loader/Loader": "./components/Loader/Loader.js",
-    "./components/MaskedInput/ColorableInputElement": "./components/MaskedInput/ColorableInputElement/index.js",
-    "./components/MaskedInput/ColorableInputElement/ColorableInputElement": "./components/MaskedInput/ColorableInputElement/ColorableInputElement.js",
-    "./components/MaskedInput": "./components/MaskedInput/index.js",
-    "./components/MaskedInput/MaskedInput": "./components/MaskedInput/MaskedInput.js",
-    "./components/MenuFooter": "./components/MenuFooter/index.js",
-    "./components/MenuFooter/MenuFooter": "./components/MenuFooter/MenuFooter.js",
-    "./components/MenuHeader": "./components/MenuHeader/index.js",
-    "./components/MenuHeader/MenuHeader": "./components/MenuHeader/MenuHeader.js",
-    "./components/MenuItem": "./components/MenuItem/index.js",
-    "./components/MenuItem/MenuItem": "./components/MenuItem/MenuItem.js",
-    "./components/MenuSeparator": "./components/MenuSeparator/index.js",
-    "./components/MenuSeparator/MenuSeparator": "./components/MenuSeparator/MenuSeparator.js",
-    "./components/MiniModal": "./components/MiniModal/index.js",
-    "./components/MiniModal/MiniModal": "./components/MiniModal/MiniModal.js",
-    "./components/MiniModal/MiniModalHeader": "./components/MiniModal/MiniModalHeader.js",
-    "./components/MiniModal/MiniModalBody": "./components/MiniModal/MiniModalBody.js",
-    "./components/MiniModal/MiniModalFooter": "./components/MiniModal/MiniModalFooter.js",
-    "./components/MiniModal/MiniModalIndent": "./components/MiniModal/MiniModalIndent.js",
-    "./components/Modal": "./components/Modal/index.js",
-    "./components/Modal/Modal": "./components/Modal/Modal.js",
-    "./components/Modal/ModalHeader": "./components/Modal/ModalHeader.js",
-    "./components/Modal/ModalBody": "./components/Modal/ModalBody.js",
-    "./components/Modal/ModalFooter": "./components/Modal/ModalFooter.js",
-    "./components/Modal/locale": "./components/Modal/locale/index.js",
-    "./components/Modal/locale/types": "./components/Modal/locale/types.js",
-    "./components/Paging": "./components/Paging/index.js",
-    "./components/Paging/Paging": "./components/Paging/Paging.js",
-    "./components/Paging/locale": "./components/Paging/locale/index.js",
-    "./components/Paging/locale/types": "./components/Paging/locale/types.js",
-    "./components/PasswordInput": "./components/PasswordInput/index.js",
-    "./components/PasswordInput/PasswordInput": "./components/PasswordInput/PasswordInput.js",
-    "./components/PasswordInput/locale": "./components/PasswordInput/locale/index.js",
-    "./components/PasswordInput/locale/types": "./components/PasswordInput/locale/types.js",
-    "./components/Radio": "./components/Radio/index.js",
-    "./components/Radio/Radio": "./components/Radio/Radio.js",
-    "./components/RadioGroup": "./components/RadioGroup/index.js",
-    "./components/RadioGroup/RadioGroup": "./components/RadioGroup/RadioGroup.js",
-    "./components/ResponsiveLayout": "./components/ResponsiveLayout/index.js",
-    "./components/ResponsiveLayout/ResponsiveLayout": "./components/ResponsiveLayout/ResponsiveLayout.js",
-    "./components/ResponsiveLayout/useResponsiveLayout": "./components/ResponsiveLayout/useResponsiveLayout.js",
-    "./components/ResponsiveLayout/types": "./components/ResponsiveLayout/types.js",
-    "./components/ScrollContainer": "./components/ScrollContainer/index.js",
-    "./components/ScrollContainer/ScrollContainer": "./components/ScrollContainer/ScrollContainer.js",
-    "./components/Select": "./components/Select/index.js",
-    "./components/Select/Select": "./components/Select/Select.js",
-    "./components/Select/locale": "./components/Select/locale/index.js",
-    "./components/Select/locale/types": "./components/Select/locale/types.js",
-    "./components/SidePage": "./components/SidePage/index.js",
-    "./components/SidePage/SidePage": "./components/SidePage/SidePage.js",
-    "./components/SidePage/SidePageHeader": "./components/SidePage/SidePageHeader.js",
-    "./components/SidePage/SidePageBody": "./components/SidePage/SidePageBody.js",
-    "./components/SidePage/SidePageFooter": "./components/SidePage/SidePageFooter.js",
-    "./components/SidePage/SidePageContainer": "./components/SidePage/SidePageContainer.js",
-    "./components/SidePage/locale": "./components/SidePage/locale/index.js",
-    "./components/SidePage/locale/types": "./components/SidePage/locale/types.js",
-    "./components/SingleToast": "./components/SingleToast/index.js",
-    "./components/SingleToast/SingleToast": "./components/SingleToast/SingleToast.js",
-    "./components/Spinner": "./components/Spinner/index.js",
-    "./components/Spinner/Spinner": "./components/Spinner/Spinner.js",
-    "./components/Sticky": "./components/Sticky/index.js",
-    "./components/Sticky/Sticky": "./components/Sticky/Sticky.js",
-    "./components/Switcher": "./components/Switcher/index.js",
-    "./components/Switcher/Switcher": "./components/Switcher/Switcher.js",
-    "./components/Tabs": "./components/Tabs/index.js",
-    "./components/Tabs/Tabs": "./components/Tabs/Tabs.js",
-    "./components/Tabs/Tab": "./components/Tabs/Tab.js",
-    "./components/Textarea": "./components/Textarea/index.js",
-    "./components/Textarea/Textarea": "./components/Textarea/Textarea.js",
-    "./components/Toast": "./components/Toast/index.js",
-    "./components/Toast/Toast": "./components/Toast/Toast.js",
-    "./components/Toast/locale": "./components/Toast/locale/index.js",
-    "./components/Toast/locale/types": "./components/Toast/locale/types.js",
-    "./components/Toggle": "./components/Toggle/index.js",
-    "./components/Toggle/Toggle": "./components/Toggle/Toggle.js",
-    "./components/Token": "./components/Token/index.js",
-    "./components/Token/Token": "./components/Token/Token.js",
-    "./components/Token/locale": "./components/Token/locale/index.js",
-    "./components/Token/locale/types": "./components/Token/locale/types.js",
-    "./components/TokenInput": "./components/TokenInput/index.js",
-    "./components/TokenInput/TokenInput": "./components/TokenInput/TokenInput.js",
-    "./components/TokenInput/locale": "./components/TokenInput/locale/index.js",
-    "./components/TokenInput/locale/types": "./components/TokenInput/locale/types.js",
-    "./components/Tooltip": "./components/Tooltip/index.js",
-    "./components/Tooltip/Tooltip": "./components/Tooltip/Tooltip.js",
-    "./components/TooltipMenu": "./components/TooltipMenu/index.js",
-    "./components/TooltipMenu/TooltipMenu": "./components/TooltipMenu/TooltipMenu.js",
-    "./internal/CommonWrapper": "./internal/CommonWrapper/index.js",
-    "./internal/CommonWrapper/CommonWrapper": "./internal/CommonWrapper/CommonWrapper.js",
-    "./internal/CustomComboBox": "./internal/CustomComboBox/index.js",
-    "./internal/CustomComboBox/CustomComboBox": "./internal/CustomComboBox/CustomComboBox.js",
-    "./internal/CustomComboBox/ComboBoxMenu": "./internal/CustomComboBox/ComboBoxMenu.js",
-    "./internal/CustomComboBox/locale": "./internal/CustomComboBox/locale/index.js",
-    "./internal/CustomComboBox/locale/types": "./internal/CustomComboBox/locale/types.js",
-    "./internal/DateSelect": "./internal/DateSelect/index.js",
-    "./internal/DateSelect/DateSelect": "./internal/DateSelect/DateSelect.js",
-    "./internal/DateSelect/locale": "./internal/DateSelect/locale/index.js",
-    "./internal/DateSelect/locale/types": "./internal/DateSelect/locale/types.js",
-    "./internal/FocusControlWrapper": "./internal/FocusControlWrapper/index.js",
-    "./internal/FocusControlWrapper/FocusControlWrapper": "./internal/FocusControlWrapper/FocusControlWrapper.js",
-    "./internal/FocusTrap": "./internal/FocusTrap/index.js",
-    "./internal/FocusTrap/FocusTrap": "./internal/FocusTrap/FocusTrap.js",
-    "./internal/HideBodyVerticalScroll": "./internal/HideBodyVerticalScroll/index.js",
-    "./internal/HideBodyVerticalScroll/HideBodyVerticalScroll": "./internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js",
-    "./internal/InputLikeText": "./internal/InputLikeText/index.js",
-    "./internal/InputLikeText/InputLikeText": "./internal/InputLikeText/InputLikeText.js",
-    "./internal/MaskCharLowLine": "./internal/MaskCharLowLine/index.js",
-    "./internal/MaskCharLowLine/MaskCharLowLine": "./internal/MaskCharLowLine/MaskCharLowLine.js",
-    "./internal/Menu": "./internal/Menu/index.js",
-    "./internal/Menu/Menu": "./internal/Menu/Menu.js",
-    "./internal/MenuMessage": "./internal/MenuMessage/index.js",
-    "./internal/MenuMessage/MenuMessage": "./internal/MenuMessage/MenuMessage.js",
-    "./internal/MobilePopup/MobilePopupFooter": "./internal/MobilePopup/MobilePopupFooter/index.js",
-    "./internal/MobilePopup/MobilePopupFooter/MobilePopupFooter": "./internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js",
-    "./internal/MobilePopup/MobilePopupHeader": "./internal/MobilePopup/MobilePopupHeader/index.js",
-    "./internal/MobilePopup/MobilePopupHeader/MobilePopupHeader": "./internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js",
-    "./internal/MobilePopup": "./internal/MobilePopup/index.js",
-    "./internal/MobilePopup/MobilePopup": "./internal/MobilePopup/MobilePopup.js",
-    "./internal/NativeDateInput": "./internal/NativeDateInput/index.js",
-    "./internal/NativeDateInput/NativeDateInput": "./internal/NativeDateInput/NativeDateInput.js",
-    "./internal/Popup": "./internal/Popup/index.js",
-    "./internal/Popup/Popup": "./internal/Popup/Popup.js",
-    "./internal/PopupMenu": "./internal/PopupMenu/index.js",
-    "./internal/PopupMenu/PopupMenu": "./internal/PopupMenu/PopupMenu.js",
-    "./internal/RenderContainer": "./internal/RenderContainer/index.js",
-    "./internal/RenderContainer/RenderContainer": "./internal/RenderContainer/RenderContainer.js",
-    "./internal/RenderLayer": "./internal/RenderLayer/index.js",
-    "./internal/RenderLayer/RenderLayer": "./internal/RenderLayer/RenderLayer.js",
-    "./internal/ResizeDetector": "./internal/ResizeDetector/index.js",
-    "./internal/ResizeDetector/ResizeDetector": "./internal/ResizeDetector/ResizeDetector.js",
-    "./internal/ZIndex": "./internal/ZIndex/index.js",
-    "./internal/ZIndex/ZIndex": "./internal/ZIndex/ZIndex.js",
-    "./internal/react-focus-lock": "./internal/react-focus-lock/index.js",
-    "./lib/animation": "./lib/animation/index.js",
-    "./lib/featureFlagsContext": "./lib/featureFlagsContext/index.js",
-    "./lib/featureFlagsContext/ReactUIFeatureFlagsContext": "./lib/featureFlagsContext/ReactUIFeatureFlagsContext.js",
-    "./lib/featureFlagsContext/FeatureFlagsHelpers": "./lib/featureFlagsContext/FeatureFlagsHelpers.js",
-    "./lib/locale": "./lib/locale/index.js",
-    "./lib/locale/LocaleContext": "./lib/locale/LocaleContext.js",
-    "./lib/locale/types": "./lib/locale/types.js",
-    "./lib/renderEnvironment": "./lib/renderEnvironment/index.js",
-    "./lib/renderEnvironment/RenderEnvironmentContext": "./lib/renderEnvironment/RenderEnvironmentContext.js",
-    "./lib/renderEnvironment/RenderEnvironmentDecorator": "./lib/renderEnvironment/RenderEnvironmentDecorator.js",
-    "./lib/rootNode": "./lib/rootNode/index.js",
-    "./lib/rootNode/getRootNode": "./lib/rootNode/getRootNode.js",
-    "./lib/rootNode/rootNodeDecorator": "./lib/rootNode/rootNodeDecorator.js",
-    "./lib/size": "./lib/size/index.js",
-    "./lib/size/SizeControlContext": "./lib/size/SizeControlContext.js"
+    "react": ">=16.9 <19",
+    "react-dom": ">=16.9 <19"
   }
 }

package/test-setup.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

package/typings/global.d.ts

@@ -7,10 +7,3 @@ declare var __RetailUiZIndexes: number[];
 // XDomainRequest is IE-specific API, therefore it was removed from `lib.d.ts`
 // See: https://github.com/Microsoft/TypeScript/issues/2927
 declare var XDomainRequest: typeof XMLHttpRequest;
-
-declare module 'react-clientside-effect' {
-  export default function withSideEffect(
-    reducePropsToState: (instances: any[]) => any,
-    handleStateChangeOnClient: (state: any) => void,
-  ): (Component: React.ComponentType<any>) => React.ComponentType<any>;
-}

package/vitest.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;