@skbkontur/react-ui 5.6.1-9a162.0 → 5.6.1-e2bc4.0

package/lib/globalObject.d.ts

@@ -0,0 +1,9 @@
+import type { Nullable } from '../typings/utility-types.js';
+type SafeTimeout = ReturnType<typeof setTimeout>;
+type SafeInterval = ReturnType<typeof setInterval>;
+export type SafeTimer = Nullable<SafeInterval | SafeTimeout | number>;
+export type GlobalObject = Partial<typeof globalThis>;
+export declare function isBrowser(obj: GlobalObject): obj is GlobalObject & Window;
+export declare function getSafeWindow(): GlobalObject;
+export declare function getOwnerGlobalObject(element: Element): GlobalObject;
+export {};

package/lib/globalObject.js

@@ -0,0 +1,31 @@
+import warning from 'warning';
+var globalObject = (typeof window === 'object' && window) ||
+    (typeof globalThis === 'object' && globalThis) ||
+    (typeof global === 'object' && global) ||
+    Function('return this')();
+export function isBrowser(obj) {
+    return !!obj && typeof obj.window !== 'undefined';
+}
+export function getSafeWindow() {
+    return globalObject;
+}
+export function getOwnerGlobalObject(element) {
+    if (!element) {
+        warning(true, "The 'element' argument is missing. This indicates incorrect type casting and may cause issues in iframes.");
+        return globalObject;
+    }
+    if (element.nodeType === Node.DOCUMENT_NODE && 'defaultView' in element) {
+        warning(true, "The 'element' argument is 'document', but 'Element' was expected.");
+        return element.defaultView;
+    }
+    if ('window' in element && element.window === element) {
+        warning(true, "The 'element' argument is 'window', but 'Element' was expected.");
+        return element;
+    }
+    if (!element.ownerDocument.defaultView) {
+        warning(true, "The 'element.ownerDocument.defaultView' is missing. This is an unexpected edge case.");
+        return globalObject;
+    }
+    return element.ownerDocument.defaultView;
+}
+//# sourceMappingURL=globalObject.js.map

