@skbkontur/react-ui 0.0.0-e55f22da73 → 0.0.0-ea6161656e

package/lib/utils/utils.js

@@ -1,29 +1,17 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper"; // NOTE: Copy-paste from @types/react
-// NOTE Some checks are used from https://github.com/arasatasaygin/is.js
-
-var platform = (navigator && navigator.platform || '').toLowerCase();
-var userAgent = (navigator && navigator.userAgent || '').toLowerCase();
-var vendor = (navigator && navigator.vendor || '').toLowerCase();
-export var isMac = platform.includes("mac");
-export var isWindows = platform.includes("win");
-export var isSafari = /version\/(\d+).+?safari/.test(userAgent);
-export var isFirefox = /(?:firefox|fxios)\/(\d+)/.test(userAgent);
-export var isOpera = /(?:^opera.+?version|opr)\/(\d+)/.test(userAgent);
-export var isChrome = vendor.includes("google inc") && /(?:chrome|crios)\/(\d+)/.test(userAgent) && !isOpera;
-export var isEdge = userAgent.includes("edge/");
-export var isIE11 = userAgent.includes("trident/");
+import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
+import React from 'react';
+import { isForwardRef } from 'react-is';
+import { globalObject, isBrowser } from '@skbkontur/global-object';
 export var delay = function delay(ms) {
   return new Promise(function (resolve) {
-    return setTimeout(resolve, ms);
+    return globalObject.setTimeout(resolve, ms);
   });
 };
 export var emptyHandler = function emptyHandler() {
   /* noop */
 };
