@skbkontur/react-ui 0.0.0-b0853da840 → 0.0.0-b08da15166

package/cjs/lib/events/keyboard/identifiers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["identifiers.ts"],"names":["getChar","e","KeyboardEvent","char","nativeEvent","isShortcutCopy","isMac","metaKey","ctrlKey","Codes","KeyC","isKeyInsert","key","isShortcutPaste","KeyV","shiftKey","isShortcutCut","KeyX","isKeyDelete","isShortcutSelectAll","KeyA","isKeyEscape","isKeyHome","isKeyEnd","isKeyMeta","isKeyControl","isKeyShift","isKeyAlt","isKeyBackspace","isKeyCapsLock","isKeyTab","isKeyEnter","isKeyArrowUp","isKeyArrowRight","isKeyArrowDown","isKeyArrowLeft","isKeySpace","isKeyComma","isCodeMinus","Minus","isCodeNumpadDecimal","NumpadDecimal","isCodeNumpadDivide","NumpadDivide","isCodeNumpadSubtract","NumpadSubtract","isCodeSlash","Slash","isCodeBackslash","Backslash","isCodeIntlBackslash","IntlBackslash","isCodeComma","Comma","isCodePeriod","Period","isKeyArrowHorizontal","isKeyArrowVertical","isKeyArrow","isKeyNumber","test","isKeyChar","trim","length","isKeyFs","isModified","is","altKey","isUnmodified","isModShift","someKeys","iss","some"],"mappings":"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","sourcesContent":["import { isMac } from '../../client';\n\nimport { extractCode } from './extractCode';\nimport { KeyboardEventCodes as Codes } from './KeyboardEventCodes';\n\ntype E = React.KeyboardEvent<HTMLElement> | KeyboardEvent;\ntype IS = (e: E) => boolean;\ntype ISMod = (is?: IS) => IS;\ntype ISSome = (...is: IS[]) => IS;\n\n// IE 9+ supports char attribute\n// https://developer.mozilla.org/ru/docs/Web/API/KeyboardEvent\nconst getChar = (e: E & { char?: string; nativeEvent?: { char?: string } }) =>\n  e instanceof KeyboardEvent ? e.char : e.nativeEvent?.char;\n\nexport const isShortcutCopy: IS = (e) =>\n  ((isMac ? e.metaKey : e.ctrlKey) && extractCode(e) === Codes.KeyC) ||\n  (!isMac && e.ctrlKey && isKeyInsert(e)) ||\n  e.key === 'Copy';\n\nexport const isShortcutPaste: IS = (e) =>\n  ((isMac ? e.metaKey : e.ctrlKey) && extractCode(e) === Codes.KeyV) ||\n  (!isMac && e.shiftKey && isKeyInsert(e)) ||\n  e.key === 'Paste';\n\nexport const isShortcutCut: IS = (e) =>\n  ((isMac ? e.metaKey : e.ctrlKey) && extractCode(e) === Codes.KeyX) ||\n  (!isMac && e.shiftKey && isKeyDelete(e)) ||\n  e.key === 'Cut';\n\nexport const isShortcutSelectAll: IS = (e) => (isMac ? e.metaKey : e.ctrlKey) && extractCode(e) === Codes.KeyA;\n\nexport const isKeyEscape: IS = (e) => e.key === 'Escape' || e.key === 'Esc';\nexport const isKeyHome: IS = (e) => e.key === 'Home';\nexport const isKeyEnd: IS = (e) => e.key === 'End';\nexport const isKeyMeta: IS = (e) => e.key === 'Meta' || e.key === 'Win';\nexport const isKeyControl: IS = (e) => e.key === 'Control';\nexport const isKeyShift: IS = (e) => e.key === 'Shift';\nexport const isKeyAlt: IS = (e) => e.key === 'Alt';\nexport const isKeyDelete: IS = (e) => e.key === 'Delete' || e.key === 'Del';\nexport const isKeyBackspace: IS = (e) => e.key === 'Backspace';\nexport const isKeyCapsLock: IS = (e) => e.key === 'CapsLock';\nexport const isKeyInsert: IS = (e) => e.key === 'Insert';\nexport const isKeyTab: IS = (e) => e.key === 'Tab';\nexport const isKeyEnter: IS = (e) => e.key === 'Enter';\nexport const isKeyArrowUp: IS = (e) => e.key === 'ArrowUp' || e.key === 'Up';\nexport const isKeyArrowRight: IS = (e) => e.key === 'ArrowRight' || e.key === 'Right';\nexport const isKeyArrowDown: IS = (e) => e.key === 'ArrowDown' || e.key === 'Down';\nexport const isKeyArrowLeft: IS = (e) => e.key === 'ArrowLeft' || e.key === 'Left';\nexport const isKeySpace: IS = (e) => e.key === ' ' || e.key === 'Spacebar';\nexport const isKeyComma: IS = (e) => e.key === ',' || getChar(e) === ',';\n\nexport const isCodeMinus: IS = (e) => extractCode(e) === Codes.Minus;\nexport const isCodeNumpadDecimal: IS = (e) => extractCode(e) === Codes.NumpadDecimal;\nexport const isCodeNumpadDivide: IS = (e) => extractCode(e) === Codes.NumpadDivide;\nexport const isCodeNumpadSubtract: IS = (e) => extractCode(e) === Codes.NumpadSubtract;\nexport const isCodeSlash: IS = (e) => extractCode(e) === Codes.Slash;\nexport const isCodeBackslash: IS = (e) => extractCode(e) === Codes.Backslash;\nexport const isCodeIntlBackslash: IS = (e) => extractCode(e) === Codes.IntlBackslash;\nexport const isCodeComma: IS = (e) => extractCode(e) === Codes.Comma;\nexport const isCodePeriod: IS = (e) => extractCode(e) === Codes.Period;\n\nexport const isKeyArrowHorizontal: IS = (e) => isKeyArrowRight(e) || isKeyArrowLeft(e);\nexport const isKeyArrowVertical: IS = (e) => isKeyArrowUp(e) || isKeyArrowDown(e);\nexport const isKeyArrow: IS = (e) => isKeyArrowHorizontal(e) || isKeyArrowVertical(e);\nexport const isKeyNumber: IS = (e) => /^\\d+$/.test(e.key);\nexport const isKeyChar: IS = (e) => e.key.trim().length === 1;\nexport const isKeyFs: IS = (e) => /^(?:F[1-9]|F1[0-2]|Soft[1-4])$/.test(e.key);\n\nexport const isModified: ISMod = (is) => (e) =>\n  (e.shiftKey || e.metaKey || e.ctrlKey || e.altKey) && (is ? is(e) : true);\nexport const isUnmodified: ISMod = (is) => (e) => !isModified()(e) && (is ? is(e) : true);\nexport const isModShift: ISMod = (is) => (e) => e.shiftKey && (is ? is(e) : true);\n\nexport const someKeys: ISSome =\n  (...iss) =>\n  (e) =>\n    iss.some((is) => is(e));\n"]}

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

