@skbkontur/react-ui 3.12.7 → 3.12.9

package/cjs/lib/dom/getDOMRect.js

@@ -0,0 +1,36 @@
+"use strict";exports.__esModule = true;exports.getDOMRect = void 0;
+
+/**
+ * Возвращает размер элемента и его позицию относительно viewport
+ *
+ * @param element - ref элемента или сам элемент
+ * @returns - возвращает размер элемента и его позицию относительно viewport
+ */
+var getDOMRect = function getDOMRect(element) {
+  var defaultValues = {
+    width: 0,
+    height: 0,
+    x: 0,
+    y: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    top: 0 };
+
+  if (element && 'current' in element) {
+    return getRefRect(defaultValues, element);
+  }
+  return getElementRect(defaultValues, element);
+};exports.getDOMRect = getDOMRect;
+var getElementRect = function getElementRect(defaultValues, element) {
+  if (element) {
+    return element.getBoundingClientRect();
+  }
+  return defaultValues;
+};
+var getRefRect = function getRefRect(defaultValues, ref) {
+  if (ref != null && ref.current) {
+    return ref.current.getBoundingClientRect();
+  }
+  return defaultValues;
+};

package/cjs/lib/dom/getDOMRect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getDOMRect.ts"],"names":["getDOMRect","element","defaultValues","width","height","x","y","bottom","left","right","top","getRefRect","getElementRect","getBoundingClientRect","ref","current"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAAoBC,OAApB,EAAwF;AAChH,MAAMC,aAAmC,GAAG;AAC1CC,IAAAA,KAAK,EAAE,CADmC;AAE1CC,IAAAA,MAAM,EAAE,CAFkC;AAG1CC,IAAAA,CAAC,EAAE,CAHuC;AAI1CC,IAAAA,CAAC,EAAE,CAJuC;AAK1CC,IAAAA,MAAM,EAAE,CALkC;AAM1CC,IAAAA,IAAI,EAAE,CANoC;AAO1CC,IAAAA,KAAK,EAAE,CAPmC;AAQ1CC,IAAAA,GAAG,EAAE,CARqC,EAA5C;;AAUA,MAAIT,OAAO,IAAI,aAAaA,OAA5B,EAAqC;AACnC,WAAOU,UAAU,CAACT,aAAD,EAAgBD,OAAhB,CAAjB;AACD;AACD,SAAOW,cAAc,CAACV,aAAD,EAAgBD,OAAhB,CAArB;AACD,CAfM,C;AAgBP,IAAMW,cAAc,GAAG,SAAjBA,cAAiB,CAACV,aAAD,EAAsCD,OAAtC,EAAqE;AAC1F,MAAIA,OAAJ,EAAa;AACX,WAAOA,OAAO,CAACY,qBAAR,EAAP;AACD;AACD,SAAOX,aAAP;AACD,CALD;AAMA,IAAMS,UAAU,GAAG,SAAbA,UAAa,CAAoBT,aAApB,EAAyDY,GAAzD,EAAqF;AACtG,MAAIA,GAAJ,YAAIA,GAAG,CAAEC,OAAT,EAAkB;AAChB,WAAOD,GAAG,CAACC,OAAJ,CAAYF,qBAAZ,EAAP;AACD;AACD,SAAOX,aAAP;AACD,CALD","sourcesContent":["import { Nullable } from '../../typings/utility-types';\ntype DOMRectDefaultValues = Omit<DOMRect, 'toJSON'>;\n/**\n * Возвращает размер элемента и его позицию относительно viewport\n *\n * @param element - ref элемента или сам элемент\n * @returns - возвращает размер элемента и его позицию относительно viewport\n */\nexport const getDOMRect = <T extends Element>(element: Nullable<T> | React.RefObject<T>): DOMRectDefaultValues => {\n  const defaultValues: DOMRectDefaultValues = {\n    width: 0,\n    height: 0,\n    x: 0,\n    y: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n  };\n  if (element && 'current' in element) {\n    return getRefRect(defaultValues, element);\n  }\n  return getElementRect(defaultValues, element);\n};\nconst getElementRect = (defaultValues: DOMRectDefaultValues, element: Nullable<Element>) => {\n  if (element) {\n    return element.getBoundingClientRect();\n  }\n  return defaultValues;\n};\nconst getRefRect = <T extends Element>(defaultValues: DOMRectDefaultValues, ref: React.RefObject<T>) => {\n  if (ref?.current) {\n    return ref.current.getBoundingClientRect();\n  }\n  return defaultValues;\n};\n"]}

package/cjs/lib/instanceWithAnchorElement.d.ts

@@ -0,0 +1,5 @@
+import { Nullable } from '../typings/utility-types';
+export interface InstanceWithAnchorElement {
+    getAnchorElement: () => Nullable<Element>;
+}
+export declare const isInstanceWithAnchorElement: (instance: unknown) => instance is InstanceWithAnchorElement;

package/cjs/lib/instanceWithAnchorElement.js

@@ -0,0 +1,9 @@
+"use strict";exports.__esModule = true;exports.isInstanceWithAnchorElement = void 0;
+
+
+
+
+
+var isInstanceWithAnchorElement = function isInstanceWithAnchorElement(instance) {
+  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getAnchorElement');
+};exports.isInstanceWithAnchorElement = isInstanceWithAnchorElement;