-export var CancelationError =
-/*#__PURE__*/
-function (_Error) {
+export var CancelationError = /*#__PURE__*/function (_Error) {
   _inheritsLoose(CancelationError, _Error);
 
   function CancelationError() {
@@ -39,7 +27,7 @@ function (_Error) {
   }
 
   return CancelationError;
-}(_wrapNativeSuper(Error));
+}( /*#__PURE__*/_wrapNativeSuper(Error));
 export function taskWithDelay(task, ms) {
   var cancelationToken = function cancelationToken() {
     return null;
@@ -47,7 +35,7 @@ export function taskWithDelay(task, ms) {
 
   new Promise(function (resolve, reject) {
     cancelationToken = reject;
-    setTimeout(resolve, ms);
+    globalObject.setTimeout(resolve, ms);
   }).then(task)["catch"](function () {
     return null;
   });
@@ -57,7 +45,16 @@ export function isFunction(x) {
   return typeof x === 'function';
 }
 export function isFunctionalComponent(Component) {
-  return typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent);
+  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, '\\$&');
@@ -65,18 +62,156 @@ export function escapeRegExpSpecChars(s) {
 export var getRandomID = function getRandomID() {
   return Math.random().toString(16).slice(2);
 };
-export var hasSvgAnimationSupport = function () {
-  if (document.createElementNS) {
-    var namespaceURI = 'http://www.w3.org/2000/svg';
-    var element = document.createElementNS(namespaceURI, 'animate');
+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
+ */
 
-    if (element) {
-      return element.toString().includes("SVGAnimate");
-    }
+export var isReactUINode = function isReactUINode(componentName, node) {
+  if ( /*#__PURE__*/React.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;
-}();
-export var isExternalLink = function isExternalLink(link) {
-  return new RegExp("^(https?:)?//(?!" + window.location.host + ")\\S+", 'gi').test(link);
-};
+};
+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 ? void 0 : (_child$type = child.type) == null ? void 0 : _child$type.__KONTUR_REACT_UI__) === name;
+  };
+};
+/**
+ * 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 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 isInputLike = isReactUIComponent('Input') || isReactUIComponent('FxInput') || isReactUIComponent('Autocomplete') || isReactUIComponent('PasswordInput') || isReactUIComponent('CurrencyInput');
+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);
+}

package/lib/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["utils.ts"],"names":["platform","navigator","toLowerCase","userAgent","vendor","isMac","includes","isWindows","isSafari","test","isFirefox","isOpera","isChrome","isEdge","isIE11","delay","ms","Promise","resolve","setTimeout","emptyHandler","CancelationError","code","Error","taskWithDelay","task","cancelationToken","reject","then","isFunction","x","isFunctionalComponent","Component","prototype","isReactComponent","escapeRegExpSpecChars","s","replace","getRandomID","Math","random","toString","slice","hasSvgAnimationSupport","document","createElementNS","namespaceURI","element","isExternalLink","link","RegExp","window","location","host"],"mappings":"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","sourcesContent":["import { ReactComponentLike } from 'prop-types';\r\n\r\n// NOTE: Copy-paste from @types/react\r\nexport type Defaultize<P, D> = P extends any\r\n  ? string extends keyof P\r\n    ? P\r\n    : Pick<P, Exclude<keyof P, keyof D>> &\r\n        Partial<Pick<P, Extract<keyof P, keyof D>>> &\r\n        Partial<Pick<D, Exclude<keyof D, keyof P>>>\r\n  : never;\r\n\r\nexport type DefaultizeProps<C, P> = C extends { defaultProps: infer D } ? Defaultize<P, D> : P;\r\n\r\n// NOTE Some checks are used from https://github.com/arasatasaygin/is.js\r\nconst platform = ((navigator && navigator.platform) || '').toLowerCase();\r\nconst userAgent = ((navigator && navigator.userAgent) || '').toLowerCase();\r\nconst vendor = ((navigator && navigator.vendor) || '').toLowerCase();\r\n\r\nexport const isMac = platform.includes(\"mac\");\r\nexport const isWindows = platform.includes(\"win\");\r\n\r\nexport const isSafari = /version\\/(\\d+).+?safari/.test(userAgent);\r\nexport const isFirefox = /(?:firefox|fxios)\\/(\\d+)/.test(userAgent);\r\nexport const isOpera = /(?:^opera.+?version|opr)\\/(\\d+)/.test(userAgent);\r\nexport const isChrome = vendor.includes(\"google inc\") && /(?:chrome|crios)\\/(\\d+)/.test(userAgent) && !isOpera;\r\nexport const isEdge = userAgent.includes(\"edge/\");\r\nexport const isIE11 = userAgent.includes(\"trident/\");\r\n\r\nexport const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));\r\n\r\nexport const emptyHandler = () => {\r\n  /* noop */\r\n};\r\n\r\nexport class CancelationError extends Error {\r\n  public code = 'CancelationError';\r\n}\r\n\r\nexport function taskWithDelay(task: () => void, ms: number) {\r\n  let cancelationToken: () => void = () => null;\r\n\r\n  new Promise((resolve, reject) => {\r\n    cancelationToken = reject;\r\n    setTimeout(resolve, ms);\r\n  })\r\n    .then(task)\r\n    .catch(() => null);\r\n\r\n  return cancelationToken;\r\n}\r\n\r\nexport function isFunction<T>(x: T | Function): x is Function {\r\n  return typeof x === 'function';\r\n}\r\n\r\nexport function isFunctionalComponent(Component: ReactComponentLike) {\r\n  return typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent);\r\n}\r\n\r\nexport function escapeRegExpSpecChars(s: string): string {\r\n  return s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\r\n}\r\n\r\nexport const getRandomID = (): string =>\r\n  Math.random()\r\n    .toString(16)\r\n    .slice(2);\r\n\r\nexport const hasSvgAnimationSupport = (() => {\r\n  if (document.createElementNS) {\r\n    const namespaceURI = 'http://www.w3.org/2000/svg';\r\n    const element = document.createElementNS(namespaceURI, 'animate');\r\n\r\n    if (element) {\r\n      return element.toString().includes(\"SVGAnimate\");\r\n    }\r\n  }\r\n\r\n  return false;\r\n})();\r\n\r\nexport const isExternalLink = (link: string): boolean => {\r\n  return (new RegExp(`^(https?:)?//(?!${window.location.host})\\\\S+`, 'gi')).test(link)\r\n}\r\n"]}
+{"version":3,"sources":["utils.ts"],"names":["React","isForwardRef","globalObject","isBrowser","delay","ms","Promise","resolve","setTimeout","emptyHandler","CancelationError","code","Error","taskWithDelay","task","cancelationToken","reject","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","isValidElement","Object","hasOwnProperty","call","__KONTUR_REACT_UI__","KB","UNITS","calculateDecimals","decimals","formatBytes","bytes","calculatedDecimals","i","floor","log2","formattedBytes","parseFloat","pow","toFixed","isNonNullable","value","undefined","isNullable","isReactUIComponent","name","child","mergeRefs","refs","forEach","ref","current","extractDataProps","props","dataProps","restWithoutDataProps","entries","map","startsWith","startsWithOneOf","searchKeys","inputString","keyIndex","findIndex","key","isInputLike","isKonturIcon","icon","clickOutside","event","document","createEvent","initEvent","body","dispatchEvent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { isForwardRef } from 'react-is';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { CurrencyInputProps } from '../components/CurrencyInput';\nimport { PasswordInputProps } from '../components/PasswordInput';\nimport { InputProps } from '../components/Input';\nimport { AutocompleteProps } from '../components/Autocomplete';\nimport { FxInputProps } from '../components/FxInput';\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 const delay = (ms: number) => new Promise((resolve) => globalObject.setTimeout(resolve, ms));\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;\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 (React.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/**\n * Merges two or more refs into one.\n *\n * @param refs Array of refs.\n * @returns A single ref composing all the refs passed.\n *\n * @example\n * const SomeComponent = forwardRef((props, ref) => {\n *  const localRef = useRef();\n *\n *  return <div ref={mergeRefs([localRef, ref])} />;\n * });\n */\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>(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 isInputLike =\n  isReactUIComponent<InputProps>('Input') ||\n  isReactUIComponent<FxInputProps>('FxInput') ||\n  isReactUIComponent<AutocompleteProps>('Autocomplete') ||\n  isReactUIComponent<PasswordInputProps>('PasswordInput') ||\n  isReactUIComponent<CurrencyInputProps>('CurrencyInput');\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"]}

package/lib/utils.d.ts

@@ -1,25 +1,84 @@
-import { ReactComponentLike } from 'prop-types';
+import React from 'react';
+import { InputProps } from '../components/Input';
 export declare 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 declare type DefaultizeProps<C, P> = C extends {
     defaultProps: infer D;
 } ? Defaultize<P, D> : P;
-export declare const isMac: boolean;
-export declare const isWindows: boolean;
-export declare const isSafari: boolean;
-export declare const isFirefox: boolean;
-export declare const isOpera: boolean;
-export declare const isChrome: boolean;
-export declare const isEdge: boolean;
-export declare const isIE11: boolean;
+export declare type AnyObject = Record<string, unknown>;
 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 declare function isFunction<T>(x: T | Function): x is Function;
-export declare function isFunctionalComponent(Component: ReactComponentLike): boolean;
+export declare 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 hasSvgAnimationSupport: boolean;
 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>(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;

package/lib/widgets/WidgetContainer/WidgetContainer.js

@@ -0,0 +1,25 @@
+import React, { useState } from 'react';
+import { RenderContainerProvider } from "../../../internal/RenderContainer";
+import { EmotionProvider, getEmotion } from "../../theming/Emotion";
+export var WidgetContainer = function WidgetContainer(_ref) {
+  var root = _ref.root,
+      children = _ref.children;
+
+  var _useState = useState(),
+      styles = _useState[0],
+      setStyles = _useState[1];
+
+  function setRef(el) {
+    if (!styles) {
+      setStyles(getEmotion(el));
+    }
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    ref: setRef
+  }), /*#__PURE__*/React.createElement(RenderContainerProvider, {
+    value: root
+  }, styles && /*#__PURE__*/React.createElement(EmotionProvider, {
+    value: styles
+  }, children)));
+};

package/lib/widgets/WidgetContainer/WidgetContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["WidgetContainer.tsx"],"names":["React","useState","RenderContainerProvider","EmotionProvider","getEmotion","WidgetContainer","root","children","styles","setStyles","setRef","el"],"mappings":"AAAA,OAAOA,KAAP,IAA2BC,QAA3B,QAA2C,OAA3C;;;AAGA,SAASC,uBAAT,QAAwC,gCAAxC;;AAEA,SAASC,eAAT,EAA0BC,UAA1B,QAA4C,oBAA5C;;;;;;;;;;AAUA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAA+B,KAA5BC,IAA4B,QAA5BA,IAA4B,CAAtBC,QAAsB,QAAtBA,QAAsB;AAC5D,kBAA4BN,QAAQ,EAApC,CAAOO,MAAP,gBAAeC,SAAf;;AAEA,WAASC,MAAT,CAAgBC,EAAhB,EAAoC;AAClC,QAAI,CAACH,MAAL,EAAa;AACXC,MAAAA,SAAS,CAACL,UAAU,CAACO,EAAD,CAAX,CAAT;AACD;AACF;;AAED;AACE;AACE,iCAAK,GAAG,EAAED,MAAV,GADF;AAEE,wBAAC,uBAAD,IAAyB,KAAK,EAAEJ,IAAhC;AACGE,IAAAA,MAAM,iBAAI,oBAAC,eAAD,IAAiB,KAAK,EAAEA,MAAxB,IAAiCD,QAAjC,CADb,CAFF,CADF;;;;AAQD,CAjBM","sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { RenderContainerProvider } from '../../internal/RenderContainer';\nimport type { Nullable } from '../../typings/utility-types';\nimport { EmotionProvider, getEmotion } from '../theming/Emotion';\n\ninterface Props {\n  /**\n   * root html node for correct work portals\n   */\n  root: Nullable<Element>;\n  children: ReactNode;\n}\n\nexport const WidgetContainer = ({ root, children }: Props) => {\n  const [styles, setStyles] = useState<Emotion>();\n\n  function setRef(el: HTMLDivElement) {\n    if (!styles) {\n      setStyles(getEmotion(el));\n    }\n  }\n\n  return (\n    <>\n      <div ref={setRef} />\n      <RenderContainerProvider value={root}>\n        {styles && <EmotionProvider value={styles}>{children}</EmotionProvider>}\n      </RenderContainerProvider>\n    </>\n  );\n};\n"]}

package/lib/widgets/WidgetContainer/package.json

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

package/lib/widgets/WidgetContainer.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import type { Nullable } from '../../typings/utility-types';
+interface Props {
+    /**
+     * root html node for correct work portals
+     */
+    root: Nullable<Element>;
+    children: ReactNode;
+}
+export declare const WidgetContainer: ({ root, children }: Props) => JSX.Element;
+export {};

package/lib/widgets/index/index.js

@@ -0,0 +1 @@
+export * from "../WidgetContainer";

package/lib/widgets/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAd","sourcesContent":["export * from './WidgetContainer';\n"]}

package/lib/widgets/index/package.json

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

package/lib/widgets/index.d.ts

@@ -0,0 +1 @@
+export * from './WidgetContainer';

package/lib/widgets/package.json

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

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,67 @@
+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 _class, _temp;
+
+  var fullName = getDisplayName(RFC);
+  var nameWithoutPostfix = removePostfix(fullName, /FC$/);
+  return _temp = _class = /*#__PURE__*/function (_React$Component) {
+    _inheritsLoose(ClassWrapper, _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;
+    }
+
+    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), _class.__KONTUR_REACT_UI__ = nameWithoutPostfix, _class.displayName = nameWithoutPostfix, _class.FC = RFC, _temp;
+}