@@ -0,0 +1 @@
+export declare const stopPropagation: (nativeEvent: Event) => void;

package/cjs/lib/events/stopPropagation.js

@@ -0,0 +1,7 @@
+"use strict";exports.__esModule = true;exports.stopPropagation = void 0;var stopPropagation = function stopPropagation(nativeEvent) {
+  if (nativeEvent.stopPropagation) {
+    nativeEvent.stopPropagation();
+  } else {
+    nativeEvent.cancelBubble = false;
+  }
+};exports.stopPropagation = stopPropagation;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["stopPropagation.ts"],"names":["stopPropagation","nativeEvent","cancelBubble"],"mappings":"wEAAO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,WAAD,EAAwB;AACrD,MAAIA,WAAW,CAACD,eAAhB,EAAiC;AAC/BC,IAAAA,WAAW,CAACD,eAAZ;AACD,GAFD,MAEO;AACLC,IAAAA,WAAW,CAACC,YAAZ,GAA2B,KAA3B;AACD;AACF,CANM,C","sourcesContent":["export const stopPropagation = (nativeEvent: Event) => {\n  if (nativeEvent.stopPropagation) {\n    nativeEvent.stopPropagation();\n  } else {\n    nativeEvent.cancelBubble = false;\n  }\n};\n"]}

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

@@ -0,0 +1 @@
+export { keyListener as tabListener } from './keyListener';

