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

package/lib/needsPolyfillPlaceholder.js

@@ -0,0 +1,18 @@
+import { getSafeWindow } from '../lib/globalObject.js';
+var needsPolyfillPlaceholderInternal = function () {
+    var globalObject = getSafeWindow();
+    if (globalObject.document) {
+        var supportsPlaceholder = 'placeholder' in globalObject.document.createElement('input');
+        if (!supportsPlaceholder) {
+            return true;
+        }
+    }
+    return false;
+};
+/**
+ * Определяет поддерживает ли браузер аттрибут `placeholder` для тега `input`
+ *
+ * Равен true, если браузеру нужен полифил для placeholder. Иначе - false
+ */
+export var needsPolyfillPlaceholder = needsPolyfillPlaceholderInternal();
+//# sourceMappingURL=needsPolyfillPlaceholder.js.map

package/lib/needsPolyfillPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"needsPolyfillPlaceholder.js","sourceRoot":"","sources":["../../lib/needsPolyfillPlaceholder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,IAAM,gCAAgC,GAAG;IACvC,IAAM,YAAY,GAAG,aAAa,EAAE,CAAC;IACrC,IAAI,YAAY,CAAC,QAAQ,EAAE,CAAC;QAC1B,IAAM,mBAAmB,GAAG,aAAa,IAAI,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC1F,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,IAAM,wBAAwB,GAAG,gCAAgC,EAAE,CAAC","sourcesContent":["import { getSafeWindow } from '../lib/globalObject.js';\n\nconst needsPolyfillPlaceholderInternal = (): boolean => {\n  const globalObject = getSafeWindow();\n  if (globalObject.document) {\n    const supportsPlaceholder = 'placeholder' in globalObject.document.createElement('input');\n    if (!supportsPlaceholder) {\n      return true;\n    }\n  }\n\n  return false;\n};\n\n/**\n * Определяет поддерживает ли браузер аттрибут `placeholder` для тега `input`\n *\n * Равен true, если браузеру нужен полифил для placeholder. Иначе - false\n */\nexport const needsPolyfillPlaceholder = needsPolyfillPlaceholderInternal();\n"]}

package/lib/pluralize.d.ts

@@ -1,2 +1,2 @@
-import { LangCodes } from './locale';
+import { LangCodes } from './locale/index.js';
 export declare function pluralize(langCode?: LangCodes, count?: number, one?: string, two?: string, five?: string): string;

package/lib/pluralize.js

@@ -0,0 +1,29 @@
+import { LangCodes } from './locale/index.js';
+export function pluralize(langCode, count, one, two, five) {
+    if (langCode === void 0) { langCode = LangCodes.ru_RU; }
+    if (count === void 0) { count = 0; }
+    if (one === void 0) { one = ''; }
+    if (two === void 0) { two = ''; }
+    if (five === void 0) { five = ''; }
+    if (langCode !== LangCodes.ru_RU) {
+        // Для нестандартных языков используем простое склонение
+        return count === 1 ? one : five;
+    }
+    var absCount = Math.abs(count);
+    var lastTwoDigits = absCount % 100;
+    var lastDigit = absCount % 10;
+    if (lastTwoDigits >= 5 && lastTwoDigits <= 20) {
+        return five;
+    }
+    switch (lastDigit) {
+        case 1:
+            return one;
+        case 2:
+        case 3:
+        case 4:
+            return two;
+        default:
+            return five;
+    }
+}
+//# sourceMappingURL=pluralize.js.map

