@skbkontur/react-ui 0.0.0-c91b3db3f4 → 0.0.0-ce2a893b1a

package/cjs/lib/events/tabListener.d.ts

@@ -1,6 +1 @@
-declare class TabListener {
-    isTabPressed: boolean;
-    constructor();
-}
-export declare const tabListener: TabListener;
-export {};
+export { keyListener as tabListener } from './keyListener';

package/cjs/lib/events/tabListener.js

@@ -1,15 +1,2 @@
-"use strict";exports.__esModule = true;exports.tabListener = void 0;var _client = require("../client");
-
-var _identifiers = require("./keyboard/identifiers");var
-
-TabListener =
-
-function TabListener() {var _this = this;this.isTabPressed = false;
-  if (_client.isBrowser) {
-    window.addEventListener('keydown', function (e) {return _this.isTabPressed = (0, _identifiers.isKeyTab)(e);});
-    window.addEventListener('mousedown', function () {return _this.isTabPressed = false;});
-  }
-};
-
-
-var tabListener = new TabListener();exports.tabListener = tabListener;
+"use strict";exports.__esModule = true;exports.tabListener = void 0;
+var _keyListener = require("./keyListener");exports.tabListener = _keyListener.keyListener;

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

@@ -1 +1 @@
-{"version":3,"sources":["tabListener.ts"],"names":["TabListener","isTabPressed","isBrowser","window","addEventListener","e","tabListener"],"mappings":"oEAAA;;AAEA,qD;;AAEMA,W;;AAEJ,uBAAc,uBADPC,YACO,GADQ,KACR;AACZ,MAAIC,iBAAJ,EAAe;AACbC,IAAAA,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmC,UAAAC,CAAC,UAAK,KAAI,CAACJ,YAAL,GAAoB,2BAASI,CAAT,CAAzB,EAApC;AACAF,IAAAA,MAAM,CAACC,gBAAP,CAAwB,WAAxB,EAAqC,oBAAO,KAAI,CAACH,YAAL,GAAoB,KAA3B,EAArC;AACD;AACF,C;;;AAGI,IAAMK,WAAW,GAAG,IAAIN,WAAJ,EAApB,C","sourcesContent":["import { isBrowser } from '../client';\r\n\r\nimport { isKeyTab } from './keyboard/identifiers';\r\n\r\nclass TabListener {\r\n  public isTabPressed = false;\r\n  constructor() {\r\n    if (isBrowser) {\r\n      window.addEventListener('keydown', e => (this.isTabPressed = isKeyTab(e)));\r\n      window.addEventListener('mousedown', () => (this.isTabPressed = false));\r\n    }\r\n  }\r\n}\r\n\r\nexport const tabListener = new TabListener();\r\n"]}
+{"version":3,"sources":["tabListener.ts"],"names":[],"mappings":";AACA,4C","sourcesContent":["// deprecated, use keyListener\nexport { keyListener as tabListener } from './keyListener';\n"]}

package/cjs/lib/extractKeyboardAction.js