package/cjs/lib/events/tabListener.js

@@ -0,0 +1,2 @@
+"use strict";exports.__esModule = true;exports.tabListener = void 0;
+var _keyListener = require("./keyListener");exports.tabListener = _keyListener.keyListener;

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,26 @@
+"use strict";exports.__esModule = true;exports.KeyboardActionExctracterBuilder = void 0;var
+
+
+
+
+
+
+
+
+KeyboardActionExctracterBuilder = /*#__PURE__*/function () {
+
+
+  function KeyboardActionExctracterBuilder(actionMatchers) {if (actionMatchers === void 0) {actionMatchers = [];}
+    this._actionMatchers = actionMatchers;
+  }var _proto = KeyboardActionExctracterBuilder.prototype;_proto.
+
+  add = function add(type, check) {
+    return new KeyboardActionExctracterBuilder(this._actionMatchers.concat({ type: type, check: check }));
+  };_proto.
+
+  build = function build(defaultAction) {var _this = this;
+    return function (event) {
+      var action = _this._actionMatchers.find(function (x) {return x.check(event);});
+      return action && action.type || defaultAction;
+    };
+  };return KeyboardActionExctracterBuilder;}();exports.KeyboardActionExctracterBuilder = KeyboardActionExctracterBuilder;

package/cjs/lib/extractKeyboardAction.js.map

@@ -0,0 +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;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

@@ -0,0 +1,23 @@
+"use strict";exports.__esModule = true;exports.filterProps = filterProps;
+
+
+
+
+
+function filterProps(
+
+
+
+
+
+
+props, allowed) {
+  var ret = {};
+  for (var key in props) {
+    if (allowed[key]) {
+      // @ts-ignore
+      ret[key] = props[key];
+    }
+  }
+  return ret;
+}

package/cjs/lib/filterProps.js.map

@@ -0,0 +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;\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

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

@@ -0,0 +1,112 @@
+"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");
+
+
+
+
+
+
+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
+   *   ¯\_(ツ)_/¯
+   */
+  document.body.addEventListener(
+  _client.isFirefox ? 'focus' : 'focusin',
+  _client.isFirefox ? (0, _lodash.default)(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus,
+  { capture: true });
+
+}
+
+if (_client.isBrowser) {
+  if (document.readyState === 'complete') {
+    addHandleEvent();
+  } else {
+    window.addEventListener('load', addHandleEvent);
+  }
+}
+
+function handleNativeFocus(event) {
+  // FIXME: not safe casting
+  var target = event.target || event.srcElement;
+
+  handlers.forEach(function (handler) {
+    var elements = handler.elements;
+    if (typeof elements === 'function') {
+      elements = elements();
+    }
+
+    if (elements.some(containsTargetOrRenderContainer(target))) {
+      return;
+    }
+    _reactDom.default.unstable_batchedUpdates(function () {return handler.callback(event);});
+  });
+}
+
+function containsTargetOrRenderContainer(target) {
+  return function (element) {
+    if (!element) {
+      return false;
+    }
+    if (element.contains(target)) {
+      return true;
+    }
+    var container = findRenderContainer(target, element);
+    return !!container && element.contains(container);
+  };
+}
+
+/**
+ * Searches RenderContainer placed in "rootNode" for "node"
+ */
+function findRenderContainer(node, rootNode, container) {
+  var currentNode = node.parentNode;
+  if (
+  !currentNode ||
+  node === rootNode ||
+  currentNode === rootNode ||
+  currentNode === document.body ||
+  currentNode === document.documentElement ||
+  !(currentNode instanceof Element))
+  {
+    return container ? container : null;
+  }
+
+  var newContainerId = currentNode.getAttribute('data-rendered-container-id');
+  if (newContainerId) {
+    var nextNode = document.querySelector("[data-render-container-id~=\"" + newContainerId + "\"]");
+
+    if (!nextNode) {
+      throw Error("Origin node for container with id " + newContainerId + " was not found");
+    }
+
+    return findRenderContainer(nextNode, rootNode, nextNode);
+  }
+
+  return findRenderContainer(currentNode, rootNode, container);
+}
+
+function listen(elements, callback) {
+  var handler = {
+    elements: elements,
+    callback: callback };
+
+  handlers.push(handler);
+
+  return {
+    remove: function remove() {
+      var index = handlers.indexOf(handler);
+      if (index > -1) {
+        handlers.splice(index, 1);
+      }
+    } };
+
+}

