@skbkontur/react-ui 1.12.1 → 2.0.0-beta.4

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

@@ -0,0 +1,12 @@
+import type React from 'react';
+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).
+ *
+ * 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 declare const getRootNode: (instance: Nullable<React.ReactInstance>) => Nullable<Element>;

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

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

@@ -0,0 +1,24 @@
+import type React from 'react';
+import type { Nullable } from '../../typings/utility-types.js';
+export type TGetRootNode = () => Nullable<Element>;
+export type TSetRootNode = (e: Nullable<React.ReactInstance>) => void;
+export interface TRootNodeSubscription {
+    remove: () => void;
+}
+export interface InstanceWithRootNode {
+    getRootNode: TGetRootNode;
+    addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;
+}
+interface ComponentWithDefaultRootNode {
+    defaultRootNode?: Element | null;
+}
+interface ComponentWithKonturReactUI {
+    __KONTUR_REACT_UI__?: string;
+    displayName?: string;
+}
+interface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {
+    new (...args: any[]): React.Component;
+}
+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/scrollInputCaretIntoView.d.ts

@@ -0,0 +1,14 @@
+export type InputSelectionDirection = 'forward' | 'backward' | 'none';
+export interface InputSelection {
+    start: number;
+    end: number;
+    direction: InputSelectionDirection;
+}
+/**
+ * Прокручивает input по горизонтали так, чтобы каретка (или голова выделения) оставалась в видимой области.
+ * Использует приближение средней ширины символа (scrollWidth / length).
+ *
+ * @param input — элемент input
+ * @param selection — опционально: выделение { start, end, direction }. Если не передано, читается из input.
+ */
+export declare function scrollInputCaretIntoView(input: HTMLInputElement, selection?: InputSelection): void;

package/lib/scrollInputCaretIntoView.js

@@ -0,0 +1,38 @@
+/** Отступ в символах от края видимой области, чтобы каретка не прилипала к границе */
+var PADDING = 1;
+var SHIFT = 3;
+/**
+ * Прокручивает input по горизонтали так, чтобы каретка (или голова выделения) оставалась в видимой области.
+ * Использует приближение средней ширины символа (scrollWidth / length).
+ *
+ * @param input — элемент input
+ * @param selection — опционально: выделение { start, end, direction }. Если не передано, читается из input.
+ */
+export function scrollInputCaretIntoView(input, selection) {
+    var _a, _b, _c, _d, _e, _f;
+    if (input.scrollWidth <= input.clientWidth) {
+        return;
+    }
+    var maxScroll = input.scrollWidth - input.clientWidth;
+    var start = (_b = (_a = selection === null || selection === void 0 ? void 0 : selection.start) !== null && _a !== void 0 ? _a : input.selectionStart) !== null && _b !== void 0 ? _b : 0;
+    var end = (_d = (_c = selection === null || selection === void 0 ? void 0 : selection.end) !== null && _c !== void 0 ? _c : input.selectionEnd) !== null && _d !== void 0 ? _d : 0;
+    var direction = ((_f = (_e = selection === null || selection === void 0 ? void 0 : selection.direction) !== null && _e !== void 0 ? _e : input.selectionDirection) !== null && _f !== void 0 ? _f : 'none');
+    var selected = start !== end;
+    var position = selected && direction === 'forward' ? end : start;
+    var value = input.value;
+    var charsCount = value.length;
+    if (charsCount === 0) {
+        return;
+    }
+    var charWidth = input.scrollWidth / charsCount;
+    var frame = Math.ceil(input.clientWidth / charWidth);
+    var frameStart = Math.ceil(input.scrollLeft / charWidth);
+    var frameEnd = frameStart + frame;
+    if (position < frameStart + PADDING) {
+        input.scrollLeft = Math.max(0, (position - SHIFT) * charWidth);
+    }
+    if (position > frameEnd - PADDING) {
+        input.scrollLeft = Math.min(maxScroll, (position - frame + SHIFT) * charWidth);
+    }
+}
+//# sourceMappingURL=scrollInputCaretIntoView.js.map

