@skbkontur/react-ui 0.0.0-4bd3603e53 → 0.0.0-4c5579465d

package/cjs/lib/events/MouseDrag.js

@@ -1,4 +1,5 @@
-"use strict";exports.__esModule = true;exports.MouseDrag = void 0;var _client = require("../client");var
+"use strict";exports.__esModule = true;exports.MouseDrag = void 0;var _SSRSafe = require("../SSRSafe");
+var _client = require("../client");var
 
 MouseDragEventType;(function (MouseDragEventType) {MouseDragEventType["Start"] = "mousedragstart";MouseDragEventType["Move"] = "mousedragmove";MouseDragEventType["End"] = "mousedragend";MouseDragEventType["Leave"] = "mousedragleave";})(MouseDragEventType || (MouseDragEventType = {}));
 
@@ -19,7 +20,7 @@ var items = new Map();
 var documentHandleMouseUp = function documentHandleMouseUp(e) {return items.forEach(function (mouseDrag) {return mouseDrag.handleMouseUp(e);});};
 
 if (_client.canUseDOM) {
-  document.documentElement.addEventListener('mouseup', documentHandleMouseUp);
+  _SSRSafe.renderTarget.documentElement.addEventListener('mouseup', documentHandleMouseUp);
 }
 
 /**
@@ -161,7 +162,7 @@ function MouseDrag(elem) {var _this = this;this.clicked = false;this.dragging =
       return new MouseEvent(type, e);
     }
     // <=IE11
-    var eIE11 = document.createEvent('MouseEvent');
+    var eIE11 = _SSRSafe.renderTarget.createEvent('MouseEvent');
     eIE11.initEvent(type, true, true);
     return eIE11;
   };this.

package/cjs/lib/events/MouseDrag.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MouseDrag.ts"],"names":["MouseDragEventType","items","Map","documentHandleMouseUp","e","forEach","mouseDrag","handleMouseUp","canUseDOM","document","documentElement","addEventListener","MouseDrag","elem","clicked","dragging","stop","removeEventListener","handleMouseDown","handleMouseMove","handleMouseLeave","delete","onMouseDragStart","handler","on","Start","onMouseDragMove","Move","onMouseDragLeave","Leave","onMouseDragEnd","End","dispatchEvent","createEvent","type","x1","pageX","y1","pageY","mouseDragStartEvent","getLength","RADIUS","x2","y2","undefined","Math","sqrt","MouseEvent","eIE11","initEvent","mouseDragEvent","set","listen","has","get"],"mappings":"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","sourcesContent":["import { canUseDOM } from '../client';\n\nenum MouseDragEventType {\n  Start = 'mousedragstart',\n  Move = 'mousedragmove',\n  End = 'mousedragend',\n  Leave = 'mousedragleave',\n}\n\ntype MouseDragEvent = MouseEvent;\n\ntype HandlerNative<E = MouseEvent> = (e: E) => void;\ntype Handler = (e: MouseDragEvent) => void;\ntype On = (handler: Handler) => MouseDrag;\nexport type MouseDragEventHandler = (e: MouseDragEvent) => void;\n\nconst items: Map<HTMLElement, MouseDrag> = new Map();\n\nconst documentHandleMouseUp: HandlerNative = (e) => items.forEach((mouseDrag) => mouseDrag.handleMouseUp(e));\n\nif (canUseDOM) {\n  document.documentElement.addEventListener('mouseup', documentHandleMouseUp);\n}\n\n/**\n * ## Класс для отслеживания эффекта перетаскивания мышкой\n *\n * _Публичный метод `handleMouseUp` нельзя использовать!_\n *\n * ### Начало прослушивания и добавление обработчиков:\n * ```\n *   MouseDrag.listen(HTMLElement_1)\n *     .onMouseDragStart(start)\n *     .onMouseDragMove(move)\n *     .onMouseDragLeave(leave)\n *     .onMouseDragEnd(end);\n *\n * - - ИЛИ - -\n *\n *  const mouseDrag_1 = MouseDrag.listen(HTMLElement)...\n * ```\n *\n * ### Остановка прослушивания:\n * ```\n *   MouseDrag.stop(HTMLElement_1)\n *\n * - - ИЛИ - -\n *\n *   mouseDrag_1.stop();\n * ```\n */\nexport class MouseDrag {\n  // Радиус окружности, который необходимо преодолеть мышью, чтобы вызвалось событие `MouseDragStart`\n  public static readonly RADIUS: number = 5; // px\n\n  public static listen = (elem: HTMLElement): MouseDrag => {\n    if (items.has(elem)) {\n      const mouseDrag = items.get(elem);\n      if (mouseDrag) {\n        return mouseDrag;\n      }\n    }\n    return new MouseDrag(elem);\n  };\n\n  public static stop = (elem: HTMLElement | null): void => {\n    if (elem && items.has(elem)) {\n      const mouseDrag = items.get(elem);\n      if (mouseDrag) {\n        mouseDrag.stop();\n      }\n    }\n  };\n\n  private mouseDragStartEvent?: MouseDragEvent;\n  private clicked = false;\n  private dragging = false;\n\n  private x1?: number;\n  private y1?: number;\n\n  private elem: HTMLElement | null;\n\n  public constructor(elem: HTMLElement) {\n    this.elem = elem;\n    this.elem.addEventListener('mousedown', this.handleMouseDown);\n    this.elem.addEventListener('mousemove', this.handleMouseMove);\n    this.elem.addEventListener('mouseleave', this.handleMouseLeave);\n    items.set(this.elem, this);\n  }\n\n  public stop = (): void => {\n    if (this.elem !== null) {\n      this.elem.removeEventListener('mousedown', this.handleMouseDown);\n      this.elem.removeEventListener('mousemove', this.handleMouseMove);\n      this.elem.removeEventListener('mouseleave', this.handleMouseLeave);\n      items.delete(this.elem);\n    }\n    this.elem = null;\n  };\n\n  public onMouseDragStart: On = (handler) => this.on(MouseDragEventType.Start, handler);\n  public onMouseDragMove: On = (handler) => this.on(MouseDragEventType.Move, handler);\n  public onMouseDragLeave: On = (handler) => this.on(MouseDragEventType.Leave, handler);\n  public onMouseDragEnd: On = (handler) => this.on(MouseDragEventType.End, handler);\n\n  public handleMouseUp: HandlerNative = (e) => {\n    this.clicked = false;\n    if (this.dragging) {\n      this.dragging = false;\n      this.dispatchEvent(this.createEvent(MouseDragEventType.End, e));\n    }\n  };\n\n  private on = (type: MouseDragEventType, handler: Handler): MouseDrag => {\n    if (this.elem !== null) {\n      this.elem.removeEventListener(type, handler as HandlerNative<Event>);\n      this.elem.addEventListener(type, handler as HandlerNative<Event>);\n    }\n    return this;\n  };\n\n  private handleMouseDown: HandlerNative = (e) => {\n    if (!this.clicked) {\n      this.clicked = true;\n      this.x1 = e.pageX;\n      this.y1 = e.pageY;\n      this.mouseDragStartEvent = this.createEvent(MouseDragEventType.Start, e);\n    }\n  };\n\n  private handleMouseMove: HandlerNative = (e) => {\n    if (this.dragging) {\n      return this.dispatchEvent(this.createEvent(MouseDragEventType.Move, e));\n    }\n    if (this.clicked && this.getLength(e.pageX, e.pageY) > MouseDrag.RADIUS) {\n      this.dragging = true;\n      this.clicked = false;\n      if (this.mouseDragStartEvent) {\n        this.dispatchEvent(this.mouseDragStartEvent);\n      }\n    }\n  };\n\n  private handleMouseLeave: HandlerNative = (e) => {\n    if (this.dragging) {\n      this.dispatchEvent(this.createEvent(MouseDragEventType.Leave, e));\n    }\n  };\n\n  private getLength = (x2: number, y2: number): number => {\n    if (this.x1 !== undefined && this.y1 !== undefined) {\n      return Math.sqrt((x2 - this.x1) ** 2 + (y2 - this.y1) ** 2);\n    }\n\n    return 0;\n  };\n\n  private createEvent = (type: MouseDragEventType, e: MouseEvent): MouseDragEvent => {\n    if (typeof MouseEvent === 'function') {\n      return new MouseEvent(type, e);\n    }\n    // <=IE11\n    const eIE11 = document.createEvent('MouseEvent');\n    eIE11.initEvent(type, true, true);\n    return eIE11;\n  };\n\n  private dispatchEvent = (mouseDragEvent: MouseDragEvent): void => {\n    if (this.elem !== null) {\n      this.elem.dispatchEvent(mouseDragEvent);\n    }\n  };\n}\n"]}
+{"version":3,"sources":["MouseDrag.ts"],"names":["MouseDragEventType","items","Map","documentHandleMouseUp","e","forEach","mouseDrag","handleMouseUp","canUseDOM","renderTarget","documentElement","addEventListener","MouseDrag","elem","clicked","dragging","stop","removeEventListener","handleMouseDown","handleMouseMove","handleMouseLeave","delete","onMouseDragStart","handler","on","Start","onMouseDragMove","Move","onMouseDragLeave","Leave","onMouseDragEnd","End","dispatchEvent","createEvent","type","x1","pageX","y1","pageY","mouseDragStartEvent","getLength","RADIUS","x2","y2","undefined","Math","sqrt","MouseEvent","eIE11","initEvent","mouseDragEvent","set","listen","has","get"],"mappings":"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","sourcesContent":["import { renderTarget } from '../SSRSafe';\nimport { canUseDOM } from '../client';\n\nenum MouseDragEventType {\n  Start = 'mousedragstart',\n  Move = 'mousedragmove',\n  End = 'mousedragend',\n  Leave = 'mousedragleave',\n}\n\ntype MouseDragEvent = MouseEvent;\n\ntype HandlerNative<E = MouseEvent> = (e: E) => void;\ntype Handler = (e: MouseDragEvent) => void;\ntype On = (handler: Handler) => MouseDrag;\nexport type MouseDragEventHandler = (e: MouseDragEvent) => void;\n\nconst items: Map<HTMLElement, MouseDrag> = new Map();\n\nconst documentHandleMouseUp: HandlerNative = (e) => items.forEach((mouseDrag) => mouseDrag.handleMouseUp(e));\n\nif (canUseDOM) {\n  renderTarget.documentElement.addEventListener('mouseup', documentHandleMouseUp);\n}\n\n/**\n * ## Класс для отслеживания эффекта перетаскивания мышкой\n *\n * _Публичный метод `handleMouseUp` нельзя использовать!_\n *\n * ### Начало прослушивания и добавление обработчиков:\n * ```\n *   MouseDrag.listen(HTMLElement_1)\n *     .onMouseDragStart(start)\n *     .onMouseDragMove(move)\n *     .onMouseDragLeave(leave)\n *     .onMouseDragEnd(end);\n *\n * - - ИЛИ - -\n *\n *  const mouseDrag_1 = MouseDrag.listen(HTMLElement)...\n * ```\n *\n * ### Остановка прослушивания:\n * ```\n *   MouseDrag.stop(HTMLElement_1)\n *\n * - - ИЛИ - -\n *\n *   mouseDrag_1.stop();\n * ```\n */\nexport class MouseDrag {\n  // Радиус окружности, который необходимо преодолеть мышью, чтобы вызвалось событие `MouseDragStart`\n  public static readonly RADIUS: number = 5; // px\n\n  public static listen = (elem: HTMLElement): MouseDrag => {\n    if (items.has(elem)) {\n      const mouseDrag = items.get(elem);\n      if (mouseDrag) {\n        return mouseDrag;\n      }\n    }\n    return new MouseDrag(elem);\n  };\n\n  public static stop = (elem: HTMLElement | null): void => {\n    if (elem && items.has(elem)) {\n      const mouseDrag = items.get(elem);\n      if (mouseDrag) {\n        mouseDrag.stop();\n      }\n    }\n  };\n\n  private mouseDragStartEvent?: MouseDragEvent;\n  private clicked = false;\n  private dragging = false;\n\n  private x1?: number;\n  private y1?: number;\n\n  private elem: HTMLElement | null;\n\n  public constructor(elem: HTMLElement) {\n    this.elem = elem;\n    this.elem.addEventListener('mousedown', this.handleMouseDown);\n    this.elem.addEventListener('mousemove', this.handleMouseMove);\n    this.elem.addEventListener('mouseleave', this.handleMouseLeave);\n    items.set(this.elem, this);\n  }\n\n  public stop = (): void => {\n    if (this.elem !== null) {\n      this.elem.removeEventListener('mousedown', this.handleMouseDown);\n      this.elem.removeEventListener('mousemove', this.handleMouseMove);\n      this.elem.removeEventListener('mouseleave', this.handleMouseLeave);\n      items.delete(this.elem);\n    }\n    this.elem = null;\n  };\n\n  public onMouseDragStart: On = (handler) => this.on(MouseDragEventType.Start, handler);\n  public onMouseDragMove: On = (handler) => this.on(MouseDragEventType.Move, handler);\n  public onMouseDragLeave: On = (handler) => this.on(MouseDragEventType.Leave, handler);\n  public onMouseDragEnd: On = (handler) => this.on(MouseDragEventType.End, handler);\n\n  public handleMouseUp: HandlerNative = (e) => {\n    this.clicked = false;\n    if (this.dragging) {\n      this.dragging = false;\n      this.dispatchEvent(this.createEvent(MouseDragEventType.End, e));\n    }\n  };\n\n  private on = (type: MouseDragEventType, handler: Handler): MouseDrag => {\n    if (this.elem !== null) {\n      this.elem.removeEventListener(type, handler as HandlerNative<Event>);\n      this.elem.addEventListener(type, handler as HandlerNative<Event>);\n    }\n    return this;\n  };\n\n  private handleMouseDown: HandlerNative = (e) => {\n    if (!this.clicked) {\n      this.clicked = true;\n      this.x1 = e.pageX;\n      this.y1 = e.pageY;\n      this.mouseDragStartEvent = this.createEvent(MouseDragEventType.Start, e);\n    }\n  };\n\n  private handleMouseMove: HandlerNative = (e) => {\n    if (this.dragging) {\n      return this.dispatchEvent(this.createEvent(MouseDragEventType.Move, e));\n    }\n    if (this.clicked && this.getLength(e.pageX, e.pageY) > MouseDrag.RADIUS) {\n      this.dragging = true;\n      this.clicked = false;\n      if (this.mouseDragStartEvent) {\n        this.dispatchEvent(this.mouseDragStartEvent);\n      }\n    }\n  };\n\n  private handleMouseLeave: HandlerNative = (e) => {\n    if (this.dragging) {\n      this.dispatchEvent(this.createEvent(MouseDragEventType.Leave, e));\n    }\n  };\n\n  private getLength = (x2: number, y2: number): number => {\n    if (this.x1 !== undefined && this.y1 !== undefined) {\n      return Math.sqrt((x2 - this.x1) ** 2 + (y2 - this.y1) ** 2);\n    }\n\n    return 0;\n  };\n\n  private createEvent = (type: MouseDragEventType, e: MouseEvent): MouseDragEvent => {\n    if (typeof MouseEvent === 'function') {\n      return new MouseEvent(type, e);\n    }\n    // <=IE11\n    const eIE11 = renderTarget.createEvent('MouseEvent');\n    eIE11.initEvent(type, true, true);\n    return eIE11;\n  };\n\n  private dispatchEvent = (mouseDragEvent: MouseDragEvent): void => {\n    if (this.elem !== null) {\n      this.elem.dispatchEvent(mouseDragEvent);\n    }\n  };\n}\n"]}

package/cjs/lib/events/fixClickFocusIE.js

@@ -1,11 +1,12 @@
 "use strict";exports.__esModule = true;exports.fixClickFocusIE = void 0;var _tabbableHelpers = require("../dom/tabbableHelpers");
 var _client = require("../client");
+var _SSRSafe = require("../SSRSafe");
 
 var fixClickFocusIE = function fixClickFocusIE(e) {
   if (_client.isIE11 || _client.isEdge) {
     // workaround for the IE/Edge focus bug
     // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14306303/
-    if (document.activeElement !== e.target) {
+    if (_SSRSafe.renderTarget.activeElement !== e.target) {
       if (e.target instanceof HTMLElement) {
         var closestFocusable = (0, _tabbableHelpers.getClosestFocusableElement)(e.target);
         if (closestFocusable) {

package/cjs/lib/events/fixClickFocusIE.js.map

@@ -1 +1 @@
-{"version":3,"sources":["fixClickFocusIE.ts"],"names":["fixClickFocusIE","e","isIE11","isEdge","document","activeElement","target","HTMLElement","closestFocusable","focus"],"mappings":"wEAAA;AACA;;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,CAAD,EAAc;AAC3C,MAAIC,kBAAUC,cAAd,EAAsB;AACpB;AACA;AACA,QAAIC,QAAQ,CAACC,aAAT,KAA2BJ,CAAC,CAACK,MAAjC,EAAyC;AACvC,UAAIL,CAAC,CAACK,MAAF,YAAoBC,WAAxB,EAAqC;AACnC,YAAMC,gBAAgB,GAAG,iDAA2BP,CAAC,CAACK,MAA7B,CAAzB;AACA,YAAIE,gBAAJ,EAAsB;AACpBA,UAAAA,gBAAgB,CAACC,KAAjB;AACD;AACF;AACF;AACF;AACF,CAbM,C","sourcesContent":["import { getClosestFocusableElement } from '../dom/tabbableHelpers';\nimport { isIE11, isEdge } from '../client';\n\nexport const fixClickFocusIE = (e: Event) => {\n  if (isIE11 || isEdge) {\n    // workaround for the IE/Edge focus bug\n    // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14306303/\n    if (document.activeElement !== e.target) {\n      if (e.target instanceof HTMLElement) {\n        const closestFocusable = getClosestFocusableElement(e.target);\n        if (closestFocusable) {\n          closestFocusable.focus();\n        }\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["fixClickFocusIE.ts"],"names":["fixClickFocusIE","e","isIE11","isEdge","renderTarget","activeElement","target","HTMLElement","closestFocusable","focus"],"mappings":"wEAAA;AACA;AACA;;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,CAAD,EAAc;AAC3C,MAAIC,kBAAUC,cAAd,EAAsB;AACpB;AACA;AACA,QAAIC,sBAAaC,aAAb,KAA+BJ,CAAC,CAACK,MAArC,EAA6C;AAC3C,UAAIL,CAAC,CAACK,MAAF,YAAoBC,WAAxB,EAAqC;AACnC,YAAMC,gBAAgB,GAAG,iDAA2BP,CAAC,CAACK,MAA7B,CAAzB;AACA,YAAIE,gBAAJ,EAAsB;AACpBA,UAAAA,gBAAgB,CAACC,KAAjB;AACD;AACF;AACF;AACF;AACF,CAbM,C","sourcesContent":["import { getClosestFocusableElement } from '../dom/tabbableHelpers';\nimport { isIE11, isEdge } from '../client';\nimport { renderTarget } from '../SSRSafe';\n\nexport const fixClickFocusIE = (e: Event) => {\n  if (isIE11 || isEdge) {\n    // workaround for the IE/Edge focus bug\n    // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14306303/\n    if (renderTarget.activeElement !== e.target) {\n      if (e.target instanceof HTMLElement) {\n        const closestFocusable = getClosestFocusableElement(e.target);\n        if (closestFocusable) {\n          closestFocusable.focus();\n        }\n      }\n    }\n  }\n};\n"]}

package/cjs/lib/events/keyListener.js

@@ -1,4 +1,5 @@
-"use strict";exports.__esModule = true;exports.keyListener = void 0;var _client = require("../client");
+"use strict";exports.__esModule = true;exports.keyListener = void 0;var _SSRSafe = require("../SSRSafe");
+var _client = require("../client");
 
 var _identifiers = require("./keyboard/identifiers");var
 
@@ -7,11 +8,11 @@ KeyListener =
 
 function KeyListener() {var _this = this;this.isTabPressed = false;this.isArrowPressed = false;
   if (_client.isBrowser) {
-    window.addEventListener('keydown', function (e) {
+    _SSRSafe.globalThat.addEventListener('keydown', function (e) {
       _this.isTabPressed = (0, _identifiers.isKeyTab)(e);
       _this.isArrowPressed = (0, _identifiers.isKeyArrow)(e);
     });
-    window.addEventListener('mousedown', function () {
+    _SSRSafe.globalThat.addEventListener('mousedown', function () {
       _this.isTabPressed = false;
       _this.isArrowPressed = false;
     });

package/cjs/lib/events/keyListener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["keyListener.ts"],"names":["KeyListener","isTabPressed","isArrowPressed","isBrowser","window","addEventListener","e","keyListener"],"mappings":"oEAAA;;AAEA,qD;;AAEMA,W;;;AAGJ,uBAAc,uBAFPC,YAEO,GAFQ,KAER,MADPC,cACO,GADU,KACV;AACZ,MAAIC,iBAAJ,EAAe;AACbC,IAAAA,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmC,UAACC,CAAD,EAAO;AACxC,MAAA,KAAI,CAACL,YAAL,GAAoB,2BAASK,CAAT,CAApB;AACA,MAAA,KAAI,CAACJ,cAAL,GAAsB,6BAAWI,CAAX,CAAtB;AACD,KAHD;AAIAF,IAAAA,MAAM,CAACC,gBAAP,CAAwB,WAAxB,EAAqC,YAAM;AACzC,MAAA,KAAI,CAACJ,YAAL,GAAoB,KAApB;AACA,MAAA,KAAI,CAACC,cAAL,GAAsB,KAAtB;AACD,KAHD;AAID;AACF,C;;;AAGI,IAAMK,WAAW,GAAG,IAAIP,WAAJ,EAApB,C","sourcesContent":["import { isBrowser } from '../client';\n\nimport { isKeyArrow, isKeyTab } from './keyboard/identifiers';\n\nclass KeyListener {\n  public isTabPressed = false;\n  public isArrowPressed = false;\n  constructor() {\n    if (isBrowser) {\n      window.addEventListener('keydown', (e) => {\n        this.isTabPressed = isKeyTab(e);\n        this.isArrowPressed = isKeyArrow(e);\n      });\n      window.addEventListener('mousedown', () => {\n        this.isTabPressed = false;\n        this.isArrowPressed = false;\n      });\n    }\n  }\n}\n\nexport const keyListener = new KeyListener();\n"]}
+{"version":3,"sources":["keyListener.ts"],"names":["KeyListener","isTabPressed","isArrowPressed","isBrowser","globalThat","addEventListener","e","keyListener"],"mappings":"oEAAA;AACA;;AAEA,qD;;AAEMA,W;;;AAGJ,uBAAc,uBAFPC,YAEO,GAFQ,KAER,MADPC,cACO,GADU,KACV;AACZ,MAAIC,iBAAJ,EAAe;AACbC,wBAAWC,gBAAX,CAA4B,SAA5B,EAAuC,UAACC,CAAD,EAAO;AAC5C,MAAA,KAAI,CAACL,YAAL,GAAoB,2BAASK,CAAT,CAApB;AACA,MAAA,KAAI,CAACJ,cAAL,GAAsB,6BAAWI,CAAX,CAAtB;AACD,KAHD;AAIAF,wBAAWC,gBAAX,CAA4B,WAA5B,EAAyC,YAAM;AAC7C,MAAA,KAAI,CAACJ,YAAL,GAAoB,KAApB;AACA,MAAA,KAAI,CAACC,cAAL,GAAsB,KAAtB;AACD,KAHD;AAID;AACF,C;;;AAGI,IAAMK,WAAW,GAAG,IAAIP,WAAJ,EAApB,C","sourcesContent":["import { globalThat } from '../SSRSafe';\nimport { isBrowser } from '../client';\n\nimport { isKeyArrow, isKeyTab } from './keyboard/identifiers';\n\nclass KeyListener {\n  public isTabPressed = false;\n  public isArrowPressed = false;\n  constructor() {\n    if (isBrowser) {\n      globalThat.addEventListener('keydown', (e) => {\n        this.isTabPressed = isKeyTab(e);\n        this.isArrowPressed = isKeyArrow(e);\n      });\n      globalThat.addEventListener('mousedown', () => {\n        this.isTabPressed = false;\n        this.isArrowPressed = false;\n      });\n    }\n  }\n}\n\nexport const keyListener = new KeyListener();\n"]}

package/cjs/lib/forwardRefAndName.d.ts

@@ -3,3 +3,7 @@ export interface ReactUIComponentWithRef<T, P> extends React.NamedExoticComponen
     __KONTUR_REACT_UI__: string;
 }
 export declare function forwardRefAndName<ElementType, Props>(name: string, render: React.ForwardRefRenderFunction<ElementType, Props>): ReactUIComponentWithRef<ElementType, Props>;
+export interface ReactUIIconWithRef<T, P> extends ReactUIComponentWithRef<T, P> {
+    __KONTUR_ICON__: boolean;
+}
+export declare function forwardRefAndIconName<ElementType, Props>(name: string, render: React.ForwardRefRenderFunction<ElementType, Props>): ReactUIIconWithRef<ElementType, Props>;

package/cjs/lib/forwardRefAndName.js

@@ -1,4 +1,4 @@
-"use strict";exports.__esModule = true;exports.forwardRefAndName = forwardRefAndName;var _react = require("react");
+"use strict";exports.__esModule = true;exports.forwardRefAndIconName = forwardRefAndIconName;exports.forwardRefAndName = forwardRefAndName;var _react = require("react");
 
 
 
@@ -20,4 +20,25 @@ name,
 render)
 {
   return forwardName(name, /*#__PURE__*/(0, _react.forwardRef)(render));
+}
+
+
+
+
+
+function forwardIconName(
+name,
+render)
+{
+  render.displayName = name;
+  render.__KONTUR_REACT_UI__ = name;
+  render.__KONTUR_ICON__ = true;
+  return render;
+}
+
+function forwardRefAndIconName(
+name,
+render)
+{
+  return forwardIconName(name, /*#__PURE__*/(0, _react.forwardRef)(render));
 }

package/cjs/lib/forwardRefAndName.js.map

@@ -1 +1 @@
-{"version":3,"sources":["forwardRefAndName.ts"],"names":["forwardName","name","render","displayName","__KONTUR_REACT_UI__","forwardRefAndName"],"mappings":"qFAAA;;;;;;;;AAQA,SAASA,WAAT;AACEC,IADF;AAEEC,MAFF;AAG+C;AAC7CA,EAAAA,MAAM,CAACC,WAAP,GAAqBF,IAArB;AACAC,EAAAA,MAAM,CAACE,mBAAP,GAA6BH,IAA7B;AACA,SAAOC,MAAP;AACD;;AAEM,SAASG,iBAAT;AACLJ,IADK;AAELC,MAFK;AAGwC;AAC7C,SAAOF,WAAW,CAAqBC,IAArB,eAA2B,uBAAWC,MAAX,CAA3B,CAAlB;AACD","sourcesContent":["import { forwardRef } from 'react';\n\nexport interface ReactUIComponentWithRef<T, P>\n  extends React.NamedExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>,\n    Pick<React.ForwardRefExoticComponent<P>, 'propTypes'> {\n  __KONTUR_REACT_UI__: string;\n}\n\nfunction forwardName<ElementType, Props>(\n  name: string,\n  render: ReactUIComponentWithRef<ElementType, Props>,\n): ReactUIComponentWithRef<ElementType, Props> {\n  render.displayName = name;\n  render.__KONTUR_REACT_UI__ = name;\n  return render;\n}\n\nexport function forwardRefAndName<ElementType, Props>(\n  name: string,\n  render: React.ForwardRefRenderFunction<ElementType, Props>,\n): ReactUIComponentWithRef<ElementType, Props> {\n  return forwardName<ElementType, Props>(name, forwardRef(render) as ReactUIComponentWithRef<ElementType, Props>);\n}\n"]}
+{"version":3,"sources":["forwardRefAndName.ts"],"names":["forwardName","name","render","displayName","__KONTUR_REACT_UI__","forwardRefAndName","forwardIconName","__KONTUR_ICON__","forwardRefAndIconName"],"mappings":"2IAAA;;;;;;;;AAQA,SAASA,WAAT;AACEC,IADF;AAEEC,MAFF;AAG+C;AAC7CA,EAAAA,MAAM,CAACC,WAAP,GAAqBF,IAArB;AACAC,EAAAA,MAAM,CAACE,mBAAP,GAA6BH,IAA7B;AACA,SAAOC,MAAP;AACD;;AAEM,SAASG,iBAAT;AACLJ,IADK;AAELC,MAFK;AAGwC;AAC7C,SAAOF,WAAW,CAAqBC,IAArB,eAA2B,uBAAWC,MAAX,CAA3B,CAAlB;AACD;;;;;;AAMD,SAASI,eAAT;AACEL,IADF;AAEEC,MAFF;AAG0C;AACxCA,EAAAA,MAAM,CAACC,WAAP,GAAqBF,IAArB;AACAC,EAAAA,MAAM,CAACE,mBAAP,GAA6BH,IAA7B;AACAC,EAAAA,MAAM,CAACK,eAAP,GAAyB,IAAzB;AACA,SAAOL,MAAP;AACD;;AAEM,SAASM,qBAAT;AACLP,IADK;AAELC,MAFK;AAGmC;AACxC,SAAOI,eAAe,CAAqBL,IAArB,eAA2B,uBAAWC,MAAX,CAA3B,CAAtB;AACD","sourcesContent":["import { forwardRef } from 'react';\n\nexport interface ReactUIComponentWithRef<T, P>\n  extends React.NamedExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>,\n    Pick<React.ForwardRefExoticComponent<P>, 'propTypes'> {\n  __KONTUR_REACT_UI__: string;\n}\n\nfunction forwardName<ElementType, Props>(\n  name: string,\n  render: ReactUIComponentWithRef<ElementType, Props>,\n): ReactUIComponentWithRef<ElementType, Props> {\n  render.displayName = name;\n  render.__KONTUR_REACT_UI__ = name;\n  return render;\n}\n\nexport function forwardRefAndName<ElementType, Props>(\n  name: string,\n  render: React.ForwardRefRenderFunction<ElementType, Props>,\n): ReactUIComponentWithRef<ElementType, Props> {\n  return forwardName<ElementType, Props>(name, forwardRef(render) as ReactUIComponentWithRef<ElementType, Props>);\n}\n\nexport interface ReactUIIconWithRef<T, P> extends ReactUIComponentWithRef<T, P> {\n  __KONTUR_ICON__: boolean;\n}\n\nfunction forwardIconName<ElementType, Props>(\n  name: string,\n  render: ReactUIIconWithRef<ElementType, Props>,\n): ReactUIIconWithRef<ElementType, Props> {\n  render.displayName = name;\n  render.__KONTUR_REACT_UI__ = name;\n  render.__KONTUR_ICON__ = true;\n  return render;\n}\n\nexport function forwardRefAndIconName<ElementType, Props>(\n  name: string,\n  render: React.ForwardRefRenderFunction<ElementType, Props>,\n): ReactUIIconWithRef<ElementType, Props> {\n  return forwardIconName<ElementType, Props>(name, forwardRef(render) as ReactUIIconWithRef<ElementType, Props>);\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

@@ -2,6 +2,7 @@
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
 
 var _client = require("./client");
+var _SSRSafe = require("./SSRSafe");
 
 
 
@@ -19,7 +20,7 @@ function addHandleEvent() {
    * Mozilla Firefix
    *   ¯\_(ツ)_/¯
    */
-  document.body.addEventListener(
+  _SSRSafe.renderTarget.body.addEventListener(
   _client.isFirefox ? 'focus' : 'focusin',
   _client.isFirefox ? (0, _lodash.default)(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus,
   { capture: true });
@@ -27,10 +28,10 @@ function addHandleEvent() {
 }
 
 if (_client.isBrowser) {
-  if (document.readyState === 'complete') {
+  if (_SSRSafe.renderTarget.readyState === 'complete') {
     addHandleEvent();
   } else {
-    window.addEventListener('load', addHandleEvent);
+    _SSRSafe.globalThat.addEventListener('load', addHandleEvent);
   }
 }
 
@@ -73,8 +74,8 @@ function findRenderContainer(node, rootNode, container) {
   !currentNode ||
   node === rootNode ||
   currentNode === rootNode ||
-  currentNode === document.body ||
-  currentNode === document.documentElement ||
+  currentNode === _SSRSafe.renderTarget.body ||
+  currentNode === _SSRSafe.renderTarget.documentElement ||
   !(currentNode instanceof Element))
   {
     return container ? container : null;
@@ -82,7 +83,7 @@ function findRenderContainer(node, rootNode, container) {
 
   var newContainerId = currentNode.getAttribute('data-rendered-container-id');
   if (newContainerId) {
-    var nextNode = document.querySelector("[data-render-container-id~=\"" + newContainerId + "\"]");
+    var nextNode = _SSRSafe.renderTarget.querySelector("[data-render-container-id~=\"" + newContainerId + "\"]");
 
     if (!nextNode) {
       throw Error("Origin node for render container was not found");

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 render container 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","renderTarget","body","addEventListener","isFirefox","handleNativeFocus","leading","trailing","capture","isBrowser","readyState","globalThat","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';\nimport { globalThat, renderTarget } from './SSRSafe';\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  renderTarget.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 (renderTarget.readyState === 'complete') {\n    addHandleEvent();\n  } else {\n    globalThat.addEventListener('load', addHandleEvent);\n  }\n}\n\nfunction handleNativeFocus(event: UIEvent) {\n  // FIXME: not safe casting\n  const target: Element = (event.target || event.srcElement) as Element;\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 === renderTarget.body ||\n    currentNode === renderTarget.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 = renderTarget.querySelector(`[data-render-container-id~=\"${newContainerId}\"]`);\n\n    if (!nextNode) {\n      throw Error(`Origin node for render container 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/locale/LOCALECONTEXT.md

@@ -20,6 +20,7 @@ LocaleControls
 
 ```typescript static
 interface LocaleControls {
+  Autocomplete?: AutocompleteLocale;
   Spinner?: SpinnerLocale;
   TokenInput?: TokenInputLocale;
   ComboBox?: ComboBoxLocale;

package/cjs/lib/locale/decorators.js

@@ -21,17 +21,14 @@ function locale(controlName, localeHelper) {
         function set(l) {
           // TODO альтернативная транспиляция декораторов ломает тесты
         } }, { key: "langCode", get:
-
         function get() {var _this$context$langCod;
           return (_this$context$langCod = this.context.langCode) != null ? _this$context$langCod : _constants.defaultLangCode;
         } }]);return LocaleDecorator;}(constructor), _class.contextType = _LocaleContext.LocaleContext, _temp);
 
-
     var nameDescriptor = Object.getOwnPropertyDescriptor(LocaleDecorator, 'name');
     if (!nameDescriptor || nameDescriptor.configurable) {
       Object.defineProperty(LocaleDecorator, 'name', { value: constructor.name });
     }
-
     return LocaleDecorator;
   };
 }

package/cjs/lib/locale/decorators.js.map

@@ -1 +1 @@
-{"version":3,"sources":["decorators.tsx"],"names":["locale","controlName","localeHelper","constructor","LocaleDecorator","localeFromContext","context","Object","assign","get","langCode","l","defaultLangCode","contextType","LocaleContext","nameDescriptor","getOwnPropertyDescriptor","configurable","defineProperty","value","name"],"mappings":";;AAEA;AACA;;;;AAIO,SAASA,MAAT,CAAmBC,WAAnB,EAAsDC,YAAtD,EAAqF;AAC1F,SAAO,UAAoDC,WAApD,EAAuE;AAC5E,QAAMC,eAAe;;;AAGZH,QAAAA,WAHY,GAGwBA,WAHxB;AAIZC,QAAAA,YAJY,GAIoBA,YAJpB;;AAMnB,uBAAuB;AACrB,cAAMG,iBAAiB,2BAAG,KAAKC,OAAL,CAAaN,MAAhB,qBAAG,qBAAsB,KAAKC,WAA3B,CAA1B;AACA,iBAAOM,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAKN,YAAL,CAAkBO,GAAlB,CAAsB,KAAKH,OAAL,CAAaI,QAAnC,CAAlB,EAAgEL,iBAAhE,CAAP;AACD,SATkB;;AAWnB,qBAAkBM,CAAlB,EAAwB;AACtB;AACD,SAbkB;;AAenB,uBAAiC;AAC/B,0CAAO,KAAKL,OAAL,CAAaI,QAApB,oCAAgCE,0BAAhC;AACD,SAjBkB,8BAAiBT,WAAjB,UACLU,WADK,GACSC,4BADT,QAArB;;;AAoBA,QAAMC,cAAc,GAAGR,MAAM,CAACS,wBAAP,CAAgCZ,eAAhC,EAAiD,MAAjD,CAAvB;AACA,QAAI,CAACW,cAAD,IAAmBA,cAAc,CAACE,YAAtC,EAAoD;AAClDV,MAAAA,MAAM,CAACW,cAAP,CAAsBd,eAAtB,EAAuC,MAAvC,EAA+C,EAAEe,KAAK,EAAEhB,WAAW,CAACiB,IAArB,EAA/C;AACD;;AAED,WAAOhB,eAAP;AACD,GA3BD;AA4BD","sourcesContent":["import React from 'react';\n\nimport { defaultLangCode } from './constants';\nimport { LocaleContext } from './LocaleContext';\nimport { LocaleHelper } from './LocaleHelper';\nimport { LangCodes, LocaleControls } from './types';\n\nexport function locale<C>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<C>) {\n  return <T extends new (...args: any[]) => React.Component>(constructor: T) => {\n    const LocaleDecorator = class extends constructor {\n      public static contextType = LocaleContext;\n      public context!: React.ContextType<typeof LocaleContext>;\n      public controlName: keyof LocaleControls = controlName;\n      public localeHelper: LocaleHelper<C> = localeHelper;\n\n      public get locale(): C {\n        const localeFromContext = this.context.locale?.[this.controlName];\n        return Object.assign({}, this.localeHelper.get(this.context.langCode), localeFromContext);\n      }\n\n      public set locale(l: C) {\n        // TODO альтернативная транспиляция декораторов ломает тесты\n      }\n\n      public get langCode(): LangCodes {\n        return this.context.langCode ?? defaultLangCode;\n      }\n    };\n\n    const nameDescriptor = Object.getOwnPropertyDescriptor(LocaleDecorator, 'name');\n    if (!nameDescriptor || nameDescriptor.configurable) {\n      Object.defineProperty(LocaleDecorator, 'name', { value: constructor.name });\n    }\n\n    return LocaleDecorator;\n  };\n}\n"]}
+{"version":3,"sources":["decorators.tsx"],"names":["locale","controlName","localeHelper","constructor","LocaleDecorator","localeFromContext","context","Object","assign","get","langCode","l","defaultLangCode","contextType","LocaleContext","nameDescriptor","getOwnPropertyDescriptor","configurable","defineProperty","value","name"],"mappings":";;AAEA;AACA;;;;AAIO,SAASA,MAAT,CAAmBC,WAAnB,EAAsDC,YAAtD,EAAqF;AAC1F,SAAO,UAAoDC,WAApD,EAAuE;AAC5E,QAAMC,eAAe;;;AAGZH,QAAAA,WAHY,GAGwBA,WAHxB;AAIZC,QAAAA,YAJY,GAIoBA,YAJpB;;AAMnB,uBAAuB;AACrB,cAAMG,iBAAiB,2BAAG,KAAKC,OAAL,CAAaN,MAAhB,qBAAG,qBAAsB,KAAKC,WAA3B,CAA1B;AACA,iBAAOM,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAKN,YAAL,CAAkBO,GAAlB,CAAsB,KAAKH,OAAL,CAAaI,QAAnC,CAAlB,EAAgEL,iBAAhE,CAAP;AACD,SATkB;;AAWnB,qBAAkBM,CAAlB,EAAwB;AACtB;AACD,SAbkB;AAcnB,uBAAiC;AAC/B,0CAAO,KAAKL,OAAL,CAAaI,QAApB,oCAAgCE,0BAAhC;AACD,SAhBkB,8BAAiBT,WAAjB,UACLU,WADK,GACSC,4BADT,QAArB;;AAkBA,QAAMC,cAAc,GAAGR,MAAM,CAACS,wBAAP,CAAgCZ,eAAhC,EAAiD,MAAjD,CAAvB;AACA,QAAI,CAACW,cAAD,IAAmBA,cAAc,CAACE,YAAtC,EAAoD;AAClDV,MAAAA,MAAM,CAACW,cAAP,CAAsBd,eAAtB,EAAuC,MAAvC,EAA+C,EAAEe,KAAK,EAAEhB,WAAW,CAACiB,IAArB,EAA/C;AACD;AACD,WAAOhB,eAAP;AACD,GAxBD;AAyBD","sourcesContent":["import React from 'react';\n\nimport { defaultLangCode } from './constants';\nimport { LocaleContext } from './LocaleContext';\nimport { LocaleHelper } from './LocaleHelper';\nimport { LangCodes, LocaleControls } from './types';\n\nexport function locale<C>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<C>) {\n  return <T extends new (...args: any[]) => React.Component>(constructor: T) => {\n    const LocaleDecorator = class extends constructor {\n      public static contextType = LocaleContext;\n      public context!: React.ContextType<typeof LocaleContext>;\n      public controlName: keyof LocaleControls = controlName;\n      public localeHelper: LocaleHelper<C> = localeHelper;\n\n      public get locale(): C {\n        const localeFromContext = this.context.locale?.[this.controlName];\n        return Object.assign({}, this.localeHelper.get(this.context.langCode), localeFromContext);\n      }\n\n      public set locale(l: C) {\n        // TODO альтернативная транспиляция декораторов ломает тесты\n      }\n      public get langCode(): LangCodes {\n        return this.context.langCode ?? defaultLangCode;\n      }\n    };\n    const nameDescriptor = Object.getOwnPropertyDescriptor(LocaleDecorator, 'name');\n    if (!nameDescriptor || nameDescriptor.configurable) {\n      Object.defineProperty(LocaleDecorator, 'name', { value: constructor.name });\n    }\n    return LocaleDecorator;\n  };\n}\n"]}

package/cjs/lib/locale/types.d.ts

@@ -5,6 +5,7 @@ import { SelectLocale } from '../../components/Select/locale';
 import { SpinnerLocale } from '../../components/Spinner/locale';
 import { TokenInputLocale } from '../../components/TokenInput/locale';
 import { FileUploaderLocale } from '../../components/FileUploader/locale';
+import { CalendarLocale } from '../../components/Calendar/locale/types';
 export interface LocaleControls {
     [key: string]: any;
     Spinner?: Partial<SpinnerLocale>;
@@ -13,6 +14,7 @@ export interface LocaleControls {
     Select?: Partial<SelectLocale>;
     Paging?: Partial<PagingLocale>;
     DatePicker?: Partial<DatePickerLocale>;
+    Calendar?: Partial<CalendarLocale>;
     FileUploader?: Partial<FileUploaderLocale>;
 }
 export declare enum LangCodes {

package/cjs/lib/locale/types.js

@@ -17,4 +17,6 @@
 
 
 
+
+
 LangCodes;exports.LangCodes = LangCodes;(function (LangCodes) {LangCodes["ru_RU"] = "ru_RU";LangCodes["en_GB"] = "en_GB";})(LangCodes || (exports.LangCodes = LangCodes = {}));

package/cjs/lib/locale/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["types.ts"],"names":["LangCodes"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBYA,S,0CAAAA,S,GAAAA,S,oBAAAA,S,uBAAAA,S,yBAAAA,S","sourcesContent":["import { ComboBoxLocale } from '../../internal/CustomComboBox/locale';\nimport { DatePickerLocale } from '../../components/DatePicker/locale';\nimport { PagingLocale } from '../../components/Paging/locale';\nimport { SelectLocale } from '../../components/Select/locale';\nimport { SpinnerLocale } from '../../components/Spinner/locale';\nimport { TokenInputLocale } from '../../components/TokenInput/locale';\nimport { FileUploaderLocale } from '../../components/FileUploader/locale';\n\nexport interface LocaleControls {\n  [key: string]: any;\n  Spinner?: Partial<SpinnerLocale>;\n  TokenInput?: Partial<TokenInputLocale>;\n  ComboBox?: Partial<ComboBoxLocale>;\n  Select?: Partial<SelectLocale>;\n  Paging?: Partial<PagingLocale>;\n  DatePicker?: Partial<DatePickerLocale>;\n  FileUploader?: Partial<FileUploaderLocale>;\n}\n\nexport enum LangCodes {\n  ru_RU = 'ru_RU',\n  en_GB = 'en_GB',\n}\n"]}
+{"version":3,"sources":["types.ts"],"names":["LangCodes"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBYA,S,0CAAAA,S,GAAAA,S,oBAAAA,S,uBAAAA,S,yBAAAA,S","sourcesContent":["import { ComboBoxLocale } from '../../internal/CustomComboBox/locale';\nimport { DatePickerLocale } from '../../components/DatePicker/locale';\nimport { PagingLocale } from '../../components/Paging/locale';\nimport { SelectLocale } from '../../components/Select/locale';\nimport { SpinnerLocale } from '../../components/Spinner/locale';\nimport { TokenInputLocale } from '../../components/TokenInput/locale';\nimport { FileUploaderLocale } from '../../components/FileUploader/locale';\nimport { CalendarLocale } from '../../components/Calendar/locale/types';\n\nexport interface LocaleControls {\n  [key: string]: any;\n  Spinner?: Partial<SpinnerLocale>;\n  TokenInput?: Partial<TokenInputLocale>;\n  ComboBox?: Partial<ComboBoxLocale>;\n  Select?: Partial<SelectLocale>;\n  Paging?: Partial<PagingLocale>;\n  DatePicker?: Partial<DatePickerLocale>;\n  Calendar?: Partial<CalendarLocale>;\n  FileUploader?: Partial<FileUploaderLocale>;\n}\n\nexport enum LangCodes {\n  ru_RU = 'ru_RU',\n  en_GB = 'en_GB',\n}\n"]}

package/cjs/lib/needsPolyfillPlaceholder.js

@@ -1,8 +1,9 @@
-"use strict";exports.__esModule = true;exports.needsPolyfillPlaceholder = void 0;var _client = require("./client");
+"use strict";exports.__esModule = true;exports.needsPolyfillPlaceholder = void 0;var _SSRSafe = require("./SSRSafe");
+var _client = require("./client");
 
 var needsPolyfillPlaceholderInternal = function needsPolyfillPlaceholderInternal() {
   if (_client.canUseDOM) {
-    var supportsPlaceholder = ('placeholder' in document.createElement('input'));
+    var supportsPlaceholder = ('placeholder' in _SSRSafe.renderTarget.createElement('input'));
     if (!supportsPlaceholder || _client.isIE11) {
       return true;
     }

package/cjs/lib/needsPolyfillPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["needsPolyfillPlaceholder.ts"],"names":["needsPolyfillPlaceholderInternal","canUseDOM","supportsPlaceholder","document","createElement","isIE11","needsPolyfillPlaceholder"],"mappings":"iFAAA;;AAEA,IAAMA,gCAAgC,GAAG,SAAnCA,gCAAmC,GAAM;AAC7C,MAAIC,iBAAJ,EAAe;AACb,QAAMC,mBAAmB,IAAG,iBAAiBC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAApB,CAAzB;AACA,QAAI,CAACF,mBAAD,IAAwBG,cAA5B,EAAoC;AAClC,aAAO,IAAP;AACD;AACF;;AAED,SAAO,KAAP;AACD,CATD;;AAWA;AACA;AACA;AACA;AACA;AACO,IAAMC,wBAAwB,GAAGN,gCAAgC,EAAjE,C","sourcesContent":["import { canUseDOM, isIE11 } from './client';\n\nconst needsPolyfillPlaceholderInternal = () => {\n  if (canUseDOM) {\n    const supportsPlaceholder = 'placeholder' in document.createElement('input');\n    if (!supportsPlaceholder || isIE11) {\n      return true;\n    }\n  }\n\n  return false;\n};\n\n/**\n * Определяет поддерживает ли браузер аттрибут `placeholder` для тега `input`\n *\n * Равен true, если браузеру нужен полифил для placeholder. Иначе - false\n */\nexport const needsPolyfillPlaceholder = needsPolyfillPlaceholderInternal();\n"]}
+{"version":3,"sources":["needsPolyfillPlaceholder.ts"],"names":["needsPolyfillPlaceholderInternal","canUseDOM","supportsPlaceholder","renderTarget","createElement","isIE11","needsPolyfillPlaceholder"],"mappings":"iFAAA;AACA;;AAEA,IAAMA,gCAAgC,GAAG,SAAnCA,gCAAmC,GAAM;AAC7C,MAAIC,iBAAJ,EAAe;AACb,QAAMC,mBAAmB,IAAG,iBAAiBC,sBAAaC,aAAb,CAA2B,OAA3B,CAApB,CAAzB;AACA,QAAI,CAACF,mBAAD,IAAwBG,cAA5B,EAAoC;AAClC,aAAO,IAAP;AACD;AACF;;AAED,SAAO,KAAP;AACD,CATD;;AAWA;AACA;AACA;AACA;AACA;AACO,IAAMC,wBAAwB,GAAGN,gCAAgC,EAAjE,C","sourcesContent":["import { renderTarget } from './SSRSafe';\nimport { canUseDOM, isIE11 } from './client';\n\nconst needsPolyfillPlaceholderInternal = () => {\n  if (canUseDOM) {\n    const supportsPlaceholder = 'placeholder' in renderTarget.createElement('input');\n    if (!supportsPlaceholder || isIE11) {\n      return true;\n    }\n  }\n\n  return false;\n};\n\n/**\n * Определяет поддерживает ли браузер аттрибут `placeholder` для тега `input`\n *\n * Равен true, если браузеру нужен полифил для placeholder. Иначе - false\n */\nexport const needsPolyfillPlaceholder = needsPolyfillPlaceholderInternal();\n"]}

package/cjs/lib/net/fetch.js

@@ -1,4 +1,6 @@
-"use strict";exports.__esModule = true;exports.fetch = fetch;
+"use strict";exports.__esModule = true;exports.fetch = fetch;var _SSRSafe = require("../SSRSafe");
+
+
 
 
 
@@ -34,9 +36,7 @@ function fetch(uri, options) {if (options === void 0) {options = {};}
 }
 
 function createXHR() {
-  // @ts-expect-error: XDomainRequest is IE-specific API, therefore it was removed from `lib.d.ts`. See: https://github.com/Microsoft/TypeScript/issues/2927.
-  if (global.XDomainRequest) {
-    // @ts-expect-error: Read the comment above.
+  if ('XDomainRequest' in _SSRSafe.globalThat) {
     return new XDomainRequest();
   }
   return new XMLHttpRequest();

package/cjs/lib/net/fetch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["fetch.ts"],"names":["fetch","uri","options","method","xhr","createXHR","promise","Promise","resolve","reject","onerror","ontimeout","onload","ok","status","statusText","text","responseText","json","JSON","parse","open","send","body","global","XDomainRequest","XMLHttpRequest"],"mappings":";;;;;;;;;;AAUO,SAASA,KAAT,CAAeC,GAAf,EAA4BC,OAA5B,EAA8F,KAAlEA,OAAkE,cAAlEA,OAAkE,GAAZ,EAAY;AACnG,MAAMC,MAAM,GAAGD,OAAO,CAACC,MAAR,IAAkB,KAAjC;AACA,MAAMC,GAAG,GAAGC,SAAS,EAArB;;AAEA,MAAMC,OAAO,GAAG,IAAIC,OAAJ,CAA6B,UAACC,OAAD,EAAUC,MAAV,EAAqB;AAChEL,IAAAA,GAAG,CAACM,OAAJ,GAAcD,MAAd;AACAL,IAAAA,GAAG,CAACO,SAAJ,GAAgBF,MAAhB;;AAEAL,IAAAA,GAAG,CAACQ,MAAJ,GAAa,YAAM;AACjBJ,MAAAA,OAAO,CAAC;AACNK,QAAAA,EAAE,EAAET,GAAG,CAACU,MAAJ,IAAc,GAAd,IAAqBV,GAAG,CAACU,MAAJ,GAAa,GADhC;AAENA,QAAAA,MAAM,EAAEV,GAAG,CAACU,MAFN;AAGNC,QAAAA,UAAU,EAAEX,GAAG,CAACW,UAHV;AAINC,QAAAA,IAAI,EAAE,wBAAMT,OAAO,CAACC,OAAR,CAAgBJ,GAAG,CAACa,YAApB,CAAN,EAJA;AAKNC,QAAAA,IAAI,EAAE,wBAAMX,OAAO,CAACC,OAAR,CAAgBW,IAAI,CAACC,KAAL,CAAWhB,GAAG,CAACa,YAAf,CAAhB,CAAN,EALA,EAAD,CAAP;;AAOD,KARD;AASD,GAbe,CAAhB;;AAeAb,EAAAA,GAAG,CAACiB,IAAJ,CAASlB,MAAT,EAAiBF,GAAjB;AACAG,EAAAA,GAAG,CAACkB,IAAJ,CAASpB,OAAO,CAACqB,IAAjB;;AAEA,SAAOjB,OAAP;AACD;;AAED,SAASD,SAAT,GAAqB;AACnB;AACA,MAAImB,MAAM,CAACC,cAAX,EAA2B;AACzB;AACA,WAAO,IAAIA,cAAJ,EAAP;AACD;AACD,SAAO,IAAIC,cAAJ,EAAP;AACD","sourcesContent":["interface ApiResponseType {\n  ok: boolean;\n  status: number;\n  statusText: string;\n  text: () => Promise<string>;\n  json: () => Promise<Record<string, any>>;\n}\n\ntype Result = Promise<ApiResponseType>;\n\nexport function fetch(uri: string, options: { method?: 'GET' | 'POST'; body?: string } = {}): Result {\n  const method = options.method || 'GET';\n  const xhr = createXHR();\n\n  const promise = new Promise<ApiResponseType>((resolve, reject) => {\n    xhr.onerror = reject;\n    xhr.ontimeout = reject;\n\n    xhr.onload = () => {\n      resolve({\n        ok: xhr.status >= 200 && xhr.status < 300,\n        status: xhr.status,\n        statusText: xhr.statusText,\n        text: () => Promise.resolve(xhr.responseText),\n        json: () => Promise.resolve(JSON.parse(xhr.responseText)),\n      });\n    };\n  });\n\n  xhr.open(method, uri);\n  xhr.send(options.body);\n\n  return promise;\n}\n\nfunction createXHR() {\n  // @ts-expect-error: XDomainRequest is IE-specific API, therefore it was removed from `lib.d.ts`. See: https://github.com/Microsoft/TypeScript/issues/2927.\n  if (global.XDomainRequest) {\n    // @ts-expect-error: Read the comment above.\n    return new XDomainRequest();\n  }\n  return new XMLHttpRequest();\n}\n"]}
+{"version":3,"sources":["fetch.ts"],"names":["fetch","uri","options","method","xhr","createXHR","promise","Promise","resolve","reject","onerror","ontimeout","onload","ok","status","statusText","text","responseText","json","JSON","parse","open","send","body","globalThat","XDomainRequest","XMLHttpRequest"],"mappings":"6DAAA;;;;;;;;;;;;AAYO,SAASA,KAAT,CAAeC,GAAf,EAA4BC,OAA5B,EAA8F,KAAlEA,OAAkE,cAAlEA,OAAkE,GAAZ,EAAY;AACnG,MAAMC,MAAM,GAAGD,OAAO,CAACC,MAAR,IAAkB,KAAjC;AACA,MAAMC,GAAG,GAAGC,SAAS,EAArB;;AAEA,MAAMC,OAAO,GAAG,IAAIC,OAAJ,CAA6B,UAACC,OAAD,EAAUC,MAAV,EAAqB;AAChEL,IAAAA,GAAG,CAACM,OAAJ,GAAcD,MAAd;AACAL,IAAAA,GAAG,CAACO,SAAJ,GAAgBF,MAAhB;;AAEAL,IAAAA,GAAG,CAACQ,MAAJ,GAAa,YAAM;AACjBJ,MAAAA,OAAO,CAAC;AACNK,QAAAA,EAAE,EAAET,GAAG,CAACU,MAAJ,IAAc,GAAd,IAAqBV,GAAG,CAACU,MAAJ,GAAa,GADhC;AAENA,QAAAA,MAAM,EAAEV,GAAG,CAACU,MAFN;AAGNC,QAAAA,UAAU,EAAEX,GAAG,CAACW,UAHV;AAINC,QAAAA,IAAI,EAAE,wBAAMT,OAAO,CAACC,OAAR,CAAgBJ,GAAG,CAACa,YAApB,CAAN,EAJA;AAKNC,QAAAA,IAAI,EAAE,wBAAMX,OAAO,CAACC,OAAR,CAAgBW,IAAI,CAACC,KAAL,CAAWhB,GAAG,CAACa,YAAf,CAAhB,CAAN,EALA,EAAD,CAAP;;AAOD,KARD;AASD,GAbe,CAAhB;;AAeAb,EAAAA,GAAG,CAACiB,IAAJ,CAASlB,MAAT,EAAiBF,GAAjB;AACAG,EAAAA,GAAG,CAACkB,IAAJ,CAASpB,OAAO,CAACqB,IAAjB;;AAEA,SAAOjB,OAAP;AACD;;AAED,SAASD,SAAT,GAAqB;AACnB,MAAI,oBAAoBmB,mBAAxB,EAAoC;AAClC,WAAO,IAAIC,cAAJ,EAAP;AACD;AACD,SAAO,IAAIC,cAAJ,EAAP;AACD","sourcesContent":["import { globalThat } from '../SSRSafe';\n\ninterface ApiResponseType {\n  ok: boolean;\n  status: number;\n  statusText: string;\n  text: () => Promise<string>;\n  json: () => Promise<Record<string, any>>;\n}\n\ntype Result = Promise<ApiResponseType>;\n\nexport function fetch(uri: string, options: { method?: 'GET' | 'POST'; body?: string } = {}): Result {\n  const method = options.method || 'GET';\n  const xhr = createXHR();\n\n  const promise = new Promise<ApiResponseType>((resolve, reject) => {\n    xhr.onerror = reject;\n    xhr.ontimeout = reject;\n\n    xhr.onload = () => {\n      resolve({\n        ok: xhr.status >= 200 && xhr.status < 300,\n        status: xhr.status,\n        statusText: xhr.statusText,\n        text: () => Promise.resolve(xhr.responseText),\n        json: () => Promise.resolve(JSON.parse(xhr.responseText)),\n      });\n    };\n  });\n\n  xhr.open(method, uri);\n  xhr.send(options.body);\n\n  return promise;\n}\n\nfunction createXHR() {\n  if ('XDomainRequest' in globalThat) {\n    return new XDomainRequest();\n  }\n  return new XMLHttpRequest();\n}\n"]}

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import { Nullable } from '../../typings/utility-types';
 /**
- * Extracts component's root HTMLElement out of it's instance
+ * 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 HTMLElement or null
+ * @returns Component's root `Element` or null
  */
-export declare const getRootNode: (instance: Nullable<React.ReactInstance>) => Nullable<HTMLElement>;
+export declare const getRootNode: (instance: Nullable<React.ReactInstance>) => Nullable<Element>;

package/cjs/lib/rootNode/getRootNode.js

@@ -1,6 +1,7 @@
-"use strict";exports.__esModule = true;exports.getRootNode = void 0;
+"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");
@@ -9,24 +10,32 @@ var _client = require("../client");
 var _rootNodeDecorator = require("./rootNodeDecorator"); /* eslint-disable react/no-find-dom-node */
 
 /**
- * Extracts component's root HTMLElement out of it's instance
+ * 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 HTMLElement or null
+ * @returns Component's root `Element` or null
  */
 
 var getRootNode = function getRootNode(instance) {
+  /**
+   * 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 convinient usage
+    // also checking undefined for convenient usage
     return null;
   }
 
-  if ((0, _SSRSafe.isHTMLElement)(instance)) {
-    // instance can be a HTMLElement already if comming
+  if ((0, _SSRSafe.isElement)(instance)) {
+    // instance can be an Element already if its coming
     // from Refs of intrinsic elements (<div />, <button />, etc.)
     return instance;
   }
@@ -36,7 +45,7 @@ var getRootNode = function getRootNode(instance) {
   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 HTMLElement
+    // 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();
@@ -44,16 +53,32 @@ var getRootNode = function getRootNode(instance) {
   }
 
   if (rootNode !== undefined) {
-    // at this point, it is rather HTMLElement (what we are looking for)
-    // or null (which is also OK, e.g. Popup/Tooltip/Hint before opening), so, just return it
+    // 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;
   }
 
-  // node is undefined, which means that the instance's root node getter doesn't exists or returns the undefined
-  // anyway, it tell us that the convention is not respected (by the component itself or its children),
-  // so, we have to fall back to the deprecated findDOMNode, which always works but breaks StrictMode
-  rootNode = (0, _reactDom.findDOMNode)(instance);
+  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;
+  }
 
-  // the findDOMNode can also return Text, but we are only intrested in HTMLElements, so just filter it
-  return (0, _SSRSafe.isHTMLElement)(rootNode) ? rootNode : 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","rootNode","undefined"],"mappings":";AACA;;;;AAIA;AACA;;AAEA,wD,CARA;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAoE;AAC7F,MAAI,CAACC,iBAAD,IAAc,CAACD,QAAnB,EAA6B;AAC3B;AACA;AACA,WAAO,IAAP;AACD;;AAED,MAAI,4BAAcA,QAAd,CAAJ,EAA6B;AAC3B;AACA;AACA,WAAOA,QAAP;AACD;;AAED,MAAIE,QAAJ;;AAEA,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;AACA;AACA;AACAA,EAAAA,QAAQ,GAAG,2BAAYF,QAAZ,CAAX;;AAEA;AACA,SAAO,4BAAcE,QAAd,IAA0BA,QAA1B,GAAqC,IAA5C;AACD,CAtCM,C","sourcesContent":["/* eslint-disable react/no-find-dom-node */\nimport { findDOMNode } from 'react-dom';\nimport React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isHTMLElement, isNode } from '../SSRSafe';\nimport { canUseDOM } from '../client';\n\nimport { isInstanceWithRootNode } from './rootNodeDecorator';\n\n/**\n * Extracts component's root HTMLElement 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 HTMLElement or null\n */\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<HTMLElement> => {\n  if (!canUseDOM || !instance) {\n    // instance can be `null` if component was unmounted\n    // also checking undefined for convinient usage\n    return null;\n  }\n\n  if (isHTMLElement(instance)) {\n    // instance can be a HTMLElement already if comming\n    // from Refs of intrinsic elements (<div />, <button />, etc.)\n    return instance;\n  }\n\n  let rootNode;\n\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 HTMLElement\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    // at this point, it is rather HTMLElement (what we are looking for)\n    // or null (which is also OK, e.g. Popup/Tooltip/Hint before opening), so, just return it\n    return rootNode;\n  }\n\n  // node is undefined, which means that the instance's root node getter doesn't exists or returns the undefined\n  // anyway, it tell us that the convention is not respected (by the component itself or its children),\n  // so, we have to fall back to the deprecated findDOMNode, which always works but breaks StrictMode\n  rootNode = findDOMNode(instance);\n\n  // the findDOMNode can also return Text, but we are only intrested in HTMLElements, so just filter it\n  return isHTMLElement(rootNode) ? rootNode : 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;;AAED,MAAIE,QAAJ;;AAEA,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,EAAU;AACV;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,CA9DM,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\n  let rootNode;\n\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) {\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

@@ -6,22 +6,22 @@ export interface TRootNodeSubscription {
     remove: () => void;
 }
 export interface InstanceWithRootNode {
-    getRootNode: () => Nullable<HTMLElement>;
-    addRootNodeChangeListener?: (callback: (node: Nullable<HTMLElement>) => void) => TRootNodeSubscription;
+    getRootNode: () => Nullable<Element>;
+    addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;
 }
 interface ComponentWithDefaultRootNode {
-    defaultRootNode?: HTMLElement | null;
+    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>;
-        addRootNodeChangeListener: (callback: (node: Nullable<HTMLElement>) => void) => TRootNodeSubscription;
+        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;
@@ -46,7 +46,7 @@ export declare function rootNode<T extends DecoratableClassComponent>(Component:
         componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    defaultRootNode?: HTMLElement | null | undefined;
+    defaultRootNode?: Element | null | undefined;
 } & T;
 export declare const isInstanceWithRootNode: (instance: unknown) => instance is InstanceWithRootNode;
 export {};