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

package/lib/featureFlagsContext/FeatureFlagsHelpers.d.ts

@@ -0,0 +1,12 @@
+import { ReactUIFeatureFlags } from './ReactUIFeatureFlagsContext';
+export declare const getFullReactUIFlagsContext: (flags: ReactUIFeatureFlags) => {
+    tokenInputRemoveWhitespaceFromDefaultDelimiters?: boolean | undefined;
+    kebabHintRemovePin?: boolean | undefined;
+    sidePageEnableFocusLockWhenBackgroundBlocked?: boolean | undefined;
+    spinnerLoaderRemoveDefaultCaption?: boolean | undefined;
+    menuItemsAtAnyLevel?: boolean | undefined;
+    textareaUseSafari17Workaround?: boolean | undefined;
+    linkFocusOutline?: boolean | undefined;
+    comboBoxAllowValueChangeInEditingState?: boolean | undefined;
+    hintAddDynamicPositioning?: boolean | undefined;
+};

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext/ReactUIFeatureFlagsContext.js

@@ -0,0 +1,15 @@
+import React from 'react';
+export var reactUIFeatureFlagsDefault = {
+  tokenInputRemoveWhitespaceFromDefaultDelimiters: false,
+  kebabHintRemovePin: false,
+  sidePageEnableFocusLockWhenBackgroundBlocked: false,
+  spinnerLoaderRemoveDefaultCaption: false,
+  menuItemsAtAnyLevel: false,
+  textareaUseSafari17Workaround: false,
+  linkFocusOutline: false,
+  comboBoxAllowValueChangeInEditingState: false,
+  hintAddDynamicPositioning: false
+};
+export var ReactUIFeatureFlagsContext = /*#__PURE__*/React.createContext(reactUIFeatureFlagsDefault);
+ReactUIFeatureFlagsContext.displayName = 'ReactUIFeatureFlagsContext';
+ReactUIFeatureFlagsContext.__KONTUR_REACT_UI__ = 'ReactUIFeatureFlagsContext';

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext/ReactUIFeatureFlagsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ReactUIFeatureFlagsContext.tsx"],"names":["React","reactUIFeatureFlagsDefault","tokenInputRemoveWhitespaceFromDefaultDelimiters","kebabHintRemovePin","sidePageEnableFocusLockWhenBackgroundBlocked","spinnerLoaderRemoveDefaultCaption","menuItemsAtAnyLevel","textareaUseSafari17Workaround","linkFocusOutline","comboBoxAllowValueChangeInEditingState","hintAddDynamicPositioning","ReactUIFeatureFlagsContext","createContext","displayName","__KONTUR_REACT_UI__"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;;;;;;;;;AAcA,OAAO,IAAMC,0BAA+C,GAAG;AAC7DC,EAAAA,+CAA+C,EAAE,KADY;AAE7DC,EAAAA,kBAAkB,EAAE,KAFyC;AAG7DC,EAAAA,4CAA4C,EAAE,KAHe;AAI7DC,EAAAA,iCAAiC,EAAE,KAJ0B;AAK7DC,EAAAA,mBAAmB,EAAE,KALwC;AAM7DC,EAAAA,6BAA6B,EAAE,KAN8B;AAO7DC,EAAAA,gBAAgB,EAAE,KAP2C;AAQ7DC,EAAAA,sCAAsC,EAAE,KARqB;AAS7DC,EAAAA,yBAAyB,EAAE,KATkC,EAAxD;;;AAYP,OAAO,IAAMC,0BAA0B,gBAAGX,KAAK,CAACY,aAAN,CAAyCX,0BAAzC,CAAnC;;AAEPU,0BAA0B,CAACE,WAA3B,GAAyC,4BAAzC;AACAF,0BAA0B,CAACG,mBAA3B,GAAiD,4BAAjD","sourcesContent":["import React from 'react';\n\nexport interface ReactUIFeatureFlags {\n  tokenInputRemoveWhitespaceFromDefaultDelimiters?: boolean;\n  kebabHintRemovePin?: boolean;\n  sidePageEnableFocusLockWhenBackgroundBlocked?: boolean;\n  spinnerLoaderRemoveDefaultCaption?: boolean;\n  menuItemsAtAnyLevel?: boolean;\n  textareaUseSafari17Workaround?: boolean;\n  linkFocusOutline?: boolean;\n  comboBoxAllowValueChangeInEditingState?: boolean;\n  hintAddDynamicPositioning?: boolean;\n}\n\nexport const reactUIFeatureFlagsDefault: ReactUIFeatureFlags = {\n  tokenInputRemoveWhitespaceFromDefaultDelimiters: false,\n  kebabHintRemovePin: false,\n  sidePageEnableFocusLockWhenBackgroundBlocked: false,\n  spinnerLoaderRemoveDefaultCaption: false,\n  menuItemsAtAnyLevel: false,\n  textareaUseSafari17Workaround: false,\n  linkFocusOutline: false,\n  comboBoxAllowValueChangeInEditingState: false,\n  hintAddDynamicPositioning: false,\n};\n\nexport const ReactUIFeatureFlagsContext = React.createContext<ReactUIFeatureFlags>(reactUIFeatureFlagsDefault);\n\nReactUIFeatureFlagsContext.displayName = 'ReactUIFeatureFlagsContext';\nReactUIFeatureFlagsContext.__KONTUR_REACT_UI__ = 'ReactUIFeatureFlagsContext';\n"]}

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext/package.json

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

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface ReactUIFeatureFlags {
+    tokenInputRemoveWhitespaceFromDefaultDelimiters?: boolean;
+    kebabHintRemovePin?: boolean;
+    sidePageEnableFocusLockWhenBackgroundBlocked?: boolean;
+    spinnerLoaderRemoveDefaultCaption?: boolean;
+    menuItemsAtAnyLevel?: boolean;
+    textareaUseSafari17Workaround?: boolean;
+    linkFocusOutline?: boolean;
+    comboBoxAllowValueChangeInEditingState?: boolean;
+    hintAddDynamicPositioning?: boolean;
+}
+export declare const reactUIFeatureFlagsDefault: ReactUIFeatureFlags;
+export declare const ReactUIFeatureFlagsContext: React.Context<ReactUIFeatureFlags>;