package/cjs/lib/listenFocusOutside.js.map

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

package/cjs/lib/locale/LOCALECONTEXT.md

@@ -0,0 +1,221 @@
+Локализации компонентов через контекст `React.Context<LocaleContextProps>`
+
+```typescript static
+interface LocaleContextProps {
+  locale?: LocaleControls;
+  langCode?: LangCodes;
+}
+```
+
+Доступные языки
+
+```typescript static
+enum LangCodes {
+  ru_RU = 'ru_RU',
+  en_GB = 'en_GB',
+}
+```
+
+LocaleControls
+
+```typescript static
+interface LocaleControls {
+  Spinner?: SpinnerLocale;
+  TokenInput?: TokenInputLocale;
+  ComboBox?: ComboBoxLocale;
+  Select?: SelectLocale;
+  Paging?: PagingLocale;
+  DatePicker?: DatePickerLocale;
+}
+```
+
+### Использование
+
+Дефолтная локализация `<TokenInput />`
+
+```jsx harmony
+import { LangCodes, LocaleContext, TokenInput, TokenInputType } from '@skbkontur/react-ui';
+
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+
+<LocaleContext.Provider value={{ langCode: LangCodes.en_GB }}>
+  <TokenInput type={TokenInputType.Combined} getItems={() => Promise.resolve([]).then(delay(500))} />
+</LocaleContext.Provider>;
+```
+
+Кастомная локализация `<TokenInput />`
+
+```jsx harmony
+import { LocaleContext, TokenInput, TokenInputType } from '@skbkontur/react-ui';
+
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+
+const customLocale = {
+  TokenInput: {
+    addButtonComment: 'Press Enter or type Spacebar',
+  },
+};
+
+<LocaleContext.Provider value={{ locale: customLocale }}>
+  <TokenInput type={TokenInputType.Combined} delimiters={[' ']} getItems={() => Promise.resolve([]).then(delay(500))} />
+</LocaleContext.Provider>;
+```
+
+Некоторые контролы используют компоненты других контролов.
+<br/>
+Для инкапсуляции локализации можно использовать несколько контекстов.
+
+```jsx harmony
+import { Gapped, LangCodes, LocaleContext, Spinner, TokenInput } from '@skbkontur/react-ui';
+
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+
+const customLocale = {
+  Spinner: {
+    loading: 'awaiting...',
+  },
+};
+
+<LocaleContext.Provider value={{ langCode: LangCodes.en_GB }}>
+  <Gapped vertical gap={10}>
+    <LocaleContext.Provider value={{ locale: customLocale }}>
+      <TokenInput getItems={() => Promise.resolve([]).then(delay(1500))} />
+    </LocaleContext.Provider>
+    <TokenInput getItems={() => Promise.resolve([]).then(delay(1500))} />
+    <Spinner />
+  </Gapped>
+</LocaleContext.Provider>;
+```
+
+Локализация функционального компонента через useContext.
+
+```jsx harmony
+import { useContext } from 'react';
+import { LangCodes, LocaleContext } from '@skbkontur/react-ui';
+
+const languages = {
+  [LangCodes.ru_RU]: 'Русский',
+  [LangCodes.en_GB]: 'English',
+};
+
+function LocalizedByHook() {
+  const { langCode } = useContext(LocaleContext);
+  return <div>{languages[langCode]}</div>;
+}
+
+<LocaleContext.Provider value={{ langCode: LangCodes.en_GB }}>
+  <LocalizedByHook />
+</LocaleContext.Provider>;
+```
+
+### Обзор всех доступных контролов
+
+```jsx harmony
+import {
+  ComboBox,
+  DateInput,
+  DatePicker,
+  Gapped,
+  LocaleContext,
+  Paging,
+  Select,
+  Spinner,
+  TokenInput,
+  LangCodes,
+} from '@skbkontur/react-ui';
+import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
+
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+
+const items = [
+  { label: 'aaa', value: 1 },
+  { label: 'bbb', value: 2 },
+  { label: 'ccc', value: 3 },
+];
+
+const LocalizationControlNames = {
+  ComboBox: 'ComboBox',
+  Spinner: 'Spinner',
+  TokenInput: 'TokenInput',
+  Select: 'Select',
+  Paging: 'Paging',
+  DatePicker: 'DatePicker',
+  DateInput: 'DateInput',
+};
+
+class LocalizationControls extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      langCode: LangCodes.ru_RU,
+      controlName: null,
+    };
+  }
+
+  render() {
+    // попробуйте кастомизировать локаль любого контрола
+    const customLocaleRU = {};
+    const customLocaleEN = {};
+
+    const locale = this.state.langCode === LangCodes.en_GB ? customLocaleEN : customLocaleRU;
+
+    return (
+      <Gapped vertical gap={10}>
+        <Select
+          value={this.state.langCode}
+          placeholder="Выбрать язык"
+          items={Object.values(LangCodes)}
+          onValueChange={langCode => this.setState({ langCode })}
+        />
+        <Select
+          value={this.state.controlName}
+          placeholder="Выбрать контрол"
+          items={Object.values(LocalizationControlNames)}
+          onValueChange={controlName => this.setState({ controlName })}
+        />
+        <LocaleContext.Provider value={{ langCode: this.state.langCode, locale: locale }}>
+          {this.getControl(this.state.controlName)}
+        </LocaleContext.Provider>
+      </Gapped>
+    );
+  }
+
+  getControl(controlName) {
+    switch (controlName) {
+      case LocalizationControlNames.ComboBox:
+        return (
+          <ComboBox
+            getItems={str => Promise.resolve(items.filter(({ label }) => label.includes(str))).then(delay(500))}
+            onValueChange={({ label: langCode }) => this.setState({ langCode })}
+          />
+        );
+
+      case LocalizationControlNames.TokenInput:
+        return <TokenInput type={TokenInputType.Combined} getItems={() => Promise.resolve([]).then(delay(500))} />;
+
+      case LocalizationControlNames.Spinner:
+        return <Spinner />;
+
+      case LocalizationControlNames.DatePicker:
+        return <DatePicker value="30.12.2012" />;
+
+      case LocalizationControlNames.DateInput:
+        return <DateInput value="30.12.2012" />;
+
+      case LocalizationControlNames.Select:
+        return <Select />;
+
+      case LocalizationControlNames.Paging:
+        return <Paging activePage={1} pagesCount={12} onPageChange={value => value} />;
+    }
+    return null;
+  }
+}
+
+<LocalizationControls />;
+```
+
+### Локализация @skbkontur/react-ui-addons
+
+Компоненты `@skbkontur/react-ui-addons` так же поддерживают локализацию через `LocaleContext` из `@skbkontur/react-ui`.
+См. пример с кастомной локализацией. Дефолтные локали описаны для каждого компонента в [докумендации аддонов](https://ui.gitlab-pages.kontur.host/docs/#/react-ui-addons).

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { LangCodes, LocaleControls } from './types';
+export interface LocaleContextProps {
+    locale?: LocaleControls;
+    langCode?: LangCodes;
+}
+export declare const LocaleContext: React.Context<LocaleContextProps>;

package/cjs/lib/locale/LocaleContext.js

@@ -0,0 +1,16 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.LocaleContext = void 0;var _react = _interopRequireDefault(require("react"));
+
+
+var _constants = require("./constants");
+
+
+
+
+
+
+var LocaleContext = /*#__PURE__*/_react.default.createContext({
+  locale: {},
+  langCode: _constants.defaultLangCode });exports.LocaleContext = LocaleContext;
+
+
+LocaleContext.displayName = 'LocaleContext';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["LocaleContext.ts"],"names":["LocaleContext","React","createContext","locale","langCode","defaultLangCode","displayName"],"mappings":"2JAAA;;;AAGA;;;;;;;AAOO,IAAMA,aAAa,gBAAGC,eAAMC,aAAN,CAAwC;AACnEC,EAAAA,MAAM,EAAE,EAD2D;AAEnEC,EAAAA,QAAQ,EAAEC,0BAFyD,EAAxC,CAAtB,C;;;AAKPL,aAAa,CAACM,WAAd,GAA4B,eAA5B","sourcesContent":["import React from 'react';\n\nimport { LangCodes, LocaleControls } from './types';\nimport { defaultLangCode } from './constants';\n\nexport interface LocaleContextProps {\n  locale?: LocaleControls;\n  langCode?: LangCodes;\n}\n\nexport const LocaleContext = React.createContext<LocaleContextProps>({\n  locale: {},\n  langCode: defaultLangCode,\n});\n\nLocaleContext.displayName = 'LocaleContext';\n"]}