package/lib/pluralize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pluralize.js","sourceRoot":"","sources":["../../lib/pluralize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,UAAU,SAAS,CACvB,QAAqC,EACrC,KAAiB,EACjB,GAAgB,EAChB,GAAgB,EAChB,IAAiB;IAJjB,yBAAA,EAAA,WAAsB,SAAS,CAAC,KAAK;IACrC,sBAAA,EAAA,SAAiB;IACjB,oBAAA,EAAA,QAAgB;IAChB,oBAAA,EAAA,QAAgB;IAChB,qBAAA,EAAA,SAAiB;IAEjB,IAAI,QAAQ,KAAK,SAAS,CAAC,KAAK,EAAE,CAAC;QACjC,wDAAwD;QACxD,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAClC,CAAC;IAED,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACjC,IAAM,aAAa,GAAG,QAAQ,GAAG,GAAG,CAAC;IACrC,IAAM,SAAS,GAAG,QAAQ,GAAG,EAAE,CAAC;IAEhC,IAAI,aAAa,IAAI,CAAC,IAAI,aAAa,IAAI,EAAE,EAAE,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,CAAC;YACJ,OAAO,GAAG,CAAC;QACb,KAAK,CAAC,CAAC;QACP,KAAK,CAAC,CAAC;QACP,KAAK,CAAC;YACJ,OAAO,GAAG,CAAC;QACb;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC","sourcesContent":["import { LangCodes } from './locale/index.js';\n\nexport function pluralize(\n  langCode: LangCodes = LangCodes.ru_RU,\n  count: number = 0,\n  one: string = '',\n  two: string = '',\n  five: string = '',\n): string {\n  if (langCode !== LangCodes.ru_RU) {\n    // Для нестандартных языков используем простое склонение\n    return count === 1 ? one : five;\n  }\n\n  const absCount = Math.abs(count);\n  const lastTwoDigits = absCount % 100;\n  const lastDigit = absCount % 10;\n\n  if (lastTwoDigits >= 5 && lastTwoDigits <= 20) {\n    return five;\n  }\n\n  switch (lastDigit) {\n    case 1:\n      return one;\n    case 2:\n    case 3:\n    case 4:\n      return two;\n    default:\n      return five;\n  }\n}\n"]}

package/lib/reactGetTextContent.js

@@ -0,0 +1,22 @@
+import React from 'react';
+export function reactGetTextContent(rootReactNode) {
+    var result = '';
+    var getText = function (reactNode) {
+        if (typeof reactNode === 'string' || typeof reactNode === 'number') {
+            result += reactNode.toString();
+        }
+        else if (Array.isArray(reactNode)) {
+            reactNode.forEach(function (node) { return getText(node); });
+        }
+        else if (React.isValidElement(reactNode) &&
+            reactNode.props &&
+            typeof reactNode.props === 'object' &&
+            'children' in reactNode.props) {
+            var children = reactNode.props.children;
+            getText(children);
+        }
+    };
+    getText(rootReactNode);
+    return result;
+}
+//# sourceMappingURL=reactGetTextContent.js.map

package/lib/reactGetTextContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactGetTextContent.js","sourceRoot":"","sources":["../../lib/reactGetTextContent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,mBAAmB,CAAC,aAA8B;IAChE,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,IAAM,OAAO,GAAG,UAAC,SAA0B;QACzC,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;YACnE,MAAM,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;QACjC,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YACpC,SAAS,CAAC,OAAO,CAAC,UAAC,IAAI,IAAK,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,CAAC,CAAC;QAC7C,CAAC;aAAM,IACL,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC;YAC/B,SAAS,CAAC,KAAK;YACf,OAAO,SAAS,CAAC,KAAK,KAAK,QAAQ;YACnC,UAAU,IAAI,SAAS,CAAC,KAAK,EAC7B,CAAC;YACO,IAAA,QAAQ,GAAK,SAAS,CAAC,KAAK,SAApB,CAAqB;YAErC,OAAO,CAAC,QAA2B,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,aAAa,CAAC,CAAC;IAEvB,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import React from 'react';\n\nexport function reactGetTextContent(rootReactNode: React.ReactNode): string {\n  let result = '';\n\n  const getText = (reactNode: React.ReactNode) => {\n    if (typeof reactNode === 'string' || typeof reactNode === 'number') {\n      result += reactNode.toString();\n    } else if (Array.isArray(reactNode)) {\n      reactNode.forEach((node) => getText(node));\n    } else if (\n      React.isValidElement(reactNode) &&\n      reactNode.props &&\n      typeof reactNode.props === 'object' &&\n      'children' in reactNode.props\n    ) {\n      const { children } = reactNode.props;\n\n      getText(children as React.ReactNode);\n    }\n  };\n\n  getText(rootReactNode);\n\n  return result;\n}\n"]}

package/lib/renderEnvironment/RenderEnvironmentContext.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { Emotion } from '@emotion/css/create-instance';
+import type { GlobalObject } from '../globalObject.js';
+export interface RenderEnvironmentContextType {
+    globalObject: GlobalObject;
+    emotion: Emotion;
+}
+export declare const RenderEnvironmentContext: React.Context<RenderEnvironmentContextType>;
+interface RenderEnvironmentProviderProps {
+    children: React.ReactNode;
+    rootNode: HTMLElement;
+}
+export declare const RenderEnvironmentProvider: React.FC<RenderEnvironmentProviderProps>;
+export declare const useGlobal: () => GlobalObject;
+export declare const useEmotion: () => Emotion;
+export declare const useStyles: <T>(getStyles: (emotion: Emotion) => T) => T;
+export {};

package/lib/renderEnvironment/RenderEnvironmentContext.js

@@ -0,0 +1,27 @@
+var _a;
+import React, { createContext, useContext, useMemo } from 'react';
+import { getOwnerGlobalObject, getSafeWindow } from '../globalObject.js';
+import { getEmotion } from '../theming/Emotion.js';
+var globalObject = getSafeWindow();
+export var RenderEnvironmentContext = createContext({
+    globalObject: globalObject,
+    emotion: getEmotion({ container: (_a = globalObject.document) === null || _a === void 0 ? void 0 : _a.head }),
+});
+export var RenderEnvironmentProvider = function (_a) {
+    var children = _a.children, rootNode = _a.rootNode;
+    var value = useMemo(function () {
+        var _a;
+        var globalObject = getOwnerGlobalObject(rootNode);
+        var container = (_a = globalObject.document) === null || _a === void 0 ? void 0 : _a.head;
+        var emotion = getEmotion({ container: container });
+        return { globalObject: globalObject, emotion: emotion };
+    }, [rootNode]);
+    return React.createElement(RenderEnvironmentContext.Provider, { value: value }, children);
+};
+export var useGlobal = function () { return useContext(RenderEnvironmentContext).globalObject; };
+export var useEmotion = function () { return useContext(RenderEnvironmentContext).emotion; };
+export var useStyles = function (getStyles) {
+    var emotion = useEmotion();
+    return getStyles(emotion);
+};
+//# sourceMappingURL=RenderEnvironmentContext.js.map

package/lib/renderEnvironment/RenderEnvironmentContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderEnvironmentContext.js","sourceRoot":"","sources":["../../../lib/renderEnvironment/RenderEnvironmentContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAOnD,IAAM,YAAY,GAAG,aAAa,EAAE,CAAC;AACrC,MAAM,CAAC,IAAM,wBAAwB,GAAG,aAAa,CAA+B;IAClF,YAAY,cAAA;IACZ,OAAO,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,MAAA,YAAY,CAAC,QAAQ,0CAAE,IAAmB,EAAE,CAAC;CAC/E,CAAC,CAAC;AAOH,MAAM,CAAC,IAAM,yBAAyB,GAA6C,UAAC,EAAsB;QAApB,QAAQ,cAAA,EAAE,QAAQ,cAAA;IACtG,IAAM,KAAK,GAAG,OAAO,CAAC;;QACpB,IAAM,YAAY,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;QACpD,IAAM,SAAS,GAAG,MAAA,YAAY,CAAC,QAAQ,0CAAE,IAAI,CAAC;QAC9C,IAAM,OAAO,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,SAAwB,EAAE,CAAC,CAAC;QAEpE,OAAO,EAAE,YAAY,cAAA,EAAE,OAAO,SAAA,EAAE,CAAC;IACnC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO,oBAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAqC,CAAC;AACzG,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,cAAoB,OAAA,UAAU,CAAC,wBAAwB,CAAC,CAAC,YAAY,EAAjD,CAAiD,CAAC;AAC/F,MAAM,CAAC,IAAM,UAAU,GAAG,cAAe,OAAA,UAAU,CAAC,wBAAwB,CAAC,CAAC,OAAO,EAA5C,CAA4C,CAAC;AACtF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAK,SAAkC;IAC9D,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,OAAO,SAAS,CAAC,OAAO,CAAC,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { getOwnerGlobalObject, getSafeWindow } from '../globalObject.js';\nimport type { GlobalObject } from '../globalObject.js';\nimport { getEmotion } from '../theming/Emotion.js';\n\nexport interface RenderEnvironmentContextType {\n  globalObject: GlobalObject;\n  emotion: Emotion;\n}\n\nconst globalObject = getSafeWindow();\nexport const RenderEnvironmentContext = createContext<RenderEnvironmentContextType>({\n  globalObject,\n  emotion: getEmotion({ container: globalObject.document?.head as HTMLElement }),\n});\n\ninterface RenderEnvironmentProviderProps {\n  children: React.ReactNode;\n  rootNode: HTMLElement;\n}\n\nexport const RenderEnvironmentProvider: React.FC<RenderEnvironmentProviderProps> = ({ children, rootNode }) => {\n  const value = useMemo(() => {\n    const globalObject = getOwnerGlobalObject(rootNode);\n    const container = globalObject.document?.head;\n    const emotion = getEmotion({ container: container as HTMLElement });\n\n    return { globalObject, emotion };\n  }, [rootNode]);\n  return <RenderEnvironmentContext.Provider value={value}>{children}</RenderEnvironmentContext.Provider>;\n};\n\nexport const useGlobal = (): GlobalObject => useContext(RenderEnvironmentContext).globalObject;\nexport const useEmotion = (): Emotion => useContext(RenderEnvironmentContext).emotion;\nexport const useStyles = <T,>(getStyles: (emotion: Emotion) => T): T => {\n  const emotion = useEmotion();\n  return getStyles(emotion);\n};\n"]}

package/lib/renderEnvironment/RenderEnvironmentDecorator.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ComponentWithKonturReactUI {
+    __KONTUR_REACT_UI__?: string;
+    displayName?: string;
+}
+type Constructor<T = NonNullable<unknown>> = (new (...args: any[]) => T) & ComponentWithKonturReactUI;
+export declare function withRenderEnvironment<T extends Constructor<React.Component>>(constructor: T): ComponentWithKonturReactUI & T;
+export {};

package/lib/renderEnvironment/RenderEnvironmentDecorator.js

@@ -0,0 +1,55 @@
+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 React from 'react';
+import { RenderEnvironmentContext } from './RenderEnvironmentContext.js';
+export function withRenderEnvironment(constructor) {
+    var _a;
+    var RenderEnvironmentDecorator = (_a = /** @class */ (function (_super) {
+            __extends(class_1, _super);
+            function class_1() {
+                return _super !== null && _super.apply(this, arguments) || this;
+            }
+            class_1.prototype.render = function () {
+                var _this = this;
+                return (React.createElement(RenderEnvironmentContext.Consumer, null, function (_b) {
+                    var globalObject = _b.globalObject, emotion = _b.emotion;
+                    _this.globalObject = globalObject;
+                    _this.emotion = emotion;
+                    _this.cx = emotion.cx;
+                    var originalRender = _super.prototype.render;
+                    if (typeof originalRender === 'function') {
+                        return originalRender.call(_this);
+                    }
+                    return null;
+                }));
+            };
+            return class_1;
+        }(constructor)),
+        __setFunctionName(_a, "RenderEnvironmentDecorator"),
+        _a.__KONTUR_REACT_UI__ = constructor.__KONTUR_REACT_UI__,
+        _a.displayName = constructor.displayName,
+        _a);
+    var nameDescriptor = Object.getOwnPropertyDescriptor(RenderEnvironmentDecorator, 'name');
+    if (!nameDescriptor || nameDescriptor.configurable) {
+        Object.defineProperty(RenderEnvironmentDecorator, 'name', { value: constructor.name });
+    }
+    return RenderEnvironmentDecorator;
+}
+//# sourceMappingURL=RenderEnvironmentDecorator.js.map

package/lib/renderEnvironment/RenderEnvironmentDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderEnvironmentDecorator.js","sourceRoot":"","sources":["../../../lib/renderEnvironment/RenderEnvironmentDecorator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AASzE,MAAM,UAAU,qBAAqB,CACnC,WAAc;;IAEd,IAAM,0BAA0B;YAAiB,2BAAW;YAAzB;;YA0BnC,CAAC;YAlBQ,wBAAM,GAAb;gBAAA,iBAiBC;gBAhBC,OAAO,CACL,oBAAC,wBAAwB,CAAC,QAAQ,QAC/B,UAAC,EAAyB;wBAAvB,YAAY,kBAAA,EAAE,OAAO,aAAA;oBACvB,KAAI,CAAC,YAAY,GAAG,YAAY,CAAC;oBACjC,KAAI,CAAC,OAAO,GAAG,OAAO,CAAC;oBACvB,KAAI,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;oBAErB,IAAM,cAAc,GAAG,gBAAK,CAAC,MAAM,CAAC;oBACpC,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;wBACzC,OAAO,cAAc,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;oBACnC,CAAC;oBAED,OAAO,IAAI,CAAC;gBACd,CAAC,CACiC,CACrC,CAAC;YACJ,CAAC;YACH,cAAC;QAAD,CAAC,AA1BkC,CAAc,WAAW;;QAC5C,sBAAmB,GAAG,WAAW,CAAC,mBAAoB;QACtD,cAAW,GAAG,WAAW,CAAC,WAAY;WAwBrD,CAAC;IAEF,IAAM,cAAc,GAAG,MAAM,CAAC,wBAAwB,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;IAC3F,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,YAAY,EAAE,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,0BAA0B,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;IACzF,CAAC;IAED,OAAO,0BAA0B,CAAC;AACpC,CAAC","sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { GlobalObject } from '../globalObject.js';\n\nimport { RenderEnvironmentContext } from './RenderEnvironmentContext.js';\n\ninterface ComponentWithKonturReactUI {\n  __KONTUR_REACT_UI__?: string;\n  displayName?: string;\n}\n\ntype Constructor<T = NonNullable<unknown>> = (new (...args: any[]) => T) & ComponentWithKonturReactUI;\n\nexport function withRenderEnvironment<T extends Constructor<React.Component>>(\n  constructor: T,\n): ComponentWithKonturReactUI & T {\n  const RenderEnvironmentDecorator = class extends constructor {\n    public static __KONTUR_REACT_UI__ = constructor.__KONTUR_REACT_UI__;\n    public static displayName = constructor.displayName;\n\n    public globalObject!: GlobalObject;\n    public cx!: Emotion['cx'];\n    public emotion!: Emotion;\n\n    public render(): React.ReactNode {\n      return (\n        <RenderEnvironmentContext.Consumer>\n          {({ globalObject, emotion }) => {\n            this.globalObject = globalObject;\n            this.emotion = emotion;\n            this.cx = emotion.cx;\n\n            const originalRender = super.render;\n            if (typeof originalRender === 'function') {\n              return originalRender.call(this);\n            }\n\n            return null;\n          }}\n        </RenderEnvironmentContext.Consumer>\n      );\n    }\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(RenderEnvironmentDecorator, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(RenderEnvironmentDecorator, 'name', { value: constructor.name });\n  }\n\n  return RenderEnvironmentDecorator;\n}\n"]}

package/lib/renderEnvironment/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RenderEnvironmentContext.js';
+export * from './RenderEnvironmentDecorator.js';

package/lib/renderEnvironment/index.js

@@ -0,0 +1,3 @@
+export * from './RenderEnvironmentContext.js';
+export * from './RenderEnvironmentDecorator.js';
+//# sourceMappingURL=index.js.map

package/lib/renderEnvironment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/renderEnvironment/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC","sourcesContent":["export * from './RenderEnvironmentContext.js';\nexport * from './RenderEnvironmentDecorator.js';\n"]}

package/lib/rootNode/getRootNode.d.ts

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type { Nullable } from '../../typings/utility-types';
+import type { Nullable } from '../../typings/utility-types.js';
 /**
  * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance
  * following the "StrictMode support convention" (@see README.md#strictmode, #2518).

package/lib/rootNode/getRootNode.js

@@ -0,0 +1,42 @@
+import { isElement } from '../utils.js';
+import { isInstanceWithRootNode } from './rootNodeDecorator.js';
+/**
+ * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance
+ * following the "StrictMode support convention" (@see README.md#strictmode, #2518).
+ *
+ * Replaces findDOMNode but falls back to it if "convention" is not respected.
+ *
+ * @param instance Component's instance provided by React.Ref or `this` inside class-components.
+ * @returns Component's root `Element` or null
+ */
+export var getRootNode = function (instance) {
+    /**
+     * Options of what instance can be:
+     *  1. null or undefined
+     *  2. DOM Element
+     *  3. class Component instance (object)
+     *  4. literally anything, returned from useImperativeHandle
+     */
+    if (!instance) {
+        // instance can be `null` if component was unmounted
+        // also checking undefined for convenient usage
+        return null;
+    }
+    if (isElement(instance)) {
+        // instance can be an Element already if its coming
+        // from Refs of intrinsic elements (<div />, <button />, etc.)
+        return instance;
+    }
+    var rootNode;
+    if (isInstanceWithRootNode(instance)) {
+        rootNode = instance.getRootNode();
+    }
+    if (rootNode !== undefined) {
+        // the getter exists and has returned something, it should be what we are looking for
+        // probably its an Element or null (which is also OK, e.g. Popup/Tooltip/Hint before opening)
+        return rootNode;
+    }
+    // the findDOMNode can also return Text, but we are only interested in Elements, so just filter it
+    return isElement(rootNode) ? rootNode : null;
+};
+//# sourceMappingURL=getRootNode.js.map

package/lib/rootNode/getRootNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRootNode.js","sourceRoot":"","sources":["../../../lib/rootNode/getRootNode.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE;;;;;;;;GAQG;AAEH,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,QAAuC;IACjE;;;;;;OAMG;IAEH,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,oDAAoD;QACpD,+CAA+C;QAC/C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;QACxB,mDAAmD;QACnD,8DAA8D;QAC9D,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,QAAQ,CAAC;IAEb,IAAI,sBAAsB,CAAC,QAAQ,CAAC,EAAE,CAAC;QACrC,QAAQ,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IACpC,CAAC;IAED,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,qFAAqF;QACrF,6FAA6F;QAC7F,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,kGAAkG;IAClG,OAAO,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/C,CAAC,CAAC","sourcesContent":["import type React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { isElement } from '../utils.js';\n\nimport { isInstanceWithRootNode } from './rootNodeDecorator.js';\n\n/**\n * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance\n * following the \"StrictMode support convention\" (@see README.md#strictmode, #2518).\n *\n * Replaces findDOMNode but falls back to it if \"convention\" is not respected.\n *\n * @param instance Component's instance provided by React.Ref or `this` inside class-components.\n * @returns Component's root `Element` or null\n */\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<Element> => {\n  /**\n   * Options of what instance can be:\n   *  1. null or undefined\n   *  2. DOM Element\n   *  3. class Component instance (object)\n   *  4. literally anything, returned from useImperativeHandle\n   */\n\n  if (!instance) {\n    // instance can be `null` if component was unmounted\n    // also checking undefined for convenient usage\n    return null;\n  }\n\n  if (isElement(instance)) {\n    // instance can be an Element already if its coming\n    // from Refs of intrinsic elements (<div />, <button />, etc.)\n    return instance;\n  }\n\n  let rootNode;\n\n  if (isInstanceWithRootNode(instance)) {\n    rootNode = instance.getRootNode();\n  }\n\n  if (rootNode !== undefined) {\n    // the getter exists and has returned something, it should be what we are looking for\n    // probably its an Element or null (which is also OK, e.g. Popup/Tooltip/Hint before opening)\n    return rootNode;\n  }\n\n  // the findDOMNode can also return Text, but we are only interested in Elements, so just filter it\n  return isElement(rootNode) ? rootNode : null;\n};\n"]}

package/lib/rootNode/index.d.ts

@@ -1,2 +1,2 @@
-export * from './getRootNode';
-export * from './rootNodeDecorator';
+export * from './getRootNode.js';
+export * from './rootNodeDecorator.js';

package/lib/rootNode/index.js

@@ -0,0 +1,3 @@
+export * from './getRootNode.js';
+export * from './rootNodeDecorator.js';
+//# sourceMappingURL=index.js.map

package/lib/rootNode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/rootNode/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './getRootNode.js';\nexport * from './rootNodeDecorator.js';\n"]}

package/lib/rootNode/rootNodeDecorator.d.ts

@@ -1,6 +1,5 @@
 import type React from 'react';
-import EventEmitter from 'eventemitter3';
-import type { Nullable } from '../../typings/utility-types';
+import type { Nullable } from '../../typings/utility-types.js';
 export type TGetRootNode = () => Nullable<Element>;
 export type TSetRootNode = (e: Nullable<React.ReactInstance>) => void;
 export interface TRootNodeSubscription {
@@ -20,38 +19,6 @@ interface ComponentWithKonturReactUI {
 interface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {
     new (...args: any[]): React.Component;
 }
-export declare function rootNode<T extends DecoratableClassComponent>(Component: T): {
-    new (...args: any[]): {
-        rootNode: Nullable<Element>;
-        rootNodeEmitter: EventEmitter<string | symbol, any>;
-        setRootNode: (instance: Nullable<React.ReactInstance>) => void;
-        getRootNode: () => Nullable<Element>;
-        addRootNodeChangeListener: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;
-        context: unknown;
-        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;
-    };
-    __KONTUR_REACT_UI__: string | undefined;
-    displayName: string | undefined;
-    defaultRootNode?: Element | null | undefined;
-} & T;
+export declare function rootNode<T extends DecoratableClassComponent>(Component: T): T;
 export declare const isInstanceWithRootNode: (instance: unknown) => instance is InstanceWithRootNode;
 export {};

package/lib/rootNode/rootNodeDecorator.js

@@ -0,0 +1,69 @@
+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 { EventEmitter } from 'eventemitter3';
+import { getRootNode } from './getRootNode.js';
+export function rootNode(Component) {
+    var _a;
+    var rootNode = (_a = /** @class */ (function (_super) {
+            __extends(class_1, _super);
+            function class_1() {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                var _this = _super.call(this, args[0]) || this;
+                _this.rootNode = Component.defaultRootNode;
+                _this.rootNodeEmitter = new EventEmitter();
+                _this.setRootNode = function (instance) {
+                    var rootNode = getRootNode(instance);
+                    if (rootNode !== _this.rootNode) {
+                        _this.rootNode = rootNode;
+                        _this.rootNodeEmitter.emit('change', rootNode);
+                    }
+                };
+                _this.getRootNode = function () {
+                    return _this.rootNode;
+                };
+                _this.addRootNodeChangeListener = function (callback) {
+                    _this.rootNodeEmitter.addListener('change', callback);
+                    return {
+                        remove: function () {
+                            _this.rootNodeEmitter.removeListener('change', callback);
+                        },
+                    };
+                };
+                return _this;
+            }
+            return class_1;
+        }(Component)),
+        __setFunctionName(_a, "rootNode"),
+        _a.__KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__,
+        _a.displayName = Component.displayName,
+        _a);
+    var nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');
+    if (!nameDescriptor || nameDescriptor.configurable) {
+        Object.defineProperty(rootNode, 'name', { value: Component.name });
+    }
+    return rootNode;
+}
+export var isInstanceWithRootNode = function (instance) {
+    return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');
+};
+//# sourceMappingURL=rootNodeDecorator.js.map

package/lib/rootNode/rootNodeDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rootNodeDecorator.js","sourceRoot":"","sources":["../../../lib/rootNode/rootNodeDecorator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AA0B/C,MAAM,UAAU,QAAQ,CAAsC,SAAY;;IACxE,IAAM,QAAQ;YAAiB,2BAAS;YAMtC;gBAAmB,cAAc;qBAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;oBAAd,yBAAc;;gBAC/B,YAAA,MAAK,YAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAC;gBAHV,cAAQ,GAAsB,SAAS,CAAC,eAAe,CAAC;gBACxD,qBAAe,GAAG,IAAI,YAAY,EAAE,CAAC;gBAKrC,iBAAW,GAAG,UAAC,QAAuC;oBAC3D,IAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;oBACvC,IAAI,QAAQ,KAAK,KAAI,CAAC,QAAQ,EAAE,CAAC;wBAC/B,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;wBACzB,KAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBAChD,CAAC;gBACH,CAAC,CAAC;gBAEK,iBAAW,GAAG;oBACnB,OAAO,KAAI,CAAC,QAAQ,CAAC;gBACvB,CAAC,CAAC;gBAEK,+BAAyB,GAAG,UAAC,QAA2C;oBAC7E,KAAI,CAAC,eAAe,CAAC,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBACrD,OAAO;wBACL,MAAM,EAAE;4BACN,KAAI,CAAC,eAAe,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;wBAC1D,CAAC;qBACF,CAAC;gBACJ,CAAC,CAAC;;YArBF,CAAC;YAsBH,cAAC;QAAD,CAAC,AA9BgB,CAAc,SAAS;;QACxB,sBAAmB,GAAG,SAAS,CAAC,mBAAoB;QACpD,cAAW,GAAG,SAAS,CAAC,WAAY;WA4BnD,CAAC;IAEF,IAAM,cAAc,GAAG,MAAM,CAAC,wBAAwB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACzE,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,YAAY,EAAE,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;IACrE,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,QAAiB;IACtD,OAAO,OAAO,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;AAC5F,CAAC,CAAC","sourcesContent":["import type React from 'react';\nimport { EventEmitter } from 'eventemitter3';\n\nimport type { Nullable } from '../../typings/utility-types.js';\n\nimport { getRootNode } from './getRootNode.js';\n\nexport type TGetRootNode = () => Nullable<Element>;\nexport type TSetRootNode = (e: Nullable<React.ReactInstance>) => void;\n\nexport interface TRootNodeSubscription {\n  remove: () => void;\n}\n\nexport interface InstanceWithRootNode {\n  getRootNode: TGetRootNode;\n  addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;\n}\n\ninterface ComponentWithDefaultRootNode {\n  defaultRootNode?: Element | null;\n}\ninterface ComponentWithKonturReactUI {\n  __KONTUR_REACT_UI__?: string;\n  displayName?: string;\n}\n\ninterface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {\n  new (...args: any[]): React.Component;\n}\n\nexport function rootNode<T extends DecoratableClassComponent>(Component: T): T {\n  const rootNode = class extends Component implements InstanceWithRootNode {\n    public static __KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__;\n    public static displayName = Component.displayName;\n\n    public rootNode: Nullable<Element> = Component.defaultRootNode;\n    public rootNodeEmitter = new EventEmitter();\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      const rootNode = getRootNode(instance);\n      if (rootNode !== this.rootNode) {\n        this.rootNode = rootNode;\n        this.rootNodeEmitter.emit('change', rootNode);\n      }\n    };\n\n    public getRootNode = (): Nullable<Element> => {\n      return this.rootNode;\n    };\n\n    public addRootNodeChangeListener = (callback: (node: Nullable<Element>) => void): TRootNodeSubscription => {\n      this.rootNodeEmitter.addListener('change', callback);\n      return {\n        remove: () => {\n          this.rootNodeEmitter.removeListener('change', callback);\n        },\n      };\n    };\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(rootNode, 'name', { value: Component.name });\n  }\n\n  return rootNode;\n}\n\nexport const isInstanceWithRootNode = (instance: unknown): instance is InstanceWithRootNode => {\n  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');\n};\n"]}

package/lib/size/SizeControlContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { SizeProp } from '../types/props';
+import type { SizeProp } from '../types/props.js';
 export interface SizeControlContextProps {
     size: SizeProp;
 }

package/lib/size/SizeControlContext.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { defaultSizeValue } from './constants.js';
+export var SizeControlContext = React.createContext({
+    size: defaultSizeValue,
+});
+SizeControlContext.displayName = 'SizeContext';
+SizeControlContext.__KONTUR_REACT_UI__ = 'SizeContext';
+//# sourceMappingURL=SizeControlContext.js.map

package/lib/size/SizeControlContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizeControlContext.js","sourceRoot":"","sources":["../../../lib/size/SizeControlContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAMlD,MAAM,CAAC,IAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAA0B;IAC7E,IAAI,EAAE,gBAAgB;CACvB,CAAC,CAAC;AAEH,kBAAkB,CAAC,WAAW,GAAG,aAAa,CAAC;AAC/C,kBAAkB,CAAC,mBAAmB,GAAG,aAAa,CAAC","sourcesContent":["import React from 'react';\n\nimport type { SizeProp } from '../types/props.js';\n\nimport { defaultSizeValue } from './constants.js';\n\nexport interface SizeControlContextProps {\n  size: SizeProp;\n}\n\nexport const SizeControlContext = React.createContext<SizeControlContextProps>({\n  size: defaultSizeValue,\n});\n\nSizeControlContext.displayName = 'SizeContext';\nSizeControlContext.__KONTUR_REACT_UI__ = 'SizeContext';\n"]}

package/lib/size/SizeDecorator.d.ts

@@ -1,33 +1,8 @@
 import React from 'react';
-import type { SizeProp } from '../types/props';
+import type { SizeProp } from '../types/props.js';
 type Constructor<T = NonNullable<unknown>> = new (...args: any[]) => T;
 interface WithSizeProps {
     size?: SizeProp;
 }
-export declare function withSize<T extends Constructor<React.Component<WithSizeProps>>>(constructor: T): {
-    new (...args: any[]): {
-        size: SizeProp;
-        render(): React.ReactNode;
-        context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<WithSizeProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<WithSizeProps>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<WithSizeProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<WithSizeProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<WithSizeProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<WithSizeProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<WithSizeProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<WithSizeProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<WithSizeProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-} & T;
+export declare function withSize<T extends Constructor<React.Component<WithSizeProps>>>(constructor: T): WithSizeProps & T;
 export {};

package/lib/size/SizeDecorator.js

@@ -0,0 +1,47 @@
+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 __());
+    };
+})();
+import React from 'react';
+import { SizeControlContext } from './SizeControlContext.js';
+import { defaultSizeValue } from './constants.js';
+export function withSize(constructor) {
+    var SizeDecorator = /** @class */ (function (_super) {
+        __extends(class_1, _super);
+        function class_1() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.size = defaultSizeValue;
+            return _this;
+        }
+        class_1.prototype.render = function () {
+            var _this = this;
+            return (React.createElement(SizeControlContext.Consumer, null, function (context) {
+                var _a;
+                _this.size = (_a = _this.props.size) !== null && _a !== void 0 ? _a : context.size;
+                var originalRender = _super.prototype.render;
+                if (typeof originalRender === 'function') {
+                    return originalRender.call(_this);
+                }
+                return null;
+            }));
+        };
+        return class_1;
+    }(constructor));
+    var nameDescriptor = Object.getOwnPropertyDescriptor(SizeDecorator, 'name');
+    if (!nameDescriptor || nameDescriptor.configurable) {
+        Object.defineProperty(SizeDecorator, 'name', { value: constructor.name });
+    }
+    return SizeDecorator;
+}
+//# sourceMappingURL=SizeDecorator.js.map

package/lib/size/SizeDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizeDecorator.js","sourceRoot":"","sources":["../../../lib/size/SizeDecorator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAQlD,MAAM,UAAU,QAAQ,CAAwD,WAAc;IAC5F,IAAM,aAAa;QAAiB,2BAAW;QAAzB;;YACb,UAAI,GAAa,gBAAgB,CAAC;;QAiB3C,CAAC;QAfQ,wBAAM,GAAb;YAAA,iBAcC;YAbC,OAAO,CACL,oBAAC,kBAAkB,CAAC,QAAQ,QACzB,UAAC,OAAO;;gBACP,KAAI,CAAC,IAAI,GAAG,MAAA,KAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,OAAO,CAAC,IAAI,CAAC;gBAC5C,IAAM,cAAc,GAAG,gBAAK,CAAC,MAAM,CAAC;gBACpC,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;oBACzC,OAAO,cAAc,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;gBACnC,CAAC;gBAED,OAAO,IAAI,CAAC;YACd,CAAC,CAC2B,CAC/B,CAAC;QACJ,CAAC;QACH,cAAC;IAAD,CAAC,AAlBqB,CAAc,WAAW,EAkB9C,CAAC;IAEF,IAAM,cAAc,GAAG,MAAM,CAAC,wBAAwB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAC9E,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,YAAY,EAAE,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;IAC5E,CAAC;IAED,OAAO,aAAa,CAAC;AACvB,CAAC","sourcesContent":["import React from 'react';\n\nimport type { SizeProp } from '../types/props.js';\n\nimport { SizeControlContext } from './SizeControlContext.js';\nimport { defaultSizeValue } from './constants.js';\n\ntype Constructor<T = NonNullable<unknown>> = new (...args: any[]) => T;\n\ninterface WithSizeProps {\n  size?: SizeProp;\n}\n\nexport function withSize<T extends Constructor<React.Component<WithSizeProps>>>(constructor: T): WithSizeProps & T {\n  const SizeDecorator = class extends constructor {\n    public size: SizeProp = defaultSizeValue;\n\n    public render(): React.ReactNode {\n      return (\n        <SizeControlContext.Consumer>\n          {(context) => {\n            this.size = this.props.size ?? context.size;\n            const originalRender = super.render;\n            if (typeof originalRender === 'function') {\n              return originalRender.call(this);\n            }\n\n            return null;\n          }}\n        </SizeControlContext.Consumer>\n      );\n    }\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(SizeDecorator, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(SizeDecorator, 'name', { value: constructor.name });\n  }\n\n  return SizeDecorator;\n}\n"]}

package/lib/size/constants.d.ts

@@ -1,2 +1,2 @@
-import type { SizeProp } from '../types/props';
+import type { SizeProp } from '../types/props.js';
 export declare const defaultSizeValue: SizeProp;

package/lib/size/constants.js

@@ -0,0 +1,2 @@
+export var defaultSizeValue = 'small';
+//# sourceMappingURL=constants.js.map

package/lib/size/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../lib/size/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,gBAAgB,GAAa,OAAO,CAAC","sourcesContent":["import type { SizeProp } from '../types/props.js';\n\nexport const defaultSizeValue: SizeProp = 'small';\n"]}

package/lib/size/index.d.ts

@@ -1 +1 @@
-export * from './SizeControlContext';
+export * from './SizeControlContext.js';

package/lib/size/index.js

@@ -0,0 +1,2 @@
+export * from './SizeControlContext.js';
+//# sourceMappingURL=index.js.map

package/lib/size/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/size/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './SizeControlContext.js';\n"]}

package/lib/size/useSizeControl.d.ts

@@ -1,2 +1,2 @@
-import type { SizeProp } from '../types/props';
+import type { SizeProp } from '../types/props.js';
 export declare const useSizeControl: (propValueSize?: SizeProp) => SizeProp;

package/lib/size/useSizeControl.js

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import { SizeControlContext } from './SizeControlContext.js';
+export var useSizeControl = function (propValueSize) {
+    var size = useContext(SizeControlContext).size;
+    return propValueSize !== null && propValueSize !== void 0 ? propValueSize : size;
+};
+//# sourceMappingURL=useSizeControl.js.map

package/lib/size/useSizeControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSizeControl.js","sourceRoot":"","sources":["../../../lib/size/useSizeControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,aAAwB;IAC7C,IAAA,IAAI,GAAK,UAAU,CAAC,kBAAkB,CAAC,KAAnC,CAAoC;IAChD,OAAO,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,IAAI,CAAC;AAC/B,CAAC,CAAC","sourcesContent":["import { useContext } from 'react';\n\nimport type { SizeProp } from '../types/props.js';\n\nimport { SizeControlContext } from './SizeControlContext.js';\n\nexport const useSizeControl = (propValueSize?: SizeProp): SizeProp => {\n  const { size } = useContext(SizeControlContext);\n  return propValueSize ?? size;\n};\n"]}

package/lib/stringUtils.js

@@ -0,0 +1,12 @@
+export var truncate = function (truncateString, maxLength, separator) {
+    if (separator === void 0) { separator = '...'; }
+    if (truncateString.length <= maxLength) {
+        return truncateString;
+    }
+    var separatorLength = separator.length;
+    var charsCountToShow = maxLength - separatorLength;
+    var frontCharsCount = Math.ceil(charsCountToShow / 2);
+    var backCharsCount = Math.floor(charsCountToShow / 2);
+    return "".concat(truncateString.substr(0, frontCharsCount)).concat(separator).concat(truncateString.substr(truncateString.length - backCharsCount));
+};
+//# sourceMappingURL=stringUtils.js.map