package/lib/featureFlagsContext/index/index.js

@@ -0,0 +1,2 @@
+export * from "../ReactUIFeatureFlagsContext";
+export * from "../FeatureFlagsHelpers";

package/lib/featureFlagsContext/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAAd;;AAEA,cAAc,uBAAd","sourcesContent":["export * from './ReactUIFeatureFlagsContext';\n\nexport * from './FeatureFlagsHelpers';\n"]}

package/lib/featureFlagsContext/index/package.json

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

package/lib/featureFlagsContext/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ReactUIFeatureFlagsContext';
+export * from './FeatureFlagsHelpers';

package/lib/featureFlagsContext/package.json

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

package/lib/filterProps/filterProps.js

@@ -0,0 +1,11 @@
+export function filterProps(props, allowed) {
+  var ret = {};
+
+  for (var key in props) {
+    if (allowed[key]) {
+      ret[key] = props[key];
+    }
+  }
+
+  return ret;
+}

package/lib/filterProps/filterProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["filterProps.ts"],"names":["filterProps","props","allowed","ret","key"],"mappings":";;;;;;AAMA,OAAO,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;AAChBD,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      ret[key] = props[key];\n    }\n  }\n  return ret;\n}\n"]}

package/lib/filterProps/package.json

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

package/lib/filterProps.d.ts

@@ -0,0 +1,12 @@
+export declare type Filter<T, U> = T extends U ? T : never;
+export declare type True<T> = {
+    [K in keyof T]: T[K] extends true ? K : never;
+}[keyof T];
+export declare type AmbiguousBool<T> = {
+    [K in keyof T]: T[K] extends false ? never : T[K] extends true ? never : K;
+}[keyof T];
+export declare function filterProps<Props extends Record<string, any>, Allowed extends Record<string, boolean>, Specific extends Filter<keyof Props, True<Allowed>>, Optional extends Filter<keyof Props, AmbiguousBool<Allowed>>, Result extends {
+    [P in Specific]: Props[P];
+} & {
+    [Q in Optional]?: Props[Q];
+}>(props: Props, allowed: Allowed): Result;

package/lib/forwardRefAndName/forwardRefAndName.js

@@ -0,0 +1,22 @@
+import { forwardRef } from 'react';
+
+function forwardName(name, render) {
+  render.displayName = name;
+  render.__KONTUR_REACT_UI__ = name;
+  return render;
+}
+
+export function forwardRefAndName(name, render) {
+  return forwardName(name, /*#__PURE__*/forwardRef(render));
+}
+
+function forwardIconName(name, render) {
+  render.displayName = name;
+  render.__KONTUR_REACT_UI__ = name;
+  render.__KONTUR_ICON__ = true;
+  return render;
+}
+
+export function forwardRefAndIconName(name, render) {
+  return forwardIconName(name, /*#__PURE__*/forwardRef(render));
+}