package/lib/globalObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalObject.js","sourceRoot":"","sources":["../../lib/globalObject.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAU9B,IAAM,YAAY,GAChB,CAAC,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC;IACtC,CAAC,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC;IAC9C,CAAC,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;AAE5B,MAAM,UAAU,SAAS,CAAC,GAAiB;IACzC,OAAO,CAAC,CAAC,GAAG,IAAI,OAAO,GAAG,CAAC,MAAM,KAAK,WAAW,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,OAAgB;IACnD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CACL,IAAI,EACJ,2GAA2G,CAC5G,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,IAAI,OAAO,CAAC,QAAQ,KAAK,IAAI,CAAC,aAAa,IAAI,aAAa,IAAI,OAAO,EAAE,CAAC;QACxE,OAAO,CAAC,IAAI,EAAE,mEAAmE,CAAC,CAAC;QACnF,OAAO,OAAO,CAAC,WAA2B,CAAC;IAC7C,CAAC;IAED,IAAI,QAAQ,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;QACtD,OAAO,CAAC,IAAI,EAAE,iEAAiE,CAAC,CAAC;QACjF,OAAO,OAAuB,CAAC;IACjC,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC;QACvC,OAAO,CAAC,IAAI,EAAE,sFAAsF,CAAC,CAAC;QACtG,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,OAAO,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC;AAC3C,CAAC","sourcesContent":["import warning from 'warning';\n\nimport type { Nullable } from '../typings/utility-types.js';\n\ntype SafeTimeout = ReturnType<typeof setTimeout>;\ntype SafeInterval = ReturnType<typeof setInterval>;\nexport type SafeTimer = Nullable<SafeInterval | SafeTimeout | number>;\n\nexport type GlobalObject = Partial<typeof globalThis>;\n\nconst globalObject: GlobalObject =\n  (typeof window === 'object' && window) ||\n  (typeof globalThis === 'object' && globalThis) ||\n  (typeof global === 'object' && global) ||\n  Function('return this')();\n\nexport function isBrowser(obj: GlobalObject): obj is GlobalObject & Window {\n  return !!obj && typeof obj.window !== 'undefined';\n}\n\nexport function getSafeWindow(): GlobalObject {\n  return globalObject;\n}\n\nexport function getOwnerGlobalObject(element: Element): GlobalObject {\n  if (!element) {\n    warning(\n      true,\n      \"The 'element' argument is missing. This indicates incorrect type casting and may cause issues in iframes.\",\n    );\n    return globalObject;\n  }\n\n  if (element.nodeType === Node.DOCUMENT_NODE && 'defaultView' in element) {\n    warning(true, \"The 'element' argument is 'document', but 'Element' was expected.\");\n    return element.defaultView as GlobalObject;\n  }\n\n  if ('window' in element && element.window === element) {\n    warning(true, \"The 'element' argument is 'window', but 'Element' was expected.\");\n    return element as GlobalObject;\n  }\n\n  if (!element.ownerDocument.defaultView) {\n    warning(true, \"The 'element.ownerDocument.defaultView' is missing. This is an unexpected edge case.\");\n    return globalObject;\n  }\n\n  return element.ownerDocument.defaultView;\n}\n"]}

package/lib/isInstanceOf.js

@@ -0,0 +1,4 @@
+export function isInstanceOf(instance, constructor) {
+    return !!constructor && instance instanceof constructor;
+}
+//# sourceMappingURL=isInstanceOf.js.map

package/lib/isInstanceOf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isInstanceOf.js","sourceRoot":"","sources":["../../lib/isInstanceOf.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAC1B,QAAkB,EAClB,WAAe;IAEf,OAAO,CAAC,CAAC,WAAW,IAAI,QAAQ,YAAY,WAAW,CAAC;AAC1D,CAAC","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/listenFocusOutside.d.ts

@@ -1,8 +1,9 @@
+import type { GlobalObject } from '../lib/globalObject.js';
 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): {
+export declare function listen(elements: Element[] | (() => Element[]), callback: (event: Event) => void, globalObject: GlobalObject): {
     remove(): void;
 };

package/lib/listenFocusOutside.js

@@ -0,0 +1,103 @@
+import ReactDOM from 'react-dom';
+import debounce from 'lodash.debounce';
+import warning from 'warning';
+import { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from '../internal/RenderContainer/index.js';
+import { getOwnerGlobalObject } from '../lib/globalObject.js';
+import { isInstanceOf } from './isInstanceOf.js';
+import { isFirefox } from './client.js';
+var handlers = [];
+var listenersAttached = new WeakSet();
+function addHandleEvent(globalObject) {
+    var _a;
+    /**
+     * 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
+     *   ¯\_(ツ)_/¯
+     */
+    (_a = globalObject.document) === null || _a === void 0 ? void 0 : _a.body.addEventListener(isFirefox ? 'focus' : 'focusin', isFirefox ? debounce(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus, { capture: true });
+}
+function addFocusListener(globalObject) {
+    var _a, _b;
+    if (listenersAttached.has(globalObject)) {
+        return;
+    }
+    if (((_a = globalObject.document) === null || _a === void 0 ? void 0 : _a.readyState) === 'complete') {
+        addHandleEvent(globalObject);
+    }
+    else {
+        (_b = globalObject.addEventListener) === null || _b === void 0 ? void 0 : _b.call(globalObject, 'load', function () { return addHandleEvent(globalObject); });
+    }
+    listenersAttached.add(globalObject);
+}
+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 _a, _b, _c;
+    var currentNode = node.parentNode;
+    var globalObject = getOwnerGlobalObject(node);
+    if (!currentNode ||
+        node === rootNode ||
+        currentNode === rootNode ||
+        currentNode === ((_a = globalObject.document) === null || _a === void 0 ? void 0 : _a.body) ||
+        currentNode === ((_b = globalObject.document) === null || _b === void 0 ? void 0 : _b.documentElement) ||
+        !isInstanceOf(currentNode, globalObject.Element)) {
+        return container ? container : null;
+    }
+    var newContainerId = currentNode.getAttribute(PORTAL_OUTLET_ATTR);
+    if (newContainerId) {
+        var nextNode = (_c = globalObject.document) === null || _c === void 0 ? void 0 : _c.querySelector("[".concat(PORTAL_INLET_ATTR, "~=\"").concat(newContainerId, "\"]"));
+        if (!nextNode) {
+            warning(false, "Origin node for render container was not found");
+            return null;
+        }
+        return findRenderContainer(nextNode, rootNode, nextNode);
+    }
+    return findRenderContainer(currentNode, rootNode, container);
+}
+export function listen(elements, callback, globalObject) {
+    addFocusListener(globalObject);
+    var handler = {
+        elements: elements,
+        callback: callback,
+    };
+    handlers.push(handler);
+    return {
+        remove: function () {
+            var index = handlers.indexOf(handler);
+            if (index > -1) {
+                handlers.splice(index, 1);
+            }
+        },
+    };
+}
+//# sourceMappingURL=listenFocusOutside.js.map

package/lib/listenFocusOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listenFocusOutside.js","sourceRoot":"","sources":["../../lib/listenFocusOutside.ts"],"names":[],"mappings":"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","sourcesContent":["import ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\nimport warning from 'warning';\n\nimport { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from '../internal/RenderContainer/index.js';\nimport { getOwnerGlobalObject } from '../lib/globalObject.js';\nimport type { GlobalObject } from '../lib/globalObject.js';\n\nimport { isInstanceOf } from './isInstanceOf.js';\nimport { isFirefox } from './client.js';\n\ninterface FocusOutsideEventHandler {\n  elements: Element[] | (() => Element[]);\n  callback: (event: Event) => void;\n}\n\nconst handlers: FocusOutsideEventHandler[] = [];\nconst listenersAttached = new WeakSet<GlobalObject>();\n\nfunction addHandleEvent(globalObject: GlobalObject) {\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}\nfunction addFocusListener(globalObject: GlobalObject) {\n  if (listenersAttached.has(globalObject)) {\n    return;\n  }\n\n  if (globalObject.document?.readyState === 'complete') {\n    addHandleEvent(globalObject);\n  } else {\n    globalObject.addEventListener?.('load', () => addHandleEvent(globalObject));\n  }\n\n  listenersAttached.add(globalObject);\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): boolean => {\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  const globalObject = getOwnerGlobalObject(node);\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(PORTAL_OUTLET_ATTR);\n  if (newContainerId) {\n    const nextNode = globalObject.document?.querySelector(`[${PORTAL_INLET_ATTR}~=\"${newContainerId}\"]`);\n\n    if (!nextNode) {\n      warning(false, `Origin node for render container was not found`);\n      return null;\n    }\n\n    return findRenderContainer(nextNode, rootNode, nextNode);\n  }\n\n  return findRenderContainer(currentNode, rootNode, container);\n}\n\nexport function listen(\n  elements: Element[] | (() => Element[]),\n  callback: (event: Event) => void,\n  globalObject: GlobalObject,\n): { remove(): void } {\n  addFocusListener(globalObject);\n\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/locale/LocaleContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { LangCodes, LocaleControls } from './types';
+import type { LangCodes, LocaleControls } from './types.js';
 export interface LocaleContextProps {
     locale?: LocaleControls;
     langCode?: LangCodes;

package/lib/locale/LocaleContext.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { defaultLangCode } from './constants.js';
+export var LocaleContext = React.createContext({
+    locale: {},
+    langCode: defaultLangCode,
+});
+LocaleContext.displayName = 'LocaleContext';
+LocaleContext.__KONTUR_REACT_UI__ = 'LocaleContext';
+//# sourceMappingURL=LocaleContext.js.map

package/lib/locale/LocaleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleContext.js","sourceRoot":"","sources":["../../../lib/locale/LocaleContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAOjD,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAqB;IACnE,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,eAAe;CAC1B,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAC5C,aAAa,CAAC,mBAAmB,GAAG,eAAe,CAAC","sourcesContent":["import React from 'react';\n\nimport type { LangCodes, LocaleControls } from './types.js';\nimport { defaultLangCode } from './constants.js';\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/LocaleHelper.d.ts

@@ -1,4 +1,4 @@
-import type { LangCodes } from './types';
+import type { LangCodes } from './types.js';
 export declare class LocaleHelper<C> {
     private readonly locales;
     private readonly defaultLangCode;

package/lib/locale/LocaleHelper.js

@@ -0,0 +1,15 @@
+import { defaultLangCode } from './constants.js';
+var LocaleHelper = /** @class */ (function () {
+    function LocaleHelper(locales, langCode) {
+        if (langCode === void 0) { langCode = defaultLangCode; }
+        this.locales = locales;
+        this.defaultLangCode = langCode;
+    }
+    LocaleHelper.prototype.get = function (langCode) {
+        if (langCode === void 0) { langCode = this.defaultLangCode; }
+        return this.locales[langCode] || this.locales[this.defaultLangCode] || {};
+    };
+    return LocaleHelper;
+}());
+export { LocaleHelper };
+//# sourceMappingURL=LocaleHelper.js.map

package/lib/locale/LocaleHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleHelper.js","sourceRoot":"","sources":["../../../lib/locale/LocaleHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjD;IAIE,sBAAmB,OAAmC,EAAE,QAAqC;QAArC,yBAAA,EAAA,0BAAqC;QAC3F,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC;IAClC,CAAC;IAEM,0BAAG,GAAV,UAAW,QAA0C;QAA1C,yBAAA,EAAA,WAAsB,IAAI,CAAC,eAAe;QACnD,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,IAAK,EAAQ,CAAC;IACnF,CAAC;IACH,mBAAC;AAAD,CAAC,AAZD,IAYC","sourcesContent":["import { defaultLangCode } from './constants.js';\nimport type { LangCodes } from './types.js';\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/lib/locale/constants.d.ts

@@ -1,4 +1,4 @@
-import { LangCodes } from './types';
+import { LangCodes } from './types.js';
 export declare const defaultLangCode: Readonly<LangCodes>;
 export declare const langCodesToCanonicalLocale: {
     [key in LangCodes]: string;

package/lib/locale/constants.js

@@ -0,0 +1,8 @@
+var _a;
+import { LangCodes } from './types.js';
+export var defaultLangCode = LangCodes.ru_RU;
+export var langCodesToCanonicalLocale = (_a = {},
+    _a[LangCodes.ru_RU] = 'ru-RU',
+    _a[LangCodes.en_GB] = 'en-GB',
+    _a);
+//# sourceMappingURL=constants.js.map

package/lib/locale/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../lib/locale/constants.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,CAAC,IAAM,eAAe,GAAwB,SAAS,CAAC,KAAK,CAAC;AAEpE,MAAM,CAAC,IAAM,0BAA0B;IACrC,GAAC,SAAS,CAAC,KAAK,IAAG,OAAO;IAC1B,GAAC,SAAS,CAAC,KAAK,IAAG,OAAO;OAC3B,CAAC","sourcesContent":["import { LangCodes } from './types.js';\n\nexport const defaultLangCode: Readonly<LangCodes> = LangCodes.ru_RU;\n\nexport const langCodesToCanonicalLocale: { [key in LangCodes]: string } = {\n  [LangCodes.ru_RU]: 'ru-RU',\n  [LangCodes.en_GB]: 'en-GB',\n};\n"]}

package/lib/locale/decorators.d.ts

@@ -1,34 +1,4 @@
 import type React from 'react';
-import { LocaleContext } from './LocaleContext';
-import type { LocaleHelper } from './LocaleHelper';
-import type { 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<{}>;
-        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;
+import type { LocaleHelper } from './LocaleHelper.js';
+import type { LocaleControls } from './types.js';
+export declare function locale<C>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<C>): <T extends new (...args: any[]) => React.Component>(constructor: T) => T;

package/lib/locale/decorators.js

@@ -0,0 +1,65 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __setFunctionName = (this && this.__setFunctionName) || function (f, name, prefix) {
+    if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+    return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+};
+import { defaultLangCode } from './constants.js';
+import { LocaleContext } from './LocaleContext.js';
+export function locale(controlName, localeHelper) {
+    return function (constructor) {
+        var _a;
+        var LocaleDecorator = (_a = /** @class */ (function (_super) {
+                __extends(class_1, _super);
+                function class_1() {
+                    var _this = _super !== null && _super.apply(this, arguments) || this;
+                    _this.controlName = controlName;
+                    _this.localeHelper = localeHelper;
+                    return _this;
+                }
+                Object.defineProperty(class_1.prototype, "locale", {
+                    get: function () {
+                        var _b;
+                        var localeFromContext = (_b = this.context.locale) === null || _b === void 0 ? void 0 : _b[this.controlName];
+                        return Object.assign({}, this.localeHelper.get(this.context.langCode), localeFromContext);
+                    },
+                    set: function (l) {
+                        // TODO альтернативная транспиляция декораторов ломает тесты
+                    },
+                    enumerable: false,
+                    configurable: true
+                });
+                Object.defineProperty(class_1.prototype, "langCode", {
+                    get: function () {
+                        var _b;
+                        return (_b = this.context.langCode) !== null && _b !== void 0 ? _b : defaultLangCode;
+                    },
+                    enumerable: false,
+                    configurable: true
+                });
+                return class_1;
+            }(constructor)),
+            __setFunctionName(_a, "LocaleDecorator"),
+            _a.contextType = LocaleContext,
+            _a);
+        var nameDescriptor = Object.getOwnPropertyDescriptor(LocaleDecorator, 'name');
+        if (!nameDescriptor || nameDescriptor.configurable) {
+            Object.defineProperty(LocaleDecorator, 'name', { value: constructor.name });
+        }
+        return LocaleDecorator;
+    };
+}
+//# sourceMappingURL=decorators.js.map

package/lib/locale/decorators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorators.js","sourceRoot":"","sources":["../../../lib/locale/decorators.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAInD,MAAM,UAAU,MAAM,CAAI,WAAiC,EAAE,YAA6B;IACxF,OAAO,UAAoD,WAAc;;QACvE,IAAM,eAAe;gBAAiB,2BAAW;gBAAzB;;oBAGf,iBAAW,GAAyB,WAAW,CAAC;oBAChD,kBAAY,GAAoB,YAAY,CAAC;;gBAatD,CAAC;gBAXC,sBAAW,2BAAM;yBAAjB;;wBACE,IAAM,iBAAiB,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,MAAM,0CAAG,IAAI,CAAC,WAAW,CAAC,CAAC;wBAClE,OAAO,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,CAAC;oBAC5F,CAAC;yBAED,UAAkB,CAAI;wBACpB,4DAA4D;oBAC9D,CAAC;;;mBAJA;gBAKD,sBAAW,6BAAQ;yBAAnB;;wBACE,OAAO,MAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,mCAAI,eAAe,CAAC;oBAClD,CAAC;;;mBAAA;gBACH,cAAC;YAAD,CAAC,AAjBuB,CAAc,WAAW;;YACjC,cAAW,GAAG,aAAc;eAgB3C,CAAC;QACF,IAAM,cAAc,GAAG,MAAM,CAAC,wBAAwB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QAChF,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,YAAY,EAAE,CAAC;YACnD,MAAM,CAAC,cAAc,CAAC,eAAe,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;QAC9E,CAAC;QACD,OAAO,eAAe,CAAC;IACzB,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import type React from 'react';\n\nimport { defaultLangCode } from './constants.js';\nimport { LocaleContext } from './LocaleContext.js';\nimport type { LocaleHelper } from './LocaleHelper.js';\nimport type { LangCodes, LocaleControls } from './types.js';\n\nexport function locale<C>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<C>) {\n  return <T extends new (...args: any[]) => React.Component>(constructor: T): 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/lib/locale/index.d.ts

@@ -1,3 +1,3 @@
-export { InternalDateOrder as DateOrder, InternalDateSeparator as DateSeparator } from '../date/types';
-export * from './LocaleContext';
-export * from './types';
+export { InternalDateOrder as DateOrder, InternalDateSeparator as DateSeparator } from '../date/types.js';
+export * from './LocaleContext.js';
+export * from './types.js';

package/lib/locale/index.js

@@ -0,0 +1,4 @@
+export { InternalDateOrder as DateOrder, InternalDateSeparator as DateSeparator } from '../date/types.js';
+export * from './LocaleContext.js';
+export * from './types.js';
+//# sourceMappingURL=index.js.map

package/lib/locale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/locale/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,SAAS,EAAE,qBAAqB,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE1G,cAAc,oBAAoB,CAAC;AAEnC,cAAc,YAAY,CAAC","sourcesContent":["export { InternalDateOrder as DateOrder, InternalDateSeparator as DateSeparator } from '../date/types.js';\n\nexport * from './LocaleContext.js';\n\nexport * from './types.js';\n"]}

package/lib/locale/types.d.ts

@@ -1,13 +1,13 @@
-import type { TokenLocale } from '../../components/Token/locale';
-import type { SidePageLocale } from '../../components/SidePage/locale';
-import type { PasswordInputLocale } from '../../components/PasswordInput/locale';
-import type { ComboBoxLocale } from '../../internal/CustomComboBox/locale';
-import type { DatePickerLocale } from '../../components/DatePicker/locale';
-import type { PagingLocale } from '../../components/Paging/locale';
-import type { SelectLocale } from '../../components/Select/locale';
-import type { TokenInputLocale } from '../../components/TokenInput/locale';
-import type { FileUploaderLocale } from '../../components/FileUploader/locale';
-import type { CalendarLocale } from '../../components/Calendar/locale/types';
+import type { TokenLocale } from '../../components/Token/locale/index.js';
+import type { SidePageLocale } from '../../components/SidePage/locale/index.js';
+import type { PasswordInputLocale } from '../../components/PasswordInput/locale/index.js';
+import type { ComboBoxLocale } from '../../internal/CustomComboBox/locale/index.js';
+import type { DatePickerLocale } from '../../components/DatePicker/locale/index.js';
+import type { PagingLocale } from '../../components/Paging/locale/index.js';
+import type { SelectLocale } from '../../components/Select/locale/index.js';
+import type { TokenInputLocale } from '../../components/TokenInput/locale/index.js';
+import type { FileUploaderLocale } from '../../components/FileUploader/locale/index.js';
+import type { CalendarLocale } from '../../components/Calendar/locale/types.js';
 export interface LocaleControls {
     [key: string]: any;
     TokenInput?: Partial<TokenInputLocale>;

package/lib/locale/types.js

@@ -0,0 +1,6 @@
+export var LangCodes;
+(function (LangCodes) {
+    LangCodes["ru_RU"] = "ru_RU";
+    LangCodes["en_GB"] = "en_GB";
+})(LangCodes || (LangCodes = {}));
+//# sourceMappingURL=types.js.map

package/lib/locale/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../lib/locale/types.ts"],"names":[],"mappings":"AAyBA,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,4BAAe,CAAA;IACf,4BAAe,CAAA;AACjB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB","sourcesContent":["import type { TokenLocale } from '../../components/Token/locale/index.js';\nimport type { SidePageLocale } from '../../components/SidePage/locale/index.js';\nimport type { PasswordInputLocale } from '../../components/PasswordInput/locale/index.js';\nimport type { ComboBoxLocale } from '../../internal/CustomComboBox/locale/index.js';\nimport type { DatePickerLocale } from '../../components/DatePicker/locale/index.js';\nimport type { PagingLocale } from '../../components/Paging/locale/index.js';\nimport type { SelectLocale } from '../../components/Select/locale/index.js';\nimport type { TokenInputLocale } from '../../components/TokenInput/locale/index.js';\nimport type { FileUploaderLocale } from '../../components/FileUploader/locale/index.js';\nimport type { CalendarLocale } from '../../components/Calendar/locale/types.js';\n\nexport interface LocaleControls {\n  [key: string]: any;\n  TokenInput?: Partial<TokenInputLocale>;\n  Token?: Partial<TokenLocale>;\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  PasswordInput?: Partial<PasswordInputLocale>;\n  SidePage?: Partial<SidePageLocale>;\n}\n\nexport enum LangCodes {\n  ru_RU = 'ru_RU',\n  en_GB = 'en_GB',\n}\n"]}

package/lib/locale/useLocaleForControl.d.ts

@@ -1,3 +1,3 @@
-import type { LocaleControls } from './types';
-import type { LocaleHelper } from './LocaleHelper';
+import type { LocaleControls } from './types.js';
+import type { LocaleHelper } from './LocaleHelper.js';
 export declare const useLocaleForControl: <TTranslationByLangCode extends Record<string, any>>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<TTranslationByLangCode>) => TTranslationByLangCode;

package/lib/locale/useLocaleForControl.js

@@ -0,0 +1,8 @@
+import { useContext, useMemo } from 'react';
+import { LocaleContext } from './LocaleContext.js';
+export var useLocaleForControl = function (controlName, localeHelper) {
+    var _a = useContext(LocaleContext), locale = _a.locale, langCode = _a.langCode;
+    var localeFromContext = locale === null || locale === void 0 ? void 0 : locale[controlName];
+    return useMemo(function () { return Object.assign({}, localeHelper.get(langCode), localeFromContext); }, [langCode, localeFromContext]);
+};
+//# sourceMappingURL=useLocaleForControl.js.map

package/lib/locale/useLocaleForControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocaleForControl.js","sourceRoot":"","sources":["../../../lib/locale/useLocaleForControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,CAAC,IAAM,mBAAmB,GAAG,UACjC,WAAiC,EACjC,YAAkD;IAE5C,IAAA,KAAuB,UAAU,CAAC,aAAa,CAAC,EAA9C,MAAM,YAAA,EAAE,QAAQ,cAA8B,CAAC;IACvD,IAAM,iBAAiB,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,WAAW,CAAC,CAAC;IAChD,OAAO,OAAO,CAAC,cAAM,OAAA,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,EAAhE,CAAgE,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC;AACxH,CAAC,CAAC","sourcesContent":["import { useContext, useMemo } from 'react';\n\nimport type { LocaleControls } from './types.js';\nimport type { LocaleHelper } from './LocaleHelper.js';\nimport { LocaleContext } from './LocaleContext.js';\n\nexport const useLocaleForControl = <TTranslationByLangCode extends Record<string, any>>(\n  controlName: keyof LocaleControls,\n  localeHelper: LocaleHelper<TTranslationByLangCode>,\n): TTranslationByLangCode => {\n  const { locale, langCode } = useContext(LocaleContext);\n  const localeFromContext = locale?.[controlName];\n  return useMemo(() => Object.assign({}, localeHelper.get(langCode), localeFromContext), [langCode, localeFromContext]);\n};\n"]}

package/lib/memo.d.ts

@@ -1,3 +1,3 @@
-type MemoFunction<T> = (...args: T[]) => any;
-export declare function memo<T>(fn: MemoFunction<T>): (...args: Parameters<MemoFunction<T>>) => any;
+type MemoFunction<Args extends unknown[], Return> = (...args: Args) => Return;
+export declare function memo<Args extends unknown[], Return>(fn: MemoFunction<Args, Return>): (...args: Parameters<MemoFunction<Args, Return>>) => Return;
 export {};

package/lib/memo.js

@@ -0,0 +1,30 @@
+export function memo(fn) {
+    var cache = {};
+    var getHash = function (args) { return args.reduce(function (acc, x) { return acc + x; }, ''); };
+    var keysCount = 0;
+    var limit = 1e4;
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        try {
+            var hash = getHash(args);
+            var fromCache = cache[hash];
+            if (fromCache) {
+                return fromCache;
+            }
+            var result = fn.apply(void 0, args);
+            cache[hash] = result;
+            keysCount++;
+            return result;
+        }
+        finally {
+            if (keysCount > limit) {
+                cache = {};
+                keysCount = 0;
+            }
+        }
+    };
+}
+//# sourceMappingURL=memo.js.map

package/lib/memo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"memo.js","sourceRoot":"","sources":["../../lib/memo.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,IAAI,CAAiC,EAA8B;IACjF,IAAI,KAAK,GAA2B,EAAE,CAAC;IACvC,IAAM,OAAO,GAAG,UAAC,IAAU,IAAK,OAAA,IAAI,CAAC,MAAM,CAAS,UAAC,GAAG,EAAE,CAAC,IAAK,OAAA,GAAG,GAAG,CAAC,EAAP,CAAO,EAAE,EAAE,CAAC,EAA5C,CAA4C,CAAC;IAC7E,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,IAAM,KAAK,GAAG,GAAG,CAAC;IAElB,OAAO;QAAC,cAA+C;aAA/C,UAA+C,EAA/C,qBAA+C,EAA/C,IAA+C;YAA/C,yBAA+C;;QACrD,IAAI,CAAC;YACH,IAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;YAC3B,IAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;YAC9B,IAAI,SAAS,EAAE,CAAC;gBACd,OAAO,SAAS,CAAC;YACnB,CAAC;YACD,IAAM,MAAM,GAAG,EAAE,eAAI,IAAI,CAAC,CAAC;YAC3B,KAAK,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;YACrB,SAAS,EAAE,CAAC;YACZ,OAAO,MAAM,CAAC;QAChB,CAAC;gBAAS,CAAC;YACT,IAAI,SAAS,GAAG,KAAK,EAAE,CAAC;gBACtB,KAAK,GAAG,EAAE,CAAC;gBACX,SAAS,GAAG,CAAC,CAAC;YAChB,CAAC;QACH,CAAC;IACH,CAAC,CAAC;AACJ,CAAC","sourcesContent":["type MemoFunction<Args extends unknown[], Return> = (...args: Args) => Return;\n\nexport function memo<Args extends unknown[], Return>(fn: MemoFunction<Args, Return>) {\n  let cache: Record<string, Return> = {};\n  const getHash = (args: Args) => args.reduce<string>((acc, x) => acc + x, '');\n  let keysCount = 0;\n  const limit = 1e4;\n\n  return (...args: Parameters<MemoFunction<Args, Return>>): Return => {\n    try {\n      const hash = getHash(args);\n      const fromCache = cache[hash];\n      if (fromCache) {\n        return fromCache;\n      }\n      const result = fn(...args);\n      cache[hash] = result;\n      keysCount++;\n      return result;\n    } finally {\n      if (keysCount > limit) {\n        cache = {};\n        keysCount = 0;\n      }\n    }\n  };\n}\n"]}

package/lib/mergeRefs.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import type { Nullable } from '../typings/utility-types';
-type RefVariants<T> = Nullable<React.RefObject<T> | React.RefCallback<T>>;
-type RefCallback<T> = ReturnType<typeof createRefCallback<T>>;
+import type { RefCallback } from 'react';
+import type { Nullable } from '../typings/utility-types.js';
+type RefVariants<T> = Nullable<React.RefObject<T | null> | React.RefCallback<T>>;
 /**
  * Позволяет объединить несколько параметров ref в один вызов, в котором во все переданные параметры просетится ref.
  *
@@ -19,5 +19,4 @@ type RefCallback<T> = ReturnType<typeof createRefCallback<T>>;
  * });
  */
 export declare function mergeRefs<T>(...refs: Array<RefVariants<T>>): RefCallback<T>;
-declare function createRefCallback<T>(refs: Array<RefVariants<T>>): (value: T) => void;
 export {};

package/lib/mergeRefs.js

@@ -0,0 +1,70 @@
+import { isNonNullable, isNullable } from './utils.js';
+var CALLBACK_AS_KEY = { callbackAsKey: true };
+var cache = new WeakMap();
+/**
+ * Позволяет объединить несколько параметров ref в один вызов, в котором во все переданные параметры просетится ref.
+ *
+ * Кеширует результат возвращаемой функции, так что при одинаковых входных параметрах React-у будет возвращена одинаковая функция.
+ * Это позволит не вызывать лишние commitAttachRef и commitDetachRef и не ловить сайдэффекты связанные со значением ref в моменте
+ *
+ * Не прокидывай в параметрах стрелочные функции, так результат не будет закеширован.
+ *
+ * @returns function that passed refs: (...refs) =>
+ *
+ * @example
+ * const SomeComponent = forwardRef((props, ref) => {
+ *  const localRef = useRef();
+ *  return <div ref={mergeRefs(localRef, ref)} />;
+ * });
+ */
+export function mergeRefs() {
+    var refs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        refs[_i] = arguments[_i];
+    }
+    var cacheLevel = getLeafRefInCache.apply(void 0, refs);
+    var cachedCallback = cacheLevel.get(CALLBACK_AS_KEY);
+    if (cachedCallback && typeof cachedCallback === 'function') {
+        return cachedCallback;
+    }
+    var newRefCallback = createRefCallback(refs);
+    cacheLevel.set(CALLBACK_AS_KEY, newRefCallback);
+    return newRefCallback;
+}
+function createRefCallback(refs) {
+    function applyRef(value) {
+        refs.forEach(function (ref) {
+            if (typeof ref === 'function') {
+                return ref(value);
+            }
+            else if (isNonNullable(ref)) {
+                return (ref.current = value);
+            }
+        });
+    }
+    return applyRef;
+}
+function getLeafRefInCache() {
+    var refs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        refs[_i] = arguments[_i];
+    }
+    var cacheLevel = cache;
+    for (var _a = 0, refs_1 = refs; _a < refs_1.length; _a++) {
+        var ref = refs_1[_a];
+        if (isNullable(ref)) {
+            continue;
+        }
+        var child = cacheLevel.get(ref);
+        if (child && typeof child !== 'function') {
+            cacheLevel = child;
+        }
+        else {
+            var leaf = new WeakMap();
+            cacheLevel.set(ref, leaf);
+            cacheLevel = leaf;
+        }
+    }
+    return cacheLevel;
+}
+//# sourceMappingURL=mergeRefs.js.map

package/lib/mergeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeRefs.js","sourceRoot":"","sources":["../../lib/mergeRefs.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAGvD,IAAM,eAAe,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;AAKhD,IAAM,KAAK,GAAG,IAAI,OAAO,EAAkC,CAAC;AAE5D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,SAAS;IAAI,cAA8B;SAA9B,UAA8B,EAA9B,qBAA8B,EAA9B,IAA8B;QAA9B,yBAA8B;;IACzD,IAAM,UAAU,GAAG,iBAAiB,eAAI,IAAI,CAAC,CAAC;IAE9C,IAAM,cAAc,GAAG,UAAU,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACvD,IAAI,cAAc,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;QAC3D,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,IAAM,cAAc,GAAG,iBAAiB,CAAI,IAAI,CAAC,CAAC;IAClD,UAAU,CAAC,GAAG,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC;IAEhD,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,SAAS,iBAAiB,CAAI,IAA2B;IACvD,SAAS,QAAQ,CAAC,KAAQ;QACxB,IAAI,CAAC,OAAO,CAAC,UAAC,GAAG;YACf,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;iBAAM,IAAI,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC9B,OAAO,CAAE,GAAiC,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC;YAC9D,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,iBAAiB;IAAI,cAA8B;SAA9B,UAA8B,EAA9B,qBAA8B,EAA9B,IAA8B;QAA9B,yBAA8B;;IAC1D,IAAI,UAAU,GAAG,KAAK,CAAC;IACvB,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI,EAAE,CAAC;QAApB,IAAM,GAAG,aAAA;QACZ,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACpB,SAAS;QACX,CAAC;QACD,IAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAElC,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;YACzC,UAAU,GAAG,KAAK,CAAC;QACrB,CAAC;aAAM,CAAC;YACN,IAAM,IAAI,GAAG,IAAI,OAAO,EAAE,CAAC;YAC3B,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;YAC1B,UAAU,GAAG,IAAI,CAAC;QACpB,CAAC;IACH,CAAC;IACD,OAAO,UAAU,CAAC;AACpB,CAAC","sourcesContent":["import type React from 'react';\nimport type { RefCallback } from 'react';\n\nimport type { Nullable } from '../typings/utility-types.js';\n\nimport { isNonNullable, isNullable } from './utils.js';\n\ntype RefVariants<T> = Nullable<React.RefObject<T | null> | React.RefCallback<T>>;\nconst CALLBACK_AS_KEY = { callbackAsKey: true };\n\ntype CacheKey<T> = NonNullable<RefVariants<T> | typeof CALLBACK_AS_KEY>;\ntype CacheValue<T> = RefCallback<T> | WeakMap<CacheKey<T>, CacheValue<T>>;\n\nconst cache = new WeakMap<CacheKey<any>, CacheValue<any>>();\n\n/**\n * Позволяет объединить несколько параметров ref в один вызов, в котором во все переданные параметры просетится ref.\n *\n * Кеширует результат возвращаемой функции, так что при одинаковых входных параметрах React-у будет возвращена одинаковая функция.\n * Это позволит не вызывать лишние commitAttachRef и commitDetachRef и не ловить сайдэффекты связанные со значением ref в моменте\n *\n * Не прокидывай в параметрах стрелочные функции, так результат не будет закеширован.\n *\n * @returns function that passed refs: (...refs) =>\n *\n * @example\n * const SomeComponent = forwardRef((props, ref) => {\n *  const localRef = useRef();\n *  return <div ref={mergeRefs(localRef, ref)} />;\n * });\n */\nexport function mergeRefs<T>(...refs: Array<RefVariants<T>>): RefCallback<T> {\n  const cacheLevel = getLeafRefInCache(...refs);\n\n  const cachedCallback = cacheLevel.get(CALLBACK_AS_KEY);\n  if (cachedCallback && typeof cachedCallback === 'function') {\n    return cachedCallback;\n  }\n\n  const newRefCallback = createRefCallback<T>(refs);\n  cacheLevel.set(CALLBACK_AS_KEY, newRefCallback);\n\n  return newRefCallback;\n}\n\nfunction createRefCallback<T>(refs: Array<RefVariants<T>>) {\n  function applyRef(value: T) {\n    refs.forEach((ref) => {\n      if (typeof ref === 'function') {\n        return ref(value);\n      } else if (isNonNullable(ref)) {\n        return ((ref as React.MutableRefObject<T>).current = value);\n      }\n    });\n  }\n  return applyRef;\n}\n\nfunction getLeafRefInCache<T>(...refs: Array<RefVariants<T>>) {\n  let cacheLevel = cache;\n  for (const ref of refs) {\n    if (isNullable(ref)) {\n      continue;\n    }\n    const child = cacheLevel.get(ref);\n\n    if (child && typeof child !== 'function') {\n      cacheLevel = child;\n    } else {\n      const leaf = new WeakMap();\n      cacheLevel.set(ref, leaf);\n      cacheLevel = leaf;\n    }\n  }\n  return cacheLevel;\n}\n"]}