package/cjs/lib/locale/LocaleHelper.js

@@ -0,0 +1,15 @@
+"use strict";exports.__esModule = true;exports.LocaleHelper = void 0;var _constants = require("./constants");var
+
+
+LocaleHelper = /*#__PURE__*/function () {
+
+
+
+  function LocaleHelper(locales, langCode) {if (langCode === void 0) {langCode = _constants.defaultLangCode;}
+    this.locales = locales;
+    this.defaultLangCode = langCode;
+  }var _proto = LocaleHelper.prototype;_proto.
+
+  get = function get(langCode) {if (langCode === void 0) {langCode = this.defaultLangCode;}
+    return this.locales[langCode] || this.locales[this.defaultLangCode] || {};
+  };return LocaleHelper;}();exports.LocaleHelper = LocaleHelper;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["LocaleHelper.ts"],"names":["LocaleHelper","locales","langCode","defaultLangCode","get"],"mappings":"qEAAA,wC;;;AAGaA,Y;;;;AAIX,wBAAmBC,OAAnB,EAAwDC,QAAxD,EAA+F,KAAvCA,QAAuC,cAAvCA,QAAuC,GAAjBC,0BAAiB;AAC7F,SAAKF,OAAL,GAAeA,OAAf;AACA,SAAKE,eAAL,GAAuBD,QAAvB;AACD,G;;AAEME,EAAAA,G,GAAP,aAAWF,QAAX,EAA0D,KAA/CA,QAA+C,cAA/CA,QAA+C,GAAzB,KAAKC,eAAoB;AACxD,WAAO,KAAKF,OAAL,CAAaC,QAAb,KAA0B,KAAKD,OAAL,CAAa,KAAKE,eAAlB,CAA1B,IAAiE,EAAxE;AACD,G","sourcesContent":["import { defaultLangCode } from './constants';\nimport { LangCodes } from './types';\n\nexport class LocaleHelper<C> {\n  private readonly locales: { [key in LangCodes]?: C };\n  private readonly defaultLangCode: LangCodes;\n\n  public constructor(locales: { [key in LangCodes]?: C }, langCode: LangCodes = defaultLangCode) {\n    this.locales = locales;\n    this.defaultLangCode = langCode;\n  }\n\n  public get(langCode: LangCodes = this.defaultLangCode): C {\n    return this.locales[langCode] || this.locales[this.defaultLangCode] || ({} as C);\n  }\n}\n"]}