package/lib/forwardRefAndName/forwardRefAndName.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["forwardRefAndName.ts"],"names":["forwardRef","forwardName","name","render","displayName","__KONTUR_REACT_UI__","forwardRefAndName","forwardIconName","__KONTUR_ICON__","forwardRefAndIconName"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;;;;;;;;AAQA,SAASC,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;;AAED,OAAO,SAASG,iBAAT;AACLJ,IADK;AAELC,MAFK;AAGgD;AACrD,SAAOF,WAAW;AAChBC,EAAAA,IADgB;AAEhBF,EAAAA,UAAU,CAACG,MAAD,CAFM,CAAlB;;AAID;;;;;;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;;AAED,OAAO,SAASM,qBAAT;AACLP,IADK;AAELC,MAFK;AAGmC;AACxC,SAAOI,eAAe,CAAqBL,IAArB,eAA2BF,UAAU,CAACG,MAAD,CAArC,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, Extra extends Record<string, unknown> = Record<never, never>>(\n  name: string,\n  render: React.ForwardRefRenderFunction<ElementType, Props>,\n): ReactUIComponentWithRef<ElementType, Props> & Extra {\n  return forwardName<ElementType, Props>(\n    name,\n    forwardRef(render) as ReactUIComponentWithRef<ElementType, Props> & Extra,\n  ) as ReactUIComponentWithRef<ElementType, Props> & Extra;\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/lib/forwardRefAndName/package.json

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

package/lib/forwardRefAndName.d.ts

@@ -0,0 +1,9 @@
+/// <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, Extra extends Record<string, unknown> = Record<never, never>>(name: string, render: React.ForwardRefRenderFunction<ElementType, Props>): ReactUIComponentWithRef<ElementType, Props> & Extra;
+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/lib/getDisplayName/getDisplayName.js

@@ -0,0 +1,3 @@
+export function getDisplayName(RC) {
+  return RC.displayName || RC.name || 'Anonymous';
+}

package/lib/getDisplayName/getDisplayName.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getDisplayName.ts"],"names":["getDisplayName","RC","displayName","name"],"mappings":";;;;AAIA,OAAO,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/lib/getDisplayName/package.json

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

package/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/lib/isInstanceOf/isInstanceOf.js

@@ -0,0 +1,3 @@
+export function isInstanceOf(instance, constructor) {
+  return !!constructor && instance instanceof constructor;
+}

package/lib/isInstanceOf/isInstanceOf.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["isInstanceOf.ts"],"names":["isInstanceOf","instance","constructor"],"mappings":"AAAA,OAAO,SAASA,YAAT;AACLC,QADK;AAELC,WAFK;AAGwB;AAC7B,SAAO,CAAC,CAACA,WAAF,IAAiBD,QAAQ,YAAYC,WAA5C;AACD","sourcesContent":["export function isInstanceOf<C extends new (...args: any) => any>(\n  instance?: unknown,\n  constructor?: C,\n): instance is InstanceType<C> {\n  return !!constructor && instance instanceof constructor;\n}\n"]}

package/lib/isInstanceOf/package.json

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

package/lib/isInstanceOf.d.ts

@@ -0,0 +1 @@
+export declare function isInstanceOf<C extends new (...args: any) => any>(instance?: unknown, constructor?: C): instance is InstanceType<C>;

package/lib/listenFocusOutside/listenFocusOutside.js

@@ -0,0 +1,114 @@
+var _globalObject$documen2;
+
+import ReactDOM from 'react-dom';
+import debounce from 'lodash.debounce';
+import { globalObject } from '@skbkontur/global-object';
+import { isInstanceOf } from "../isInstanceOf";
+import { isFirefox } from "../client";
+var handlers = [];
+
+function addHandleEvent() {
+  var _globalObject$documen;
+  /**
+   * 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
+   *   ¯\_(ツ)_/¯
+   */
+
+
+  (_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.body.addEventListener(isFirefox ? 'focus' : 'focusin', isFirefox ? debounce(handleNativeFocus, 0, {
+    leading: true,
+    trailing: false
+  }) : handleNativeFocus, {
+    capture: true
+  });
+}
+
+if (((_globalObject$documen2 = globalObject.document) == null ? void 0 : _globalObject$documen2.readyState) === 'complete') {
+  addHandleEvent();
+} else {
+  globalObject.addEventListener == null ? void 0 : globalObject.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.unstable_batchedUpdates(function () {
+      return handler.callback(event);
+    });
+  });
+}
+
+export 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"
+ */
+
+export function findRenderContainer(node, rootNode, container) {
+  var _globalObject$documen3, _globalObject$documen4;
+
+  var currentNode = node.parentNode;
+
+  if (!currentNode || node === rootNode || currentNode === rootNode || currentNode === ((_globalObject$documen3 = globalObject.document) == null ? void 0 : _globalObject$documen3.body) || currentNode === ((_globalObject$documen4 = globalObject.document) == null ? void 0 : _globalObject$documen4.documentElement) || !isInstanceOf(currentNode, globalObject.Element)) {
+    return container ? container : null;
+  }
+
+  var newContainerId = currentNode.getAttribute('data-rendered-container-id');
+
+  if (newContainerId) {
+    var _globalObject$documen5;
+
+    var nextNode = (_globalObject$documen5 = globalObject.document) == null ? void 0 : _globalObject$documen5.querySelector("[data-render-container-id~=\"" + newContainerId + "\"]");
+
+    if (!nextNode) {
+      throw Error("Origin node for render container was not found");
+    }
+
+    return findRenderContainer(nextNode, rootNode, nextNode);
+  }
+
+  return findRenderContainer(currentNode, rootNode, container);
+}
+export 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/lib/listenFocusOutside/listenFocusOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["listenFocusOutside.ts"],"names":["ReactDOM","debounce","globalObject","isInstanceOf","isFirefox","handlers","addHandleEvent","document","body","addEventListener","handleNativeFocus","leading","trailing","capture","readyState","event","target","srcElement","forEach","handler","elements","some","containsTargetOrRenderContainer","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';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isInstanceOf } from './isInstanceOf';\nimport { isFirefox } from './client';\n\ninterface FocusOutsideEventHandler {\n  elements: Element[] | (() => Element[]);\n  callback: (event: Event) => void;\n}\n\nconst handlers: FocusOutsideEventHandler[] = [];\n\nfunction addHandleEvent() {\n  /**\n   * Firefox do not supports 'focusin' event.\n   * Focus events bubbles multiple time\n   * without possibilty to cancell bubbling.\n   * Using debounce to capture only first focus event\n   * Mozilla Firefix\n   *   ¯\\_(ツ)_/¯\n   */\n  globalObject.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 (globalObject.document?.readyState === 'complete') {\n  addHandleEvent();\n} else {\n  globalObject.addEventListener?.('load', addHandleEvent);\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 === globalObject.document?.body ||\n    currentNode === globalObject.document?.documentElement ||\n    !isInstanceOf(currentNode, globalObject.Element)\n  ) {\n    return container ? container : null;\n  }\n\n  const newContainerId = currentNode.getAttribute('data-rendered-container-id');\n  if (newContainerId) {\n    const nextNode = globalObject.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: 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/lib/listenFocusOutside/package.json

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

package/lib/listenFocusOutside.d.ts

@@ -1,5 +1,8 @@
-export declare function containsTargetOrRenderContainer(target: Element): (element: Element) => boolean;
-declare function listen(elements: HTMLElement[] | (() => HTMLElement[]), callback: (event: Event) => void): {
-    remove(): void;
-};
-export default listen;
+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: Element[] | (() => Element[]), callback: (event: Event) => void): {
+    remove(): void;
+};