package/lib/scrollInputCaretIntoView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollInputCaretIntoView.js","sourceRoot":"","sources":["../../lib/scrollInputCaretIntoView.ts"],"names":[],"mappings":"AAQA,sFAAsF;AACtF,IAAM,OAAO,GAAG,CAAC,CAAC;AAClB,IAAM,KAAK,GAAG,CAAC,CAAC;AAEhB;;;;;;GAMG;AACH,MAAM,UAAU,wBAAwB,CAAC,KAAuB,EAAE,SAA0B;;IAC1F,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;QAC3C,OAAO;IACT,CAAC;IAED,IAAM,SAAS,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;IAExD,IAAM,KAAK,GAAG,MAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,mCAAI,KAAK,CAAC,cAAc,mCAAI,CAAC,CAAC;IAC5D,IAAM,GAAG,GAAG,MAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,mCAAI,KAAK,CAAC,YAAY,mCAAI,CAAC,CAAC;IACtD,IAAM,SAAS,GAAG,CAAC,MAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,mCAAI,KAAK,CAAC,kBAAkB,mCAAI,MAAM,CAA4B,CAAC;IAE1G,IAAM,QAAQ,GAAG,KAAK,KAAK,GAAG,CAAC;IAC/B,IAAM,QAAQ,GAAG,QAAQ,IAAI,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAEnE,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC1B,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;IAChC,IAAI,UAAU,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO;IACT,CAAC;IAED,IAAM,SAAS,GAAG,KAAK,CAAC,WAAW,GAAG,UAAU,CAAC;IACjD,IAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IACvD,IAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;IAC3D,IAAM,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;IAEpC,IAAI,QAAQ,GAAG,UAAU,GAAG,OAAO,EAAE,CAAC;QACpC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC;IACjE,CAAC;IACD,IAAI,QAAQ,GAAG,QAAQ,GAAG,OAAO,EAAE,CAAC;QAClC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC;IACjF,CAAC;AACH,CAAC","sourcesContent":["export type InputSelectionDirection = 'forward' | 'backward' | 'none';\n\nexport interface InputSelection {\n  start: number;\n  end: number;\n  direction: InputSelectionDirection;\n}\n\n/** Отступ в символах от края видимой области, чтобы каретка не прилипала к границе */\nconst PADDING = 1;\nconst SHIFT = 3;\n\n/**\n * Прокручивает input по горизонтали так, чтобы каретка (или голова выделения) оставалась в видимой области.\n * Использует приближение средней ширины символа (scrollWidth / length).\n *\n * @param input — элемент input\n * @param selection — опционально: выделение { start, end, direction }. Если не передано, читается из input.\n */\nexport function scrollInputCaretIntoView(input: HTMLInputElement, selection?: InputSelection): void {\n  if (input.scrollWidth <= input.clientWidth) {\n    return;\n  }\n\n  const maxScroll = input.scrollWidth - input.clientWidth;\n\n  const start = selection?.start ?? input.selectionStart ?? 0;\n  const end = selection?.end ?? input.selectionEnd ?? 0;\n  const direction = (selection?.direction ?? input.selectionDirection ?? 'none') as InputSelectionDirection;\n\n  const selected = start !== end;\n  const position = selected && direction === 'forward' ? end : start;\n\n  const value = input.value;\n  const charsCount = value.length;\n  if (charsCount === 0) {\n    return;\n  }\n\n  const charWidth = input.scrollWidth / charsCount;\n  const frame = Math.ceil(input.clientWidth / charWidth);\n  const frameStart = Math.ceil(input.scrollLeft / charWidth);\n  const frameEnd = frameStart + frame;\n\n  if (position < frameStart + PADDING) {\n    input.scrollLeft = Math.max(0, (position - SHIFT) * charWidth);\n  }\n  if (position > frameEnd - PADDING) {\n    input.scrollLeft = Math.min(maxScroll, (position - frame + SHIFT) * charWidth);\n  }\n}\n"]}

package/lib/size/SizeControlContext.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { SizeProp } from '../types/props.js';
+export interface SizeControlContextProps {
+    size: SizeProp;
+}
+export declare const SizeControlContext: React.Context<SizeControlContextProps>;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+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): 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

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

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

@@ -0,0 +1,2 @@
+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.d.ts

@@ -0,0 +1 @@
+export declare const truncate: (truncateString: string, maxLength: number, separator?: string) => string;

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

package/lib/stringUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stringUtils.js","sourceRoot":"","sources":["../../lib/stringUtils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,cAAsB,EAAE,SAAiB,EAAE,SAAiB;IAAjB,0BAAA,EAAA,iBAAiB;IACnF,IAAI,cAAc,CAAC,MAAM,IAAI,SAAS,EAAE,CAAC;QACvC,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,IAAM,eAAe,GAAG,SAAS,CAAC,MAAM,CAAC;IACzC,IAAM,gBAAgB,GAAG,SAAS,GAAG,eAAe,CAAC;IAErD,IAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;IACxD,IAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;IAExD,OAAO,UAAG,cAAc,CAAC,MAAM,CAAC,CAAC,EAAE,eAAe,CAAC,SAAG,SAAS,SAAG,cAAc,CAAC,MAAM,CACrF,cAAc,CAAC,MAAM,GAAG,cAAc,CACvC,CAAE,CAAC;AACN,CAAC,CAAC","sourcesContent":["export const truncate = (truncateString: string, maxLength: number, separator = '...'): string => {\n  if (truncateString.length <= maxLength) {\n    return truncateString;\n  }\n\n  const separatorLength = separator.length;\n  const charsCountToShow = maxLength - separatorLength;\n\n  const frontCharsCount = Math.ceil(charsCountToShow / 2);\n  const backCharsCount = Math.floor(charsCountToShow / 2);\n\n  return `${truncateString.substr(0, frontCharsCount)}${separator}${truncateString.substr(\n    truncateString.length - backCharsCount,\n  )}`;\n};\n"]}

package/lib/styles/ColorFactory.d.ts

@@ -1,11 +1,11 @@
-import { ColorObject } from './ColorObject';
-export declare class ColorFactory {
-    static create(input: string): ColorObject;
-    private static cache;
-    private static instantiate;
-    private static isKeyword;
-    private static fromKeyword;
-    private static fromHex;
-    private static fromRGB;
-    private static fromHSL;
-}
+import { ColorObject } from './ColorObject.js';
+export declare class ColorFactory {
+    static create(input: string): ColorObject;
+    private static cache;
+    private static instantiate;
+    private static isKeyword;
+    private static fromKeyword;
+    private static fromHex;
+    private static fromRGB;
+    private static fromHSL;
+}