package/cjs/lib/instanceWithAnchorElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["instanceWithAnchorElement.ts"],"names":["isInstanceWithAnchorElement","instance","Boolean","Object","prototype","hasOwnProperty","call"],"mappings":";;;;;;AAMO,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA8B,CAACC,QAAD,EAA8D;AACvG,SAAOC,OAAO,CAACD,QAAD,CAAP,IAAqBE,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,QAArC,EAA+C,kBAA/C,CAA5B;AACD,CAFM,C","sourcesContent":["import { Nullable } from '../typings/utility-types';\n\nexport interface InstanceWithAnchorElement {\n  getAnchorElement: () => Nullable<Element>;\n}\n\nexport const isInstanceWithAnchorElement = (instance: unknown): instance is InstanceWithAnchorElement => {\n  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getAnchorElement');\n};\n"]}

package/cjs/lib/listenFocusOutside.d.ts

@@ -3,6 +3,6 @@ export declare function containsTargetOrRenderContainer(target: Element): (eleme
  * Searches RenderContainer placed in "rootNode" for "node"
  */
 export declare function findRenderContainer(node: Element, rootNode: Element, container?: Element): Element | null;
-export declare function listen(elements: HTMLElement[] | (() => HTMLElement[]), callback: (event: Event) => void): {
+export declare function listen(elements: Element[] | (() => Element[]), callback: (event: Event) => void): {
     remove(): void;
 };

package/cjs/lib/listenFocusOutside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["listenFocusOutside.ts"],"names":["handlers","addHandleEvent","document","body","addEventListener","isFirefox","handleNativeFocus","leading","trailing","capture","isBrowser","readyState","window","event","target","srcElement","forEach","handler","elements","some","containsTargetOrRenderContainer","ReactDOM","unstable_batchedUpdates","callback","element","contains","container","findRenderContainer","node","rootNode","currentNode","parentNode","documentElement","Element","newContainerId","getAttribute","nextNode","querySelector","Error","listen","push","remove","index","indexOf","splice"],"mappings":"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","sourcesContent":["import ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\n\nimport { isBrowser, isFirefox } from './client';\n\ninterface FocusOutsideEventHandler {\n  elements: HTMLElement[] | (() => HTMLElement[]);\n  callback: (event: Event) => void;\n}\n\nconst handlers: FocusOutsideEventHandler[] = [];\n\nfunction addHandleEvent() {\n  /**\n   * Firefox do not supports 'focusin' event.\n   * Focus events bubbles multiple time\n   * without possibilty to cancell bubbling.\n   * Using debounce to capture only first focus event\n   * Mozilla Firefix\n   *   ¯\\_(ツ)_/¯\n   */\n  document.body.addEventListener(\n    isFirefox ? 'focus' : ('focusin' as 'focus'),\n    isFirefox ? debounce(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus,\n    { capture: true },\n  );\n}\n\nif (isBrowser) {\n  if (document.readyState === 'complete') {\n    addHandleEvent();\n  } else {\n    window.addEventListener('load', addHandleEvent);\n  }\n}\n\nfunction handleNativeFocus(event: UIEvent) {\n  // FIXME: not safe casting\n  const target: HTMLElement = (event.target || event.srcElement) as HTMLElement;\n\n  handlers.forEach((handler) => {\n    let elements = handler.elements;\n    if (typeof elements === 'function') {\n      elements = elements();\n    }\n\n    if (elements.some(containsTargetOrRenderContainer(target))) {\n      return;\n    }\n    ReactDOM.unstable_batchedUpdates(() => handler.callback(event));\n  });\n}\n\nexport function containsTargetOrRenderContainer(target: Element) {\n  return (element: Element) => {\n    if (!element) {\n      return false;\n    }\n    if (element.contains(target)) {\n      return true;\n    }\n    const container = findRenderContainer(target, element);\n    return !!container && element.contains(container);\n  };\n}\n\n/**\n * Searches RenderContainer placed in \"rootNode\" for \"node\"\n */\nexport function findRenderContainer(node: Element, rootNode: Element, container?: Element): Element | null {\n  const currentNode = node.parentNode;\n  if (\n    !currentNode ||\n    node === rootNode ||\n    currentNode === rootNode ||\n    currentNode === document.body ||\n    currentNode === document.documentElement ||\n    !(currentNode instanceof Element)\n  ) {\n    return container ? container : null;\n  }\n\n  const newContainerId = currentNode.getAttribute('data-rendered-container-id');\n  if (newContainerId) {\n    const nextNode = document.querySelector(`[data-render-container-id~=\"${newContainerId}\"]`);\n\n    if (!nextNode) {\n      throw Error(`Origin node for container with id ${newContainerId} was not found`);\n    }\n\n    return findRenderContainer(nextNode, rootNode, nextNode);\n  }\n\n  return findRenderContainer(currentNode, rootNode, container);\n}\n\nexport function listen(elements: HTMLElement[] | (() => HTMLElement[]), callback: (event: Event) => void) {\n  const handler = {\n    elements,\n    callback,\n  };\n  handlers.push(handler);\n\n  return {\n    remove() {\n      const index = handlers.indexOf(handler);\n      if (index > -1) {\n        handlers.splice(index, 1);\n      }\n    },\n  };\n}\n"]}
+{"version":3,"sources":["listenFocusOutside.ts"],"names":["handlers","addHandleEvent","document","body","addEventListener","isFirefox","handleNativeFocus","leading","trailing","capture","isBrowser","readyState","window","event","target","srcElement","forEach","handler","elements","some","containsTargetOrRenderContainer","ReactDOM","unstable_batchedUpdates","callback","element","contains","container","findRenderContainer","node","rootNode","currentNode","parentNode","documentElement","Element","newContainerId","getAttribute","nextNode","querySelector","Error","listen","push","remove","index","indexOf","splice"],"mappings":"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","sourcesContent":["import ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\n\nimport { isBrowser, isFirefox } from './client';\n\ninterface FocusOutsideEventHandler {\n  elements: Element[] | (() => Element[]);\n  callback: (event: Event) => void;\n}\n\nconst handlers: FocusOutsideEventHandler[] = [];\n\nfunction addHandleEvent() {\n  /**\n   * Firefox do not supports 'focusin' event.\n   * Focus events bubbles multiple time\n   * without possibilty to cancell bubbling.\n   * Using debounce to capture only first focus event\n   * Mozilla Firefix\n   *   ¯\\_(ツ)_/¯\n   */\n  document.body.addEventListener(\n    isFirefox ? 'focus' : ('focusin' as 'focus'),\n    isFirefox ? debounce(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus,\n    { capture: true },\n  );\n}\n\nif (isBrowser) {\n  if (document.readyState === 'complete') {\n    addHandleEvent();\n  } else {\n    window.addEventListener('load', addHandleEvent);\n  }\n}\n\nfunction handleNativeFocus(event: UIEvent) {\n  // FIXME: not safe casting\n  const target: HTMLElement = (event.target || event.srcElement) as HTMLElement;\n\n  handlers.forEach((handler) => {\n    let elements = handler.elements;\n    if (typeof elements === 'function') {\n      elements = elements();\n    }\n\n    if (elements.some(containsTargetOrRenderContainer(target))) {\n      return;\n    }\n    ReactDOM.unstable_batchedUpdates(() => handler.callback(event));\n  });\n}\n\nexport function containsTargetOrRenderContainer(target: Element) {\n  return (element: Element) => {\n    if (!element) {\n      return false;\n    }\n    if (element.contains(target)) {\n      return true;\n    }\n    const container = findRenderContainer(target, element);\n    return !!container && element.contains(container);\n  };\n}\n\n/**\n * Searches RenderContainer placed in \"rootNode\" for \"node\"\n */\nexport function findRenderContainer(node: Element, rootNode: Element, container?: Element): Element | null {\n  const currentNode = node.parentNode;\n  if (\n    !currentNode ||\n    node === rootNode ||\n    currentNode === rootNode ||\n    currentNode === document.body ||\n    currentNode === document.documentElement ||\n    !(currentNode instanceof Element)\n  ) {\n    return container ? container : null;\n  }\n\n  const newContainerId = currentNode.getAttribute('data-rendered-container-id');\n  if (newContainerId) {\n    const nextNode = document.querySelector(`[data-render-container-id~=\"${newContainerId}\"]`);\n\n    if (!nextNode) {\n      throw Error(`Origin node for container with id ${newContainerId} was not found`);\n    }\n\n    return findRenderContainer(nextNode, rootNode, nextNode);\n  }\n\n  return findRenderContainer(currentNode, rootNode, container);\n}\n\nexport function listen(elements: Element[] | (() => Element[]), callback: (event: Event) => void) {\n  const handler = {\n    elements,\n    callback,\n  };\n  handlers.push(handler);\n\n  return {\n    remove() {\n      const index = handlers.indexOf(handler);\n      if (index > -1) {\n        handlers.splice(index, 1);\n      }\n    },\n  };\n}\n"]}

package/cjs/lib/rootNode/getRootNode.d.ts

@@ -1,3 +1,12 @@
 import React from 'react';
 import { Nullable } from '../../typings/utility-types';
-export declare const getRootNode: (instance: Nullable<React.ReactInstance>) => Nullable<HTMLElement>;
+/**
+ * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance
+ * following the "StrictMode support convention" (@see README.md#strictmode, #2518).
+ *
+ * Replaces findDOMNode but falls back to it if "convention" is not respected.
+ *
+ * @param instance Component's instance provided by React.Ref or `this` inside class-components.
+ * @returns Component's root `Element` or null
+ */
+export declare const getRootNode: (instance: Nullable<React.ReactInstance>) => Nullable<Element>;

package/cjs/lib/rootNode/getRootNode.js

@@ -1,27 +1,82 @@
-"use strict";exports.__esModule = true;exports.getRootNode = void 0;var _reactDom = require("react-dom");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.getRootNode = void 0;
+var _reactDom = require("react-dom");
 
+var _warning = _interopRequireDefault(require("warning"));
 
 
 var _SSRSafe = require("../SSRSafe");
 var _client = require("../client");
-var _utils = require("../utils");
+
+var _rootNodeDecorator = require("./rootNodeDecorator"); /* eslint-disable react/no-find-dom-node */
+
+/**
+ * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance
+ * following the "StrictMode support convention" (@see README.md#strictmode, #2518).
+ *
+ * Replaces findDOMNode but falls back to it if "convention" is not respected.
+ *
+ * @param instance Component's instance provided by React.Ref or `this` inside class-components.
+ * @returns Component's root `Element` or null
+ */
 
 var getRootNode = function getRootNode(instance) {
-  if (!_client.canUseDOM) return null;
-  if ((0, _SSRSafe.isHTMLElement)(instance) || instance === null) {
+  /**
+   * Options of what instance can be:
+   *  1. null or undefined
+   *  2. DOM Element
+   *  3. class Component instance (object)
+   *  4. literally anything, returned from useImperativeHandle
+   */
+
+  if (!_client.canUseDOM || !instance) {
+    // instance can be `null` if component was unmounted
+    // also checking undefined for convenient usage
+    return null;
+  }
+
+  if ((0, _SSRSafe.isElement)(instance)) {
+    // instance can be an Element already if its coming
+    // from Refs of intrinsic elements (<div />, <button />, etc.)
     return instance;
   }
+  var rootNode;
+  if ((0, _rootNodeDecorator.isInstanceWithRootNode)(instance)) {
+    // it happened to be that native Node interface also has
+    // the "getRootNode" method, but we can ignore it here
+    // because we'd already checked the instance on being an Element
+    // which is a subclass of Node, so, just fixing types here
+    if (!(0, _SSRSafe.isNode)(instance)) {
+      rootNode = instance.getRootNode();
+    }
+  }
 
-  var instanceAsAny = instance;
-  var node;
-  if (instanceAsAny && (0, _utils.isFunction)(instanceAsAny.getRootNode)) {
-    node = instanceAsAny.getRootNode();
+  if (rootNode !== undefined) {
+    // the getter exists and has returned something, it should be what we are looking for
+    // probably its an Element or null (which is also OK, e.g. Popup/Tooltip/Hint before opening)
+    return rootNode;
   }
 
-  if (node !== undefined) {
-    return node;
+  try {
+    // rootNode is undefined, which means that the getter doesn't exists or returns the undefined
+    // anyway, it tell us that the convention is not respected,
+    // so, we have to fall back to the deprecated findDOMNode, which breaks StrictMode
+    // instance can still be a class component or an imperative handle (i.e., anything, except null/undefined/Element)
+    rootNode = (0, _reactDom.findDOMNode)(instance);
+  } catch (e) {
+    // but findDOMNode doesn`t accept everything that instance can be at this point,
+    // so we have to handle exceptions
+    // see https://github.com/facebook/react/blob/cae63505/packages/react-dom/src/__tests__/findDOMNode-test.js#L66-L86
+    (0, _warning.default)(
+    false,
+    '[getRootNode]: can`t fallback to findDOMNode.' +
+    '\n' +
+    'See https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/README.md#strictmode' +
+    '\n\n' +
+    e.message);
+
+    return null;
   }
 
-  node = (0, _reactDom.findDOMNode)(instance);
-  return node instanceof HTMLElement ? node : null;
+  // the findDOMNode can also return Text, but we are only interested in Elements, so just filter it
+  return (0, _SSRSafe.isElement)(rootNode) ? rootNode : null;
 };exports.getRootNode = getRootNode;

package/cjs/lib/rootNode/getRootNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getRootNode.ts"],"names":["getRootNode","instance","canUseDOM","instanceAsAny","node","undefined","HTMLElement"],"mappings":"oEAAA;;;;AAIA;AACA;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAoE;AAC7F,MAAI,CAACC,iBAAL,EAAgB,OAAO,IAAP;AAChB,MAAI,4BAAcD,QAAd,KAA2BA,QAAQ,KAAK,IAA5C,EAAkD;AAChD,WAAOA,QAAP;AACD;;AAED,MAAME,aAAa,GAAGF,QAAtB;AACA,MAAIG,IAAJ;AACA,MAAID,aAAa,IAAI,uBAAWA,aAAa,CAACH,WAAzB,CAArB,EAA4D;AAC1DI,IAAAA,IAAI,GAAGD,aAAa,CAACH,WAAd,EAAP;AACD;;AAED,MAAII,IAAI,KAAKC,SAAb,EAAwB;AACtB,WAAOD,IAAP;AACD;;AAEDA,EAAAA,IAAI,GAAG,2BAAYH,QAAZ,CAAP;AACA,SAAOG,IAAI,YAAYE,WAAhB,GAA8BF,IAA9B,GAAqC,IAA5C;AACD,CAlBM,C","sourcesContent":["import { findDOMNode } from 'react-dom';\nimport React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isHTMLElement } from '../SSRSafe';\nimport { canUseDOM } from '../client';\nimport { isFunction } from '../utils';\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<HTMLElement> => {\n  if (!canUseDOM) return null;\n  if (isHTMLElement(instance) || instance === null) {\n    return instance;\n  }\n\n  const instanceAsAny = instance as any;\n  let node;\n  if (instanceAsAny && isFunction(instanceAsAny.getRootNode)) {\n    node = instanceAsAny.getRootNode();\n  }\n\n  if (node !== undefined) {\n    return node;\n  }\n\n  node = findDOMNode(instance);\n  return node instanceof HTMLElement ? node : null;\n};\n"]}
+{"version":3,"sources":["getRootNode.ts"],"names":["getRootNode","instance","canUseDOM","rootNode","undefined","e","message"],"mappings":";AACA;;AAEA;;;AAGA;AACA;;AAEA,wD,CATA;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAgE;AACzF;AACF;AACA;AACA;AACA;AACA;AACA;;AAEE,MAAI,CAACC,iBAAD,IAAc,CAACD,QAAnB,EAA6B;AAC3B;AACA;AACA,WAAO,IAAP;AACD;;AAED,MAAI,wBAAUA,QAAV,CAAJ,EAAyB;AACvB;AACA;AACA,WAAOA,QAAP;AACD;AACD,MAAIE,QAAJ;AACA,MAAI,+CAAuBF,QAAvB,CAAJ,EAAsC;AACpC;AACA;AACA;AACA;AACA,QAAI,CAAC,qBAAOA,QAAP,CAAL,EAAuB;AACrBE,MAAAA,QAAQ,GAAGF,QAAQ,CAACD,WAAT,EAAX;AACD;AACF;;AAED,MAAIG,QAAQ,KAAKC,SAAjB,EAA4B;AAC1B;AACA;AACA,WAAOD,QAAP;AACD;;AAED,MAAI;AACF;AACA;AACA;AACA;AACAA,IAAAA,QAAQ,GAAG,2BAAYF,QAAZ,CAAX;AACD,GAND,CAME,OAAOI,CAAP,EAAe;AACf;AACA;AACA;AACA;AACE,SADF;AAEE;AACE,QADF;AAEE,mGAFF;AAGE,UAHF;AAIEA,IAAAA,CAAC,CAACC,OANN;;AAQA,WAAO,IAAP;AACD;;AAED;AACA,SAAO,wBAAUH,QAAV,IAAsBA,QAAtB,GAAiC,IAAxC;AACD,CA5DM,C","sourcesContent":["/* eslint-disable react/no-find-dom-node */\nimport { findDOMNode } from 'react-dom';\nimport React from 'react';\nimport warning from 'warning';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isElement, isNode } from '../SSRSafe';\nimport { canUseDOM } from '../client';\n\nimport { isInstanceWithRootNode } from './rootNodeDecorator';\n\n/**\n * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance\n * following the \"StrictMode support convention\" (@see README.md#strictmode, #2518).\n *\n * Replaces findDOMNode but falls back to it if \"convention\" is not respected.\n *\n * @param instance Component's instance provided by React.Ref or `this` inside class-components.\n * @returns Component's root `Element` or null\n */\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<Element> => {\n  /**\n   * Options of what instance can be:\n   *  1. null or undefined\n   *  2. DOM Element\n   *  3. class Component instance (object)\n   *  4. literally anything, returned from useImperativeHandle\n   */\n\n  if (!canUseDOM || !instance) {\n    // instance can be `null` if component was unmounted\n    // also checking undefined for convenient usage\n    return null;\n  }\n\n  if (isElement(instance)) {\n    // instance can be an Element already if its coming\n    // from Refs of intrinsic elements (<div />, <button />, etc.)\n    return instance;\n  }\n  let rootNode;\n  if (isInstanceWithRootNode(instance)) {\n    // it happened to be that native Node interface also has\n    // the \"getRootNode\" method, but we can ignore it here\n    // because we'd already checked the instance on being an Element\n    // which is a subclass of Node, so, just fixing types here\n    if (!isNode(instance)) {\n      rootNode = instance.getRootNode();\n    }\n  }\n\n  if (rootNode !== undefined) {\n    // the getter exists and has returned something, it should be what we are looking for\n    // probably its an Element or null (which is also OK, e.g. Popup/Tooltip/Hint before opening)\n    return rootNode;\n  }\n\n  try {\n    // rootNode is undefined, which means that the getter doesn't exists or returns the undefined\n    // anyway, it tell us that the convention is not respected,\n    // so, we have to fall back to the deprecated findDOMNode, which breaks StrictMode\n    // instance can still be a class component or an imperative handle (i.e., anything, except null/undefined/Element)\n    rootNode = findDOMNode(instance);\n  } catch (e: any) {\n    // but findDOMNode doesn`t accept everything that instance can be at this point,\n    // so we have to handle exceptions\n    // see https://github.com/facebook/react/blob/cae63505/packages/react-dom/src/__tests__/findDOMNode-test.js#L66-L86\n    warning(\n      false,\n      '[getRootNode]: can`t fallback to findDOMNode.' +\n        '\\n' +\n        'See https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/README.md#strictmode' +\n        '\\n\\n' +\n        e.message,\n    );\n    return null;\n  }\n\n  // the findDOMNode can also return Text, but we are only interested in Elements, so just filter it\n  return isElement(rootNode) ? rootNode : null;\n};\n"]}

package/cjs/lib/rootNode/rootNodeDecorator.d.ts

@@ -1,11 +1,27 @@
 import React from 'react';
+import EventEmitter from 'eventemitter3';
 import { Nullable } from '../../typings/utility-types';
 export declare type TSetRootNode = (e: Nullable<React.ReactNode>) => void;
-export declare function rootNode<T extends new (...args: any[]) => React.Component>(Component: T): {
+export declare type TRootNodeSubscription = {
+    remove: () => void;
+};
+export interface InstanceWithRootNode {
+    getRootNode: () => Nullable<Element>;
+    addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;
+}
+interface ComponentWithDefaultRootNode {
+    defaultRootNode?: Element | null;
+}
+interface DecoratableClassComponent extends ComponentWithDefaultRootNode {
+    new (...args: any[]): React.Component;
+}
+export declare function rootNode<T extends DecoratableClassComponent>(Component: T): {
     new (...args: any[]): {
-        rootNode: Nullable<HTMLElement>;
+        rootNode: Nullable<Element>;
+        rootNodeEmitter: EventEmitter<string | symbol, any>;
         setRootNode: (instance: Nullable<React.ReactInstance>) => void;
-        getRootNode: () => Nullable<HTMLElement>;
+        getRootNode: () => Nullable<Element>;
+        addRootNodeChangeListener: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -30,4 +46,7 @@ export declare function rootNode<T extends new (...args: any[]) => React.Compone
         componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
     };
+    defaultRootNode?: Element | null | undefined;
 } & T;
+export declare const isInstanceWithRootNode: (instance: unknown) => instance is InstanceWithRootNode;
+export {};

package/cjs/lib/rootNode/rootNodeDecorator.js

@@ -1,4 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.rootNode = rootNode;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.rootNode = rootNode;exports.isInstanceWithRootNode = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _eventemitter = _interopRequireDefault(require("eventemitter3"));
 
 
 
@@ -6,19 +7,50 @@ var _getRootNode = require("./getRootNode");
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 function rootNode(Component) {var _temp;
   var rootNode = (_temp = /*#__PURE__*/function (_Component) {(0, _inheritsLoose2.default)(rootNode, _Component);
 
+
     function rootNode() {var _this;
-      _this = _Component.call(this, arguments.length <= 0 ? undefined : arguments[0]) || this;_this.rootNode = void 0;_this.
+      _this = _Component.call(this, arguments.length <= 0 ? undefined : arguments[0]) || this;_this.rootNode = Component.defaultRootNode;_this.rootNodeEmitter = new _eventemitter.default();_this.
 
 
       setRootNode = function (instance) {
-        _this.rootNode = (0, _getRootNode.getRootNode)(instance);
+        var _rootNode = (0, _getRootNode.getRootNode)(instance);
+        if (_rootNode !== _this.rootNode) {
+          _this.rootNode = _rootNode;
+          _this.rootNodeEmitter.emit('change', _rootNode);
+        }
       };_this.
 
       getRootNode = function () {
         return _this.rootNode;
+      };_this.
+
+      addRootNodeChangeListener = function (callback) {
+        _this.rootNodeEmitter.addListener('change', callback);
+        return {
+          remove: function remove() {
+            _this.rootNodeEmitter.removeListener('change', callback);
+          } };
+
       };return _this;}return rootNode;}(Component), _temp);
 
 
@@ -28,4 +60,8 @@ function rootNode(Component) {var _temp;
   }
 
   return rootNode;
-}
+}
+
+var isInstanceWithRootNode = function isInstanceWithRootNode(instance) {
+  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');
+};exports.isInstanceWithRootNode = isInstanceWithRootNode;

package/cjs/lib/rootNode/rootNodeDecorator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["rootNodeDecorator.tsx"],"names":["rootNode","Component","setRootNode","instance","getRootNode","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name"],"mappings":";;;;AAIA;;;;AAIO,SAASA,QAAT,CAAqEC,SAArE,EAAmF;AACxF,MAAMD,QAAQ;;AAEZ,wBAAmC;AACjC,8FADiC,MAD5BA,QAC4B;;;AAI5BE,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,cAAKH,QAAL,GAAgB,8BAAYG,QAAZ,CAAhB;AACD,OANkC;;AAQ5BC,MAAAA,WAR4B,GAQd,YAA6B;AAChD,eAAO,MAAKJ,QAAZ;AACD,OAVkC,cAElC,CAJW,kBAAiBC,SAAjB,SAAd;;;AAeA,MAAMI,cAAc,GAAGC,MAAM,CAACC,wBAAP,CAAgCP,QAAhC,EAA0C,MAA1C,CAAvB;AACA,MAAI,CAACK,cAAD,IAAmBA,cAAc,CAACG,YAAtC,EAAoD;AAClDF,IAAAA,MAAM,CAACG,cAAP,CAAsBT,QAAtB,EAAgC,MAAhC,EAAwC,EAAEU,KAAK,EAAET,SAAS,CAACU,IAAnB,EAAxC;AACD;;AAED,SAAOX,QAAP;AACD","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getRootNode } from './getRootNode';\n\nexport type TSetRootNode = (e: Nullable<React.ReactNode>) => void;\n\nexport function rootNode<T extends new (...args: any[]) => React.Component>(Component: T) {\n  const rootNode = class extends Component {\n    public rootNode: Nullable<HTMLElement>;\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      this.rootNode = getRootNode(instance);\n    };\n\n    public getRootNode = (): Nullable<HTMLElement> => {\n      return this.rootNode;\n    };\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(rootNode, 'name', { value: Component.name });\n  }\n\n  return rootNode;\n}\n"]}
+{"version":3,"sources":["rootNodeDecorator.tsx"],"names":["rootNode","Component","defaultRootNode","rootNodeEmitter","EventEmitter","setRootNode","instance","emit","getRootNode","addRootNodeChangeListener","callback","addListener","remove","removeListener","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name","isInstanceWithRootNode","Boolean","prototype","hasOwnProperty","call"],"mappings":";AACA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;AAqBO,SAASA,QAAT,CAAuDC,SAAvD,EAAqE;AAC1E,MAAMD,QAAQ;;;AAGZ,wBAAmC;AACjC,8FADiC,MAF5BA,QAE4B,GAFEC,SAAS,CAACC,eAEZ,OAD5BC,eAC4B,GADV,IAAIC,qBAAJ,EACU;;;AAI5BC,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,YAAMN,SAAQ,GAAG,8BAAYM,QAAZ,CAAjB;AACA,YAAIN,SAAQ,KAAK,MAAKA,QAAtB,EAAgC;AAC9B,gBAAKA,QAAL,GAAgBA,SAAhB;AACA,gBAAKG,eAAL,CAAqBI,IAArB,CAA0B,QAA1B,EAAoCP,SAApC;AACD;AACF,OAVkC;;AAY5BQ,MAAAA,WAZ4B,GAYd,YAAyB;AAC5C,eAAO,MAAKR,QAAZ;AACD,OAdkC;;AAgB5BS,MAAAA,yBAhB4B,GAgBA,UAACC,QAAD,EAAwE;AACzG,cAAKP,eAAL,CAAqBQ,WAArB,CAAiC,QAAjC,EAA2CD,QAA3C;AACA,eAAO;AACLE,UAAAA,MAAM,EAAE,kBAAM;AACZ,kBAAKT,eAAL,CAAqBU,cAArB,CAAoC,QAApC,EAA8CH,QAA9C;AACD,WAHI,EAAP;;AAKD,OAvBkC,cAElC,CALW,kBAAiBT,SAAjB,SAAd;;;AA6BA,MAAMa,cAAc,GAAGC,MAAM,CAACC,wBAAP,CAAgChB,QAAhC,EAA0C,MAA1C,CAAvB;AACA,MAAI,CAACc,cAAD,IAAmBA,cAAc,CAACG,YAAtC,EAAoD;AAClDF,IAAAA,MAAM,CAACG,cAAP,CAAsBlB,QAAtB,EAAgC,MAAhC,EAAwC,EAAEmB,KAAK,EAAElB,SAAS,CAACmB,IAAnB,EAAxC;AACD;;AAED,SAAOpB,QAAP;AACD;;AAEM,IAAMqB,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACf,QAAD,EAAyD;AAC7F,SAAOgB,OAAO,CAAChB,QAAD,CAAP,IAAqBS,MAAM,CAACQ,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCnB,QAArC,EAA+C,aAA/C,CAA5B;AACD,CAFM,C","sourcesContent":["import React from 'react';\nimport EventEmitter from 'eventemitter3';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getRootNode } from './getRootNode';\n\nexport type TSetRootNode = (e: Nullable<React.ReactNode>) => void;\n\nexport type TRootNodeSubscription = {\n  remove: () => void;\n};\n\nexport interface InstanceWithRootNode {\n  getRootNode: () => Nullable<Element>;\n  addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;\n}\n\ninterface ComponentWithDefaultRootNode {\n  defaultRootNode?: Element | null;\n}\n\ninterface DecoratableClassComponent extends ComponentWithDefaultRootNode {\n  new (...args: any[]): React.Component;\n}\n\nexport function rootNode<T extends DecoratableClassComponent>(Component: T) {\n  const rootNode = class extends Component implements InstanceWithRootNode {\n    public rootNode: Nullable<Element> = Component.defaultRootNode;\n    public rootNodeEmitter = new EventEmitter();\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      const rootNode = getRootNode(instance);\n      if (rootNode !== this.rootNode) {\n        this.rootNode = rootNode;\n        this.rootNodeEmitter.emit('change', rootNode);\n      }\n    };\n\n    public getRootNode = (): Nullable<Element> => {\n      return this.rootNode;\n    };\n\n    public addRootNodeChangeListener = (callback: (node: Nullable<Element>) => void): TRootNodeSubscription => {\n      this.rootNodeEmitter.addListener('change', callback);\n      return {\n        remove: () => {\n          this.rootNodeEmitter.removeListener('change', callback);\n        },\n      };\n    };\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(rootNode, 'name', { value: Component.name });\n  }\n\n  return rootNode;\n}\n\nexport const isInstanceWithRootNode = (instance: unknown): instance is InstanceWithRootNode => {\n  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');\n};\n"]}

package/cjs/lib/utils.d.ts

@@ -29,6 +29,13 @@ export declare const isReactUINode: (componentName: string, node: React.ReactNod
  * @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`.

package/cjs/lib/utils.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.taskWithDelay = taskWithDelay;exports.isFunction = isFunction;exports.isFunctionalComponent = isFunctionalComponent;exports.isClassComponent = isClassComponent;exports.isIntrinsicElement = isIntrinsicElement;exports.isRefableElement = isRefableElement;exports.escapeRegExpSpecChars = escapeRegExpSpecChars;exports.mergeRefs = mergeRefs;exports.extractDataProps = exports.isReactUIComponent = exports.isNonNullable = exports.isReactUINode = exports.isExternalLink = exports.getRandomID = exports.CancelationError = exports.emptyHandler = exports.delay = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.taskWithDelay = taskWithDelay;exports.isFunction = isFunction;exports.isFunctionalComponent = isFunctionalComponent;exports.isClassComponent = isClassComponent;exports.isIntrinsicElement = isIntrinsicElement;exports.isRefableElement = isRefableElement;exports.escapeRegExpSpecChars = escapeRegExpSpecChars;exports.mergeRefs = mergeRefs;exports.extractDataProps = exports.isReactUIComponent = exports.isNullable = exports.isNonNullable = exports.isReactUINode = exports.isExternalLink = exports.getRandomID = exports.CancelationError = exports.emptyHandler = exports.delay = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIs = require("react-is");
 
@@ -93,13 +93,23 @@ 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`.
+ */exports.isNonNullable = isNonNullable;
+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`.
- */exports.isNonNullable = isNonNullable;
+ */exports.isNullable = isNullable;
 var isReactUIComponent = function isReactUIComponent(name) {
   return function (child) {var _child$type;
     // @ts-ignore

package/cjs/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["utils.ts"],"names":["delay","ms","Promise","resolve","setTimeout","emptyHandler","CancelationError","code","Error","taskWithDelay","task","cancelationToken","reject","then","catch","isFunction","x","isFunctionalComponent","Component","Boolean","prototype","isReactComponent","isClassComponent","isIntrinsicElement","element","type","isRefableElement","escapeRegExpSpecChars","s","replace","getRandomID","Math","random","toString","slice","isExternalLink","link","RegExp","isBrowser","window","location","host","test","isReactUINode","componentName","node","React","isValidElement","Object","hasOwnProperty","call","__KONTUR_REACT_UI__","isNonNullable","value","undefined","isReactUIComponent","name","child","mergeRefs","refs","forEach","ref","current","extractDataProps","props","dataProps","restWithoutDataProps","entries","map","startsWith"],"mappings":"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","sourcesContent":["import { ReactComponentLike } from 'prop-types';\nimport React from 'react';\nimport { isForwardRef } from 'react-is';\n\nimport { isBrowser } from './client';\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 const delay = (ms: number) => new Promise((resolve) => 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    setTimeout(resolve, ms);\n  })\n    .then(task)\n    .catch(() => null);\n\n  return cancelationToken;\n}\n\nexport function isFunction<T>(x: T | Function): x is Function {\n  return typeof x === 'function';\n}\n\nexport function isFunctionalComponent(Component: ReactComponentLike): boolean {\n  return Boolean(typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent));\n}\n\nexport function isClassComponent(Component: ReactComponentLike): boolean {\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 new RegExp(`^(https?:)?//${isBrowser ? `(?!${window.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-ignore\n      node.type.__KONTUR_REACT_UI__ === componentName\n    );\n  }\n\n  return false;\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 * 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-ignore\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      dataProps[name] = value;\n    } else {\n      restWithoutDataProps[name] = value;\n    }\n  });\n\n  return { dataProps, restWithoutDataProps };\n};\n"]}
+{"version":3,"sources":["utils.ts"],"names":["delay","ms","Promise","resolve","setTimeout","emptyHandler","CancelationError","code","Error","taskWithDelay","task","cancelationToken","reject","then","catch","isFunction","x","isFunctionalComponent","Component","Boolean","prototype","isReactComponent","isClassComponent","isIntrinsicElement","element","type","isRefableElement","escapeRegExpSpecChars","s","replace","getRandomID","Math","random","toString","slice","isExternalLink","link","RegExp","isBrowser","window","location","host","test","isReactUINode","componentName","node","React","isValidElement","Object","hasOwnProperty","call","__KONTUR_REACT_UI__","isNonNullable","value","undefined","isNullable","isReactUIComponent","name","child","mergeRefs","refs","forEach","ref","current","extractDataProps","props","dataProps","restWithoutDataProps","entries","map","startsWith"],"mappings":"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","sourcesContent":["import { ReactComponentLike } from 'prop-types';\nimport React from 'react';\nimport { isForwardRef } from 'react-is';\n\nimport { isBrowser } from './client';\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 const delay = (ms: number) => new Promise((resolve) => 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    setTimeout(resolve, ms);\n  })\n    .then(task)\n    .catch(() => null);\n\n  return cancelationToken;\n}\n\nexport function isFunction<T>(x: T | Function): x is Function {\n  return typeof x === 'function';\n}\n\nexport function isFunctionalComponent(Component: ReactComponentLike): boolean {\n  return Boolean(typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent));\n}\n\nexport function isClassComponent(Component: ReactComponentLike): boolean {\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 new RegExp(`^(https?:)?//${isBrowser ? `(?!${window.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-ignore\n      node.type.__KONTUR_REACT_UI__ === componentName\n    );\n  }\n\n  return false;\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-ignore\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      dataProps[name] = value;\n    } else {\n      restWithoutDataProps[name] = value;\n    }\n  });\n\n  return { dataProps, restWithoutDataProps };\n};\n"]}

package/components/CurrencyInput/CurrencyInput/CurrencyInput.js

@@ -8,6 +8,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import warning from 'warning';
 import debounce from 'lodash.debounce';
+import { isNonNullable, isNullable } from "../../../lib/utils";
 import { isIE11 } from "../../../lib/client";
 import { Input } from "../../Input";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
@@ -435,6 +436,12 @@ var CurrencyInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
       this.setState(this.getState(value, fractionDigits, hideTrailingZeros));
     }
 
+    if (isNonNullable(prevProps.value) && isNullable(value)) {
+      this.setState({
+        formatted: ''
+      });
+    }
+
     if (this.state.focused && this.input) {
       var _this$state$selection = this.state.selection,
           start = _this$state$selection.start,
@@ -486,7 +493,7 @@ var CurrencyInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
   signed: PropTypes.bool,
   size: PropTypes.oneOf(['small', 'medium', 'large']),
   value: function value(props) {
-    warning(isValidNumber(props.value), "[CurrencyInput]: Prop value is not a valid number");
+    warning(isValidNumber(props.value), '[CurrencyInput]: Prop `value` is not a valid number');
   },
   warning: PropTypes.bool,
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),