@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/lib/utils.d.ts

@@ -1,85 +1,105 @@
-import React from 'react';
-import { InputProps } from '../components/Input';
-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;
-} ? Defaultize<P, D> : P;
-export type AnyObject = Record<string, unknown>;
-export type NoInfer<T> = T extends infer U ? U : never;
-export declare const delay: (ms: number) => Promise<unknown>;
-export declare const emptyHandler: () => void;
-export declare class CancelationError extends Error {
-    code: string;
-}
-export declare function taskWithDelay(task: () => void, ms: number): () => void;
-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): 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) => boolean;
-/**
- * Check if the given ReactNode is an element of the specified ReactUI component
- */
-export declare const isReactUINode: (componentName: string, node: React.ReactNode) => boolean;
-export declare const formatBytes: (bytes: number, decimals?: number) => string | null;
-/**
- * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента
- *
- * @param value Значение, которое нужно проверить и исключить из него типы
- * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false
- */
-export declare const isNonNullable: <T>(value: T) => value is NonNullable<T>;
-/**
- * Checks if the value `null` or `undefined`.
- *
- * @param value Value to check for `null` and `undefined`.
- * @returns Returns `true` if `value` is `null` or `undefined`, else `false`.
- */
-export declare const isNullable: (value: unknown) => value is null | undefined;
-/**
- * Creates a function that checks if the given `child`
- * is an instance of some component specified by `name`.
- *
- * @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, string | React.JSXElementConstructor<any>>;
-/**
- * Merges two or more refs into one.
- *
- * @param refs Array of refs.
- * @returns A single ref composing all the refs passed.
- *
- * @example
- * const SomeComponent = forwardRef((props, ref) => {
- *  const localRef = useRef();
- *
- *  return <div ref={mergeRefs([localRef, ref])} />;
- * });
- */
-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, any>>(props: T) => {
-    dataProps: Record<string, any>;
-    restWithoutDataProps: Record<string, any>;
-};
-/**
- * Basically `.startsWith` for arrays.
- *
- * @param searchKeys Array of strings to test against `inputString`.
- * @param inputString String on which search will be performed.
- * @returns `true` if `inputString` starts with one of keys, else `false`.
- */
-export declare const startsWithOneOf: (searchKeys: string[], inputString: string) => boolean;
-export declare const isInputLike: (child: React.ReactNode) => child is React.ReactElement<InputProps, string | React.JSXElementConstructor<any>>;
-export declare const isKonturIcon: (icon: React.ReactElement) => boolean;
-export declare function clickOutside(): void;
+import type React from 'react';
+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;
+} ? Defaultize<P, D> : P;
+export type AnyObject = Record<string, unknown>;
+export type NoInfer<T> = T extends infer U ? U : never;
+export declare const emptyHandler: () => void;
+export declare class CancelationError extends Error {
+    code: string;
+}
+export declare function taskWithDelay(task: () => void, ms: number): () => void;
+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): 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) => boolean;
+/**
+ * Check if the given ReactNode is an element of the specified ReactUI component
+ */
+export declare const isReactUINode: (componentName: string, node: React.ReactNode) => boolean;
+export declare const formatBytes: (bytes: number, decimals?: number) => string | null;
+/**
+ * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента
+ *
+ * @param value Значение, которое нужно проверить и исключить из него типы
+ * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false
+ */
+export declare const isNonNullable: <T>(value: T) => value is NonNullable<T>;
+/**
+ * Checks if the value `null` or `undefined`.
+ *
+ * @param value Value to check for `null` and `undefined`.
+ * @returns Returns `true` if `value` is `null` or `undefined`, else `false`.
+ */
+export declare const isNullable: (value: unknown) => value is null | undefined;
+/**
+ * Creates a function that checks if the given `child`
+ * is an instance of some component specified by `name`.
+ *
+ * @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>;
+/**
+ * Checks if a component instance is a ReactUI component with the given name.
+ *
+ * @typeParam T Expected ReactUI component type.
+ * @param instance Component instance.
+ * @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;
+/**
+ * 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, any>>(props: T) => {
+    dataProps: Record<string, any>;
+    restWithoutDataProps: Record<string, any>;
+};
+/**
+ * Basically `.startsWith` for arrays.
+ *
+ * @param searchKeys Array of strings to test against `inputString`.
+ * @param inputString String on which search will be performed.
+ * @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 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>>;
+export declare const isPasswordInput: (child: React.ReactNode) => child is React.ReactElement<PasswordInputProps, string | React.JSXElementConstructor<any>>;
+export declare const isCurrencyInput: (child: React.ReactNode) => child is React.ReactElement<CurrencyInputProps, string | React.JSXElementConstructor<any>>;
+export declare const isSelect: (child: React.ReactNode) => child is React.ReactElement<SelectProps<unknown, unknown>, string | React.JSXElementConstructor<any>>;
+export declare const isDropdown: (child: React.ReactNode) => child is React.ReactElement<DropdownProps, string | React.JSXElementConstructor<any>>;
+export declare const isDropdownMenu: (child: React.ReactNode) => child is React.ReactElement<DropdownMenuProps, string | React.JSXElementConstructor<any>>;
+export declare const isHint: (child: React.ReactNode) => child is React.ReactElement<HintProps, string | React.JSXElementConstructor<any>>;
+export declare const isTooltip: (child: React.ReactNode) => child is React.ReactElement<TooltipProps, string | React.JSXElementConstructor<any>>;
+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/withClassWrapper.js

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
+import warning from 'warning';
 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");
+    warning(false, "Component's displayName property must end with '" + regexContent + "' in order to be wrapped in withClassWrapper HOC");
+    return word;
   }
   return word.replace(postfixRegex, '');
 };

package/lib/withClassWrapper/withClassWrapper.js.map

@@ -1 +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 { 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":[]}
+{"version":3,"names":["React","warning","getDisplayName","removePostfix","word","postfixRegex","regexContent","source","replace","isCorrectPostfix","test","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';\nimport warning from 'warning';\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    warning(\n      false,\n      `Component's displayName property must end with '${regexContent}' in order to be wrapped in withClassWrapper HOC`,\n    );\n    return word;\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;AACzB,OAAOC,OAAO,MAAM,SAAS;;;AAG7B,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;IACrBR,OAAO;MACL,KAAK;MAC8CK,YAAY;IACjE,CAAC;IACD,OAAOF,IAAI;EACb;;EAEA,OAAOA,IAAI,CAACI,OAAO,CAACH,YAAY,EAAE,EAAE,CAAC;AACvC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,gBAAgBA,CAAOC,GAAkC,EAAE,KAAAC,aAAA;EACzE,IAAMC,QAAQ,GAAGZ,cAAc,CAACU,GAAG,CAAC;EACpC,IAAMG,kBAAkB,GAAGZ,aAAa,CAACW,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

@@ -1,67 +1,67 @@
-import React from 'react';
-import { 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>;
-}
+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,11 +1,11 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "0.0.0-a8b895b5e7",
+  "version": "0.0.0-aa4659ca48",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
   "sideEffects": false,
-  "homepage": "https://tech.skbkontur.ru/react-ui/unstable/0.0.0-a8b895b5e7/",
+  "homepage": "https://tech.skbkontur.ru/kontur-ui/",
   "repository": {
     "type": "git",
     "url": "git@github.com:skbkontur/retail-ui.git"
@@ -14,7 +14,7 @@
     "url": "https://github.com/skbkontur/retail-ui/issues"
   },
   "scripts": {
-    "prebuild": "run-s clean build:types",
+    "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",
@@ -22,17 +22,13 @@
     "clean": "git clean -fdxqe node_modules",
     "prerelease": "node scripts/publish/prepublish && yarn build",
     "release": "npm publish ./build --workspaces=false",
-    "postrelease": "yarn deploy",
-    "predeploy": "rimraf .styleguide/deploy && yarn run styleguide:build",
-    "deploy": "gh-pages -a -d .styleguide/deploy -r git@github.com:skbkontur/react-ui.git",
-    "storybook": "node ../../scripts/patch-node-options.js \"storybook dev -p 6060\"",
-    "storybook:build": "node ../../scripts/patch-node-options.js \"cross-env STORYBOOK_REACT_UI_TEST=true storybook build -o .storybook/build --quiet\"",
-    "storybook:docs-build": "node ../../scripts/patch-node-options.js \"cross-env STORYBOOK_REACT_UI_DOCS=true storybook build --docs -o .storybook/build --quiet\"",
-    "storybook:test": "node ../../scripts/patch-node-options.js \"cross-env STORYBOOK_REACT_UI_TEST=true storybook dev --ci -p 6060\"",
-    "storybook:docs": "node ../../scripts/patch-node-options.js \"cross-env STORYBOOK_REACT_UI_DOCS=true storybook dev --docs -p 6061\"",
-    "storybook:serve": "serve -l 6060 .storybook/build",
-    "styleguide": "node ../../scripts/patch-node-options.js \"styleguidist server --config .styleguide/config/dev.config.js\"",
-    "styleguide:build": "node ../../scripts/patch-node-options.js \"node .styleguide/build\"",
+    "release:unstable": "yarn release --tag=unstable",
+    "storybook": "storybook dev -p 6060",
+    "storybook:build": "cross-env STORYBOOK_REACT_UI_TEST=true storybook build -o .storybook/build --quiet",
+    "storybook:docs-build": "cross-env STORYBOOK_REACT_UI_DOCS=true storybook build --docs -c .storybook-docs -o .storybook/build --quiet",
+    "storybook:test": "cross-env STORYBOOK_REACT_UI_TEST=true storybook dev --ci -p 6060",
+    "storybook:docs": "cross-env STORYBOOK_REACT_UI_DOCS=true storybook dev --docs -p 6061 -c .storybook-docs",
+    "storybook:serve": "yarn serve -l 6060 .storybook/build",
     "lint": "run-p -c lint:*",
     "lint:eslint": "cross-env TIMING=1 yarn eslint ./",
     "lint:tsc": "tsc --noEmit --diagnostics",
@@ -40,10 +36,11 @@
     "fix": "run-s -c fix:*",
     "fix:eslint": "yarn lint:eslint --fix",
     "fix:prettier": "yarn prettier --write .",
-    "test": "jest --detectOpenHandles",
-    "test:watch": "yarn test --watch",
-    "creevey": "node ../../scripts/creevey-prepare.js .creevey/config.js && cross-env BABEL_ENV=cjs creevey -c .creevey/config.js",
-    "creevey:update": "cross-env BABEL_ENV=cjs creevey -c .creevey/config.js --update",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "creevey": "cross-env BABEL_ENV=cjs creevey test -c .creevey/config.mts --storybook-port=6060",
+    "creevey:ci": "npx playwright install --with-deps chromium firefox && start-server-and-test storybook:serve http://localhost:6060 creevey",
+    "creevey:update": "cross-env BABEL_ENV=cjs creevey -c .creevey/config.mts --update",
     "creevey:ui": "yarn creevey --ui",
     "report:eslint": "yarn eslint -f eslint-html-reporter/reporter.js -o reports/eslint/index.html"
   },
@@ -52,16 +49,15 @@
     "@babel/runtime": "^7.24.6",
     "@emotion/css": "^11.11.2",
     "@skbkontur/global-object": "^0.4.4",
+    "@skbkontur/react-imask": "^7.6.5",
     "eventemitter3": "^5.0.1",
     "invariant": "^2.2.4",
     "lodash.debounce": "^4.0.8",
     "lodash.isequal": "^4.5.0",
     "lodash.throttle": "^4.1.1",
     "normalize-wheel": "^1.0.1",
-    "prop-types": "^15.8.1",
-    "react-focus-lock": "2.11.2",
-    "react-imask": "7.6.1",
-    "react-input-mask": "2.0.4",
+    "react-docgen": "7.0.0",
+    "react-focus-lock": "2.11.3",
     "react-is": "^18.3.1",
     "react-transition-group": "^4.4.5",
     "shallowequal": "^1.1.0",
@@ -78,92 +74,79 @@
     "@babel/preset-react": "^7.24.6",
     "@babel/preset-typescript": "^7.24.6",
     "@babel/register": "^7.24.6",
-    "@cfaester/enzyme-adapter-react-18": "^0.8.0",
+    "@playwright/test": "^1.54.2",
     "@skbkontur/icons": "1.10.0",
-    "@skbkontur/react-icons": "5.2.9",
-    "@skbkontur/react-props2attrs": "0.1.3",
-    "@skbkontur/react-sorge": "0.2.1",
-    "@skbkontur/storybook-addon-live-examples": "0.0.11",
+    "@skbkontur/storybook-addon-live-examples": "0.0.17",
     "@storybook/addon-a11y": "7.6.18",
     "@storybook/addon-controls": "7.6.18",
     "@storybook/addon-docs": "7.6.18",
     "@storybook/addon-essentials": "7.6.18",
-    "@storybook/addon-ie11": "0.0.6",
     "@storybook/addon-interactions": "^7.6.18",
     "@storybook/addon-links": "7.6.18",
     "@storybook/blocks": "^7.6.18",
     "@storybook/react": "7.6.18",
     "@storybook/react-webpack5": "7.6.18",
-    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "15.0.7",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "14.5.2",
-    "@types/enzyme": "^3.10.10",
     "@types/invariant": "^2.2.35",
-    "@types/jest": "29.5.12",
-    "@types/jest-axe": "^3.5.3",
     "@types/lodash.debounce": "^4.0.6",
     "@types/lodash.isequal": "^4.5.5",
     "@types/lodash.throttle": "^4.1.6",
-    "@types/prop-types": "15.7.12",
     "@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",
     "axios": "^1.7.2",
-    "babel-jest": "29.7.0",
     "babel-loader": "^9.1.3",
-    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "chalk": "4.1.0",
     "copyfiles": "^2.4.1",
     "core-js": "^3.37.1",
-    "creevey": "0.9.0-beta.12",
+    "creevey": "0.10.31",
     "cross-env": "^7.0.3",
     "css-loader": "^7.1.2",
     "dotenv": "^16.4.5",
     "dts-css-modules-loader": "^2.0.1",
-    "enzyme": "^3.11.0",
-    "eslint-plugin-jest": "28.5.0",
     "eslint-plugin-jest-dom": "^5.4.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-testing-library": "^6.2.2",
+    "eslint-plugin-vitest": "^0.5.4",
     "file-loader": "^6.2.0",
     "fork-ts-checker-webpack-plugin": "^9.0.2",
     "fs-extra": "^11.2.0",
     "fs-readdir-recursive": "^1.1.0",
     "gh-pages": "^6.1.1",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "29.7.0",
-    "jest-axe": "^8.0.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-teamcity-reporter": "^0.9.0",
+    "jsdom": "^26.1.0",
     "npm-run-all": "^4.1.5",
     "output-file-sync": "^2.0.1",
+    "playwright-core": "^1.54.2",
     "react": "18.3.1",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^18.3.1",
-    "react-styleguidist": "^12.0.1",
     "rimraf": "^5.0.7",
+    "selenium-webdriver": "^4.27.0",
     "semver": "^7.6.2",
     "serve": "^13.0.2",
-    "string-replace-loader": "3.1.0",
+    "start-server-and-test": "1.14.0",
     "storybook": "7.6.18",
+    "string-replace-loader": "3.1.0",
     "style-loader": "^4.0.0",
     "stylelint": "^16.6.0",
     "stylelint-config-standard": "^36.0.0",
-    "typescript": "4.9.4",
+    "typescript": "5.9.3",
     "upath": "^2.0.1",
     "url-loader": "^4.1.1",
     "wait-on": "^7.2.0",
     "webpack": "^5.91.0"
   },
   "peerDependencies": {
-    "react": ">=16.9",
-    "react-dom": ">=16.9"
+    "react": ">=16.9 <19",
+    "react-dom": ">=16.9 <19"
   },
   "publishConfig": {
     "tag": "unstable"

package/test-setup.d.ts

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

package/vitest.config.d.ts

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