@@ -10,7 +10,7 @@
 KeyboardActionExctracterBuilder = /*#__PURE__*/function () {
 
 
-  function KeyboardActionExctracterBuilder(actionMatchers) {if (actionMatchers === void 0) {actionMatchers = [];}this._actionMatchers = void 0;
+  function KeyboardActionExctracterBuilder(actionMatchers) {if (actionMatchers === void 0) {actionMatchers = [];}
     this._actionMatchers = actionMatchers;
   }var _proto = KeyboardActionExctracterBuilder.prototype;_proto.
 

package/cjs/lib/extractKeyboardAction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["extractKeyboardAction.ts"],"names":["KeyboardActionExctracterBuilder","actionMatchers","_actionMatchers","add","type","check","concat","build","defaultAction","event","action","find","x"],"mappings":";;;;;;;;;AASaA,+B;;;AAGX,2CAAYC,cAAZ,EAAkE,KAAtDA,cAAsD,cAAtDA,cAAsD,GAAJ,EAAI,OAF1DC,eAE0D;AAChE,SAAKA,eAAL,GAAuBD,cAAvB;AACD,G;;AAEME,EAAAA,G,GAAP,aAAkBC,IAAlB,EAA2BC,KAA3B,EAAmF;AACjF,WAAO,IAAIL,+BAAJ,CAAoC,KAAKE,eAAL,CAAqBI,MAArB,CAA4B,EAAEF,IAAI,EAAJA,IAAF,EAAQC,KAAK,EAALA,KAAR,EAA5B,CAApC,CAAP;AACD,G;;AAEME,EAAAA,K,GAAP,eAAoBC,aAApB,EAAmF;AACjF,WAAO,UAAAC,KAAK,EAAI;AACd,UAAMC,MAAM,GAAG,KAAI,CAACR,eAAL,CAAqBS,IAArB,CAA0B,UAAAC,CAAC,UAAIA,CAAC,CAACP,KAAF,CAAQI,KAAR,CAAJ,EAA3B,CAAf;AACA,aAAQC,MAAM,IAAIA,MAAM,CAACN,IAAlB,IAA2BI,aAAlC;AACD,KAHD;AAID,G","sourcesContent":["import React from 'react';\r\n\r\ntype ActionCheck = (x0: React.KeyboardEvent<HTMLElement>) => boolean;\r\n\r\ninterface KeyboardActionMatcher<Actions> {\r\n  type: Actions;\r\n  check: (x0: React.KeyboardEvent<HTMLElement>) => boolean;\r\n}\r\n\r\nexport class KeyboardActionExctracterBuilder<T> {\r\n  private _actionMatchers: Array<KeyboardActionMatcher<any>>;\r\n\r\n  constructor(actionMatchers: Array<KeyboardActionMatcher<T>> = []) {\r\n    this._actionMatchers = actionMatchers;\r\n  }\r\n\r\n  public add<P = T>(type: T, check: ActionCheck): KeyboardActionExctracterBuilder<T> {\r\n    return new KeyboardActionExctracterBuilder(this._actionMatchers.concat({ type, check }));\r\n  }\r\n\r\n  public build<P = T>(defaultAction: P): (x0: React.KeyboardEvent<HTMLElement>) => T {\r\n    return event => {\r\n      const action = this._actionMatchers.find(x => x.check(event));\r\n      return (action && action.type) || defaultAction;\r\n    };\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["extractKeyboardAction.ts"],"names":["KeyboardActionExctracterBuilder","actionMatchers","_actionMatchers","add","type","check","concat","build","defaultAction","event","action","find","x"],"mappings":";;;;;;;;;AASaA,+B;;;AAGX,2CAAYC,cAAZ,EAAkE,KAAtDA,cAAsD,cAAtDA,cAAsD,GAAJ,EAAI;AAChE,SAAKC,eAAL,GAAuBD,cAAvB;AACD,G;;AAEME,EAAAA,G,GAAP,aAAkBC,IAAlB,EAA2BC,KAA3B,EAAmF;AACjF,WAAO,IAAIL,+BAAJ,CAAoC,KAAKE,eAAL,CAAqBI,MAArB,CAA4B,EAAEF,IAAI,EAAJA,IAAF,EAAQC,KAAK,EAALA,KAAR,EAA5B,CAApC,CAAP;AACD,G;;AAEME,EAAAA,K,GAAP,eAAoBC,aAApB,EAAmF;AACjF,WAAO,UAACC,KAAD,EAAW;AAChB,UAAMC,MAAM,GAAG,KAAI,CAACR,eAAL,CAAqBS,IAArB,CAA0B,UAACC,CAAD,UAAOA,CAAC,CAACP,KAAF,CAAQI,KAAR,CAAP,EAA1B,CAAf;AACA,aAAQC,MAAM,IAAIA,MAAM,CAACN,IAAlB,IAA2BI,aAAlC;AACD,KAHD;AAID,G","sourcesContent":["import React from 'react';\n\ntype ActionCheck = (x0: React.KeyboardEvent<HTMLElement>) => boolean;\n\ninterface KeyboardActionMatcher<Actions> {\n  type: Actions;\n  check: (x0: React.KeyboardEvent<HTMLElement>) => boolean;\n}\n\nexport class KeyboardActionExctracterBuilder<T> {\n  private _actionMatchers: Array<KeyboardActionMatcher<any>>;\n\n  constructor(actionMatchers: Array<KeyboardActionMatcher<T>> = []) {\n    this._actionMatchers = actionMatchers;\n  }\n\n  public add<P = T>(type: T, check: ActionCheck): KeyboardActionExctracterBuilder<T> {\n    return new KeyboardActionExctracterBuilder(this._actionMatchers.concat({ type, check }));\n  }\n\n  public build<P = T>(defaultAction: P): (x0: React.KeyboardEvent<HTMLElement>) => T {\n    return (event) => {\n      const action = this._actionMatchers.find((x) => x.check(event));\n      return (action && action.type) || defaultAction;\n    };\n  }\n}\n"]}

package/cjs/lib/filterProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["filterProps.ts"],"names":["filterProps","props","allowed","ret","key"],"mappings":";;;;;;AAMO,SAASA,WAAT;;;;;;;AAOLC,KAPK,EAOSC,OAPT,EAOmC;AACxC,MAAMC,GAAG,GAAG,EAAZ;AACA,OAAK,IAAMC,GAAX,IAAkBH,KAAlB,EAAyB;AACvB,QAAIC,OAAO,CAACE,GAAD,CAAX,EAAkB;AAChB;AACAD,MAAAA,GAAG,CAACC,GAAD,CAAH,GAAWH,KAAK,CAACG,GAAD,CAAhB;AACD;AACF;AACD,SAAOD,GAAP;AACD","sourcesContent":["export type Filter<T, U> = T extends U ? T : never;\r\n\r\nexport type True<T> = { [K in keyof T]: T[K] extends true ? K : never }[keyof T];\r\n\r\nexport type AmbiguousBool<T> = { [K in keyof T]: T[K] extends false ? never : T[K] extends true ? never : K }[keyof T];\r\n\r\nexport function filterProps<\r\n  Props extends Record<string, any>,\r\n  Allowed extends Record<string, boolean>,\r\n  Specific extends Filter<keyof Props, True<Allowed>>,\r\n  // If value neither true nor false, it should be optional\r\n  Optional extends Filter<keyof Props, AmbiguousBool<Allowed>>,\r\n  Result extends { [P in Specific]: Props[P] } & { [Q in Optional]?: Props[Q] }\r\n>(props: Props, allowed: Allowed): Result {\r\n  const ret = {} as any;\r\n  for (const key in props) {\r\n    if (allowed[key]) {\r\n      // @ts-ignore\r\n      ret[key] = props[key];\r\n    }\r\n  }\r\n  return ret;\r\n}\r\n"]}
+{"version":3,"sources":["filterProps.ts"],"names":["filterProps","props","allowed","ret","key"],"mappings":";;;;;;AAMO,SAASA,WAAT;;;;;;;AAOLC,KAPK,EAOSC,OAPT,EAOmC;AACxC,MAAMC,GAAG,GAAG,EAAZ;AACA,OAAK,IAAMC,GAAX,IAAkBH,KAAlB,EAAyB;AACvB,QAAIC,OAAO,CAACE,GAAD,CAAX,EAAkB;AAChB;AACAD,MAAAA,GAAG,CAACC,GAAD,CAAH,GAAWH,KAAK,CAACG,GAAD,CAAhB;AACD;AACF;AACD,SAAOD,GAAP;AACD","sourcesContent":["export type Filter<T, U> = T extends U ? T : never;\n\nexport type True<T> = { [K in keyof T]: T[K] extends true ? K : never }[keyof T];\n\nexport type AmbiguousBool<T> = { [K in keyof T]: T[K] extends false ? never : T[K] extends true ? never : K }[keyof T];\n\nexport function filterProps<\n  Props extends Record<string, any>,\n  Allowed extends Record<string, boolean>,\n  Specific extends Filter<keyof Props, True<Allowed>>,\n  // If value neither true nor false, it should be optional\n  Optional extends Filter<keyof Props, AmbiguousBool<Allowed>>,\n  Result extends { [P in Specific]: Props[P] } & { [Q in Optional]?: Props[Q] },\n>(props: Props, allowed: Allowed): Result {\n  const ret = {} as any;\n  for (const key in props) {\n    if (allowed[key]) {\n      // @ts-ignore\n      ret[key] = props[key];\n    }\n  }\n  return ret;\n}\n"]}

package/cjs/lib/forwardRefAndName.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ReactUIComponentWithRef<T, P> extends React.NamedExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>, Pick<React.ForwardRefExoticComponent<P>, 'propTypes'> {
+    __KONTUR_REACT_UI__: string;
+}
+export declare function forwardRefAndName<ElementType, Props>(name: string, render: React.ForwardRefRenderFunction<ElementType, Props>): ReactUIComponentWithRef<ElementType, Props>;

package/cjs/lib/forwardRefAndName.js

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

package/cjs/lib/forwardRefAndName.js.map

@@ -0,0 +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"]}

package/cjs/lib/getDisplayName.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ReactUIComponentWithRef } from './forwardRefAndName';
+export declare function getDisplayName<P>(RC: React.ComponentType<P> | React.FunctionComponent<P> | ReactUIComponentWithRef<any, P>): string;

package/cjs/lib/getDisplayName.js

@@ -0,0 +1,9 @@
+"use strict";exports.__esModule = true;exports.getDisplayName = getDisplayName;
+
+
+
+function getDisplayName(
+RC)
+{
+  return RC.displayName || RC.name || 'Anonymous';
+}

package/cjs/lib/getDisplayName.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getDisplayName.ts"],"names":["getDisplayName","RC","displayName","name"],"mappings":";;;;AAIO,SAASA,cAAT;AACLC,EADK;AAEG;AACR,SAAOA,EAAE,CAACC,WAAH,IAAkBD,EAAE,CAACE,IAArB,IAA6B,WAApC;AACD","sourcesContent":["import React from 'react';\n\nimport { ReactUIComponentWithRef } from './forwardRefAndName';\n\nexport function getDisplayName<P>(\n  RC: React.ComponentType<P> | React.FunctionComponent<P> | ReactUIComponentWithRef<any, P>,\n): string {\n  return RC.displayName || RC.name || 'Anonymous';\n}\n"]}

package/cjs/lib/listenFocusOutside.d.ts

@@ -1,4 +1,8 @@
 export declare function containsTargetOrRenderContainer(target: Element): (element: Element) => boolean;
+/**
+ * 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): {
     remove(): void;
 };

package/cjs/lib/listenFocusOutside.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.containsTargetOrRenderContainer = containsTargetOrRenderContainer;exports.listen = listen;var _reactDom = _interopRequireDefault(require("react-dom"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.containsTargetOrRenderContainer = containsTargetOrRenderContainer;exports.findRenderContainer = findRenderContainer;exports.listen = listen;var _reactDom = _interopRequireDefault(require("react-dom"));
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
 
 var _client = require("./client");
@@ -11,18 +11,18 @@ var _client = require("./client");
 var handlers = [];
 
 function addHandleEvent() {
-  /**
-   * Firefox do not supports 'focusin' event.
-   * Focus events bubbles multiple time
-   * without possibilty to cancell bubbling.
-   * Using debounce to capture only first focus event
-   * Mozilla Firefix
-   *   ¯\_(ツ)_/¯
+  /**
+   * Firefox do not supports 'focusin' event.
+   * Focus events bubbles multiple time
+   * without possibilty to cancell bubbling.
+   * Using debounce to capture only first focus event
+   * Mozilla Firefix
+   *   ¯\_(ツ)_/¯
    */
   document.body.addEventListener(
   _client.isFirefox ? 'focus' : 'focusin',
   _client.isFirefox ? (0, _lodash.default)(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus,
-  _client.isFirefox);
+  { capture: true });
 
 }
 
@@ -64,8 +64,8 @@ function containsTargetOrRenderContainer(target) {
   };
 }
 
-/**
- * Searches RenderContainer placed in "rootNode" for "node"
+/**
+ * Searches RenderContainer placed in "rootNode" for "node"
  */
 function findRenderContainer(node, rootNode, container) {
   var currentNode = node.parentNode;

package/cjs/lib/listenFocusOutside.js.map

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