package/lib/locale/LOCALECONTEXT.md

@@ -0,0 +1,222 @@
+Локализации компонентов через контекст `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 {
+  Autocomplete?: AutocompleteLocale;
+  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/lib/locale/LocaleContext/LocaleContext.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { defaultLangCode } from "../constants";
+export var LocaleContext = /*#__PURE__*/React.createContext({
+  locale: {},
+  langCode: defaultLangCode
+});
+LocaleContext.displayName = 'LocaleContext';
+LocaleContext.__KONTUR_REACT_UI__ = 'LocaleContext';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["LocaleContext.ts"],"names":["React","defaultLangCode","LocaleContext","createContext","locale","langCode","displayName","__KONTUR_REACT_UI__"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,eAAT,QAAgC,aAAhC;;;;;;;AAOA,OAAO,IAAMC,aAAa,gBAAGF,KAAK,CAACG,aAAN,CAAwC;AACnEC,EAAAA,MAAM,EAAE,EAD2D;AAEnEC,EAAAA,QAAQ,EAAEJ,eAFyD,EAAxC,CAAtB;;;AAKPC,aAAa,CAACI,WAAd,GAA4B,eAA5B;AACAJ,aAAa,CAACK,mBAAd,GAAoC,eAApC","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';\nLocaleContext.__KONTUR_REACT_UI__ = 'LocaleContext';\n"]}

package/lib/locale/LocaleContext/package.json

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

package/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/lib/locale/LocaleHelper/LocaleHelper.js

@@ -0,0 +1,23 @@
+import { defaultLangCode } from "../constants";
+export var LocaleHelper = /*#__PURE__*/function () {
+  function LocaleHelper(locales, langCode) {
+    if (langCode === void 0) {
+      langCode = 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;
+}();