package/lib/withClassWrapper/withClassWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["withClassWrapper.tsx"],"names":["React","getDisplayName","removePostfix","word","postfixRegex","regexContent","source","replace","isCorrectPostfix","test","Error","withClassWrapper","RFC","fullName","nameWithoutPostfix","instancePropertiesRef","createRef","componentDidMount","current","Object","defineProperties","getOwnPropertyDescriptors","render","props","Component","__KONTUR_REACT_UI__","displayName","FC"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,cAAT,QAA+B,kBAA/B;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,IAAD,EAAeC,YAAf,EAAwC;AAC5D,MAAMC,YAAY,GAAGD,YAAY,CAACE,MAAb,CAAoBC,OAApB,CAA4B,KAA5B,EAAmC,EAAnC,CAArB;;AAEA,MAAMC,gBAAgB,GAAGJ,YAAY,CAACK,IAAb,CAAkBN,IAAlB,CAAzB;AACA,MAAI,CAACK,gBAAL,EAAuB;AACrB,UAAM,IAAIE,KAAJ;AAC+CL,IAAAA,YAD/C,sDAAN;;AAGD;;AAED,SAAOF,IAAI,CAACI,OAAL,CAAaH,YAAb,EAA2B,EAA3B,CAAP;AACD,CAXD;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASO,gBAAT,CAAgCC,GAAhC,EAAoE;AACzE,MAAMC,QAAQ,GAAGZ,cAAc,CAACW,GAAD,CAA/B;AACA,MAAME,kBAAkB,GAAGZ,aAAa,CAACW,QAAD,EAAW,KAAX,CAAxC;;AAEA;AACSE,MAAAA,qBADT,gBACiCf,KAAK,CAACgB,SAAN,EADjC;;AAGEC,IAAAA,iBAHF,GAGE,6BAAoB;AAClB,UAAI,KAAKF,qBAAL,CAA2BG,OAA/B,EAAwC;AACtCC,QAAAA,MAAM,CAACC,gBAAP,CAAwB,IAAxB,EAA8BD,MAAM,CAACE,yBAAP,CAAiC,KAAKN,qBAAL,CAA2BG,OAA5D,CAA9B;AACD;AACF,KAPH;;;;;;;AAcEI,IAAAA,MAdF,GAcE,kBAAS;AACP;AACE;AACA,4BAAC,YAAD,CAAc,EAAd;AACE;AACA,UAAA,WAAW,EAAE,KAAKP,qBAFpB;AAGM,aAAKQ,KAHX,EAFF;;;AAQD,KAvBH,uBAAkCvB,KAAK,CAACwB,SAAxC,UASgBC,mBAThB,GASsCX,kBATtC,SAUgBY,WAVhB,GAU8BZ,kBAV9B,SAYgBa,EAZhB,GAYqBf,GAZrB;;AAyBD","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"]}

package/lib/withClassWrapper.d.ts

@@ -0,0 +1,71 @@
+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 | Readonly<P>): {
+        instancePropertiesRef: React.RefObject<T>;
+        componentDidMount(): void;
+        render(): JSX.Element;
+        context: any;
+        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> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        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(): JSX.Element;
+        context: any;
+        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> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        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>;
+}