package/cjs/lib/locale/constants.js

@@ -0,0 +1,3 @@
+"use strict";exports.__esModule = true;exports.defaultLangCode = void 0;var _types = require("./types");
+
+var defaultLangCode = _types.LangCodes.ru_RU;exports.defaultLangCode = defaultLangCode;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["constants.ts"],"names":["defaultLangCode","LangCodes","ru_RU"],"mappings":"wEAAA;;AAEO,IAAMA,eAAoC,GAAGC,iBAAUC,KAAvD,C","sourcesContent":["import { LangCodes } from './types';\n\nexport const defaultLangCode: Readonly<LangCodes> = LangCodes.ru_RU;\n"]}

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { LocaleContext } from './LocaleContext';
+import { LocaleHelper } from './LocaleHelper';
+import { LangCodes, LocaleControls } from './types';
+export declare function locale<C>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<C>): <T extends new (...args: any[]) => React.Component>(constructor: T) => {
+    new (...args: any[]): {
+        context: React.ContextType<typeof LocaleContext>;
+        controlName: keyof LocaleControls;
+        localeHelper: LocaleHelper<C>;
+        locale: C;
+        readonly langCode: LangCodes;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        render(): React.ReactNode;
+        readonly props: Readonly<{}> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType: React.Context<import("./LocaleContext").LocaleContextProps>;
+} & T;