@skbkontur/react-ui 0.0.0-2eafa74fd6 → 0.0.0-301cfd6872

package/lib/utils/utils.js

@@ -0,0 +1,201 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
+import { isValidElement } from 'react';
+import { isForwardRef } from 'react-is';
+import { globalObject, isBrowser } from '@skbkontur/global-object';
+export { delay } from "../delay";
+
+// NOTE: Copy-paste from @types/react
+
+export var emptyHandler = function emptyHandler() {
+
+  /* noop */};
+export var CancelationError = /*#__PURE__*/function (_Error) {
+  function CancelationError() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _Error.call.apply(_Error, [this].concat(args)) || this;
+    _this.code = 'CancelationError';
+    return _this;
+  }
+  _inheritsLoose(CancelationError, _Error);
+  return CancelationError;
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+export function taskWithDelay(task, ms) {
+  var cancelationToken = function cancelationToken() {
+    return null;
+  };
+  new Promise(function (resolve, reject) {
+    cancelationToken = reject;
+    globalObject.setTimeout(resolve, ms);
+  }).then(task)["catch"](function () {
+    return null;
+  });
+  return cancelationToken;
+}
+export function isFunction(x) {
+  return typeof x === 'function';
+}
+export function isFunctionalComponent(Component) {
+  return Boolean(typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent));
+}
+export function isClassComponent(Component) {
+  return Boolean(typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent);
+}
+export function isIntrinsicElement(element) {
+  return typeof element.type === 'string';
+}
+export function isRefableElement(element) {
+  return Boolean(isIntrinsicElement(element) || isClassComponent(element.type) || isForwardRef(element));
+}
+export function escapeRegExpSpecChars(s) {
+  return s.replace(/[\\^$*+?.()|[\]{}]/g, '\\$&');
+}
+export var getRandomID = function getRandomID() {
+  return Math.random().toString(16).slice(2);
+};
+export var isExternalLink = function isExternalLink(link) {
+  return isBrowser(globalObject) && new RegExp("^(https?:)?//(?!" + globalObject.location.host + ")\\S+", 'gi').test(link);
+};
+
+/**
+ * Check if the given ReactNode is an element of the specified ReactUI component
+ */
+export var isReactUINode = function isReactUINode(componentName, node) {
+  if ( /*#__PURE__*/isValidElement(node)) {
+    return Object.prototype.hasOwnProperty.call(node.type, '__KONTUR_REACT_UI__') &&
+    // @ts-expect-error: React doesn't know about existence of __KONTUR_REACT_UI__.
+    node.type.__KONTUR_REACT_UI__ === componentName;
+  }
+  return false;
+};
+var KB = 1024;
+var UNITS = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+var calculateDecimals = function calculateDecimals(decimals) {
+  if (decimals < 0) {
+    return 0;
+  }
+  return 0;
+};
+export var formatBytes = function formatBytes(bytes, decimals) {
+  if (decimals === void 0) {
+    decimals = 2;
+  }
+  if (bytes === 0) {
+    return '0 Bytes';
+  }
+  if (!bytes) {
+    return null;
+  }
+  var calculatedDecimals = calculateDecimals(decimals);
+  var i = Math.floor(Math.log2(bytes) / Math.log2(KB));
+  var formattedBytes = parseFloat((bytes / Math.pow(KB, i)).toFixed(calculatedDecimals));
+  return formattedBytes + " " + UNITS[i];
+};
+
+/**
+ * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента
+ *
+ * @param value Значение, которое нужно проверить и исключить из него типы
+ * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false
+ */
+export var isNonNullable = function isNonNullable(value) {
+  return value !== null && value !== undefined;
+};
+
+/**
+ * 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 var isNullable = function isNullable(value) {
+  return value === null || value === 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 var isReactUIComponent = function isReactUIComponent(name) {
+  return function (child) {
+    var _child$type;
+    // @ts-expect-error: Property `type` doesn't exist on type `React.ReactNode`, but exists on type `React.ReactElement` meanwhile `React.ReactElement` is not compatible with `React` `children` type.
+    return (child == null || (_child$type = child.type) == null ? void 0 : _child$type.__KONTUR_REACT_UI__) === name;
+  };
+};
+
+/** @deprecated Переехал в `lib/mergeRefs.ts`. Со следующей мажорной версии от сюда будет удален*/
+export function mergeRefs(refs) {
+  return function (value) {
+    refs.forEach(function (ref) {
+      if (typeof ref === 'function') {
+        return ref(value);
+      } else if (isNonNullable(ref)) {
+        return ref.current = value;
+      }
+    });
+  };
+}
+
+/**
+ * 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 var extractDataProps = function extractDataProps(props) {
+  var dataProps = {};
+  var restWithoutDataProps = {};
+  Object.entries(props).map(function (_ref) {
+    var name = _ref[0],
+      value = _ref[1];
+    if (name.startsWith('data-')) {
+      return dataProps[name] = value;
+    }
+    return restWithoutDataProps[name] = value;
+  });
+  return {
+    dataProps: dataProps,
+    restWithoutDataProps: restWithoutDataProps
+  };
+};
+
+/**
+ * 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 var startsWithOneOf = function startsWithOneOf(searchKeys, inputString) {
+  var keyIndex = searchKeys.findIndex(function (key) {
+    return inputString.startsWith(key);
+  });
+  return keyIndex >= 0;
+};
+export var isButton = isReactUIComponent('Button');
+export var isInput = isReactUIComponent('Input');
+export var isFxInput = isReactUIComponent('FxInput');
+export var isAutocomplete = isReactUIComponent('Autocomplete');
+export var isPasswordInput = isReactUIComponent('PasswordInput');
+export var isCurrencyInput = isReactUIComponent('CurrencyInput');
+export var isSelect = isReactUIComponent('Select');
+export var isDropdown = isReactUIComponent('Dropdown');
+export var isDropdownMenu = isReactUIComponent('DropdownMenu');
+export var isKonturIcon = function isKonturIcon(icon) {
+  return Object.prototype.hasOwnProperty.call(icon == null ? void 0 : icon.type, '__KONTUR_ICON__');
+};
+export function clickOutside() {
+  var event = document.createEvent('HTMLEvents');
+  event.initEvent('mousedown', true, true);
+  document.body.dispatchEvent(event);
+}
+export function isElement(el) {
+  return !!el && typeof el === 'object' && 'nodeType' in el && el.nodeType === Node.ELEMENT_NODE;
+}

package/lib/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isValidElement","isForwardRef","globalObject","isBrowser","delay","emptyHandler","CancelationError","_Error","_this","_len","arguments","length","args","Array","_key","call","apply","concat","code","_inheritsLoose","_wrapNativeSuper","Error","taskWithDelay","task","ms","cancelationToken","Promise","resolve","reject","setTimeout","then","isFunction","x","isFunctionalComponent","Component","Boolean","prototype","isReactComponent","isClassComponent","isIntrinsicElement","element","type","isRefableElement","escapeRegExpSpecChars","s","replace","getRandomID","Math","random","toString","slice","isExternalLink","link","RegExp","location","host","test","isReactUINode","componentName","node","Object","hasOwnProperty","__KONTUR_REACT_UI__","KB","UNITS","calculateDecimals","decimals","formatBytes","bytes","calculatedDecimals","i","floor","log2","formattedBytes","parseFloat","pow","toFixed","isNonNullable","value","undefined","isNullable","isReactUIComponent","name","child","_child$type","mergeRefs","refs","forEach","ref","current","extractDataProps","props","dataProps","restWithoutDataProps","entries","map","_ref","startsWith","startsWithOneOf","searchKeys","inputString","keyIndex","findIndex","key","isButton","isInput","isFxInput","isAutocomplete","isPasswordInput","isCurrencyInput","isSelect","isDropdown","isDropdownMenu","isKonturIcon","icon","clickOutside","event","document","createEvent","initEvent","body","dispatchEvent","isElement","el","nodeType","Node","ELEMENT_NODE"],"sources":["utils.ts"],"sourcesContent":["import type React from 'react';\nimport { isValidElement } from 'react';\nimport { isForwardRef } from 'react-is';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport type { CurrencyInputProps } from '../components/CurrencyInput';\nimport type { PasswordInputProps } from '../components/PasswordInput';\nimport type { InputProps } from '../components/Input';\nimport type { AutocompleteProps } from '../components/Autocomplete';\nimport type { FxInputProps } from '../components/FxInput';\nimport type { SelectProps } from '../components/Select';\nimport type { DropdownProps } from '../components/Dropdown';\nimport type { DropdownMenuProps } from '../components/DropdownMenu';\nimport type { ButtonProps } from '../components/Button';\n\nexport { delay } from './delay';\n\n// NOTE: Copy-paste from @types/react\nexport type Defaultize<P, D> = P extends any\n  ? string extends keyof P\n    ? P\n    : Pick<P, Exclude<keyof P, keyof D>> &\n        Partial<Pick<P, Extract<keyof P, keyof D>>> &\n        Partial<Pick<D, Exclude<keyof D, keyof P>>>\n  : never;\n\nexport type DefaultizeProps<C, P> = C extends { defaultProps: infer D } ? Defaultize<P, D> : P;\n\nexport type AnyObject = Record<string, unknown>;\n\nexport type NoInfer<T> = T extends infer U ? U : never;\n\nexport const emptyHandler = () => {\n  /* noop */\n};\n\nexport class CancelationError extends Error {\n  public code = 'CancelationError';\n}\n\nexport function taskWithDelay(task: () => void, ms: number) {\n  let cancelationToken: () => void = () => null;\n\n  new Promise((resolve, reject) => {\n    cancelationToken = reject;\n    globalObject.setTimeout(resolve, ms);\n  })\n    .then(task)\n    .catch(() => null);\n\n  return cancelationToken;\n}\n\nexport type FunctionWithParams<R = any> = (...args: any[]) => R;\n\nexport function isFunction<T>(x: T | FunctionWithParams): x is FunctionWithParams {\n  return typeof x === 'function';\n}\n\nexport function isFunctionalComponent(Component: unknown): Component is React.ComponentType {\n  return Boolean(typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent));\n}\n\nexport function isClassComponent(Component: unknown): Component is React.ComponentType {\n  return Boolean(typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent);\n}\n\nexport function isIntrinsicElement(element: React.ReactElement): boolean {\n  return typeof element.type === 'string';\n}\n\nexport function isRefableElement(element: React.ReactElement): boolean {\n  return Boolean(isIntrinsicElement(element) || isClassComponent(element.type) || isForwardRef(element));\n}\n\nexport function escapeRegExpSpecChars(s: string): string {\n  return s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n}\n\nexport const getRandomID = (): string => Math.random().toString(16).slice(2);\n\nexport const isExternalLink = (link: string): boolean => {\n  return isBrowser(globalObject) && new RegExp(`^(https?:)?//(?!${globalObject.location.host})\\\\S+`, 'gi').test(link);\n};\n\n/**\n * Check if the given ReactNode is an element of the specified ReactUI component\n */\nexport const isReactUINode = (componentName: string, node: React.ReactNode): boolean => {\n  if (isValidElement(node)) {\n    return (\n      Object.prototype.hasOwnProperty.call(node.type, '__KONTUR_REACT_UI__') &&\n      // @ts-expect-error: React doesn't know about existence of __KONTUR_REACT_UI__.\n      node.type.__KONTUR_REACT_UI__ === componentName\n    );\n  }\n\n  return false;\n};\n\nconst KB = 1024;\nconst UNITS = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\nconst calculateDecimals = (decimals: number) => {\n  if (decimals < 0) {\n    return 0;\n  }\n\n  return 0;\n};\n\nexport const formatBytes = (bytes: number, decimals = 2): string | null => {\n  if (bytes === 0) {\n    return '0 Bytes';\n  }\n\n  if (!bytes) {\n    return null;\n  }\n\n  const calculatedDecimals = calculateDecimals(decimals);\n\n  const i = Math.floor(Math.log2(bytes) / Math.log2(KB));\n  const formattedBytes = parseFloat((bytes / Math.pow(KB, i)).toFixed(calculatedDecimals));\n\n  return `${formattedBytes} ${UNITS[i]}`;\n};\n\n/**\n * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента\n *\n * @param value Значение, которое нужно проверить и исключить из него типы\n * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false\n */\nexport const isNonNullable = <T>(value: T): value is NonNullable<T> => {\n  return value !== null && value !== undefined;\n};\n\n/**\n * Checks if the value `null` or `undefined`.\n *\n * @param value Value to check for `null` and `undefined`.\n * @returns Returns `true` if `value` is `null` or `undefined`, else `false`.\n */\nexport const isNullable = (value: unknown): value is null | undefined => {\n  return value === null || value === undefined;\n};\n\n/**\n * Creates a function that checks if the given `child`\n * is an instance of some component specified by `name`.\n *\n * @param name Component name for which function will be created.\n * @returns A function that checks if the given `child` is an instance of the component specified by `name`.\n */\nexport const isReactUIComponent = <P = any>(name: string) => {\n  return (child: React.ReactNode): child is React.ReactElement<P> => {\n    // @ts-expect-error: Property `type` doesn't exist on type `React.ReactNode`, but exists on type `React.ReactElement` meanwhile `React.ReactElement` is not compatible with `React` `children` type.\n    return child?.type?.__KONTUR_REACT_UI__ === name;\n  };\n};\n\n/** @deprecated Переехал в `lib/mergeRefs.ts`. Со следующей мажорной версии от сюда будет удален*/\nexport function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T> {\n  return (value) => {\n    refs.forEach((ref) => {\n      if (typeof ref === 'function') {\n        return ref(value);\n      } else if (isNonNullable(ref)) {\n        return ((ref as React.MutableRefObject<T | null>).current = value);\n      }\n    });\n  };\n}\n\n/**\n * Extracts all data attributes from props and returns them as well as props.\n *\n * @param props Props object to extract data attributes from.\n * @returns Separated data attributes and all other props.\n */\nexport const extractDataProps = <T extends Record<string, any>>(props: T) => {\n  const dataProps: Record<string, any> = {};\n  const restWithoutDataProps: Record<string, any> = {};\n\n  Object.entries(props).map(([name, value]) => {\n    if (name.startsWith('data-')) {\n      return (dataProps[name] = value);\n    }\n\n    return (restWithoutDataProps[name] = value);\n  });\n\n  return { dataProps, restWithoutDataProps };\n};\n\n/**\n * Basically `.startsWith` for arrays.\n *\n * @param searchKeys Array of strings to test against `inputString`.\n * @param inputString String on which search will be performed.\n * @returns `true` if `inputString` starts with one of keys, else `false`.\n */\nexport const startsWithOneOf = (searchKeys: string[], inputString: string) => {\n  const keyIndex = searchKeys.findIndex((key) => {\n    return inputString.startsWith(key);\n  });\n\n  return keyIndex >= 0;\n};\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\nexport const isInput = isReactUIComponent<InputProps>('Input');\nexport const isFxInput = isReactUIComponent<FxInputProps>('FxInput');\nexport const isAutocomplete = isReactUIComponent<AutocompleteProps>('Autocomplete');\nexport const isPasswordInput = isReactUIComponent<PasswordInputProps>('PasswordInput');\nexport const isCurrencyInput = isReactUIComponent<CurrencyInputProps>('CurrencyInput');\nexport const isSelect = isReactUIComponent<SelectProps<unknown, unknown>>('Select');\nexport const isDropdown = isReactUIComponent<DropdownProps>('Dropdown');\nexport const isDropdownMenu = isReactUIComponent<DropdownMenuProps>('DropdownMenu');\n\nexport const isKonturIcon = (icon: React.ReactElement) => {\n  return Object.prototype.hasOwnProperty.call(icon?.type, '__KONTUR_ICON__');\n};\n\nexport function clickOutside() {\n  const event = document.createEvent('HTMLEvents');\n  event.initEvent('mousedown', true, true);\n\n  document.body.dispatchEvent(event);\n}\n\nexport function isElement(el: unknown): el is Element {\n  return !!el && typeof el === 'object' && 'nodeType' in el && el.nodeType === Node.ELEMENT_NODE;\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/utils.d.ts

@@ -0,0 +1,90 @@
+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';
+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, string | React.JSXElementConstructor<any>>;
+/** @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, 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<"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>>;
+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 isKonturIcon: (icon: React.ReactElement) => boolean;
+export declare function clickOutside(): void;
+export declare function isElement(el: unknown): el is Element;

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>;
+}